#myImg{border-radius:5px;cursor:pointer;transition:0.3s;} .generation-content .photo{min-height:300px;max-height:100%;} .soin .descsoin{color:#000;} .effet{font-size:35px !important;font-family:"Kohinoor-SB";} .titretest{font-size:20px !important;padding-bottom:70px !important;} .containermonde{padding-top:50px !important;} #bandeaumonde{min-height:70vh;height:70vh;} .tableaumonde .partiedroite .petitnum{font-size:14px;} .tableaumonde .partiedroite a.button{text-align:center;width:250px;padding-top:10px;display:block;padding-bottom:10px;border:1px solid #e68a8a;font-size:15px;color:#e68a8a;text-decoration:none;} .tableaumonde .partiedroite .gras{font-family:"Kohinoor-SB";font-size:20px;color:#e68a8a;} .tableaumonde .partiedroite .drapeau{width:80px;display:inline-block;vertical-align:top;margin-top:30px;} .tableaumonde .partiedroite .contenupartiedroite .droite{display:inline-block;width:calc(100% - 100px);vertical-align:top;margin-top:30px;} .paysmonde .cont{color:#e68a8a;font-family:"Kohinoor-SB";} #bandeaumonde .titrebandeaumarque{} .legendemonde{float:right;} .tableaumonde .partiedroite .contenupartiedroite{background-color:#e4e4e2;padding-right:10%;height:100%;padding-left:10%;} .tableaumonde{display:flex;height:250px;width:100%;} .tableaumonde .partiegauche .plusde{font-size:30px;display:block;} .tableaumonde .partiegauche .pays{font-size:30px;display:block;margin-top:5px;float:right;} .tableaumonde .partiegauche .contenupartiegauche{position:relative;width:139px;top:50%;left:50%;transform:translate(-50%,-65%);} .tableaumonde .partiegauche .chiffre{font-size:150px;display:block;line-height:95px;} .tableaumonde .partiedroite{padding-left:10%;} .tableaumonde .partiegauche{width:40%;color:#e68a8a;border:2px solid #e68a8a;} #lessoinsdiag{width:100%;} #lessoinsdiag td img{width:25%;} #lessoinsdiag td{width:33%;text-align:center !important;vertical-align:bottom;} .lieninscriptionloginpage{position:relative;left:-40px;} #popupannoncespontane{display:block !important;} .contenutests{} .contenutests .partiedroite #register-form .heading{padding-top:0;padding-bottom:0;} #routine.routineprofil{margin-bottom:0 !important;} #register-form2 .heading .textepetit{font-size:12px;line-height:20px;} #findiag{position:absolute;top:0;} .contenutests .partiegauche img{width:100%;height:auto;} .contenutests .partiegauche .date{font-size:12px;} .contenutests .partiegauche .texte{width:80%;padding-left:10%;padding-right:10%;display:block;} .contenutests .partiegauche{margin:0;padding-bottom:0;width:49%;position:relative;color:#fe6776;vertical-align:top;font-size:15px;} .contenutests .partiedroite .form-group{} .contenutests .partiedroite .form-register-part2,.contenutests .partiedroite .form-register-part3{display:none;} .contenutests .partiedroite .form-register-part2{padding-top:0;margin-top:0;border:0;} .contenutests .partiedroite #messageerreur{display:none;color:red;} .contenutests .partiedroite #register-form .heading{font-size:25px !important;border:0 !important;} .contenutests .partiedroite{} .contenutests .mention{text-align:justify;display:block;line-height:11px;font-size:9px;} #imagetest.imagetestie{width:750px;height:auto;position:relative;} #imagetest{width:100%;height:auto;position:relative;} #boutonformpart2:hover,#boutonparticiper:hover{border:1px solid #fe6776 !important;color:#fe6776 !important;background-color:#fff !important;} #boutonformpart2{text-decoration:none;font-size:15px;color:#fff !important;background-color:#fe6776 !important;padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;border:1px solid #fe6776 !important;} #imagetestgauche.imagetestgaucheie{width:350px !important;height:auto;} #boutonparticiper{text-decoration:none;position:relative;top:20px;font-size:20px;border:1px solid #fe6776 !important;color:#fff !important;background-color:rgba(254, 103, 118, 1);padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;} #datetest{position:absolute;top:290px;left:50%;transform:translateX(-50%);font-size:14px;color:#fe6776;} #tableautest tr,#tableautest td{height:100%;} .contenutests{text-align:center;padding-top:150px;width:60%;position:relative;left:20%;} #contenudiagnostic .partiedroite #question.questionfindiag{top:25%;} .contenuproduit .cadrerose .titre.titregrand { font-size:18px; line-height:20px; } #croixpopupdiag{position:absolute;right:10px;top:10px;cursor:pointer;} h3{font-weight:normal;margin:0;padding:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0px;-webkit-margin-end:0px;} h2.titrecadre{font-weight:normal;font-size:18px;} #popupinscription #register-form .heading{border-top:0;border-bottom:0;font-size:30px;text-align:center;} #popupinscription #register-form{overflow:auto;height:600px;padding-right:30px;} #popupinscription{border:1px solid #dddddd;position:fixed;top:50%;left:50%;width:500px;height:600px;transform:translate(-50%,-50%);padding-bottom:50px;padding-top:50px;padding-left:50px;padding-right:20px;z-index:9999;background-color:#fff;} .sousmenusoins.plansite,.plansite{padding-left:0;left:0 !important;margin-left:0 !important;display:block !important;text-align:left !important;} h2{margin:0;padding:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0px;} html, body{background-color:#fff;color:#636b6f;font-weight:normal;height:100vh;margin:0;} .flex-center{align-items:center;display:flex;justify-content:center;} .position-ref{position:relative;} .top-right{position:absolute;right:10px;top:18px;} .title{font-size:84px;} .links > a{color:#636b6f;padding:0 25px;font-size:12px;font-weight:600;letter-spacing:.1rem;text-decoration:none;text-transform:uppercase;} .m-b-md{margin-bottom:30px;} img{-ms-interpolation-mode:nearest-neighbor;} #routine .soin .descsoin{width:90%;height:110px;} #blocgeneration5 .bloc-gauche{width:50%;display:inline-block;text-align:justify;position:relative;} #blocgeneration7 .bloc-droite,#blocgeneration4 .bloc-gauche{vertical-align:top;} #blocgeneration2 .citation{position:relative;} #blocgeneration5 .bloc-droite{display:inline-block;width:49%;position:absolute;right:0;height:100%;}h2.titreblocgeneration{text-align:left;} #blocgeneration5{width:100%;position:relative;} .produit a .nom{} .tableaugeneration td.texte{padding-top:5%;padding-bottom:5%;} .tableaugeneration td.texte1{padding-left:0 !important;padding-right:5%;} .tableaugeneration .image{background-size:cover;background-position:center center;background-image:url('../images/generation9.webp');} .tableaugeneration .image2{background-size:cover;background-position:center center;background-image:url('../images/generation8.webp');} .bloc-generation .legende,.tableaugeneration .legende{font-family:"Kohinoor-SB";} #blocgeneration6{width:100%;} #blocgeneration6 .bloc-droite .texte{width:100%;display:inline-block;padding-left:10%;} #blocgeneration5 #photo4{width:90%;height:100%;float:right;background-size:cover;position:relative;height:100%;right:0;background-position:center top;background-image:url('../images/generation10.webp');display:inline-block;} #ptvente h2{font-family:"Kohinoor-SB";} .lienadmin{color:#000;text-transform:uppercase;} #product #lecontenu li{list-style:square;margin-left:0;margin-top:2px;} .desc.titrepageproduit .firstline{text-transform:uppercase;font-size:22px;} .sousmenusoins table .submenu-name.bleuciel{color:#A5ACAF;} .sousmenusoins table .submenu-name.epidiane{color:#4d9fae;} .sousmenusoins table .submenu-name.deoliane{color:#7cbcc5;} .sousmenusoins table .submenu-name.homme{color:#A84D18;} .desc.titrepageproduit .sousnom{font-size:15px;position:relative;top:10px;padding-left:10px;padding-top:5px;padding-bottom:5px;padding-right:10px;} .desc.titrepageproduit{font-size:14px;z-index:2;position:relative;display:block;} .sousmenusoins table .submenu-name.vert2{color:#60797d;} .sousmenusoins table .submenu-name.orange{color:#db610c;} .sousmenusoins table .submenu-name.violet2{color:#eb4694;} #produitsblochome{width:100%;text-align:center;position:absolute;height:73%;bottom:0;z-index:8;} .produitblochome{width:16%;transition:all 1s;-webkit-transform:scale(.50);-moz-transform:scale(.50);-ms-transform:scale(.50);transform:scale(.50);} .top-right{right:30px !important;} .contenufid{margin-left:-20%;width:140%;} .contenufid .notice{display:inline-block;width:44%;padding-right:5%;font-size:14px;} img.cartefidie{width:700px !important;} img.imagefidie{width:500px !important;} .contenufid .notice{display:inline-block;text-align:left;} .contenufid .image img{width:100%;height:auto;} .contenufid .image{text-align:center;display:inline-block;width:49%;vertical-align:top;} .titreproduit{text-transform:uppercase;} #myImg:hover{opacity:0.7;} .modal{display:none;position:fixed;z-index:9999999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(255,255,255);background-color:rgba(255,255,255,0.9);} .chemin a{text-decoration:none;color:#000000;} .modal-content{margin:auto;display:block;width:80%;} #caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px;} .modal-content, #caption{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;} @-webkit-keyframes zoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)} } @keyframes zoom{from{transform:scale(0)} to{transform:scale(1)} } .close{position:absolute;top:15px;right:35px;color:#464646;font-size:40px;font-weight:bold;transition:0.3s;} .close:hover, .close:focus{color:#000;text-decoration:none;cursor:pointer;} @media only screen and (max-width:1500px){body #routine .soin img{width:30% !important;} } @media only screen and (max-width:2040px){#routine .soin img{width:25% !important;} .contenuimage{height:17.5vw;} } @media only screen and (max-width:1650px){.contenuimage{height:17.5vw;} } @media only screen and (max-width:1550px){body .produitblochome.produitblochomeie{width:100px !important;} body .produitblochome.produitblochomeie#produitblochome3{width:120px !important;content:url(../images/exfoliac10ie2.png);} body .produitblochome.produitblochomeie#produitblochome1{content:url(../images/exfoliac10ie2.png);} body .produitblochome.produitblochomeie#produitblochome2{content:url(../images/cicadiane1ie2.png);} body .produitblochome.produitblochomeie#produitblochome4{content:url(../images/sensidiane3ie2.png);} body .produitblochome.produitblochomeie#produitblochome5{content:url(../images/sensidianear2ie2.png);} } @media only screen and (max-width:1400px){.contenuimage{height:17.5vw;} } @media only screen and (min-height:800px) and (min-width:1200px){#map{height:700px !important;} } @media only screen and (max-height:768px){body .sousmenusoins table tr td:first-child{min-width:115px;} .navbar ul.submenu{padding:20px !important;} .sousmenusoins table tr td{padding-left:10px !important;line-height:10px;} .sousmenusoins table .submenu-name{font-size:10px !important;} .sousmenusoins table td a{font-size:9px !important;} } @media only screen and (max-width:1250px){.produit{width:22.5% !important;} } @media only screen and (max-width:1150px){.navbar li a{font-size:12px !important;} .navbar li{margin-left:15px !important;} .navbar{margin-left:-278px !important;} } @media only screen and (max-width:700px){.modal-content{width:100%;} } .navbar td.besoin a{font-family:"Kohinoor" !important;} #bandeau-marque2mark{position:relative;top:-660px;} .popupannonce{text-align:left;display:none;width:70%;} #mousse{position:absolute;right:20%;top:20%;width:15%;} .traitor{width:100%;position:relative;top:30px;text-align:left;margin-top:-20px;height:5px;background-image:url('../images/bgor.webp');background-size:100% auto;} .traitargent2{width:100%;position:relative;top:30px;text-align:left;margin-top:-20px;height:5px;background-image:url('../images/bgargent2.webp');background-size:100% auto;} .traitargent3{width:100%;position:relative;top:30px;text-align:left;margin-top:-20px;height:5px;background-image:url('../images/bgargent3.webp');background-size:100% auto;} .traitargent{width:100%;position:relative;top:30px;text-align:left;margin-top:-20px;height:5px;background-image:url('../images/bgargent.webp');background-size:100% auto;} body{font-family:"Kohinoor";font-size:13px;overflow-x:hidden;color:#000000;} .descriptiongamme{display:inline-block;color:#5f5f5e;width:calc(100% - 250px);padding-left:20px;} .traitrose{width:100%;position:relative;top:30px;text-align:left;margin-top:-20px;height:5px;background-color:#e68b8a;} .ligne{text-align:left;} .chemin .actif{color:#e68b8a;} .chemin{margin-top:50px;text-align:left;font-size:15px;color:#5f5f5e;} .infosgamme .titre{font-family:"Kohinoor-SB";font-size:25px;color:#e68b8a;} .infosgamme{width:100%;vertical-align:top;height:auto;position:relative;left:0;margin-top:20px;text-align:justify;} a.lienpage:hover{color:#a7bac8;background-color:#ffffff;} a.lienpage{padding-top:3px;padding-bottom:3px;padding-left:10px;padding-right:10px;margin-left:10px;background-color:#a7bac8;border:1px solid #a7bac8;color:#ffffff;} .imagegamme{width:200px;height:auto;display:inline-block;margin-right:20px;vertical-align:top;} .produit img.produitgrand{width:40%;height:auto;} .produit img.produitmoyen{width:35%;height:auto;} .produit img.produitmoyen2{width:26%;height:auto;} .produit img.produitpetit{width:21%;height:auto;} .produit img.produittoutpetit{width:15%;height:auto;} .produit img.produittresgrand{width:50%;height:auto;} .produit img.produittrestresgrand{width:70%;height:auto;} .produit img.imageproduitie.produitmoyen2{width:62px !important;} .produit img.imageproduitie.produitmoyen{width:75px !important;} .produit img.imageproduitie.produitpetit{width:50px !important;} .produit img.imageproduitie.produittresgrand{width:110px !important;} .produit img.imageproduitie.produittrestresgrand{width:125px !important;} .produit img.imageproduitie.produitgrand{width:85px !important;} .produit img.imageproduitie.produittoutpetit{width:35px !important;} .produit img.imageproduitie{width:70px !important;} .produit img{width:32%;height:auto;} .ligne{vertical-align:top;} .produit a{text-decoration:none;} .produit:hover .description,.produit:hover .nom{color:#ffffff !important;} .produit .contenuproduit.bug6{border:2px solid #ffffff;} .produit .contenuproduit{margin-top:10px;padding:15px;} .etudenom{float:right;font-size:10px;} .nomproduitetude{width:360px;display:inline-block;vertical-align:top;text-align:left;color:#fe6776;font-weight:bold;text-transform:uppercase;} .lesetudes{margin-left:9%;vertical-align:top;display:inline-block;width:calc(90% - 360px);} .produit a .description.descriptionvide{margin-top:0;} .produit a .description{font-size:11px;margin-top:15px;color:#5f5f5e;} .tableautest td{min-width:100px;} .produit a .nom .firstline{text-transform:uppercase;} .produit a p.nom::first-line{text-transform:uppercase;} .produit a .nom{font-family:"Kohinoor-SB";color:#e68b8a;} .contenutests .partiedroite #formconnec, .contenutests .partiedroite #formregister{display:none;} .guill2{position:relative;top:15px;} #blocgeneration2 .citation .guill2{position:relative;top:5px;} .produit{width:23%;vertical-align:top;display:inline-block;padding-left:5%;padding-right:5%;text-align:center;} #blocgeneration5 .bloc-droite .bloc-content{position:absolute;left:20px;bottom:20px;font-size:13px;color:#5f5f5e;margin-left:10%;z-index:2;} .tableaugeneration td .bloc-content{position:absolute;left:20px;bottom:20px;font-size:13px;color:#5f5f5e;} #photo23 .bloc-content{position:absolute;left:20px;bottom:20px;font-size:13px;color:#5f5f5e;} #photo11 .bloc-content{position:absolute;left:20px;bottom:20px;font-size:13px;color:#5f5f5e;} #photo1 .bloc-content{position:absolute;left:20px;bottom:20px;font-size:13px;color:#5f5f5e;} .generation-content .ligne{position:relative;margin-top:70px;} .bloc-gris2 img{width:50px;} .bloc-gris2 .titre{font-size:20px;font-weight:normal;} .bloc-gris3 img{width:50px;} .bloc-gris3 .titre{font-weight:normal;font-size:20px;} .bloc-gris3{padding-left:60px;padding-right:30px;padding-bottom:30px;padding-top:30px;color:#ffffff;background-color:#878786;width:254px;position:relative;left:45%;top:-164px;margin-left:-255px;display:inline-block;} .bloc-gris2{padding-left:60px;padding-right:30px;padding-bottom:30px;padding-top:30px;color:#5f5f5e;background-color:#ececec;width:500px;position:relative;left:45%;top:-231px;margin-left:114px;display:inline-block;} .bloc-gris4{padding-left:60px;padding-right:60px;padding-bottom:55px;padding-top:90px;color:#e68a8a;border:2px solid #e68a8a;font-size:24px;position:relative;left:45%;top:-109px;width:350px;line-height:50px;margin-left:20px;display:inline-block;text-align:center;} .bloc-gris5 .titre{font-size:20px;font-weight:normal;text-transform:uppercase;} .bloc-gris5{padding-left:60px;padding-right:30px;padding-bottom:30px;padding-top:30px;color:#fff;background-color:#c7c6c6;width:500px;position:relative;left:45%;top:-105px;margin-left:-500px;display:inline-block;} .bloc-gris img{width:50px;} #blocgeneration1 .ligne2{height:auto;} .bloc-gris .titre{font-weight:normal;font-size:20px;} .bloc-gris{padding-left:60px;padding-right:30px;padding-bottom:30px;padding-top:30px;color:#ffffff;background-color:#c7c6c6;width:500px;position:relative;left:45%;top:72px;z-index:9;margin-left:-500px;display:inline-block;} #blocgeneration6 .bloc-gauche,#blocgeneration6 .bloc-droite{vertical-align:top;} #photo5{width:100%;height:100%;background-size:cover;position:relative;height:100%;background-position:center center;background-image:url(../images/generation11.webp);display:inline-block;} #blocgeneration3 #photo3{width:100%;background-size:cover;position:relative;height:100%;background-position:center center;background-image:url(../images/generation7.webp);display:inline-block;} #blocgeneration1 #photo22{width:45%;background-size:cover;position:absolute;right:0;left:55%;height:100%;background-position:center center;background-image:url(../images/generation110.webp);display:inline-block;} .titregen.caps{text-transform:uppercase;} #blocgeneration1 #photo23{width:45%;background-size:cover;position:absolute;right:0;left:55%;height:100%;background-position:left center;background-image:url(../images/generation112.webp);display:inline-block;} #blocgeneration1 #photo2{width:45%;background-size:cover;position:absolute;right:0;left:55%;height:100%;background-position:center center;background-image:url(../images/generation3.webp);display:inline-block;} #blocgeneration7 #cadre2{border:2px solid #ccda71;} #blocgeneration7 .citation .guill{font-size:60px;line-height:10px;} #blocgeneration2 #cadre2{border:2px solid #ccda71;} #blocgeneration2 .citation .guill{font-size:60px;line-height:10px;} #blocgeneration1 #texte2 .citation .guill{font-size:60px;line-height:10px;} #blocgeneration1 #texte2 .conseil .textegras{font-family:"Kohinoor-SB";} #blocgeneration1 #texte2 .conseil{border-top:2px solid #5175b9;padding-top:30px;} #blocgeneration2{vertical-align:top;} #blocgeneration2 .bloc-gauche #photo1{width:100%;height:100%;position:relative;background-size:cover;background-position:center bottom;background-image:url('../images/generation4.webp');display:inline-block;} #blocgeneration7 .citation{text-align:center;font-size:20px;position:relative;top:20px;color:#5f5f5e;text-transform:uppercase;} #blocgeneration2 .citation{text-align:center;font-size:20px;color:#5f5f5e;text-transform:uppercase;} #blocgeneration1 #texte2 .citation{text-align:center;font-size:25px;color:#5f5f5e;text-transform:uppercase;} #blocgeneration1 #texte2 .portrait{width:100px;display:inline-block;} #blocgeneration1 #texte2 .conseil .titre{display:inline-block;font-size:30px;padding-left:30px;position:relative;top:-10px;color:#5f5f5e;} #blocgeneration1 #texte2 .portrait img{width:100px;display:inline-block;height:auto;} #blocgeneration1 #texte2{display:inline-block;width:50%;padding-top:30px;text-align:justify;} #blocgeneration1 #texte1{display:inline-block;width:44%;padding-left:5%;left:0%;position:relative;text-align:justify;bottom:0;} #blocgeneration7 #texte2{display:inline-block;width:100%;right:0;text-align:justify;bottom:0;} #blocgeneration2 #texte2{display:inline-block;width:100%;right:0;text-align:justify;bottom:0;} h2.titreblocgeneration{padding-top:0;font-family:"Kohinoor-SB";color:#e68b8a;font-size:30px;} #blocgeneration7 .bloc-gauche{display:inline-block;width:50%;} #blocgeneration2 .bloc-gauche{display:inline-block;width:50%;position:relative;left:0;height:100%;} .article:first-child{border:0 !important;} p.nom::first-line{text-transform:uppercase;} .genintro{color:#5f5f5e;width:75%;margin-left:12.5%;text-align:justify;} #blocgeneration7 .bloc-droite{display:inline-block;width:44%;padding-left:5%;position:relative;} #blocgeneration2 .bloc-droite{display:inline-block;width:44%;padding-left:5%;position:relative;left:0%;} #packshotmarque img{width:100%;height:auto;} #packshotmarque{display:inline-block;width:130px;height:auto;position:absolute;margin-left:420px;left:50%;margin-top:-125px;} #bloc-marque2{background-image:url('../images/bgmarque2.webp');background-position:20% 20%;background-size:40% auto;background-repeat:no-repeat;} #bloc-marque1{background-image:url('../images/bgmarque1.webp');background-position:80% bottom;background-size:30% auto;background-repeat:no-repeat;} #bloc-marque1 #photo img{width:100%;height:auto;} #bloc-marque1 #photo{width:20%;display:inline-block;position:absolute;left:45%;margin-left:-10%;z-index:1;top:100px;} #bloc-marque1 #cadre2 .titre{font-size:45px;} .bloc-gris4 .chiffre{font-size:150px;line-height:50px;display:inline-block;} #bloc-marque2 #cadre4 img{margin-left:-5px;} #bloc-marque2 #cadre3 img{margin-left:-5px;} #bloc-marque1 #cadre2 .chiffre{font-size:150px;line-height:50px;display:inline-block;} #bloc-marque2 #cadre4 .chiffre{font-size:175px;line-height:50px;display:inline-block;} #bloc-marque2 #cadre3 .chiffre{font-size:120px;line-height:50px;display:inline-block;} #bloc-marque1 #cadre1 .titre{font-size:45px;} #bloc-marque1 #cadre1 #chiffre{position:relative;top:80px;} #bloc-marque1 #cadre1 .ans{display:inline-block;font-size:35px;position:relative;top:-70px;} #bloc-marque1 #citation{display:inline-block;font-size:25px;color:#5175b9;text-align:right;width:400px;position:absolute;right:19%;z-index:9;margin-left:500px;top:150px;} #bloc-marque1 #cadre1 .lechiffre{font-size:175px;line-height:50px;display:inline-block;} #bloc-marque1 #cadre2{position:relative;left:45%;top:84px;margin-left:20px;z-index:2;padding-top:70px;padding-right:40px;padding-left:40px;padding-bottom:40px;font-size:18px;color:#ccda71;width:300px;display:inline-block;border:2px solid #ccda71;text-align:center;} #bloc-marque2 #cadre4{position:relative;left:45%;top:-125px;margin-left:20px;z-index:2;padding-top:120px;padding-right:20px;padding-left:20px;padding-bottom:40px;font-size:25px;color:#5175b9;width:300px;height:176px;display:inline-block;border:2px solid #5175b9;text-align:center;} #bloc-marque2 #cadre3{position:relative;left:45%;top:87px;margin-left:-255px;z-index:2;padding-top:80px;padding-right:20px;padding-left:20px;padding-bottom:80px;font-size:25px;color:#5175b9;width:300px;display:inline-block;border:2px solid #5175b9;text-align:center;} #bloc-marque1 #cadre1{position:relative;left:45%;top:80px;margin-left:-500px;z-index:2;padding-top:50px;padding-right:40px;padding-left:40px;padding-bottom:140px;font-size:18px;color:#6f6f6e;width:300px;display:inline-block;border:2px solid #6f6f6e;} .content-marque{text-align:left;} .bloc-marque{position:relative;} .band-content{text-transform:uppercase;font-size:35px;} #blocgeneration7 .bloc-droite #photo2{width:100%;height:100%;position:relative;background-size:cover;background-position:center center;background-image:url(../images/generation5.webp);} #blocgeneration2 .bloc-droite #photo2{width:calc(100% + 20px);height:65vh;position:relative;top:20vh;background-size:cover;background-position:center center;background-image:url('../images/generation5.webp');} #bandeaumonde .band-content .gras{font-family:"Kohinoor-SB";} #bandeaumonde .band-content{position:absolute;top:50%;width:100%;left:60%;text-align:left;color:#353736;margin-top:-80px;} .content-marque #bandeau-marque1 .band-content .gras{font-family:"Kohinoor-SB";} .content-marque #bandeau-marque1 .band-content{position:absolute;top:50%;width:100%;left:0;text-align:center;color:#5175b9;margin-top:-80px;} #chiffre5{background-image:url('../images/grandapplatgris.webp');} #product ul{padding-left:15px;margin:0;} #frisechrono .legendechiffre{width:275px;} #backtottop{position:fixed;bottom:40px;right:30px;z-index:99;} #chiffre6,#chiffre13,#chiffre23{background-image:url('../images/grandapplatvert.webp');} #chiffre7, #chiffre14,#chiffre19{background-image:url('../images/grandapplatgris.webp');} #chiffre1,#chiffre8,#chiffre17,#chiffre20{background-image:url('../images/grandapplatbleu.webp');} #chiffre2, #chiffre10,#chiffre16,#chiffre22{background-image:url('../images/grandapplatviolet.webp');} #legende22{position:relative;top:-10px;} #legende19,#legende23,#chiffre20{position:relative;top:30px;} #legende20{position:relative;top:10px;} #chiffre23{position:relative;top:50px;} #chiffre22{position:relative;top:40px;} #chiffre19{position:relative;top:30px;} .contenutextemarque{width:1000px;position:relative;left:50%;transform:translateX(-50%);} #chiffre3,#chiffre11,#chiffre18{background-image:url('../images/grandapplatbleuciel.webp');} #chiffre4,#chiffre12,#chiffre15,#chiffre21{background-image:url('../images/grandapplatrose.webp');} #frisechrono .colonnegauche .chiffre{background-repeat:no-repeat;background-size:90% auto;background-position:right bottom;} a.liennormal{text-decoration:none;color:#000;} .soustitrefid{position:relative;left:2%;font-size:25px;top:-50px;} #register-form2 .heading .gras{font-family:"Kohinoor-SB";} #register-form2 .heading{border-top:1px solid #dadad9;border-bottom:1px solid #dadad9;padding-top:50px;padding-bottom:50px;font-size:40px;} #gamme .ligne:first-child{} #register-form .heading .gras{font-family:"Kohinoor-SB";} #login-form .heading{border-top:1px solid #dadad9;border-bottom:1px solid #dadad9;padding-top:50px;padding-bottom:50px;font-family:"Kohinoor-SB";font-size:40px;} #ptvente .heading h1{text-align:center;font-size:30px;} #register-form .heading, #ptvente .heading{border-top:1px solid #dadad9;border-bottom:1px solid #dadad9;padding-top:50px;padding-bottom:50px;font-size:40px;} #register-form #champssupplementaires input[type="file"]{width:250px;} #champssupplementaires{display:none;width:100%;} .form-register-part2{margin-top:20px;padding-bottom:50px;padding-top:50px;} #inscription-ecran1 .partiegauche a:hover{border:2px solid #ffffff;background-color:#ffffff;color:#5f5f5e;} #inscription-ecran1 .partiegauche .boutons{position:absolute;left:50%;top:50%;margin-left:-90px;margin-top:-54px;} #inscription-ecran1 .partiegauche a{border:2px solid #ffffff;color:#ffffff;padding-top:10px;padding-bottom:10px;padding-left:40px;padding-right:40px;width:100px;display:block;text-transform:uppercase;color:#ffffff;} #inscription-ecran1 .partiegauche{margin:0;float:left;position:relative;padding:0;width:49.7%;height:100%;display:inline-block;background-image:url('../images/bgpartiegauche.webp');background-size:cover;background-position:center center;background-repeat:no-repeat;} #inscription-ecran1{vertical-align:top;background-color:#a7bac9;padding:0;} #inscription-ecran1 .partiedroite .contenu{position:absolute;bottom:0;padding:30px;} #inscription-ecran1 .partiedroite{float:right;background-color:#a7bac9;font-size:60px;color:#ffffff;text-align:left;margin:0;padding:0;position:relative;width:49.7%;height:100%;display:inline-block;background-image:url('../images/bgpartiedroite.webp');background-size:30% auto;background-position:right 5%;background-repeat:no-repeat;} #inscription-ecran1{margin-top:50px;width:100%;height:60vh;} #inscription-ecran2{display:none;} .contenutests .date{color:#fe6776;position:relative;top:-60px;} .container{min-height:55vh;} .container.contenutests#register-form .mention{width:100%;} .container#register-form .mention{width:223px;font-size:10px;text-align:justify;} #presse-admin img.thumb{width:100px;height:auto;} #presse-admin img{width:100%;height:auto;} .article h2{text-transform:uppercase;color:#a7bac8;} #contenudiagnostic{position:relative;min-height:600px;width:100%;vertical-align:top;color:#ffffff;height:50vh;} #contenudiagnostic .partiedroite .numquestion{position:absolute;right:-2px;top:50%;margin-top:-300px;} #contenudiagnostic .partiedroite{vertical-align:top;display:inline-block;width:50%;height:100%;position:absolute;left:50%;background-color:#c4b0b5;} b{font-family:"Kohinoor-SB";} #contenudiagnostic .partiedroite a{color:#fff;} #contenudiagnostic .partiegauche{background-image:url('../images/bgdiag.webp');vertical-align:top;background-size:cover;background-repeat:no-repeat;display:inline-block;width:50%;height:100%;position:absolute;text-transform:uppercase;font-family:"Kohinoor-SB";background-position:40% center;letter-spacing:1px;font-size:14px;} .container#diagnostic{text-align:left;padding-top:150px;width:60%;position:relative;left:20%;} #logointro1{position:fixed;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-38px;z-index:999999999999;animation-name:intrologo1;animation-duration:1s;opacity:0;} @keyframes intrologo1{from{opacity:1;} to{opacity:0;} } .container#ptvente{text-align:left;padding-top:150px;width:60%;position:relative;left:20%;} .container#presse-admin{text-align:left;padding-top:200px;width:60%;position:relative;left:20%;} .container#product{text-align:center;padding-top:150px;width:60%;position:relative;left:20%;} .article img.imageie{width:700px !important;height:auto;} .article img{width:100%;height:auto;} .article .date{color:#000000;} #presse a{text-decoration:none;} .article .contenu{color:#000000;text-align:justify;text-decoration:none;} .container#presse{text-align:left;padding-top:200px;width:60%;position:relative;left:20%;} .container#gamme{text-align:center;padding-top:150px;width:60%;position:relative;left:20%;} .container#account{text-align:center;padding-top:150px;width:60%;position:relative;left:20%;} .container#register-form2{text-align:left;padding-top:150px;width:60%;position:relative;left:20%;} .container#register-form{text-align:center;padding-top:150px;width:60%;position:relative;left:20%;} .container#password-reset{text-align:center;padding-top:150px;width:60%;position:relative;left:20%;} .container#login-form{text-align:center;padding-top:150px;width:60%;position:relative;left:20%;} #register-form label{display:inline-block;width:130px;color:#554d54;text-align:left;} #modifprofil{display:none;} a.lienprofil{color:#000;} #map{height:500px;} #footerpartiegauche table input{display:inline-block;width:250px;color:#a7bac8;border:1px solid #a7bac8;background-color:#ffffff;height:24px;} #ptvente input[type="text"]{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;} #register-form input[type="date"]{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;} #presse button:hover a{color:#a7bac8;} .numquestion .num{letter-spacing:3px;padding-right:15px;} .numquestion .active .num{font-family:"Kohinoor-SB";} .findiag{font-size:16px;text-align:center;} .numquestion td{padding-top:30px;vertical-align:bottom;margin:0;padding-left:0;padding-bottom:0;padding-right:0;} .numquestion .applat img{width:25px;height:auto;opacity:0;} .numquestion .active .applat img{width:25px;height:auto;opacity:1;} #presse button a{color:#ffffff;text-decoration:none;} #routine .texteroutine .titre{font-size:24px;color:#9f959e;padding-bottom:30px;text-transform:uppercase;display:block;width:100%;text-align:center;border-bottom:1px solid #9f959e;} #routine .texteroutine{display:block;width:100%;padding-right:30px;vertical-align:top;} #routine{} #lessoinsdiag tr td.photo img{height:350px;width:auto;} #lessoinsdiag tr.soin1 td.photo{background-color:#e3e4e2;} #lessoinsdiag tr.soin2 td.photo{background-color:#9d949e;} #lessoinsdiag tr.soin3 td.photo{background-color:#e3e4e2;} #lessoinsdiag tr.soin1 td.texte{text-align:left !important;} #lessoinsdiag .catsoin{position:absolute;left:5%;top:5%;color:#9f959e;font-size:24px;} #lessoinsdiag tr td.texte{position:relative;text-align:left !important;} #lessoinsdiag tr td.texte{vertical-align:bottom;} #lessoinsdiag tr td.photo{vertical-align:middle;}#lessoinsdiag tr td{height:550px;width:50%;} #lessoinsdiag tr{height:550px;} #contenudiagnostic .partiedroite #question{width:350px;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);} #routine .soin .descsoin{text-align:center;} #contenudiagnostic .partiedroite #question .reponse.selected .carrecheck{background-color:#ffffff;border:1px solid #ffffff;} #contenudiagnostic .partiedroite #question .reponse.selected:hover .carrecheck{background-color:rgba(255, 255, 255, 1) !important;border:1px solid #ffffff;} #contenudiagnostic .partiedroite #question .reponse:hover .carrecheck{background-color:rgba(255, 255, 255, 0.3);border:1px solid #ffffff;} #contenudiagnostic .partiedroite #question .carrecheck{display:inline-block;width:12px;height:12px;position:relative;top:2px;transition:all 1s;border:1px solid #ffffff;} #contenudiagnostic .partiedroite #question .question{font-family:"Kohinoor-SB";letter-spacing:1px;font-size:16px;} #contenudiagnostic .partiedroite #question .reponse{cursor:pointer;line-height:22px;font-size:13px;} #submitdiag{opacity:0;} #contenudiagnostic .partiedroite .contenu{text-align:left;} .contactmonde#register-form .heading .gras{color:#e78b8a;} .contactmonde #formcontact h2{text-transform:none;color:#e78b8a;} #formcontact h2{font-family:"Kohinoor-SB";font-weight:bold;text-transform:uppercase;color:#a7bac9;} #contenudiagnostic .partiegauche .contenu{position:relative;top:50%;margin-top:-20px;text-align:center;} #contenudiagnostic .partiedroite button:hover{background-color:#5f5f5e;padding-top:10px;padding-bottom:10px;padding-right:20px;padding-left:20px;color:#ffffff;border:0;font-family:"Kohinoor-SB";font-size:14px;text-align:center;text-transform:uppercase;cursor:pointer;letter-spacing:1px;transition:all 0.5s;} #contenudiagnostic .partiedroite input{background:transparent;border:0;font-size:25px;color:#ffffff;width:100px;height:25px;border-bottom:1px solid #ffffff;} #contenudiagnostic .partiedroite button{background-color:#ffffff;padding-top:10px;padding-bottom:10px;padding-right:20px;padding-left:20px;color:#5f5f5e;border:0;font-family:"Kohinoor-SB";font-size:14px;text-align:center;text-transform:uppercase;cursor:pointer;letter-spacing:1px;} #contenudiagnostic .partiegauche button:hover{background-color:#5f5f5e;padding-top:10px;padding-bottom:10px;padding-right:20px;padding-left:20px;color:#ffffff;border:0;font-family:"Kohinoor-SB";font-size:14px;text-align:center;text-transform:uppercase;cursor:pointer;letter-spacing:1px;transition:all 0.5s;} #contenudiagnostic .partiegauche button{background-color:#ffffff;padding-top:10px;padding-bottom:10px;padding-right:20px;padding-left:20px;color:#5f5f5e;border:0;font-family:"Kohinoor-SB";font-size:14px;text-align:center;text-transform:uppercase;cursor:pointer;letter-spacing:1px;} #footerpartiegauche button{background-color:#a7bac8;padding-top:7px;padding-bottom:7px;padding-right:20px;padding-left:20px;color:#ffffff;border:0;text-align:center;border:1px solid #ffffff;cursor:pointer;} .descsoin{text-align:left;} #routine{} #louperecherche{width:15px !important;height:15px !important;border:0 !important;} #routine .soin img{width:19%;height:auto;position:relative;top:50%;transform:translateY(-85%);} #routine .soin img.imageie{width:70px !important;} #lessoinsdiag a.buttoncompte{width:150px !important;text-decoration:none;} #lessoinsdiag tr td.texte .lecontenu{background-color:#fbfbfb;padding:5%;position:absolute;transform:translateY(-45%);top:50%;} #lessoinsdiag td.nomsdiagnostic{padding-top:30px;vertical-align:top !important;} #routine .soin .nomgamme,#lessoinsdiag .nomgamme{color:#a7bac8;font-size:22px;text-align:left;display:block;width:100%;} #routine .soin .nomsoin,#lessoinsdiag .nomsoin{color:#a7bac8;font-size:18px;display:block;width:100%;} #routine .texteroutine .nomsoin{color:#a7bac8;} #routine .soin .num, #lessoinsdiag .num{font-size:55px;font-family:"Kohinoor-SB";color:#a7bac8;} .soin a{text-decoration:none;} #routine .soin .descsoin{position:absolute;bottom:0;} #routine .soin{vertical-align:top;display:inline-block;width:30%;padding:1%;position:relative;height:500px;text-align:center;} .article h2 img{width:30px;} #logointro2{width:300px;height:auto;position:fixed;top:50%;left:50%;z-index:9999;margin-left:-150px;margin-top:-78px;display:none;} #intro #applat{position:absolute;top:50%;left:50%;width:200px;height:auto;margin-top:10px;margin-left:-50px;animation-name:introanim;animation-duration:2s;} @keyframes introanim{from{top:-200%;left:-200%;width:350%;} to{top:50%;left:50%;width:200px;} } div{} #intro{background-color:#ffffff;position:fixed;left:0;top:0;z-index:9999999;width:100vw;height:100vh;animation-name:animbgintro;animation-duration:1s;} @keyframes animbgintro{from{background-color:#a7bac9;} to{background-color:#ffffff;} } .article h2 .fleche{float:right;} .article{padding-top:30px;} .article h2{cursor:pointer;font-size:15px;} a img{border:0;} #lessoinsdiag{text-align:center;} #routine{width:100%;margin-bottom:500px;} #presse button{background-color:#a7bac8;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#ffffff;border:0;text-align:center;border:1px solid #ffffff;cursor:pointer;} #presse button:hover{background-color:#ffffff;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#a7bac8;border:0;text-align:center;border:1px solid #a7bac8;} #ptvente button:hover{background-color:#ffffff;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#a7bac8;border:0;text-align:center;border:1px solid #a7bac8;} #login-form button[type="submit"]:hover{background-color:#ffffff;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#a7bac8;border:0;text-align:center;border:1px solid #a7bac8;} #register-form button[type="submit"]:hover{background-color:#ffffff;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#a7bac8;border:0;text-align:center;border:1px solid #a7bac8;} #infosprofil{position:absolute;left:5%;top:375px;margin-top:-110px;text-align:left;} #password-reset button[type="submit"]:hover{background-color:#ffffff;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#a7bac8;border:0;text-align:center;border:1px solid #a7bac8;} a.buttoncompte:hover{background-color:#ffffff;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#a7bac8;border:0;text-align:center;border:1px solid #a7bac8;} #register-form a.buttoncompte:hover{background-color:#ffffff;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#a7bac8;border:0;text-align:center;border:1px solid #a7bac8;} .soin a.buttoncompte{width:120px !important;position:relative;left:50%;transform:translateX(-50%);} a.buttoncompte{padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;display:block;color:#ffffff;border:0;text-align:center;border:1px solid #ffffff;text-transform:uppercase;cursor:pointer;color:#ffffff;font-size:12px;width:250px;} #register-form a.buttoncompte{background-color:#a7bac8;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;display:block;color:#ffffff;border:0;text-align:center;border:1px solid #ffffff;text-transform:uppercase;cursor:pointer;color:#ffffff;font-size:12px;width:250px;} #register-form button[type="submit"]{background-color:#a7bac8;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#ffffff;border:0;text-align:center;border:1px solid #ffffff;cursor:pointer;} #presse-admin button:hover{background-color:#ffffff;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#a7bac8;border:0;text-align:center;border:1px solid #a7bac8;} #ptvente button{background-color:#a7bac8;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#ffffff;border:0;margin-left:-17px;text-align:center;border:1px solid #ffffff;cursor:pointer;} #applatbleucontact{position:fixed;top:200px;left:0;width:200px;} #presse-admin button{background-color:#a7bac8;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#ffffff;border:0;text-align:center;border:1px solid #ffffff;cursor:pointer;} .contact label{text-transform:uppercase;} .contact .asterisque{color:#a7bac8;} #ptvente.contact button{text-transform:uppercase;} #ptvente.contact select{text-transform:uppercase;} #ptvente.contact h2{color:#a7bac8;} #ptvente table{position:relative;left:50%;margin-left:-305px;} #ptvente table td{min-width:300px;vertical-align:top;text-transform:uppercase;} #ptvente input[type="date"]{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;} #ptvente select{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;} #presse-admin input[type="text"]{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;} #ptvente textarea{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:150px;} #presse-admin textarea{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:150px;} #register-form textarea{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:100px;} select{-moz-border-radius:0 !important;-webkit-border-radius:0 !important;border-radius:0 !important;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;} #formcontact .radio{text-align:left;position:relative;left:50%;width:500px;margin-left:-230px;line-height:30px;} #register-form select{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;} .lieuligne{display:block;position:relative;top:-130px;} .popupannonce input[type="text"]{width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;} #register-form input[type="text"]{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;} #register-form input[type="email"]{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;} #register-form input[type="password"]{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;} #register-form .checkbox label{width:150px;margin-left:20px;} #register-form a{text-decoration:none;color:#000000;} #register-form label{display:inline-block;width:130px;color:#554d54;text-align:left;} #register-form.contact label{display:inline-block;width:200px;color:#554d54;text-align:left;vertical-align:top;} #password-reset button[type="submit"]{background-color:#a7bac8;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#ffffff;border:0;text-align:center;border:1px solid #ffffff;cursor:pointer;} #password-reset input[type="email"]{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;} #password-reset label{display:inline-block;width:130px;color:#554d54;text-align:left;} #login-form .checkbox label{width:150px;margin-left:20px;} #login-form a{text-decoration:none;color:#000000;} #login-form label{display:inline-block;width:130px;color:#554d54;text-align:left;} .popupannonce input[type="submit"]:hover{border:1px solid #a7bac8;color:#a7bac8;background-color:#ffffff;} .popupannonce input[type="submit"]{background-color:#a7bac8;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#ffffff;border:0;text-transform:uppercase;text-align:center;border:1px solid #ffffff;cursor:pointer;} #login-form button[type="submit"]{background-color:#a7bac8;padding-top:10px;padding-bottom:10px;padding-right:40px;margin-left:14px;padding-left:40px;color:#ffffff;border:0;text-align:center;border:1px solid #ffffff;cursor:pointer;} #login-form input[type="email"]{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;} .ss-scroll{opacity:1 !important;display:block !important;} #login-form input[type="password"]{display:inline-block;width:250px;color:#554d54;border:1px solid #554d54;background-color:#ffffff;height:24px;} #frisechrono .colonnedroite .chiffre{background-repeat:no-repeat;background-size:90% auto;background-position:left bottom;} #bandeaumonde{background-size:cover;margin-top:-50px;background-attachment:fixed;background-position:center center;background-image:url('../images/bandeaumonde.webp');} .content-marque #bandeau-marque1{background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/bandeau3.webp');} #frisechrono .chiffre{color:#5f5f5e;text-align:center;width:200px;margin-top:50px;margin-bottom:50px;padding-top:30px;padding-bottom:70px;} #frisechrono .colonnegauche .legendechiffre{position:relative;left:calc(100% - 295px);} #frisechrono .colonnedroite .legendechiffre{padding-left:20px;} #frisechrono .colonnegauche .chiffre{color:#5f5f5e;text-align:center;width:200px;position:relative;left:calc(100% - 200px);} #frisechrono .chiffre .lechiffre{font-size:60px;font-family:"Kohinoor-SB";color:#5f5f5e;} #frisechrono{margin-top:50px;margin-bottom:50px;position:relative;left:50%;width:806px;margin-left:-401px;} #frisechrono .colonnegauche{display:inline-block;text-align:right;vertical-align:top;border-right:2px solid #a5a5a5;width:400px;position:relative;padding-bottom:200px;} #frisechrono .colonnedroite{display:inline-block;text-align:left;left:-4px;width:400px;position:relative;top:50px;} #blocgeneration7 .bloc-gauche{width:50%;position:relative;text-align:justify;display:inline-block;} #blocgeneration7 .bloc-droite{width:45%;display:inline-block;position:absolute;height:100%;} #blocgeneration6 .portrait img{width:100%;height:auto;} #blocgeneration6 .portrait{width:100px;float:left;margin-right:20px;} #blocgeneration6 .bloc-droite{width:49%;position:relative;text-align:justify;left:50%;display:inline-block;} #blocgeneration6 .bloc-gauche{width:50%;display:inline-block;position:absolute;height:100%;} #photo6{width:calc(100% - 20px);height:100%;background-size:cover;position:relative;height:50vh;right:0;background-position:center top;background-image:url(../images/generation12.webp);display:inline-block;} #blocgeneration3 .bloc-droite{width:44%;padding-left:5%;position:relative;left:50%;display:inline-block;} #blocgeneration3 .bloc-gauche{width:50%;display:inline-block;position:absolute;left:0;height:100%;} .tableaugeneration td.texte{padding-left:5%;vertical-align:bottom;text-align:justify;} .tableaugeneration td.image img{width:100%;height:auto;top:0;} .tableaugeneration td.image2 img{width:115%;height:auto;position:relative;right:-10.5%;top:0;} .tableaugeneration td{width:50%;position:relative;} .tableaugeneration tr{width:100%;} .tableaugeneration td.image{padding:0 !important;margin:0 !important;} .tableaugeneration{margin-top:140px;width:100%;position:relative;} img.cartefid{border:1px solid #5f5f5e;} #produitblochome3{width:19%;} .tableaugeneration td{} #blocgeneration3,#blocgeneration6{margin-top:100px;} #blocgeneration7 .titre,#blocgeneration6 .titre, #blocgeneration5 .titre, .tableaugeneration .titre, #blocgeneration3 .titre{display:inline-block;font-size:30px;position:relative;top:-10px;text-align:left;text-transform:uppercase;color:#5f5f5e;} #blocgeneration2 #texte1 .titre{display:inline-block;font-size:30px;text-align:left;position:relative;top:-10px;text-transform:uppercase;color:#5f5f5e;} .contenuproduit .cadrerose .petitchiffre{font-size:10px;} #blocgeneration2 #texte1{padding-right:100px;text-align:justify;} .content-marque #bandeau-marque2 .band-content .gras{font-family:"Kohinoor-SB";} #blocgeneration5 #texte4{} #blocgeneration5 .bloc-gauche,#blocgeneration5 .bloc-droite,#blocgeneration6 .bloc-gauche,#blocgeneration6 .bloc-droite{vertical-align:bottom;} .content-marque #bandeau-marque2 .band-content{position:absolute;top:50%;width:100%;left:0;text-align:center;color:#5f5f5e;margin-top:-53px;} .content-marque #bandeau-marque2{margin-top:50px;background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/bandeau4.webp');} .content-marque .bandeau{height:50vh;width:100%;min-height:500px;position:relative;} .echant{font-size:11px;} .content-marque{padding-top:175px;width:100%;} #blocgeneration2 h2.titreblocgeneration{color:#5175b9;} #blocgeneration1 #photo11{width:50%;height:100%;background-size:cover;position:relative;background-position:center center;background-image:url('../images/generation111.webp');display:inline-block;} #blocgeneration1 #photo1{width:50%;height:100%;background-size:cover;position:relative;background-position:center center;background-image:url(../images/generation2.webp);display:inline-block;} .generation-content #phototop{position:absolute;right:0;top:230px;width:15%;} .generation-content #phototop img{width:100%;height:auto;} .generation-content{width:60%;position:relative;left:50%;min-width:912px;max-width:1200px;text-align:left;padding-top:200px;transform:translateX(-50%);} .content{position:absolute;top:0;height:auto;} .generation-content .titre-top .gras{font-family:"Kohinoor-SB";} .generation-content .titre-top{width:75%;font-size:50px;color:#000000;padding-top:50px;padding-bottom:50px;border-top:1px solid #c2d66e;border-bottom:1px solid #c2d66e;} #header{width:100%;height:130px;position:fixed;top:0;left:0;z-index:11;} #searchform input{height:20px;width:150px;font-size:10px;border:1px solid #5f5f5e;background:transparent;} #boutonprec{display:none;} .bonjourauth{color:#5f5f5e;font-family:"Kohinoor-SB";} .liensheaddroite{line-height:15px;position:relative;left:10px;top:-20px;color:#3b3b3b;font-size:10px;} input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button{border-radius:0 !important;-moz-border-radius:0 !important;-webkit-border-radius:0 !important;} .lienmoncompte{position:relative;top:-10px;} .liensheaddroite a img.trait{position:relative;left:15px;top:-10px;} #lienslangues a.active{font-weight:bold;} #lienslangues a{text-decoration:none;letter-spacing:1px;color:#5f5f5e;} #lienslangues{font-size:12px;} .liensheaddroite a img:first-child{position:relative;top:8px;left:-10px;} .liensheaddroite a{color:#3b3b3b;font-size:10px;text-decoration:none;} .navbar{position:absolute;left:50%;z-index:10;top:90px;margin-left:-317px;vertical-align:top;} #footerpartiedroite img{width:50px;} #slider{height:100vh;width:100%;position:relative;} #bloc2 #applat{position:absolute;top:0;right:0;} #bloc6 .contenu{color:#ffffff;position:relative;left:5%;top:50%;width:350px;margin-top:-35px;} #bloc6 .contenu .soustitre{text-transform:uppercase;font-size:15px;} #bloc6 .contenu #cadregauche{position:absolute;left:-10px;top:-20px;width:100px;} #bloc6 .contenu #cadredroite{position:absolute;right:-10px;bottom:-20px;width:100px;} #bloc6 .contenu .titre{font-family:"Kohinoor-SB";text-transform:uppercase;font-size:25px;} #bloc3 .contenu .soustitre{text-transform:uppercase;font-size:21px;} #bloc3 .contenu #cadregauche{position:absolute;left:-30px;top:-30px;width:100px;} #bloc3 .contenu #cadredroite{position:absolute;right:-30px;bottom:-30px;width:100px;} #bloc3 .contenu .titre{font-family:"Kohinoor-SB";text-transform:uppercase;font-size:25px;} #bloc4 .contenu .titre{font-family:"Kohinoor-SB";text-transform:uppercase;font-size:20px;} #bloc3 .contenu{color:#9c9c9c;position:absolute;left:50%;top:50%;width:350px;margin-left:-175px;margin-top:-35px;} .boutoncontact2{margin-left:77px;} .boutoncontact{margin-left:75px;} #bloc6 .contenu .titre{font-family:"Kohinoor-SB";text-transform:uppercase;} #bloc6:hover .contenu{color:#ffffff;} #bloc6:hover{} .contenumentions{text-align:justify;} #bloc6 .contenu{position:relative;top:50%;color:#ffffff;text-align:center;font-size:21px;margin-top:-65px;} #bloc4 .contenu .chiffre{font-family:"Kohinoor-SB";text-transform:uppercase;font-size:200px;line-height:150px;} #bloc4 .contenu .soustitre{text-transform:uppercase;font-size:13px;} #bloc4 .contenu{color:#ffffff;position:relative;left:50%;top:50%;width:210px;margin-left:-105px;margin-top:-105px;text-align:center;} .content-home .ligne #bloc2 a{position:relative;} #bloc5 .contenu .soustitre{text-transform:uppercase;font-size:15px;} h1.letitreduproduit{font-weight:normal;} h2.titrebandeaumarque{font-weight:normal;font-size:35px;} h1.titrebandeaumarque{font-weight:normal;font-size:35px;} .content-home #bloc1{font-size:28px;} .contenuproduit h2{font-size:12px;} .descriptiongamme h1{margin:0;padding:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0px;-webkit-margin-end:0px;} h2.titregen{font-weight:normal;} .produitblochome:hover{transform:scale(0.8);} .produitblochome:first-child{margin-left:0 !important;} .content-home #bloc2{background-color:#ffffff;background-repeat:no-repeat;} #bloc5 .contenu .titre{font-size:25px;font-family:"Kohinoor-SB";text-transform:uppercase;} #inscription-ecran1 .partiedroite h1 .contenu{font-size:60px;} #bloc5 .contenu img{width:100px;} #bloc5 .contenu{color:#ffffff;position:relative;font-size:25px;top:50%;width:100%;line-height:20px;margin-top:-110px;text-align:center;} #bloc1 .contenu .soustitre2{font-family:"Kohinoor";font-size:15px;display:block;line-height:25px;text-transform:uppercase;padding-left:35px;position:relative;top:-10px;} #bloc1 .contenu .soustitre{font-family:"Allura";font-size:28px;padding-left:47px;text-transform:none;position:relative;top:-10px;} #bloc1 .contenu .titre{font-size:50px;text-transform:none;font-family:"Allura";} #bloc2 .contenu .titre{font-family:"Kohinoor-SB";text-transform:uppercase;font-size:25px;position:relative;z-index:9;} #bloc2 .contenu .soustitre{text-transform:uppercase;position:relative;z-index:9;font-size:17px;} #bloc2 .contenu{position:relative;top:3%;height:90%;color:#afbcbf;width:100%;text-align:center;} .content-home .ligne .bloc a:first-child{margin-left:0 !important;} .content-home .ligne .bloc a{text-decoration:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;} .descriptionarticle{display:none;} @keyframes example{0%{right:-50px;} 100%{right:0px;} } -moz-@keyframes example{0%{right:-50px;} 100%{right:0px;} } -webkit-@keyframes example{0%{right:-50px;} 100%{right:0px;} } .slidepart{ animation-name:slideproduitpart; animation-duration:1s; display:block !important; } @keyframes slideproduitpart{0%{ transform:translateX(0%); display:block;} 100%{display:none; transform:translateX(-100%);} } -moz-@keyframes slideproduitpart{0%{ transform:translateX(0%); display:block;} 100%{display:none; transform:translateX(-100%);} } -webkit-@keyframes slideproduitpart{0%{ transform:translateX(0%); display:block;} 100%{display:none; transform:translateX(-100%);} } .bullesinsta .bulle.active { background:#a7bac8; } .bullesinsta .bulle:first-child{ margin-left:0 !important; } .bullesinsta .bulle { cursor:pointer; width:12px; margin-left:6px; display:inline-block; height:12px; border-radius:6px; border:1px solid #a7bac8; background:transparent; } .bullesinsta { position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); } .slideproduit.slidearrive{ animation-name:slideproduitarrive; animation-duration:1s; display:block !important; } .grilleinsta .ligne.slidearrive{ animation-name:slideproduitarrive; animation-duration:1s; position:absolute; bottom:0; display:block !important; } @keyframes slideproduitarrive{0%{ transform:translateX(100%); display:none;} 100%{display:block; transform:translateX(0%);} } -moz-@keyframes slideproduitarrive{0%{ transform:translateX(100%); display:none;} 100%{display:block; transform:translateX(0%);} } -webkit-@keyframes slideproduitarrive{0%{ transform:translateX(100%); display:none;} 100%{display:block; transform:translateX(0%);} } #bloc2 #applat.anime{-webkit-animation-name:example;-moz-animation-name:example;animation-name:example;-moz-animation-duration:1s;-webkit-animation-duration:1s;animation-duration:1s;} #bloc1:hover{background-color:#ffffff;} .contenuimage{display:table-cell;height:17.5vw;vertical-align:bottom;} #bloc1 .contenu{position:relative;top:50%;width:44%;left:55%;color:#e68b8a;margin-top:-70px;text-align:center;transition:color 1s;font-size:15px;text-transform:uppercase;} #slider .slide{height:100%;width:100%;position:absolute;left:0;top:0;display:none;} #slide3 .contenu{position:absolute;right:-20px;} #slide4 .contenu{position:absolute;right:-20px;} #slide4 .slide-content{position:absolute;left:5%;bottom:5%;text-align:left;} #slide3 .slide-content{position:absolute;left:5%;bottom:25%;} #slide3 .contenu{position:absolute;right:-20px;} #slide5 .contenu{position:absolute;left:0;} #slide2 .contenu{position:absolute;right:-20px;} #slide5 .titre{color:#3b3b3b;} #slide2 .titre{color:#3b3b3b;} #slide3 .titre{color:#5175b9;} #slide4 .soustitre{text-align:left;margin-right:-50px;} .ligne{position:relative;margin-top:20px;width:100%;} .ligne .bloc{display:inline-block;position:relative;} .grilleinsta .ligne { text-align:center; } #myCarousel .carousel-inner { height:500px; } #sliderproduitshome { width:100%; position:relative; height:100%; } #produitsblochome #sliderproduitshome .slideproduit a .produitblochome { position:absolute !important; left:50% !important; top:50% !important; height:100% !important; width:auto !important; transform:translate(-50%,-50%) !important; } #produitsblochome #sliderproduitshome .slideproduit a { height:100% !important; position:absolute !important; left:50%; transform:translateX(-50%); } #sliderproduitshome .slideproduit { width:100%; display:none; position:absolute; left:0; height:100%; top:0; } .grilleinsta { width:100%; margin:auto; position:relative; left:50%; text-align:center; top:20%; transform:translateX(-50%); } .grilleinsta .thumb:first-child{ margin-left:0; } #ligne4 { margin-bottom:40px; } .grilleinsta:hover .thumb .voile { opacity:1; } .grilleinsta .ligne { display:none; } .grilleinsta .ligne#ligneinsta1 { display:block; } .grilleinsta .thumb .voile .contenuvoile img { border:0 !important; } .grilleinsta .thumb .voile .contenuvoile { position:absolute; left:50%; width:80%; font-size:25px; top:50%; transform:translate(-50%,-50%); } .grilleinsta .thumb .voile { position:absolute; left:0; top:0; opacity:0; z-index:2; transition:all 0.5s; width:100%; height:100%; background-color: rgba(255, 255, 255, 0.4); } .grilleinsta .thumb a { position:absolute; z-index:3; left:0; top:0; width:100%; height:100%; } h3.follow .traitdroite { height:2px; background-color:#3b3b3b; width:35%; position:absolute; right:0; top:50%; } h3.follow .traitgauche { height:2px; background-color:#3b3b3b; width:35%; position:absolute; left:0; top:50%; } h3.follow a { color:#3b3b3b; text-decoration:none; } h3.follow { width:80%; position:relative; left:10%; text-align:center; color:#3b3b3b; font-size:30px; letter-spacing:3px; font-weight:bold; font-family: "Kohinoor"; text-transform:uppercase; } .grilleinsta .thumb img{ width:100%; border:1px solid #E5E5E5; height:auto; } .grilleinsta .thumb{ width:18.5%; display:inline-block; background-size:cover; position:relative; height:auto; background-position:center center; margin-left:20px; } #ligne3{height:55vh;} #ligne2{height:55vh;} #ligne1{height:55vh;} .descriptionarticle button a{color:#fff;text-decoration:none;} .descriptionarticle button:hover a{color:#a7bac8;} .descriptionarticle button:hover{background-color:#ffffff;border:1px solid #a7bac8;} .descriptionarticle button{background-color:#a7bac8;padding-top:10px;padding-bottom:10px;padding-right:40px;padding-left:40px;color:#ffffff;border:0;text-transform:uppercase;text-align:center;border:1px solid #ffffff;cursor:pointer;} #bloc6{width:calc(60% - 10px);background-image: url(../images/bloc6new.webp);background-size:cover;background-position:center center;position:absolute;right:0;} .voileblanc{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;background-color:rgba(255, 255, 255, 0.4);} .content-home #bloc5 .img2{display:none;} #sliderproduitshome #flechegauche { position:absolute; left:20px; top:50%; transform:translateY(-50%); z-index:3; } #sliderproduitshome #flechedroite { position:absolute; right:20px; top:50%; z-index:3; transform:translateY(-50%); } #bloc5:hover .contenu{color:#e0c57e;} #bloc5:hover{background-color:#ffffff;} #bloc4:hover .contenu{color:#9cbce0;} #bloc4:hover{background-color:#ffffff;} #bloc5{width:calc(40% - 10px);background-color:#e0c57e;} #bloc4{position:absolute;right:0;width:calc(30% - 10px);background-color:#9cbce0;} #bloc3{width:calc(70% - 10px);background-size:cover;background-position:center center;background-image:url('../images/bloc3new2.webp');} #ligne1 #bloc1{width:calc(60% - 10px);z-index:3;} #ligne1 #bloc2{width:calc(40% - 10px);z-index:2;} #bloc2{background-size:cover;background-position:center bottom;position:absolute;right:0;} #bloc1{background-size:cover;background-position:center top;background-image:url('../images/bloc1new.webp');} #slider .slide a{position:absolute;left:0;top:0;width:100%;height:100%;} .ligne .bloc{height:100%;transition:all 0.5s;cursor:pointer;} .slide-numbers{position:absolute;right:0px;top:50%;z-index:2;margin-top:-120px;color:#9c9c9c;} #lecontenu .gras{font-family:"Kohinoor-SB";} .slide-numbers #slide-number4.actif{background-image:url('../images/aplatsbleupale.webp');background-position:top right;background-size:100% auto;background-repeat:no-repeat;} .slide-numbers #slide-number1.actif{background-image:url('../images/applat-bleu2N.webp');background-position:top right;background-size:100% auto;background-repeat:no-repeat;} .slide-numbers #slide-number2.actif{background-image:url('../images/applat-blanc.webp');background-position:top right;background-size:100% auto;background-repeat:no-repeat;color:#9c9c9c;} .slide-numbers #slide-number3.actif{background-image:url('../images/applat-orange.webp');background-position:top right;background-size:100% auto;background-repeat:no-repeat;} .slide-numbers #slide-number5.actif{background-image:url('../images/applat-rouge.webp');background-position:top right;background-size:100% auto;background-repeat:no-repeat;} .slide-numbers .slide-number.actif{color:#ffffff;} .slide-numbers .slide-number{width:50px;height:60px;font-size:25px;padding-top:20px;padding-left:10px;cursor:pointer;} .slide .slide-content .contenu #cadregauche{position:absolute;left:-30px;top:-30px;width:150px;} .slide .slide-content .contenu #cadredroite{position:absolute;right:-30px;bottom:-30px;width:150px;} #aucunptvente{position:relative;top:-310px;width:350px;text-align:center;padding:50px;background-color:#ffffff;left:50%;margin-left:-225px;} .slide .slide-content .contenu{font-size:18px;color:#5f5f5e;margin-top:70px;text-align:center;width:250px;} .slide .slide-content .soustitre{font-size:25px;margin-top:30px;font-family:"Kohinoor-SB";color:#5f5f5e;} .slide .slide-content .titre{font-size:50px;font-family:"Allura";} .slide .slide-content{text-align:right;} .contenuproduit #packshot.produitmoyen2{position:absolute;bottom:0;right:10%;width:200px;height:auto;z-index:3;} #slide2 .slide-content{position:absolute;left:5%;bottom:20%;text-align:right;} #slide1 .slide-content{position:absolute;right:10%;top:30%;text-align:right;} #slide4.en{background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/4_slide-noreva-sans-texte.webp');} #slide3.en{background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/sliders/slide-bergasol_3.webp');} #slide2.en{background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/sliders/slide-Eczeane-palpebral-ang.webp');} #slide1.en{background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/sliders/slide-Eczeane-huile-ang.webp');} #slide4{background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/generation7.webp');} #slide3{background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/sliders/slide-bergasol_3.webp');} #slide2{background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/sliders/slide-Eczeane-palpebral-ang.webp');} #slide1{background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/sliders/slide-Eczeane-huile-ang.webp');} #footerpartiedroite{font-size:14px;text-align:left;position:absolute;left:50%;margin-left:30px;color:#a7bac8;padding-top:3px;padding-left:40px;border-left:1px solid #beb1b2;height:100%;} #footerpartiegauche{text-align:left;position:absolute;left:50%;margin-left:-473px;} #footerpartiegauche table th{text-align:left;color:#beb1b2;font-size:14px;padding-bottom:20px;padding-top:0;} #footerpartiegauche table .alert{color:#000;text-transform:none;} #footerpartiegauche table tr td:first-child{padding-left:0;} #footerpartiegauche table tr td{padding-left:30px;} #footerpartiegauche table a{font-size:12px;text-decoration:none;color:#575756;} #footerpartiegauche table{text-transform:uppercase;color:#a7bac8;display:inline-block;margin-left:50px;vertical-align:top;} #footer{margin-top:100px;width:100%;position:relative;background-color:#ffffff;height:120px;padding-top:30px;} .content{width:100%;position:absolute;top:0;left:0;} .navbar ul.submenu li{display:block;margin-left:0;margin-top:10px;} #searchform img{position:relative;top:5px;} .sousmenusoins{width:765px;margin-left:-350px !important;vertical-align:top;} .produit:hover .contenuproduit.A5ACAF{background-color:#A5ACAF;} .produit a .contenuproduit.A5ACAF .nom{color:#A5ACAF;} .contenuproduit.A5ACAF .titreproduit{color:#A5ACAF;} .produit:hover .contenuproduit.db610c{background-color:#db610c;} .produit a .contenuproduit.db610c .nom{color:#db610c;} .contenuproduit.db610c .titreproduit{color:#db610c;} .produit:hover .contenuproduit.FF00FF{background-color:#FF00FF;} .produit a .contenuproduit.FF00FF .nom{color:#FF00FF;} .contenuproduit.FF00FF .titreproduit{color:#FF00FF;} .produit:hover .contenuproduit.E59FDB{background-color:#E59FDB;} .produit a .contenuproduit.E59FDB .nom{color:#E59FDB;} .contenuproduit.E59FDB .titreproduit{color:#E59FDB;} .header-content.pagesinte{background:rgba(218, 218, 218, 0.9);} .pagesinte .navbar li a{color:#5f5f5e;} #product #lecontenu{font-size:11px;text-align:left;} .produit:hover .contenuproduit.C0C0C0{background-color:#C0C0C0;} .produit a .contenuproduit.C0C0C0 .nom{color:#C0C0C0;} .contenuproduit.C0C0C0 .titreproduit{color:#C0C0C0;} .produit:hover .contenuproduit.AE9690{background-color:#AE9690;} .produit a .contenuproduit.AE9690 .nom{color:#AE9690;} .contenuproduit.AE9690 .titreproduit{color:#AE9690;} .produit:hover .contenuproduit.bug2{background-color:#9E959D;} .produit a .contenuproduit.bug2 .nom{color:#9E959D;} .contenuproduit.bug2 .titreproduit{color:#9E959D;} .produit:hover .contenuproduit.bug3{background-color:#ee5ea6;} .produit a .contenuproduit.bug3 .nom{color:#ee5ea6;} .contenuproduit.bug3 .titreproduit{color:#ee5ea6;} .produit:hover .contenuproduit.EFD807{background-color:#EFD807;} .produit a .contenuproduit.EFD807 .nom{color:#EFD807;} .contenuproduit.EFD807 .titreproduit{color:#EFD807;} .produit:hover .contenuproduit.bug{background-color:#5E366E;} .produit a .contenuproduit.bug .nom{color:#5E366E;} .contenuproduit.bug .titreproduit{color:#5E366E;} .produit:hover .contenuproduit.bug4{background-color:#8FE2AF;} .produit a .contenuproduit.bug4 .nom{color:#8FE2AF;} .contenuproduit.bug4 .titreproduit{color:#8FE2AF;} .produit:hover .contenuproduit.A5D867{background-color:#A5D867;} .produit a .contenuproduit.A5D867 .nom{color:#A5D867;} .contenuproduit.A5D867 .titreproduit{color:#A5D867;} .produit:hover .contenuproduit.bug6 .nom{color:#C0C0C0 !important;} .produit:hover .contenuproduit.bug6 .description{color:#000000 !important;} .produit:hover .contenuproduit.bug13{background-color:#879281 !important;} .produit:hover .contenuproduit.bug14{background-color:#A84D18 !important;} .contenuproduit.bug14 .titreproduit{color:#A84D18;} .produit a .contenuproduit.bug14 .nom{color:#A84D18;} .contenuproduit.bug13 .titreproduit{color:#879281;} .produit a .contenuproduit.bug13 .nom{color:#879281;} .produit:hover .contenuproduit.bug12{background-color:#a0825f !important;} .contenuproduit.bug12 .titreproduit{color:#a0825f;} .produit a .contenuproduit.bug12 .nom{color:#a0825f;} .produit:hover .contenuproduit.bug17{background-color:#4d7fc1 !important;} .produit:hover .contenuproduit.bug11{background-color:#2581c4 !important;} .contenuproduit.bug17 .titreproduit{color:#4d7fc1;} .contenuproduit.bug11 .titreproduit{color:#2581c4;} .produit a .contenuproduit.bug17 .nom{color:#4d7fc1;} .produit a .contenuproduit.bug11 .nom{color:#2581c4;} .produit:hover .contenuproduit.bug10{background-color:#dfb74e !important;} .contenuproduit.bug10 .titreproduit{color:#dfb74e;} .produit a .contenuproduit.bug10 .nom{color:#dfb74e;} .produit:hover .contenuproduit.bug9{background-color:#307fe2 !important;} .contenuproduit.bug9 .titreproduit{color:#307fe2;} .produit a .contenuproduit.bug9 .nom{color:#307fe2;} .produit:hover .contenuproduit.bug8{background-color:#A7BCD6 !important;} .produit a .contenuproduit.bug8 .nom{color:#A7BCD6;} .contenuproduit.bug8 .titreproduit{color:#A7BCD6;} .produit:hover .contenuproduit.bug7{background-color:#60797d !important;} .produit a .contenuproduit.bug7 .nom{color:#60797d;} .contenuproduit.bug7 .titreproduit{color:#60797d;} .produit:hover .contenuproduit.bug6{background-color:#ffffff !important;color:#C0C0C0 !important;border:2px solid #C0C0C0;} .produit a .contenuproduit.bug6 .nom{color:#C0C0C0;} .contenuproduit.bug6 .titreproduit{color:#C0C0C0;} .produit:hover .contenuproduit.bug5{background-color:#3D7EDB !important;} .produit a .contenuproduit.bug5 .nom{color:#3D7EDB;} .contenuproduit.bug5 .titreproduit{color:#3D7EDB;} .produit:hover .contenuproduit.fcdbdb{background-color:#fcdbdb;} .produit a .contenuproduit.fcdbdb .nom{color:#fcdbdb;} .contenuproduit.fcdbdb .titreproduit{color:#fcdbdb;} .produit:hover .contenuproduit.D71F85{background-color:#D71F85;} .produit a .contenuproduit.D71F85 .nom{color:#D71F85;} .contenuproduit.D71F85 .titreproduit{color:#D71F85;} .produit:hover .contenuproduit.FF818D{background-color:#FF818D;} .produit a .contenuproduit.FF818D .nom{color:#FF818D;} .produit:hover .contenuproduit.a0c5cb{background-color:#a0c5cb;} .produit a .contenuproduit.a0c5cb .nom{color:#a0c5cb;} #produitsblochome a{width:auto !important;height:auto !important;margin-left:0;} .contenuproduit.FF818D .titreproduit{color:#FF818D;} .cadrerose .contenu{} .contenuproduit .titreproduit{font-size:15px;font-family:"Kohinoor-SB";} .contenuproduit .cadrerose{border:2px solid #e68a8a;text-align:center;width:90%;padding-top:50px;padding-bottom:30px;font-size:9px;text-transform:uppercase;color:#e68a8a;} .contenuproduit .cadrerose .titre{font-family:"Kohinoor-SB";font-size:13px;} .menuproduit a.actif::before{content:"> ";} /*.contenuproduit #packshot{position:absolute;bottom:0;right:4%;width:175px;height:auto;z-index:3;}*/ .contenuproduit #packshot{position:absolute;bottom:0;right:13.5%;width:90px;height:auto;z-index:3;} .contenuproduit .cadrerose .chiffre{font-size:80px;line-height:50px;text-transform:none;font-family:"Kohinoor-SB";} .ligne .contenuproduit{width:calc(100% - 30px);} #product .contenuproduit{} .produitblochome.produitblochomeie#produitblochome3{width:170px !important;} .produitblochome.produitblochomeie:hover{transform:scale(0.57) !important;} .produitblochome.produitblochomeie{transform:scale(0.5) !important;width:140px !important;} .contenuproduit #packshot.produitmoyen{position:absolute;bottom:0;right:10%;width:150px;height:auto;z-index:3;} .contenuproduit #packshot.produitpetit{position:absolute;bottom:0;right:13.5%;width:90px;height:auto;z-index:3;} .contenuproduit #packshot.produittoutpetit{position:absolute;bottom:0;right:13%;width:70px;height:auto;z-index:3;} .contenuproduit{vertical-align:top;position:relative;width:100%;color:#575756;font-size:12px;} .contenugauche .cadregris .temoignage .nom{} .contenugauche .cadregris .temoignage .nom .gras{font-family:"Kohinoor-SB";} .contenugauche .cadregris .temoignage{padding-left:40px;padding-right:40px;text-align:left;} .contenugauche .cadregris img{position:relative;left:-2px;} .contenugauche .cadregris{background-color:#5f5f5e;text-align:left;color:#ffffff;width:90%;padding:2px;margin-top:20px;} .contenuproduit{background-repeat:no-repeat;background-size:25% auto;background-position:10% 0%;} .contenugauche{vertical-align:top;display:inline-block;width:30%;z-index:2;text-align:left;position:relative;} .contenudroite .desc img{position:relative;top:-2px;width:5px;} .contenudroite .desc{font-size:17px;color:#ffffff;display:block;text-align:left;} .contenudroite{width:25%;background-color:#ececec;display:inline-block;padding-left:2%;padding-top:20px;padding-bottom:20px;padding-right:50px;text-align:left;z-index:2;min-height:250px;position:relative;} .sousmenusoins table tr td:first-child{padding-left:0px;text-transform:uppercase;min-width:135px;} .sousmenusoins table tr td{padding-left:15px;} .sousmenusoins table:first-child{margin-left:0px;} .sousmenusoins table{margin-left:20px;min-width:300px;width:48%;vertical-align:top;} #inscription-ecran1 .partiegauche, #inscription-ecran1 .partiedroite{vertical-align:top;} .contenuproduit .contenudroite{padding-right:5%;overflow:auto;height:320px;} .contenucache{display:none;} #applatproduit{width:50.8%;height:auto;position:absolute;bottom:0;right:0;margin-left:2px;z-index:1;} a.lienchemin:hover{font-family:"Kohinoor";} a.lienchemin{font-size:11px;color:#000000;padding:0;margin:0;border:0;text-decoration:none;} .cheminproduit{font-size:9px;margin-bottom:30px;text-align:left;position:relative;top:-15px;} .contenufid td.notice{padding-top:2vh;} .contenufid td,.contenufid tr{height:100%;-webkit-align-self:center;vertical-align:middle !important;} .menuproduit a:hover{font-family:"Kohinoor-SB";} .menuproduit a{display:block;width:calc(100% - 20px);padding-left:20px;text-decoration:none;color:#e68a8a;font-size:12px;padding-top:3px;padding-bottom:5px;border-bottom:1px solid #beb1b2;} .menuproduit .nomproduit{background-color:#e68a8a;font-size:14px;padding-top:3px;padding-bottom:3px;display:block;padding-left:20px;padding-right:40px;color:#ffffff;} .menuproduit{position:absolute;left:0;z-index:9;max-width:350px;margin-left:-100px;width:200px;text-align:left;} .sousmenusoins table td a img{width:10px;} .sousmenusoins table td a:hover{color:#000000;} .sousmenusoins table td a{font-size:11px;} .sousmenusoins table .submenu-name.jaune{color:#dfb74e;} .sousmenusoins table .submenu-name.grey{color:#c7c6c6;} .sousmenusoins table .submenu-name.rose{color:#e78b8a;} .sousmenusoins table .submenu-name.bleu{color:#4d7bde;} .sousmenusoins table .submenu-name.vert{color:#c1d56d;} .sousmenusoins table .submenu-name.grus{color:#5E366E;} .sousmenusoins table .submenu-name.violet{color:#E59FDB;} .sousmenusoins table .submenu-name{font-family:"Kohinoor-SB";padding-bottom:20px;font-size:12px;} .sousmenusoins table{display:inline-block;font-size:10px;} .navbar ul>li{position:relative;} .submenu-name{font-family:"Kohinoor-SB";color:#beb1b2;font-size:14px;} .navbar ul.submenu .item a:hover{color:#000000;} .navbar ul.submenu .item a{font-size:11px;font-family:"Kohinoor";} .navbar ul.submenu{-moz-transition:all 0.5s;transition:all 0.5s;-webkit-transition:all 0.5s;display:none;position:absolute;top:30px;left:0;min-width:250px;padding:40px;min-height:120px;background:rgba(255, 255, 255, 0.98);} .navbar .submenu .titregamme{padding-top:20px;} .navbar li a .trait{background-color:transparent;width:30px;height:3px;display:block;position:relative;left:50%;margin-left:-15px;} .navbar li a.actif .trait{background-color:#ffffff;} .navbar li a:hover{color:#ffffff;} .navbar .submenu a{color:#5f5f5e;} .navbar li a{-moz-transition:all 0.5s;transition:all 0.5s;-webkit-transition:all 0.5s;font-family:"Kohinoor-SB";text-decoration:none;letter-spacing:1px;color:#fff;font-weight:normal;font-size:14px;} .navbar li:first-child{margin-left:0;} .navbar li{display:inline-block;margin-left:30px;} .navbar ul,.navbar li{list-style-type:none;} .navbar ul{margin:0;padding:0;vertical-align:top;} .header-content{width:60%;position:absolute;top:0;height:130px;margin-left:20%;background:rgba(167, 187, 201, 0.9);} #logo{width:150px;position:absolute;top:30px;left:50%;margin-left:-75px;} #logo img{width:100%;height:auto;} .contenumob{display:none;} @media only screen and (max-width:1440px){#contenudiagnostic .partiedroite #question{width:220px;position:relative;left:50%;top:50%;} } @media screen and (min-width:600px) and (max-width:900px){.textemap{padding:20px !important;} .boutonmap{margin-top:20px !important;} #inscription-ecran1 .partiedroite .contenu{transform:translateY(-350%) !important;} .findiag{position:relative;left:50%;} } @media only screen and (min-width:900px) and (max-width:1024px){body .legendechiffre{max-width:100% !important;} } @media only screen and (max-width:1024px){#inscription-ecran1 .partiedroite{font-size:45px;} #inscription-ecran1 .partiedroite .contenu{position:relative;top:38%;} .contenud{display:none;} #contenudiagnostic .partiedroite #question .reponse:hover .carrecheck{background:transparent;} #routine .texteroutine{display:block;width:100%;} #routine .soin{width:30.5%;} #contenudiagnostic .partiedroite #question .reponse.selected:hover .carrecheck{background:#fff !important;} #bloc1 .contenu .soustitre2{padding-left:21px;} .bloc-gris2{top:-231px;} #bloc-marque1 #cadre2{top:83px;} .bloc-gris4{top:-110px;} #contenudiagnostic .partiegauche{background-image:url(../images/bgdiagmob.webp);background-position:45% center;} .contenuimage{height:17.5vw;} #blocgeneration1 #photo2{background-position:right center !important;} .tableaugeneration .image{background-image:url(../images/generation9mob.webp);} .tableaugeneration .image2{background-image:url(../images/generation8mob.webp);} #blocgeneration5 #photo4{background-image:url(../images/generation10mob.webp);} #photo5{background-image:url(../images/generation11mob.webp);} .menuproduit{margin-left:0;max-width:150px;} .container#product{width:100%;left:0;} .cheminproduit{left:20px;width:50%;} .content-marque #bandeau-marque2,.content-marque #bandeau-marque1{background-attachment:scroll;} .bloc-gris2{width:355px;} .bloc-gris4{width:250px;} #packshotmarque{left:45%;} #bloc-marque1 #citation{display:inline-block;font-size:25px;color:#5175b9;text-align:right;width:370px;position:absolute;right:7%;z-index:9;margin-left:500px;top:150px;} #bloc-marque1{background-position:95% bottom;} #bloc-marque1 #cadre1{width:250px;margin-left:-450px;} #routine .soin img{width:40%;height:auto;position:relative;top:50%;transform:translateY(-90%);} #findiag{margin-left:30px !important;} #contenudiagnostic .partiedroite #question .reponse{font-size:15px;} #contenudiagnostic .partiedroite #question .question{font-size:20px;} #slide2,#slide1,#slide4,#slide3,#slide5{background-attachment:scroll;} .top-right{right:10px !important;} #bloc2 .contenu{margin-top:0;top:52%;height:230px;transform:translateY(-50%);} } @media only screen and (max-width:400px){#chiffre2{position:relative;top:-22px;} #legende2{position:relative;top:-20px;} #chiffre12{position:relative;top:-5px;} #chiffre3{position:relative;top:-40px;} #bloc-marque2{background-position:0% 20% !important;background-size:75% auto !important;} #register-form.contact label{position:relative;left:-25px;} #chiffre4{position:relative;top:-40px;} #chiffre13{position:relative;top:20px;} #legende18{position:relative;top:-20px;} #legende13{position:relative;top:40px;} #legende12{position:relative;top:20px;} #chiffre17{position:relative;top:-20px;} #legende17{position:relative;top:-30px;} #legende14{position:relative;top:-40px;} #chiffre16{position:relative;top:-40px;} #chiffre11{position:relative;top:-30px;} #chiffre15{position:relative;top:-40px;} #chiffre10{position:relative;top:-10px;} #legende7{position:relative;top:40px;} #chiffre14{position:relative;top:-60px;} #register-form select{width:254px;} .produitblochome{transform:none !important;-moz-transform:none !important;-webkit-transform:none !important;} .slide-numbers{top:40%;} #bloc2 .contenu{top:52% !important;} .soin a.buttoncompte{} body #routine .soin a img{width:55% !important;transform:translateY(-100%) !important;} #frisechrono .chiffre{width:90% !important;} #footerpartiegauche table{margin-left:-142px !important;width:284px !important;left:50% !important;position:relative !important;} #frisechrono .colonnegauche .chiffre{width:90% !important;left:10% !important;} } @media only screen and (max-width:1260px){#inscription-ecran1 .partiedroite h1 .contenu{font-size:40px;} } @media only screen and (max-width:900px){ #produitsblochome { bottom:-8% !important; } #bloc6 { background-position:70% center !important; } #ligne3{height:105vh !important; } h3.follow .traitdroite,h3.follow .traitgauche { display:none; } #ligne1{margin-top:90px;} #slider{height:calc(90vh - 90px)!important;top:90px;} #blocgeneration1 .ligne222 .texte{margin-top:30px;} #blocgeneration5 .ligne .bloc-gauche, #blocgeneration7 .ligne .bloc-gauche, #blocgeneration1 .ligne222 .texte, .tableaugeneration .texte, #blocgeneration1 .ligne22 .texte{order:2;} #blocgeneration5 .ligne .bloc-droite, #blocgeneration7 .ligne .bloc-droite, #blocgeneration1 .ligne222 .photo, .tableaugeneration .image2, #blocgeneration1 .ligne22 .photo{margin-top:20px;order:1;} .tableaugeneration tr, #blocgeneration1 .ligne222, #blocgeneration7 .ligne, #blocgeneration5 .ligne, #blocgeneration1 .ligne22{display:flex;flex-direction:column;} #lessoinsdiag tr{display:flex;flex-direction:column;height:auto !important;} #lessoinsdiag .catsoin{position:relative !important;top:20px !important;} #lessoinsdiag tr td.texte .lecontenu{margin-top:15px;position:relative !important;transform:none !important;top:0 !important;} #lessoinsdiag tr td.photo img{height:250px !important;} #lessoinsdiag tr td.texte{order:1;padding-bottom:30px;height:auto !important;} #lessoinsdiag tr td.photo{order:2;padding-bottom:20px;padding-top:20px;height:auto !important;} #lessoinsdiag .soin1{order:1;} #routine .soin{display:block !important;width:100% !important;} #lessoinsdiag .soin2{order:2;} .contenudesk{display:none !important;} body #routine .soin a img{width:30% !important;transform:none !important;top:0 !important;} #lessoinsdiag .soin3{order:3;} .soin{height:auto !important;margin-bottom:40px !important;} #routine .soin .descsoin{position:relative !important;bottom:0;} #lessoinsdiag td{display:block !important;width:100% !important;} #lienslangues{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);} .desc.titrepageproduit .sousnom{display:block;} #datetest{top:200px;width:100%;text-align:center;} #boutonparticiper{font-size:20px;top:20px;} .container.contenutests#register-form{padding-bottom:50px;} .contenutests{width:100%;left:0;} .container.contenutests#register-form .mention{width:80%;} .contenutests .partiedroite .heading{padding-left:30px;padding-right:30px;} .contenutests .mention{padding-left:30px;padding-right:30px;} .contenutests .partiedroite{padding-top:30px;padding-bottom:30px;} .contenutests .partiegauche,.contenutests .partiedroite{width:100%;display:block;} #contenudiagnostic .partiedroite #question.questionfindiag{width:90%;} #popupinscription #register-form input{width:240px !important;} .contenuimage{display:block;} .produit a{position:relative;width:100%;display:block;} .sousmenusoins.plansite{padding-left:20px !important;} #produitsblochome a{margin-left:3%;} .plansite{padding-left:20px;} #frisechrono .colonnegauche{text-align:right;} #chiffre19{position:relative;top:10px;} #chiffre20{position:relative;top:0;} #chiffre21{position:relative;top:-20px;} #routine .texteroutine{padding-bottom:20px;} .legendechiffre{max-width:148px !important;} #legende23{position:relative;top:100px;} #contenudiagnostic .partiedroite #question .reponse:hover .carrecheck{background:transparent;} #legende23{position:relative;top:70px;} #legende23{position:relative;top:100px;} #legende20{position:relative;top:-20px;} #chiffre21{position:relative;top:-30px;} #legende22{position:relative;top:30px;} #legende13{position:relative;top:-10px;} #chiffre15{position:relative;top:20px;} #chiffre13{position:relative;top:-50px;} #chiffre16{position:relative;top:0px;} #legende12{position:relative;top:-20px;} #chiffre17{position:relative;top:0px;} #chiffre12{position:relative;top:-10px;} #legende17{position:relative;top:20px;} #legende10{position:relative;top:-20px;} #legende16{position:relative;top:20px;} #legende15{position:relative;top:20px;} #chiffre6{position:relative;top:-20px;} #chiffre10{position:relative;top:-40px;} #chiffre14{position:relative;top:-10px;} #legende8{position:relative;top:-50px;} #chiffre8{position:relative;top:-50px;} #legende7{position:relative;top:-20px;} #chiffre3{position:relative;top:10px;} #chiffre7{position:relative;top:-10px;} #blocgeneration6 .bloc-droite .texte{} #contenudiagnostic .partiedroite #question .reponse.selected:hover .carrecheck{background:#fff !important;} #login-form .checkbox label{width:100%;margin-left:0;} .checkbox{text-align:center;} .guill2{top:20px;} #blocgeneration7 .citation{margin-top:30px;margin-bottom:30px;} .tableaugeneration{margin-top:30px;} #contenudiagnostic .partiegauche{background-image:url(../images/bgdiag.webp);background-position:40% center;} #product .swiper-slide-next{margin-left:5px;} .produitblochome{transform:none !important;-moz-transform:none !important;-webkit-transform:none !important;} #findiag{margin-left:0 !important;} #photo5{background-image:url(../images/generation11.webp);} #blocgeneration5 #photo4{background-image:url(../images/generation10.webp);} .tableaugeneration .image2{background-image:url(../images/generation8.webp);} #blocgeneration5 .bloc-droite .bloc-content{margin-left:0;} .produitblochome{width:12%;} #produitblochome3{width:14%;} #blocgeneration1 #photo2{width:45%;background-size:cover;position:absolute;right:0;left:55%;height:100%;background-position:center center;background-image:url(../images/generation3.webp);display:inline-block;} .content-home .grilleinsta .ligne { height:auto !important; } .content-home .ligne#ligne3{ height:70h !important; } .content-home .ligne#ligne4 { height:250vh !important; } .grilleinsta .thumb { margin-left:0 !important; margin-right:0 !important; display:block !important; width:80% !important; position:relative; left:10%; margin-top:15px !important; } .grilleinsta { top: 0 !important; transform:translateX(-50%) !important; } .produitblochome:hover{transform:none !important;} #routine .soin .descsoin{padding:1%;left:50%;width:100%;transform:translateX(-50%);text-align:center;} #blocgeneration1 #texte2{margin-left:0;width:100%;} .produitblochome{transition:none !important;} .swiper-slide-active .produitblochome{width:11%;} .slide .slide-content .contenu{color:#a5a5a5;} .slide-content .titre img{width:230px;} #product ul{padding-left:15px;} #product #lecontenu{padding-right:30px;} #bloc-marque2 #cadre4 .chiffre{line-height:80px;font-size:80px;} #bloc-marque2 #cadre4{line-height:10px;font-size:25px;} #bloc-marque2 #cadre4 .chiffre{margin-left:-5px;} #bloc-marque2 #cadre3 .chiffre{line-height:60px;font-size:60px;} #bloc-marque2 #cadre3{line-height:10px;font-size:15px;} .slide .slide-content .contenu #cadregauche{top:-20px;} .slide .slide-content .contenu #cadredroite{bottom:-20px;} #menumob .contenumenumob{position:relative;top:50%;transform:translateY(-100%);} .traitblancmenumob{height:2px;width:30px;position:relative;left:50%;margin-left:-15px;top:5px;background-color:#fff;} #slide2{background-position:center bottom;} .slide .slide-content{display:none !important;} #slide2,#slide1,#slide4,#slide3,#slide5{background-attachment:scroll;} #menumob .contenumenumob a{display:block;width:100%;margin-top:30px;text-transform:uppercase;color:#5f5e5e;text-decoration:none;font-family:"Kohinoor-SB";font-size:15px;text-align:center;} .sousmenusoins table tr td.titregamme{padding-top:25px;} .sousmenusoins table{margin-left:0;} .sousmenusoins table tr td:first-child{width:130px;} .sousmenusoins table tr td a{font-size:10px !important;} .sousmenusoins table tr td{text-align:left;padding-top:5px;padding-bottom:5px;font-size:12px;} .sousmenusoins table{display:block;} .sousmenusoins{display:block !important;width:80%;left:10%;position:relative;padding:0;margin-left:0 !important;} #menumob .contenumenumob{width:100%;} .sousmenusoins table{min-width:100px;} #menumob{display:none;position:fixed;top:90px;width:100%;height:100vh;z-index:999;left:0;background-color:rgba(218, 218, 218, 0.95);} .contenumob{display:block;} #boutonmenumob{position:fixed;top:35px;left:20px;z-index:9999;} .content-home .ligne{height:100vh !important;} .content-home #bloc2{display:block !important;width:100% !important;height:50% !important;} .content-home #bloc1{display:block !important;width:100% !important;vertical-align:top;height:50% !important;position:relative;} #bloc-marque1 #photo{right:0;width:50%;left:auto;} #bloc1 .contenu{top:50%;margin-top:0;transform:translateY(-50%);} #bloc2{position:relative;} #bloc2 .contenu .soustitre{width:100%;font-size:14px;} #bloc2 #applat{display:none;} #bloc3,#bloc4,#bloc5,#bloc6{height:50%;display:block;position:relative;width:100%;}#bloc4 .contenu{top:50%;transform:translateY(-50%);} .header-content{width:100vw;height:90px;} .container#register-form2{width:80%;left:10%;padding-top:110px;} #bloc-marque1 #cadre1 #chiffre{top:0;font-size:12px;} #bloc-marque1 #cadre1 .lechiffre{position:relative;top:20px;font-size:80px;line-height:30px;} #formcontact .radio{left:10%;width:80%;margin-left:0;}.contenumentions{width:80%;position:relative;left:10%;} #bloc-marque1 #citation{width:40%;left:5%;font-size:12px;padding:0;top:105px;margin:0;} #bloc-marque2 #cadre4 .chiffre{font-size:80px;} #bloc-marque2 #cadre3 .chiffre{font-size:60px;} .bloc-gris2{width:50%;padding:5%;left:40%;margin-left:0;top:145px;} .bloc-gris4 .chiffre{font-size:80px;} #packshotmarque{display:inline-block;width:50px;left:auto;height:auto;position:absolute;margin-left:0;right:240px;margin-top:-160px;} .bloc-gris5{width:90%;padding:5%;left:0%;margin-left:0;top:0px;} .content-marque #bandeau-marque2 .band-content{margin-top:-25px;} .bloc-gris4{width:180px;padding-left:5%;padding-right:5%;left:calc(100% - 260px);right:0;margin-top:220px;position:relative;display:block;top:0;line-height:30px;font-size:21px;margin-left:-5px;padding-top:60px;} .bloc-gris3{width:70%;padding:5%;left:0%;margin-left:0;top:180px;display:block;} #bloc-marque2 #cadre4{width:200px;padding-bottom:20px;padding-top:20px;left:2%;top:21px;height:110px;margin-left:0;padding-left:2%;padding-right:2%;} .content-marque #bandeau-marque1,.content-marque #bandeau-marque2{background-attachment:scroll;} .boutoncontact,.boutoncontact2{margin-left:0;} #bloc-marque2 #cadre3{width:30%;padding-bottom:20px;padding-top:20px;left:2%;top:269px;margin-left:0;padding-left:2%;padding-right:2%;} .bloc-gris{width:50%;left:0;margin-left:0;padding:5%;top:280px;} #bloc-marque1 #cadre2 .chiffre{font-size:80px;} #bloc-marque1 #cadre2{left:2%;padding-left:2%;padding-right:2%;right:0;width:30%;margin-left:0;margin-right:0;top:32vw;padding-top:40px;padding-bottom:30px;} .pointslideproduit.inactif{opacity:0.35;} .swiper-slide-prev{text-align:right !important;} #bloc2 .swiper-slide-prev a{position:relative;right:-20% !important;opacity:0.5;left:auto !important;} #bloc2 .swiper-slide-next a{position:relative;left:-20% !important;opacity:0.5;} #bloc2 .swiper-slide-next{text-align:left !important;} #bloc-marque1 #cadre1 .ans{font-size:18px;top:-15px;} .ligne .contenuproduit{top:0;} .ligne{margin-top:30px;} .produit img{height:100% !important;width:auto !important;} #bloc-marque1 #cadre1 .lechiffre img{position:relative;top:30px;} #bloc-marque1 #cadre1{padding-left:10%;padding-right:10%;width:120px;top:280px;margin-left:4px !important;padding-top:10%;padding-bottom:10%;} #frisechrono .colonnegauche .chiffre{width:50%;left:50%;} #blocgeneration2 .bloc-gauche #photo1{} #blocgeneration1 #photo1{width:80%;left:0;} #blocgeneration2 .bloc-droite #photo2{display:none;} #blocgeneration1 #texte1{padding-left:0;} #blocgeneration2 .citation{font-size:15px;} #blocgeneration2 .bloc-droite{display:block;position:relative;left:0%;width:100%;} h2.titreblocgeneration{font-size:20px;} #blocgeneration2 #texte2{width:100%;} #blocgeneration1 #texte2 .conseil{width:100%;margin-top:30px;} #blocgeneration2 .bloc-gauche{width:90%;left:5%;display:block;} #blocgeneration1 #texte2 .conseil .titre{font-size:20px;margin-top:20px;} #blocgeneration1 #texte2 .citation .guill{font-size:60px;} #blocgeneration1 #texte2 .citation{font-size:20px;position:relative;top:-20px;} .content-marque{padding-top:90px;} #blocgeneration1 #texte1{display:block;width:100%;position:relative;left:0;right:0;text-align:justify;bottom:0;} #blocgeneration1 #texte2 .conseil .titre{text-align:left;padding-left:0;} #blocgeneration1 #photo22,#blocgeneration1 #photo11,#blocgeneration1 #photo1,#blocgeneration1 #photo23,#blocgeneration2 .bloc-gauche #photo1,#blocgeneration1 #photo2,#blocgeneration2 .bloc-gauche,#blocgeneration7 .bloc-droite #photo2,#blocgeneration3 #photo3,#blocgeneration3 .bloc-gauche,#blocgeneration5 #photo4,#photo5{position:relative;height:300px;width:100%;left:0;} .generation-content{left:10%;min-width:100px;padding-top:110px;width:80%;transform:none;} #blocgeneration1 .ligne2{height:auto;} .genintro{width:100%;margin-left:0;} #blocgeneration7 .bloc-gauche,#blocgeneration7 .bloc-droite{display:block;width:100%;} #blocgeneration6 .bloc-droite{left:0;} #blocgeneration3, #blocgeneration6{margin-top:30px;} .bloc-generation .texte{padding-top:30px;padding-bottom:30px;} .generation-content .ligne{margin-top:0px;} #blocgeneration5 #photo4{float:none;width:100%;} #blocgeneration5 .bloc-droite,#blocgeneration6 .bloc-droite{margin-top:50px;} #blocgeneration6 .bloc-droite .texte{padding-left:0;} #blocgeneration6{height:auto;} .tableaugeneration .image{background-position:center 25%;} .tableaugeneration .image2,.tableaugeneration .image{height:40vh;} #blocgeneration6 .bloc-gauche, #blocgeneration6 .bloc-droite{display:block;width:100%;position:relative;} #blocgeneration5 .bloc-gauche, #blocgeneration5 .bloc-droite{display:block;width:100%;position:relative;} .tableaugeneration td.texte{padding-left:0;} .tableaugeneration td{display:block;width:100%;padding:0;} #blocgeneration3 .bloc-droite{padding-left:0;left:0;} #blocgeneration3 .bloc-gauche,#blocgeneration3 .bloc-droite{display:block;width:100%;} #blocgeneration3 #photo3{} #blocgeneration7 .bloc-droite #photo2{} #blocgeneration7 .bloc-droite{position:relative;padding-left:0;} #blocgeneration2 .bloc-droite{padding-left:0;} .genintro img{width:100%;} #blocgeneration7 .citation{top:0;} .header-content.pagesinte{background:#fff;} .content-marque .bandeau{min-height:30vh;height:30vh;} #bloc-marque1{background-position:100% 70%;background-size:40% auto;} #frisechrono .chiffre{width:50%;} #frisechrono .colonnegauche .legendechiffre{left:calc(90% - 148px);} #bloc-marque1 #cadre1{margin-left:0;left:5px;} #frisechrono .legendechiffre{width:90%;padding-left:5% !important;} #frisechrono .colonnegauche{width:49%;} #frisechrono .colonnedroite{width:49%;} #frisechrono{width:100%;margin-left:0;left:0;} .band-content{font-size:15px;} .content-marque #bandeau-marque1 .band-content{margin-top:-50px;} .band-content .gras{font-size:20px;} #bloc-marque2{background-position:5% 27%;background-size:40% auto;} .cheminproduit{width:90%;} #footerpartiegauche table tr td a{font-size:10px;} #footerpartiegauche table tr td{text-align:center;line-height:15px;width:100%;} #footerpartiegauche table tr{display:block;width:100%;} #footerpartiegauche table{width:284px;left:25px;position:relative;} #bloc5{margin-top:40px;} #bloc4{margin-top:20px;} #bloc4 .contenu .chiffre{padding-left:40px;} #bloc6{margin-top:20px;} #bloc3 .contenu{width:60%;margin-left:0;left:20%;margin-top:0;top:50%;transform:translateY(-50%);} #footerpartiedroite img{width:40px;} #footerpartiedroite{margin-left:0;left:10%;width:80%;margin-top:30px;position:relative;} #footerpartiegauche{margin-left:0;left:0;width:100%;position:relative;} #footerpartiegauche .tableaunews{display:none;} #bloc6 .contenu{left:10%;} #bloc2 .contenu{margin-top:0;top:42%;height:230px;transform:translateY(-50%);} #bloc-marque1{top:-100px;} #bloc5 .contenu{margin-top:0;top:50%;transform:translateY(-50%);} #bloc1 .contenu .soustitre2{left:0;font-size:12px;width:100%;} #bloc1 .contenu .titre img{width:100% !important;} #bloc2 .contenu .titre{font-size:28px;} #footerpartiedroite{padding:0;border:0;} #bloc4 .contenu{width:100%;margin-top:0;margin-left:0;left:0;transform:translateY(-50%);top:50%;} #bloc6 .contenu{transform:translateY(-50%);top:50%;margin-top:0;width:80%;font-size:13px;} .header-content{margin-left:0;} .navbar{display:none;} .top-right{display:none;} .slide-content #cadregauche{left:0 !important;} .slide-content #cadredroite{right:0 !important;} .slide-content #cadregauche,.slide-content #cadredroite{width:50px !important;} #slide2 .soustitre{text-align:left;margin-right:0;} #intro{display:none !important;} #slide2 .contenu{left:0;} #slide1 .contenu{left:0;} #inscription-ecran1 .partiedroite{background-size:15% auto;} #applatbleucontact{z-index:0;} #inscription-ecran2 .row{z-index:1;position:relative;} #footer{margin-top:0;} #slide5 .contenu{left:0;} #slide5 .slide-content{left:20px;} #slide2 .slide-content{left:20px;} #slide1 .slide-content{left:20px;} .slide .slide-content .contenu{font-size:14px;} .slide .slide-content .soustitre{font-size:15px;} .container#register-form{margin-left:0;width:100%;left:0;} #contenudiagnostic{height:200vh;min-height:100vh;} .container#diagnostic{padding-top:90px;} #contenudiagnostic .partiegauche{height:50%;} #contenudiagnostic .partiedroite{height:50%;} #contenudiagnostic .partiedroite .numquestion{margin-top:0;transform:translateY(-50%);} #contenudiagnostic .partiedroite #question .question{font-size:20px;} #contenudiagnostic .partiedroite #question .reponse{font-size:12px;} #contenudiagnostic .partiegauche,#contenudiagnostic .partiedroite{display:block;width:100%;left:0;position:relative;} #diagnostic h2{text-align:center;} #contenudiagnostic .partiedroite{} #contenudiagnostic .partiegauche .contenu{margin-top:0;transform:translateY(-50%);} .numquestion td{padding-top:0;} #contenudiagnostic .partiedroite #question{width:65%;left:10%;margin-left:0;margin-top:0;transform:translateY(-50%);} .container#diagnostic{width:100%;left:0;} #register-form label{display:block;text-align:center;width:100%;} .descriptiongamme{width:calc(100% - 120px);padding-left:10px;} .chemin{margin-left:20px;} .contenudesk{display:none;} .imagegamme{width:80px;margin-right:5px;} .container#gamme{width:100%;left:0;} #routine .soin{width:30.6%;} #routine .soin .descsoin{padding:1%;} .panel-body h2{font-size:1.4em;} #routine .soin img{transform:translateY(-90%);} #routine .soin .nomsoin{font-size:12px;} #routine .soin .nomgamme{font-size:15px;} #routine .soin{padding:1.2%;} #routine .soin{width:30%;} #routine .texteroutine{display:block;width:80%;position:relative;left:10%;padding:0;} .findiag{width:90%;} #login-form label{display:block;text-align:center;width:100%;} .container#login-form{left:0;width:100%;} #applatbleucontact{width:50px;top:100px;} #register-form .heading{font-size:20px;} #inscription-ecran1 .partiegauche .boutons{top:150%;z-index:9;} #popupinscription{top:0;left:0;height:90%;transform:none;padding:10%;width:80%;text-align:center;} #popupinscription #register-form{height:100%;} #inscription-ecran1 .partiedroite .contenu{position:relative;top:-50%;transform:translateY(-180%);font-size:30px !important;text-align:center;} #inscription-ecran1{height:100vh;margin-top:0;} .container#register-form{padding-top:90px;} #product .contenugauche .cadregris{display:none;} .contenuproduit #packshot{right:5% !important;} #product .contenudroite{width:55%;left:-15%;position:relative;} .contenugauche{position:absolute;right:0;bottom:0px;width:150px;} .menuproduit{margin-left:4%;position:relative;width:250px;} .menuproduit a{display:none;} .pointsslideprod{width:65%;margin-top:10px;} .contenuproduit .cadrerose{padding-top:30px;} #product .contenuproduit{padding-bottom:230px;} .contenuproduit{background-position:left bottom;background-size:50% auto;} .contenuproduit .cadrerose .chiffre{font-size:50px;} .container#product{width:100%;left:0;} a.lienchemin{position:relative;left:20px;} #inscription-ecran1 .partiegauche, #inscription-ecran1 .partiedroite{display:block;width:100%;height:50%;} .contenuimage{height:150px !important;} form#modifprofil{width:80%;position:relative;left:10%;} #map{height:350px;} .contenufid .image{width:100%;} .contenufid .notice{width:100%;} .contenufid td{display:block;width:100%;} .contenufid{width:100%;margin-left:0;} .contenuproduit{font-size:10px;} #register-form a.buttoncompte{width:170px;} .container#ptvente{width:100%;left:0;} .produit{width:39% !important;} #routine .soin img{width:30%;} #infosprofil{top:0;margin-top:100px;position:relative;width:100%;} .slide .slide-content .contenu{width:160px;} #slide2 .slide-content{bottom:30%;top:auto;} #slide1 .slide-content{top:auto;bottom:30%;} #bloc6 .contenu .soustitre{display:none;} #bloc1 .contenu .soustitre2{display:none;} .slide .slide-content .soustitre{margin-top:0;} #slide4 .slide-content{bottom:5%;top:auto;} #slide4.en{background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/4_600x1065-mars copie.webp');} #slide3.en{background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/sliders/600x1065-Bergasol-3.webp');} #slide2.en{background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/sliders/600x1065-Eczeane-palpebral-ang.webp');} #slide1.en{background-size:cover;background-attachment:fixed;background-position:center center;background-image:url('../images/sliders/600x1065-Eczeane-huile-ang.webp');} #slide1{background-image:url('../images/sliders/600x1065-Eczeane-huile-ang.webp');} #slide2{background-image:url('../images/sliders/600x1065-Eczeane-palpebral-ang.webp');} #slide3{background-image:url('../images/sliders/600x1065-Bergasol-3.webp');} #slide4{background-image:url('../images/4_600x1065-mars copie.webp');} #backtottop a img{width:40px;} .produit img.produitgrand{height:70% !important;} #backtottop{bottom:10px;right:10px;} .descriptiongamme{text-align:left;} #applatproduit{bottom:230px;} .contenuproduit #packshot{width:90px !important;bottom:230px !important;} .ss-scroll{margin-left:20px;} .contenuproduit{top:40px;} #bloc4 .contenu .chiffre{font-size:150px;} .popupannonce input[type="submit"]{background-color:#a7bac8 !important;padding-top:10px !important;padding-bottom:10px !important;padding-right:40px !important;padding-left:40px !important;color:#ffffff !important;border:0 !important;text-transform:uppercase !important;text-align:center !important;border:1px solid #ffffff !important;cursor:pointer !important;border-radius:0 !important;-webkit-appearance:none !important;-webkit-border-radius:0 !important;} } .contenuproduit.a0c5cb{ background: none; } .contenuproduit.a0c5cb .contenugauche .cadregris img{ display: none; }