@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@700&display=swap");@font-face{font-family:"Cochin";src:url("../fonts/cochin.woff") format("woff");font-style:normal;font-weight:normal;font-display:swap}@font-face{font-family:"Wilma";src:url("../fonts/wilma.woff") format("woff");font-style:normal;font-weight:normal;font-display:swap}*{-webkit-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth}del{text-decoration:none}h1,h2,h3,h4,p{font-weight:normal;line-height:normal}img{display:block;margin:0;height:auto}iframe{border:none}a{text-decoration:none;color:#000;outline:none}sup{font-size:0.4em;line-height:0;vertical-align:super}::-moz-selection{color:#fff;background:#000}::selection{color:#fff;background:#000}::-moz-selection{color:#fff;background:#000}body,html{position:relative;height:100%}body{margin:0;font-size:16px;font-weight:normal;line-height:20px;color:#000;outline:none;background-color:#FFFCFA!important;font-family:"Cochin";display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;height:auto;width:100%;position:relative;overflow-x:hidden}body>div{position:relative;width:744px;margin:0 auto;overflow:hidden;background-color:#FFFCFA}body>main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media only screen and (max-width:743px){body>div{max-width:744px;width:100%}}strong{font-weight:bold}a{color:#000;text-decoration:none}.center{text-align:center}.m_auto{margin:0 auto}.right{text-align:right}.f_left{float:left;margin:0 16px 32px 0}.f_right{float:right;margin:0 0 32px 16px}.clear{clear:both}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;outline:0;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none;color:#000;background-color:#ff9}mark{font-weight:bold;font-style:italic;color:#000;background-color:#ff9}del{text-decoration:line-through}abbr[title],dfn[title]{cursor:help;border-bottom:1px dotted}table{border-spacing:0;border-collapse:collapse}hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc}input,select{vertical-align:middle}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none}img{vertical-align:middle}input{border-radius:0}li,p{font-size:15px;line-height:20px;font-weight:normal}header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:25px 25px 15px 25px}header.absolute{position:absolute;width:100%;top:0;left:0;z-index:2}header>a{margin:0 auto}header>a img{width:160px}header>a#home{position:absolute;left:25px;top:35px;margin:0}header>a#home img{width:32px;height:auto}header .lang{position:absolute;right:25px;top:35px}header .lang a{margin-right:15px;padding:0 0 8px;display:inline-block;border-bottom:1px solid transparent}header .lang a img{width:32px}header .lang a.selected{border-color:#000}header .lang a:last-of-type{padding-right:0;margin-right:0}.btn{display:inline-block;font-size:26px;line-height:38px;letter-spacing:2.1px;text-transform:uppercase;background-color:#fff;padding:14px 20px 6px;text-align:center;font-family:"Wilma"}.colors{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.colors p{width:100%;text-transform:lowercase;font-size:18px;line-height:22px;margin:0 0 10px!important}.colors span{display:block;height:24px;width:24px;border-radius:50%;margin-right:15px}.colors span:last-of-type{margin-right:0}.colors span.blue{background-color:#3F647E}.colors span.yellow{background-color:#EBBD4D}.colors span.red{background-color:#EC9384}.colors span.pink{background-color:#D6C5D3}.colors.small span{height:15px;width:15px;margin-right:10px}@media only screen and (max-width:743px){li,p{font-size:15px;line-height:20px;font-weight:normal}header{padding:15px 4% 4%}header>a img{width:120px}header>a#home{top:25px;left:5%}header>a#home img{width:24px}header .lang{top:25px;right:5%}header .lang a{margin-right:10px;padding:0 0 4px}header .lang a img{width:24px}.btn{font-size:20px;line-height:32px;padding:8px 14px 0}.colors{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.colors p{width:100%;text-transform:lowercase;font-size:18px;line-height:22px;margin:0 0 10px!important}.colors span{display:block;height:24px;width:24px;border-radius:50%;margin-right:15px}.colors span:last-of-type{margin-right:0}.colors.small span{height:15px;width:15px;margin-right:10px}}#home h1{font-size:35px;line-height:38px;font-family:"Cochin";text-transform:uppercase;margin:0 0 20px;letter-spacing:0.75px}#home h2{font-family:"Cochin";font-size:22px;line-height:30px;letter-spacing:0.45px;text-transform:uppercase;margin:0 0 30px;text-align:center}#home h3{text-transform:uppercase;font-size:14px;line-height:18px;letter-spacing:0.25px}#home h3 span{font-size:25px;line-height:30px;margin:0 0 6px;display:block}#home .choose{position:relative;width:100%}#home .choose img{width:100%;height:auto}#home .choose>div{padding:0 4%;margin-top:auto;position:absolute;bottom:30px;left:0}#home .hairbrush{padding:40px 0}#home .hairbrush>div{padding:0 4%}#home .hairbrush .col_4{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:8px}#home .hairbrush .col_4>a{width:calc(20% - 8px)}#home .hairbrush .col_4>a img{max-width:100%;height:auto;margin:0 0 5px}@media only screen and (max-width:743px){#home h1{font-size:22px;line-height:28px;margin:0 0 15px}#home h2{font-size:16px;line-height:20px;margin:0 0 20px}#home h3{line-height:16px}#home h3 span{font-size:20px;line-height:25px;margin:0}#home .choose img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1.5}#home .choose>div{bottom:20px}#home .hairbrush{padding:20px 0}#home .hairbrush .col_4>a{width:49%;margin:0 0 10px}#home .hairbrush .col_4>a img{margin:0 0 5px}}#diagnostic p{padding:0 4%;text-align:center;font-size:22px;line-height:26px;color:#9A9A9A;margin:0 0 65px}#diagnostic p span{display:block;margin:0 0 10px;font-size:36px;line-height:40px;color:#000}#diagnostic .breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex}#diagnostic .breadcrumb span{width:20%;text-align:center;font-family:"Wilma";font-size:12px;line-height:16px;text-transform:uppercase;padding:6px;background-color:#F2F2FA;color:#9A9A9A;letter-spacing:1.4px}#diagnostic .breadcrumb span.actif,#diagnostic .breadcrumb span.validated{color:#000;background-color:#D0D0EA;position:relative}#diagnostic .breadcrumb span.actif:after,#diagnostic .breadcrumb span.validated:after{content:"";position:absolute;right:-10px;top:calc(50% - 10px);width:20px;height:20px;background-color:#D0D0EA;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#diagnostic .breadcrumb span.validated{border-right:1px solid #F2F2FA}#diagnostic .breadcrumb span.validated:after{display:none}#diagnostic form#diagnostic_form fieldset{text-align:center;display:none;padding-bottom:45px}#diagnostic form#diagnostic_form fieldset:first-child{display:block}#diagnostic form#diagnostic_form legend{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin:0 0 45px}#diagnostic form#diagnostic_form legend>div{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex}#diagnostic form#diagnostic_form legend>div h1{font-size:45px;line-height:55px;letter-spacing:9px;text-transform:uppercase;font-family:"Wilma";color:#fff;margin:auto}#diagnostic form#diagnostic_form legend img{width:100%;height:auto}#diagnostic form#diagnostic_form .col_2{padding:0 4%;width:450px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}#diagnostic form#diagnostic_form .col_2.full label.radio{width:100%}#diagnostic form#diagnostic_form .col_2 label.radio{width:50%;position:relative;display:inline-block;font-size:20px;line-height:24px;text-align:center;margin:0 0 50px;color:#000;cursor:pointer}#diagnostic form#diagnostic_form .col_2 label.radio input{position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;cursor:pointer;opacity:0;border:0}#diagnostic form#diagnostic_form .col_2 label.radio span{display:block;font-size:13px;line-height:16px;letter-spacing:0.25px}#diagnostic form#diagnostic_form .col_2 label.radio img{margin:0 auto 15px;border-radius:50%;border:2px solid transparent;-webkit-transition:200ms;transition:200ms;width:114px;height:114px}#diagnostic form#diagnostic_form .col_2 label.radio input:checked~img{border-color:#234357}#diagnostic form#diagnostic_form .back{cursor:pointer;display:block;margin:0 auto;width:100%;height:40px;background:url("../img/ui/back.svg") no-repeat center center;background-size:40px}#diagnostic form#diagnostic_form .btn_form{margin:0 30px;text-align:center;min-width:150px;display:inline-block;padding:16px 28px;font-size:13px;line-height:16px;letter-spacing:1.4px;font-family:"Wilma";text-transform:uppercase;color:#000;background-color:transparent;border:1px solid #000;cursor:pointer;-webkit-transition:150ms;transition:150ms}#diagnostic form#diagnostic_form .btn_form:hover{color:#fff;background-color:#000;border-color:transparent}@media only screen and (max-width:743px){#diagnostic p{font-size:16px;line-height:20px;margin:0 0 45px}#diagnostic p span{margin:0 0 5px;font-size:25px;line-height:28px}#diagnostic .breadcrumb span{width:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#diagnostic .breadcrumb span.actif:after,#diagnostic .breadcrumb span.validated:after{display:none}#diagnostic form#diagnostic_form legend{margin:0 0 25px}#diagnostic form#diagnostic_form legend>div h1{font-size:35px;line-height:45px;letter-spacing:7px}#diagnostic form#diagnostic_form .col_2{width:100%}#diagnostic form#diagnostic_form .col_2 label.radio{font-size:18px;line-height:22px;margin:0 0 30px}#diagnostic form#diagnostic_form .col_2 label.radio img{width:90px;height:90px}}#results{position:relative}#results .btn{display:inline-block;font-size:20px;line-height:22px;padding:14px 20px 6px}#results h1{font-size:28px;line-height:36px;letter-spacing:0.5px;margin:0 0 20px;text-transform:uppercase}#results h1 em{font-size:24px;line-height:32px}#results h1 span{display:block;font-size:55px;line-height:65px;letter-spacing:0.5px}#results h2{font-size:24px;line-height:32px;text-transform:uppercase;text-align:right;margin:0 0 25px}#results h3{font-size:18px;line-height:26px;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 10px}#results h3 span{display:block;font-size:40px;line-height:46px;letter-spacing:0.4px;text-transform:uppercase}#results p{margin:0 0 10px}#results #best_brosse{position:relative;margin:0 0 40px}#results #best_brosse img{width:100%;height:auto}#results #best_brosse>div{position:absolute;top:190px;left:4%}#results #best_brosse>div>p:not(.btn){font-size:22px;line-height:26px;letter-spacing:0.18px;text-transform:lowercase;margin:0 0 15px!important}#results #best_brosse>div .tag{margin:0 0 10px}#results #best_brosse>div .tag span{display:inline-block;font-size:12px;line-height:16px;font-family:"Nunito Sans",sans-serif;text-transform:uppercase;padding:2px 10px;margin:0 10px 10px 0;border:1px solid #000;border-radius:7px}#results #best_brosse>div .tag span:last-of-type{margin-right:0}#results #intro{padding:0px 4%;margin-top:-190px}#results #intro.miracle{margin-top:-210px}#results #intro .col_2{position:relative;padding:40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff}#results #intro .col_2>div{width:100%;padding:0 30px;margin:0 0 40px}#results #intro .col_2>div h2{text-align:center}#results #intro .col_2>div p{text-align:center}#results #intro .col_2>div p:last-of-type{margin-bottom:0}#results #intro .col_2>div>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:30px 0}#results #intro .col_2 .more{text-transform:lowercase;letter-spacing:1px;width:100%;font-family:"Wilma";text-align:center;padding:0 0 15px;margin-bottom:0;background:url("../img/ui/arrow.svg") no-repeat center bottom}#results #second_best_brosse{margin:0 0 65px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#results #second_best_brosse>img{width:70%}#results #second_best_brosse>div{margin-left:-15%;width:40%;z-index:2;background-color:#fff;padding:30px}#results #second_best_brosse>div p:first-of-type{font-size:18px;line-height:24px;letter-spacing:1.26px;margin:0 0 15px;font-family:"Wilma"}#results #second_best_brosse>div p:last-of-type{font-size:17px;line-height:23px;letter-spacing:0.17px;margin:0 0 10px}#results #made_in{margin:0 0 100px}#results #made_in>div{padding:0 4%;position:relative}#results #made_in>div img{width:100%;height:auto}#results #made_in>div>div{position:absolute;left:8%;bottom:-12%;width:42%;background-color:#fff;padding:30px}#results #made_in>div>div p{font-size:25px;line-height:30px;font-family:"Wilma"}#results #made_in>div>div ul li{margin:0 0 20px 15px}#results #made_in>div>div ul li:last-of-type{margin-bottom:0}@media only screen and (max-width:743px){#results .btn{font-size:18px;line-height:18px;padding:8px 0 4px}#results h1{font-size:20px;line-height:28px;margin:0 0 10px}#results h1 em{font-size:18px;line-height:26px}#results h1 span{font-size:30px;line-height:35px}#results h2{text-align:left;font-size:20px;line-height:28px;margin:0 0 15px}#results h3{font-size:16px;line-height:22px;margin:0 0 5px}#results h3 span{font-size:30px;line-height:36px}#results p{margin:0 0 10px}#results p br{display:none}#results #best_brosse{position:relative;margin:0 0 20px}#results #best_brosse>div{background:white;position:relative;left:unset;margin:-15% 4% 0;padding:15px;top:unset}#results #best_brosse>div>p:not(.btn){font-size:18px;line-height:22px}#results #best_brosse>div .tag{margin:0 0 5px}#results #intro{margin-top:0}#results #intro.miracle{margin-top:0}#results #intro .col_2{padding:20px 0}#results #intro .col_2>div{width:100%;padding:0 25px;margin:0 0 30px}#results #intro .col_2>div:first-of-type{border-right:none}#results #intro .col_2>div:first-of-type p{text-align:left}#results #intro .col_2>div:last-of-type p:first-of-type{font-size:20px;line-height:24px}#results #intro .col_2>div:last-of-type p:last-of-type{font-size:18px;line-height:22px}#results #intro .col_2>div>div{margin:20px 0;gap:5px}#results #second_best_brosse{margin:0 0 25px;display:block}#results #second_best_brosse>img{width:100%}#results #second_best_brosse>div{margin-left:0;width:100%;padding:20px}#results #second_best_brosse>div p:first-of-type{font-size:16px;line-height:22px;margin:0 0 10px}#results #second_best_brosse>div p:last-of-type{line-height:21px;margin:0 0 10px}#results #made_in{margin:0 0 50px}#results #made_in>div>div{position:static;width:100%;padding:20px}#results #made_in>div>div p{font-size:20px;line-height:35px}#results #made_in>div>div ul li{margin:0 0 20px 15px;font-size:17px;line-height:20px}}