﻿*{-moz-osx-font-smoothing:grayscale}p{margin:0}body,html,ol,ul{margin:0;padding:0}li{list-style-type:none}a,a:focus,a:hover{outline:0;font-weight:200;text-decoration:none}a>span.notTransformed{color:#d8d8d8}.clear{clear:both}.pure-u-0{padding:0!important}button:focus{outline:0}img{max-width:100%;height:auto}.product-media img{max-width:10000%}.pure-g.gutters{margin-left:-10px;margin-right:-10px}.padLeft{box-sizing:border-box}.pure-g.gutters>[class*=pure-u]{box-sizing:border-box;padding-left:10px;padding-right:10px}.relative{position:relative;z-index:2}.absolute{position:absolute}.marginTop{margin-top:50px}.marginTop2{margin-top:150px}.flex{display:flex}.flex--center{align-items:center}.flex--start{align-items:flex-start}.flex--end{align-items:flex-end}.flex--end .button{margin-bottom:0}.flex--wrap{flex-wrap:wrap}.flex--bottom{align-items:flex-end}.flex--row{flex:1 100%}.flex--justifyCenter{justify-content:center}.flex--justifySpaceAround{justify-content:space-around}.flex--justifySpaceBetween{justify-content:space-between}.flex--justifyFlexEnd{justify-content:flex-end}.flex--column{flex-direction:column}.pushers{margin-top:100px;width:100%}@media all and (min-width:767px){.hidden-sm{display:none!important}}@media all and (max-width:767px){.padLeft{padding:0;box-sizing:initial}.hidden-xs{display:none!important}}@media all and (max-width:567px){.marginTop2{margin-top:75px}}#page{max-width:100%;position:relative;overflow:hidden}#page a{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}#page .title-strong{font-family:'Droid Serif',Georgia,Times,serif!important}#page .title-large-modiface,#page .title-small{font-family:'Droid Serif',Georgia,Times,serif!important;font-weight:700;font-size:1.8em;line-height:1.5em;letter-spacing:.04em}#page .title-large-modiface .title-strong,#page .title-small .title-strong{font-size:1.95em;font-weight:700;font-style:italic;line-height:.9em}#page .title-small{text-transform:none;letter-spacing:0}#page .title-small .title-strong{letter-spacing:0}#page .title-large-modiface{position:relative;z-index:20;text-transform:none;letter-spacing:0}#page .title-large-modiface .title-strong{display:block}#page .articles .highlight .title-small{line-height:1.1em}#page .highlight .media-block h3{font-size:1.5em}#page .title-small{line-height:1.1em}@media screen and (min-width:768px){#page .title-large-modiface{font-size:3em}}@media screen and (min-width:1280px){#page .title-large-modiface{font-size:4em}}#page .white .title-large-modiface{color:#fff}#page .title-large-modiface{font-size:3vw;font-family:HelveticaNeue;font-weight:600}#page .modiface-description{padding-top:50px;padding-bottom:50px;text-align:right;font-size:20px;font-family:'Droid Serif',Georgia,Times,serif!important;font-style:italic;font-weight:400}#page .modiface-description .modiface-description b{font-family:'Droid Serif',Georgia,Times,serif!important}@media screen and (min-width:768px){#page .modiface-description{text-align:right;font-size:30px;font-family:'Droid Serif',Georgia,Times,serif!important;font-style:italic;font-weight:400;padding-left:15em}}#page section.tyrIt{padding:60px 0}#page header .modiface-wrap{padding:0}@media screen and (min-width:768px){#page header .modiface-wrap{padding:0 25px}}#page .modiface-wrap{width:100%;padding:0 25px;box-sizing:border-box}@media screen and (min-width:1280px){#page .modiface-wrap{width:1270px;margin:0 auto}}#page .tryIt{padding-bottom:9vw;border-bottom:1px solid #e1e1e1}#page .tryIt .ctt-cta{margin-bottom:10vw}#page .tryIt .ctt-cta li{display:inline-block;width:49%;vertical-align:top;padding:0 6.25px;box-sizing:border-box}#page .tryIt .ctt-cta li a.button{width:100%;display:inline-block;text-align:center;color:#fff;height:10.2vw;line-height:10.2vw;background-color:#002fa7;font-size:3.5vw;font-family:RalewayBold;transition:background-color .5s ease-out;padding:0!important}#page .tryIt .ctt-cta li a.button:hover{background-color:#001b6b;transition:background-color .5s ease-out}#page .tryIt .ctt-cta li a.button:before{content:"";background:url(../images/pictCta.svg) 0 0 no-repeat;width:25px;height:20px;background-size:25px;display:inline-block;vertical-align:middle;margin-right:10px;position:relative;top:-1px}#page .tryIt .ctt-cta li a.button.import:before{content:"";background:url(../images/pictCta01.svg) 0 0 no-repeat;width:25px;height:17px;background-size:25px;display:inline-block;vertical-align:middle;margin-right:10px}@media screen and (min-width:768px){#page .tryIt .ctt-cta li{width:195px;height:50px;line-height:50px;margin:0 15px}#page .tryIt .ctt-cta li a.button{width:195px;height:50px;line-height:50px;font-size:14px}}@media screen and (min-width:768px){#page .tryIt .ctt-cta{text-align:center}}#page .tryIt .ctt-ctaBis{opacity:0;visibility:hidden;height:0;text-align:center;border-top:1px solid #f1f1f1;margin-top:40px;padding-top:40px}@media screen and (min-width:768px){#page .tryIt .ctt-ctaBis{padding-top:14px}}#page .tryIt .ctt-ctaBis .col{width:44%;display:inline-block;vertical-align:top}#page .tryIt .ctt-ctaBis .col.picto{background:url(../images/device.svg) 14vw -4px no-repeat;background-size:12vw;height:100px}#page .tryIt .ctt-ctaBis .col.picto p{display:block;font-family:Raleway;padding:14vw 0;font-size:4vw}#page .tryIt .ctt-ctaBis .col.picto p b{display:block;font-weight:700}@media screen and (min-width:768px){#page .tryIt .ctt-ctaBis .col.picto p{font-size:20px;line-height:25px;font-family:Raleway;text-align:center;padding-top:9vw;display:block}#page .tryIt .ctt-ctaBis .col.picto p b{display:inline-block}}#page .tryIt .ctt-ctaBis a.button{width:100%;display:inline-block;text-align:center;color:#fff;height:10.2vw;line-height:10.2vw;background-color:#002fa7;margin-bottom:3vw;font-size:4vw;font-family:RalewayBold;transition:background-color .5s ease-out;padding:0!important}#page .tryIt .ctt-ctaBis a.button:hover{background-color:#001b6b;transition:background-color .5s ease-out}#page .tryIt .ctt-ctaBis a.button:before{content:"";background:url(../images/ctaApple.png) 0 0 no-repeat;width:16px;height:20px;background-size:16px;display:inline-block;vertical-align:middle;margin-right:10px;position:relative;top:-1px}#page .tryIt .ctt-ctaBis a.button.google:before{content:"";background:url(../images/ctaGoogle.png) 0 0 no-repeat;width:18px;height:20px;background-size:18px;display:inline-block;vertical-align:middle;margin-right:10px}@media screen and (min-width:768px){#page .tryIt .ctt-ctaBis a.button{width:195px;height:50px;line-height:50px;font-size:14px}}@media screen and (min-width:1024px){#page .tryIt .ctt-ctaBis a.button{width:195px;height:50px;line-height:50px;font-size:14px;margin-bottom:1vw;display:inline-block;vertical-align:top}}@media screen and (min-width:614px){#page .tryIt .ctt-ctaBis .col{width:30%;display:inline-block;vertical-align:top}#page .tryIt .ctt-ctaBis .col.picto{background:url(../images/device.svg) 0 0 no-repeat;background-size:20vw;height:170px}}@media screen and (min-width:768px){#page .tryIt .ctt-ctaBis .col.picto{background:url(../images/device.svg) 8vw 0 no-repeat;background-size:7vw;height:20vw;width:175px}}@media screen and (min-width:1024px){#page .tryIt .ctt-ctaBis{border-top:1px solid #f1f1f1;margin-top:34px;text-align:left}#page .tryIt .ctt-ctaBis .col{width:100%}#page .tryIt .ctt-ctaBis .col li{width:195px;display:inline-block;vertical-align:top;margin-right:15px}#page .tryIt .ctt-ctaBis .col.picto{width:64px;height:105px;background:url(../images/device.svg) 0 13px no-repeat;background-size:64px}#page .tryIt .ctt-ctaBis .col.picto p{line-height:110px;padding:0 0 0 70px;font-size:15px;text-align:left;font-family:Raleway;width:300px}}#page .tryIt .ctt-meches{padding:0 16vw}#page .tryIt .ctt-meches p.paraGrey{padding:20px;background:#f1f1f1;font-family:Raleway;font-weight:300;font-size:15px;text-align:center;opacity:0;visibility:hidden;height:0;margin-bottom:50.5px}@media screen and (min-width:768px){#page .tryIt .ctt-meches p.paraGrey{padding:20px;background:#f1f1f1;font-family:Raleway;font-weight:300;font-size:15px;text-align:left;opacity:0;visibility:hidden;height:auto;display:block;margin-bottom:30.5px}}#page .tryIt .ctt-meches li{display:inline-block;width:20%;vertical-align:top;position:relative}#page .tryIt .ctt-meches li.active a:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:7vw;height:7vw;border:3px solid #fff;transition:border .2s ease-out;box-shadow:0 0 30px 0 rgba(0,0,0,.6);border-radius:50%}#page .tryIt .ctt-meches li a,#page .tryIt .ctt-meches li img{border-radius:50%;display:block}#page .tryIt .ctt-meches li a{padding:0 8px;box-sizing:border-box;border:0 solid #fff;transition:border .2s ease-out}#page .tryIt .ctt-meches p.nameShadeMain{font-family:'Droid Serif',Georgia,Times,serif;font-size:9vw;text-align:center;font-style:italic;font-weight:700;margin-top:4vw;margin-bottom:4vw;transition:opacity .5s ease-out;-webkit-transition:opacity .5s ease-out;opacity:0;visibility:hidden;height:0}@media screen and (min-width:768px){#page .tryIt .ctt-meches p.nameShadeMain{margin-bottom:2vw;font-size:7vw}}@media screen and (min-width:1024px){#page .tryIt .ctt-meches p.nameShadeMain{font-size:30px;text-align:left;margin-top:20px;margin-bottom:10px;padding-bottom:0;display:block;height:auto}}#page .tryIt .ctt-meches .titleSelect{font-size:5vw;font-family:RalewayBold;text-align:center;text-transform:uppercase;font-weight:700;margin-bottom:3vw}#page .tryIt .ctt-meches .titleSelect.tsTwo{opacity:0;visibility:hidden;height:auto}@media screen and (min-width:1024px){#page .tryIt .ctt-meches .tsTwo{border-top:1px solid #f1f1f1;padding-top:20px}}@media screen and (min-width:1024px){#page .tryIt .ctt-meches .titleSelect{font-size:18px;text-align:left;margin-bottom:25px}}@media screen and (min-width:768px){#page .tryIt .ctt-meches{text-align:center}#page .tryIt .ctt-meches li{width:15%;margin:0 10px}#page .tryIt .ctt-meches li.active a:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:6.3vw;height:6.3vw;border:3px solid #fff;transition:border .2s ease-out;box-shadow:0 0 30px 0 rgba(0,0,0,.6);border-radius:50%}}@media screen and (min-width:1024px){#page .tryIt .ctt-meches{padding:0;text-align:left}#page .tryIt .ctt-meches li{margin:0;width:62px}#page .tryIt .ctt-meches li.active a:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:55px;height:55px;border:3px solid #fff;transition:border .2s ease-out;box-shadow:0 0 30px 0 rgba(0,0,0,.3);border-radius:50%}#page .tryIt .ctt-meches li a{padding:0 5px}#page .tryIt .ctt-meches li:nth-child(1){margin-left:-5px}}#page .tryIt .ctt-meches-second .subCtt{opacity:0;visibility:hidden;height:0}#page .tryIt .ctt-meches-second .subCtt li{display:inline-block;vertical-align:top;width:16.66%;padding:0 5px;box-sizing:border-box;position:relative;margin-bottom:10px}#page .tryIt .ctt-meches-second .subCtt li a,#page .tryIt .ctt-meches-second .subCtt li img{border-radius:50%;display:block}#page .tryIt .ctt-meches-second .subCtt li.active a:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:11vw;height:11vw;border:3px solid #fff;transition:border .2s ease-out;box-shadow:0 0 20px 0 rgba(0,0,0,.6);border-radius:50%}@media screen and (min-width:768px){#page .tryIt .ctt-meches-second .subCtt{text-align:center}#page .tryIt .ctt-meches-second .subCtt li{width:14.66%;padding:0 20px;margin-bottom:30px}#page .tryIt .ctt-meches-second .subCtt li img{width:100%}#page .tryIt .ctt-meches-second .subCtt li.active a:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:9vw;height:9vw;border:3px solid #fff;transition:border .2s ease-out;box-shadow:0 0 20px 0 rgba(0,0,0,.6);border-radius:50%}}@media screen and (min-width:1024px){#page .tryIt .ctt-meches-second .subCtt{text-align:left;height:0}#page .tryIt .ctt-meches-second .subCtt li{width:52px;padding:0 5px;margin-bottom:10px}#page .tryIt .ctt-meches-second .subCtt li.active a:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:45px;height:45px;border:3px solid #fff;transition:border .2s ease-out;box-shadow:0 0 20px 0 rgba(0,0,0,.3);border-radius:50%}}#page .tryIt p.nameShadeSecond{font-family:'Droid Serif',Georgia,Times,serif;font-size:9vw;text-align:center;font-style:italic;font-weight:700;margin-top:2vw;opacity:0;visibility:hidden;height:0}@media screen and (min-width:768px){#page .tryIt p.nameShadeSecond{font-family:'Droid Serif',Georgia,Times,serif;font-size:7vw;text-align:center;font-style:italic;font-weight:700;margin-top:2vw}}@media screen and (min-width:1024px){#page .tryIt p.nameShadeSecond{font-size:30px;text-align:left;margin-top:5px;height:auto}}@media screen and (min-width:1024px){#page .tryIt{margin-top:0;margin-bottom:0;border:0}}#page .download{overflow:hidden}#page .download .phoneApp{top:-50vw;position:relative}#page .download .col{position:relative}#page .download .col img{max-width:120vw;top:-30vw;right:-20vw;position:relative}@media screen and (min-width:768px){#page .download .col{position:relative}#page .download .col img{max-width:120vw;margin-top:-30vw;right:-20vw;position:relative}}@media screen and (min-width:1024px){#page .download .col{position:relative}#page .download .col img{max-width:120vw;top:0;right:-20vw;position:relative}}#page .download a.button{width:100%;display:inline-block;text-align:center;color:#fff;height:10.2vw;line-height:10.2vw;background-color:#002fa7;margin-bottom:3vw;font-size:4vw;font-family:RalewayBold;transition:background-color .5s ease-out}#page .download a.button:hover{background-color:#001b6b;transition:background-color .5s ease-out}#page .download a.button:before{content:"";background:url(../images/ctaApple.png) 0 0 no-repeat;width:16px;height:20px;background-size:16px;display:inline-block;vertical-align:middle;margin-right:10px;position:relative;top:-1px}#page .download a.button.google:before{content:"";background:url(../images/ctaGoogle.png) 0 0 no-repeat;width:18px;height:20px;background-size:18px;display:inline-block;vertical-align:middle;margin-right:10px}@media screen and (min-width:768px){#page .download a.button{width:195px;height:50px;line-height:50px;font-size:14px}}@media screen and (min-width:1024px){#page .download a.button{width:195px;height:50px;line-height:50px;font-size:14px;margin-bottom:1vw}}#page .download .ctt-cta .col{width:44%;display:inline-block;vertical-align:top}#page .download .ctt-cta .col.picto{background:url(../images/device.svg) 10vw 0 no-repeat;background-size:20vw;height:100px}@media screen and (min-width:614px){#page .download .ctt-cta .col{width:46%;display:inline-block;vertical-align:top}#page .download .ctt-cta .col.picto{background:url(../images/device.svg) 0 0 no-repeat;background-size:20vw;height:170px}}@media screen and (min-width:768px){#page .download .ctt-cta .col.picto{background:url(../images/device.svg) 0 2vw no-repeat;background-size:10vw;height:20vw;width:105px}}@media screen and (min-width:1024px){#page .download .ctt-cta{text-align:left}#page .download .ctt-cta .col{width:195px}#page .download .ctt-cta .col.picto{width:114px;height:11vw;background:url(../images/device.svg) 0 13px no-repeat;background-size:84px}}@media screen and (min-width:1280px){.download{height:71em}}.visibleMeche{animation:opacity .5s!important;-webkit-animation:opacity .5s!important;animation-fill-mode:forwards!important;height:100px}@keyframes opacity{0%{opacity:0}100%{opacity:1;visibility:visible;height:auto}}@media screen and (min-width:1024px){.cttModiface{width:550px;height:710px;display:inline-block;vertical-align:top;position:relative;box-shadow:-6px -8px 50px 0 rgba(0,0,0,.15);-webkit-box-shadow:-6px -8px 50px 0 rgba(0,0,0,.15)}.ctt-meches-desk{display:inline-block;width:41vw;margin-left:0;padding:2vw 32.5px;box-sizing:border-box}.ctt-meches-desk .main{height:auto}}@media screen and (min-width:1280px){.ctt-meches-desk{display:inline-block;vertical-align:top;margin-left:50px;width:505px;margin-left:115px;padding:1vw 0}}#modiface_tryon_container{width:100%;height:100%}#mf_ppa_frame{min-height:400px}@media screen and (min-width:1024px){.ctt-meches-second{padding:0 4vw 0 0;height:90px}}#page .modiface-description,#page .title-small,#page .tryIt h2,#page .tryIt strong,.aside-content h2,.aside-content h3,.aside-content strong,.download h2,.find h2,.inspiration h2,.moodboard h2,.presentation h2,.presentation h2 strong,.presentation h3,.product-reminder h2,.product-stage h1,.quote h2,.quote h3,.quote strong,.related-product-container h2,.related-product-container h3,.stage h1,.tryIt .title-large-modiface{font-family:LorealProBold!important}#page .download a.button,#page .tryIt .ctt-meches .titleSelect,#page .tryIt p,.aside-content p,.aside-content span,.download h4,.find h4,.inspiration h4,.moodboard a,.moodboard p,.presentation p,.presentation ul li,.product-reminder .form-combo input[type=text],.product-reminder p,.product-reminder strong,.product-stage input[type=text],.product-stage p,.quote input[type=text],.quote p,.quote span,.related-product-container h4,.related-product-container ul li .sliding-container .marquee-container span i,.stage h4,.toolbox .form-combo input[type=text]{font-family:LorealProMedium}


