{"id":6088,"date":"2021-07-06T10:24:11","date_gmt":"2021-07-06T08:24:11","guid":{"rendered":"http:\/\/tintosmart.it\/?page_id=6088"},"modified":"2021-10-18T11:50:34","modified_gmt":"2021-10-18T09:50:34","slug":"tintometre-portable","status":"publish","type":"page","link":"https:\/\/tintosmart.it\/fr\/tintometre-portable\/","title":{"rendered":"Systeme de couleur portable"},"content":{"rendered":"\n<div class=\"pure-containerFluid kdescimg filterColor\" style=\"\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 d-flex h-fit order-mob-2\">\n                        <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"800\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/home-5-starter.jpg\" alt=\"\">\n        <\/div>\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 order-mob-1\">\n            <div class=\"kdescimg__contentCol\">\n                                    <h2>Commencez<br>votre exp\u00e9rience<br>maintenant<\/h2>\n                \n                \n                                    <a style=\"\"\n                            class=\"pure-button orangeBtn \" href=\"\/fr\/categorie-produit\/kit-tintosmart\/\" target=\"\">\n                        D\u00c9COUVREZ NOS KITS                    <\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdescimg.filterColor{color: #272322; background-color: #FFFFFF;}\n    .kdescimg{color: #FFFFFF; background-color: #272322; margin-top: 0px;}\n    .kdescimg h2{font-size: 55px; line-height: 1.2;}\n    .kdescimg img{width: 100%; height: auto;}\n    .kdescimg__contentCol{display: flex; justify-content: center; width: 80%; margin: 0 auto; height: 100%; flex-direction: column; padding: 50px;}\n    .kdescimg .pure-button.whiteBtn, .kdescimg .pure-button.orangeBtn{width: fit-content; padding: 0.8em 5em;}\n    .kdescimg .kdescimg__desc{margin-bottom: 1.5em;}\n\n    .kdescimg .order-1{order: 1;}\n    .kdescimg .order-2{order: 2;}\n\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdescimg .order-1{order: 2;}\n        .kdescimg .order-2{order: 1;}\n        .kdescimg .order-mob-1{order: 2;}\n        .kdescimg .order-mob-2{order: 1;}\n        .kdescimg h2{font-size: 45px;  margin-bottom: 45px; line-height: 45px;}\n        .kdescimg__contentCol{padding: 20px 0; margin-bottom: 70px;}\n        .kdescimg__contentCol .pure-button.whiteBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n        .kdescimg__contentCol .pure-button.orangeBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n\n        .kdescimg.filterColor h2{color: #272322; background-color: #FFFFFF; text-align: center; margin-bottom: 45px;}\n        .kdescimg h2{text-align: left; margin-bottom: 0;}\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n<\/style>\n\n\n<div class=\"pure-containerFluid pureCol\">\n            <div class=\"pure-row\">\n            <div class=\"pure-g\">\n                <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12\">\n\n\n\n\n<style>\n\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n<\/style>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>L&rsquo;utilisation propos\u00e9e du syst\u00e8me de couleur portable se divise en <strong>deux types<\/strong>, selon le mode d&rsquo;utilisation que l&rsquo;utilisateur entend poursuivre. Le syst\u00e8me de couleur portable, en fait, peut \u00eatre achet\u00e9 et est inclus dans deux kits diff\u00e9rents appel\u00e9s <strong>Basic Kit<\/strong> et <strong>Starter Kit<\/strong>.<\/p>\n\n\n\n<p>La diff\u00e9rence dans la proposition r\u00e9side dans le type d&rsquo;utilisation que l&rsquo;utilisateur peut en faire et pour cette raison le contenu des deux packs est <strong>diff\u00e9rent<\/strong> alors que tous deux contiennent le syst\u00e8me de couleur portable.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"pure-containerFluid kdescimg filterColor\" style=\"\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 d-flex h-fit order-mob-2\">\n                        <img decoding=\"async\" loading=\"lazy\" width=\"2400\" height=\"1924\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/10\/pag-s@2x.png\" alt=\"\">\n        <\/div>\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 order-mob-1\">\n            <div class=\"kdescimg__contentCol\">\n                                    <h2>Starter Kit<\/h2>\n                \n                                    <div class=\"kdescimg__desc\"><p class=\"p1\">Il permet de r\u00e9aliser diverses applications sp\u00e9ciales, gr\u00e2ce au plus grand nombre d&rsquo;instruments et d&rsquo;accessoires ins\u00e9r\u00e9s.<\/p>\n<\/div>\n                \n                                    <a style=\"\"\n                            class=\"pure-button orangeBtn \" href=\"\/fr\/produit\/starter-kit-tintosmart\/\" target=\"\">\n                        EN SAVOIR PLUS                    <\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdescimg.filterColor{color: #272322; background-color: #FFFFFF;}\n    .kdescimg{color: #FFFFFF; background-color: #272322; margin-top: 0px;}\n    .kdescimg h2{font-size: 55px; line-height: 1.2;}\n    .kdescimg img{width: 100%; height: auto;}\n    .kdescimg__contentCol{display: flex; justify-content: center; width: 80%; margin: 0 auto; height: 100%; flex-direction: column; padding: 50px;}\n    .kdescimg .pure-button.whiteBtn, .kdescimg .pure-button.orangeBtn{width: fit-content; padding: 0.8em 5em;}\n    .kdescimg .kdescimg__desc{margin-bottom: 1.5em;}\n\n    .kdescimg .order-1{order: 1;}\n    .kdescimg .order-2{order: 2;}\n\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdescimg .order-1{order: 2;}\n        .kdescimg .order-2{order: 1;}\n        .kdescimg .order-mob-1{order: 2;}\n        .kdescimg .order-mob-2{order: 1;}\n        .kdescimg h2{font-size: 45px;  margin-bottom: 45px; line-height: 45px;}\n        .kdescimg__contentCol{padding: 20px 0; margin-bottom: 70px;}\n        .kdescimg__contentCol .pure-button.whiteBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n        .kdescimg__contentCol .pure-button.orangeBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n\n        .kdescimg.filterColor h2{color: #272322; background-color: #FFFFFF; text-align: center; margin-bottom: 45px;}\n        .kdescimg h2{text-align: left; margin-bottom: 0;}\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n<\/style>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"pure-containerFluid kdescimg filterColor\" style=\"\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 d-flex h-fit order-2\">\n                        <img decoding=\"async\" loading=\"lazy\" width=\"2400\" height=\"1924\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/10\/pag-b@2x.png\" alt=\"\">\n        <\/div>\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 order-1\">\n            <div class=\"kdescimg__contentCol\">\n                                    <h2>Basic Kit<\/h2>\n                \n                                    <div class=\"kdescimg__desc\"><p class=\"p1\">Proposition adress\u00e9e \u00e0 ceux qui veulent profiter des fonctions de base et essentielles du syst\u00e8me de couleur portable.<\/p>\n<\/div>\n                \n                                    <a style=\"\"\n                            class=\"pure-button orangeBtn \" href=\"\/fr\/produit\/basic-kit\/\" target=\"\">\n                        EN SAVOIR PLUS                    <\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdescimg.filterColor{color: #272322; background-color: #FFFFFF;}\n    .kdescimg{color: #FFFFFF; background-color: #272322; margin-top: 0px;}\n    .kdescimg h2{font-size: 55px; line-height: 1.2;}\n    .kdescimg img{width: 100%; height: auto;}\n    .kdescimg__contentCol{display: flex; justify-content: center; width: 80%; margin: 0 auto; height: 100%; flex-direction: column; padding: 50px;}\n    .kdescimg .pure-button.whiteBtn, .kdescimg .pure-button.orangeBtn{width: fit-content; padding: 0.8em 5em;}\n    .kdescimg .kdescimg__desc{margin-bottom: 1.5em;}\n\n    .kdescimg .order-1{order: 1;}\n    .kdescimg .order-2{order: 2;}\n\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdescimg .order-1{order: 2;}\n        .kdescimg .order-2{order: 1;}\n        .kdescimg .order-mob-1{order: 2;}\n        .kdescimg .order-mob-2{order: 1;}\n        .kdescimg h2{font-size: 45px;  margin-bottom: 45px; line-height: 45px;}\n        .kdescimg__contentCol{padding: 20px 0; margin-bottom: 70px;}\n        .kdescimg__contentCol .pure-button.whiteBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n        .kdescimg__contentCol .pure-button.orangeBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n\n        .kdescimg.filterColor h2{color: #272322; background-color: #FFFFFF; text-align: center; margin-bottom: 45px;}\n        .kdescimg h2{text-align: left; margin-bottom: 0;}\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n<\/style>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<style>\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n<\/style>\n\n\n<div class=\"pure-containerFluid kdesc3col slide75423395\">\n    <div class=\"kdesc3col__bgBlack\"><\/div>\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12\">\n            <div class=\"pure-g\">\n                <div class=\"pure-u-1-1\"><h2>Les plus<\/h2><\/div>\n            <\/div>\n\n            <div class=\"swiper-container kdesc3col__swiper\">\n                <div class=\"swiper-wrapper\">\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/plus-1.jpg\" alt=\"\" width=\"600\" height=\"420\">\n                            \n                                                            <h3>Gagner du temps<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">Identifiez votre couleur pr\u00e9f\u00e9r\u00e9e ou la couleur souhait\u00e9e par le client et reproduisez sur place la couleur choisie, en \u00e9vitant les <b>d\u00e9placements<\/b> et les <b>temps d&rsquo;attente<\/b> pour la pr\u00e9paration du produit.<\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/plus-2.jpg\" alt=\"\" width=\"600\" height=\"420\">\n                            \n                                                            <h3>Obtenez une pr\u00e9cision maximale<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">Les plus de <b>500 formulations de couleurs<\/b> incluses dans le formulaire sont sp\u00e9cialement con\u00e7ues pour garantir l&rsquo;exactitude de la couleur s\u00e9lectionn\u00e9e dans le nuancier.<\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/plus-3.jpg\" alt=\"\" width=\"600\" height=\"420\">\n                            \n                                                            <h3>Lib\u00e9rez votre cr\u00e9ativit\u00e9<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">TintoSmart permet \u00e0 l&rsquo;applicateur de lib\u00e9rer son imagination en cr\u00e9ant sa <b>propre collection de couleurs<\/b>, en stockant la couleur du client et en notant les formulations sur des fiches de couleurs sp\u00e9ciales \u00e0 inclure dans le classeur de <b>couleurs personnalis\u00e9es<\/b> ou dans la section num\u00e9rique personnelle.<\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"swiper-pagination\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdesc3col{text-align: center; position: relative; margin-bottom: 70px;}\n    .kdesc3col h2{text-align: left; color: #FFFFFF; font-size: 55px; font-weight: 700; margin-top: 20px;}\n    .kdesc3col__bgBlack{background-color: #272322; position: absolute; top: 0; height: 200px; width: 100%;  z-index: -1;}\n    .kdesc3col h3{margin-top: 20px; color: #272322; font-size: 24px;}\n    .kdesc3col__desc{margin-bottom: 30px;}\n    .kdesc3col__single{padding-bottom: 30px;}\n\n    .kdesc3col .swiper-pagination.disabled {display: none;}\n\n    .kdesc3col .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #de6536;}\n    .kdesc3col .swiper-pagination-bullet {width: 8px;height: 8px;background: #FFFFFF;color: transparent;opacity: 1;border-radius: 50%;border: 2px solid #de6536;margin: 0 5px!important;}\n\n    .kdesc3col .swiper-pagination{display: none;}\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdesc3col{margin-bottom: 0;}\n        .kdesc3col h2{font-size: 35px; padding-left: 15px; padding-right: 15px; line-height: 37px;}\n        .kdesc3col__desc{min-height: auto!important; width: 90%; margin: 0 auto;}\n        .kdesc3col__single{margin-bottom: 50px;}\n        .kdesc3col__bgBlack{height: 100%;}\n        .kdesc3col h3{color: #FFFFFF; font-size: 20px;}\n        .kdesc3col__single{color: #FFFFFF;}\n        .kdesc3col .pure-button.blackBtn{background-color: #FFFFFF; color: #272322;}\n        .kdesc3col .swiper-pagination{bottom: 30px;}\n        .kdesc3col .swiper-pagination-bullet{width: 8px;height: 8px;background: #272322;color: transparent;opacity: 1;\n            border-radius: 50%;border: 2px solid #FFFFFF;margin: 0 5px!important}\n        .kdesc3col .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #FFFFFF;}\n\n        .kdesc3col .pure-g > div[class*=\"pure-u-\"]{padding-left: 0!important; padding-right: 0!important;}\n\n        .kdesc3col .pure-button.blackBtn{display: flex;text-align: center;justify-content: center;width: 68%;margin: 0 auto;}\n        .kdesc3col .swiper-pagination{display: block;}\n\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kgallerylist .swiper-container {width: 100%;height: 100%;}\n        .kdesc3col  .swiper-pagination-bullets{bottom: -6px;}\n        .kdesc3col h2{font-size: 38px;}\n        .kdesc3col .swiper-pagination{display: block;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n    \/* desktop *\/\n    @media screen and (min-width: 993px){\n        .kgallerylist .swiper-container {width: 100%;height: 100%;}\n        .kdesc3col  .swiper-pagination-bullets{bottom: -6px;}\n        .kdesc3col h2{font-size: 38px;}\n        .kdesc3col .swiper-pagination{display: block;}\n        .kdesc3col .swiper-wrapper{transform: translate3d(0px, 0, 0) !important;}\n    }\n\n<\/style>\n\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        jQuery(function ($) {\n\n            var swiper3Col = new Swiper(\".slide75423395 .kdesc3col__swiper\", {\n                loop: true,\n                centeredSlides: true,\n                spaceBetween: 15,\n                pagination: {\n                    el: \".kdesc3col.slide75423395 .swiper-pagination\",\n                },\n                breakpoints: {\n                    0: {\n                        slidesPerView: 1.2,\n                        spaceBetween: 15,\n                    },\n                    768:{\n                        slidesPerView: 1,\n                        spaceBetween: 15,\n                    },\n                    1024: {\n                        slidesPerView: 3,\n                        spaceBetween: 15,\n                    },\n                }\n            });\n\n            $(window).on(\"resize load\", function(event){\n                if ( $(this).width() > 1023) {\n                    $(\".kdesc3col .swiper-wrapper\").addClass(\"disabled\");\n                    $(\".kdesc3col .swiper-pagination\").addClass(\"disabled\");\n                }else{\n                    $(\".kdesc3col .swiper-wrapper\").removeClass(\"disabled\");\n                    $(\".kdesc3col .swiper-pagination\").removeClass(\"disabled\");\n                }\n            });\n\n            \/* highest element *\/\n            $(window).on(\"load resize\",function(e){\n                $(\".kdesc3col__desc\").css(\"min-height\", \"auto\");\n                var h=0; \/\/ the height of the highest element (after the function runs)\n                $(\".kdesc3col__desc\").each(function () {\n                    if (  $(this).outerHeight() > h ) {\n                        h=$(this).outerHeight();\n                    }\n                    $(\".kdesc3col__desc\").css(\"min-height\", h);\n                });\n            });\n\n        }(jQuery));\n    });\n<\/script>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"pure-containerFluid kdesc3col slide24072272\">\n    <div class=\"kdesc3col__bgBlack\"><\/div>\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12\">\n            <div class=\"pure-g\">\n                <div class=\"pure-u-1-1\"><h2>Les cibles<\/h2><\/div>\n            <\/div>\n\n            <div class=\"swiper-container kdesc3col__swiper\">\n                <div class=\"swiper-wrapper\">\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/tintometro-applicatori.jpg\" alt=\"\" width=\"1200\" height=\"800\">\n                            \n                                                            <h3>Pour les applicateurs professionnels<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">\u00c0 quelle fr\u00e9quence les demandes de nouvelles couleurs se produisent-elles sur le site? Vous souhaitez acc\u00e9l\u00e9rer le processus de s\u00e9lection et de production des couleurs? Vous souhaitez reproduire pr\u00e9cis\u00e9ment la couleur indiqu\u00e9e par le client? <b>Choisissez TintoSmart!<\/b><\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/tintometro-rivendotori.jpg\" alt=\"\" width=\"1200\" height=\"800\">\n                            \n                                                            <h3>Pour les revendeurs<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">Fid\u00e9lisez vos clients professionnels et non professionnels en commercialisant des syst\u00e8me de couleur portable, des colorants et des accessoires n\u00e9cessaires au m\u00e9lange. <b>Choisissez TintoSmart!<\/b><\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/tintometro-faidate.jpg\" alt=\"\" width=\"1200\" height=\"800\">\n                            \n                                                            <h3>Pour les amateurs de bricolage<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p class=\"p1\">Vous \u00eates un bricoleur et un passionn\u00e9 de bricolage dans le monde de la construction et souhaitez colorer des produits sans gaspillage, en laissant libre cours \u00e0 votre cr\u00e9ativit\u00e9?\u00a0<b>Choisissez\u00a0Tintosmart!<\/b><\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"swiper-pagination\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdesc3col{text-align: center; position: relative; margin-bottom: 70px;}\n    .kdesc3col h2{text-align: left; color: #FFFFFF; font-size: 55px; font-weight: 700; margin-top: 20px;}\n    .kdesc3col__bgBlack{background-color: #272322; position: absolute; top: 0; height: 200px; width: 100%;  z-index: -1;}\n    .kdesc3col h3{margin-top: 20px; color: #272322; font-size: 24px;}\n    .kdesc3col__desc{margin-bottom: 30px;}\n    .kdesc3col__single{padding-bottom: 30px;}\n\n    .kdesc3col .swiper-pagination.disabled {display: none;}\n\n    .kdesc3col .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #de6536;}\n    .kdesc3col .swiper-pagination-bullet {width: 8px;height: 8px;background: #FFFFFF;color: transparent;opacity: 1;border-radius: 50%;border: 2px solid #de6536;margin: 0 5px!important;}\n\n    .kdesc3col .swiper-pagination{display: none;}\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdesc3col{margin-bottom: 0;}\n        .kdesc3col h2{font-size: 35px; padding-left: 15px; padding-right: 15px; line-height: 37px;}\n        .kdesc3col__desc{min-height: auto!important; width: 90%; margin: 0 auto;}\n        .kdesc3col__single{margin-bottom: 50px;}\n        .kdesc3col__bgBlack{height: 100%;}\n        .kdesc3col h3{color: #FFFFFF; font-size: 20px;}\n        .kdesc3col__single{color: #FFFFFF;}\n        .kdesc3col .pure-button.blackBtn{background-color: #FFFFFF; color: #272322;}\n        .kdesc3col .swiper-pagination{bottom: 30px;}\n        .kdesc3col .swiper-pagination-bullet{width: 8px;height: 8px;background: #272322;color: transparent;opacity: 1;\n            border-radius: 50%;border: 2px solid #FFFFFF;margin: 0 5px!important}\n        .kdesc3col .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #FFFFFF;}\n\n        .kdesc3col .pure-g > div[class*=\"pure-u-\"]{padding-left: 0!important; padding-right: 0!important;}\n\n        .kdesc3col .pure-button.blackBtn{display: flex;text-align: center;justify-content: center;width: 68%;margin: 0 auto;}\n        .kdesc3col .swiper-pagination{display: block;}\n\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kgallerylist .swiper-container {width: 100%;height: 100%;}\n        .kdesc3col  .swiper-pagination-bullets{bottom: -6px;}\n        .kdesc3col h2{font-size: 38px;}\n        .kdesc3col .swiper-pagination{display: block;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n    \/* desktop *\/\n    @media screen and (min-width: 993px){\n        .kgallerylist .swiper-container {width: 100%;height: 100%;}\n        .kdesc3col  .swiper-pagination-bullets{bottom: -6px;}\n        .kdesc3col h2{font-size: 38px;}\n        .kdesc3col .swiper-pagination{display: block;}\n        .kdesc3col .swiper-wrapper{transform: translate3d(0px, 0, 0) !important;}\n    }\n\n<\/style>\n\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        jQuery(function ($) {\n\n            var swiper3Col = new Swiper(\".slide24072272 .kdesc3col__swiper\", {\n                loop: true,\n                centeredSlides: true,\n                spaceBetween: 15,\n                pagination: {\n                    el: \".kdesc3col.slide24072272 .swiper-pagination\",\n                },\n                breakpoints: {\n                    0: {\n                        slidesPerView: 1.2,\n                        spaceBetween: 15,\n                    },\n                    768:{\n                        slidesPerView: 1,\n                        spaceBetween: 15,\n                    },\n                    1024: {\n                        slidesPerView: 3,\n                        spaceBetween: 15,\n                    },\n                }\n            });\n\n            $(window).on(\"resize load\", function(event){\n                if ( $(this).width() > 1023) {\n                    $(\".kdesc3col .swiper-wrapper\").addClass(\"disabled\");\n                    $(\".kdesc3col .swiper-pagination\").addClass(\"disabled\");\n                }else{\n                    $(\".kdesc3col .swiper-wrapper\").removeClass(\"disabled\");\n                    $(\".kdesc3col .swiper-pagination\").removeClass(\"disabled\");\n                }\n            });\n\n            \/* highest element *\/\n            $(window).on(\"load resize\",function(e){\n                $(\".kdesc3col__desc\").css(\"min-height\", \"auto\");\n                var h=0; \/\/ the height of the highest element (after the function runs)\n                $(\".kdesc3col__desc\").each(function () {\n                    if (  $(this).outerHeight() > h ) {\n                        h=$(this).outerHeight();\n                    }\n                    $(\".kdesc3col__desc\").css(\"min-height\", h);\n                });\n            });\n\n        }(jQuery));\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"<p>L&rsquo;utilisation propos\u00e9e du syst\u00e8me de couleur portable se divise en deux types, selon le mode d&rsquo;utilisation que l&rsquo;utilisateur [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6088","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/pages\/6088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/comments?post=6088"}],"version-history":[{"count":0,"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/pages\/6088\/revisions"}],"wp:attachment":[{"href":"https:\/\/tintosmart.it\/fr\/wp-json\/wp\/v2\/media?parent=6088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}