{"id":4943,"date":"2015-09-25T17:39:42","date_gmt":"2015-09-25T17:39:42","guid":{"rendered":"https:\/\/www.hexis-graphics.com\/fr\/?page_id=4943"},"modified":"2026-02-09T15:31:53","modified_gmt":"2026-02-09T15:31:53","slug":"societe","status":"publish","type":"page","link":"https:\/\/www.hexis-graphics.com\/fr\/societe\/","title":{"rendered":"HEXIS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4943\" class=\"elementor elementor-4943\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-168011dc elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"168011dc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57552e56 elementor-widget elementor-widget-text-editor\" data-id=\"57552e56\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"vce-row-container\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-30 vce-row-content--top\" id=\"el-f03075e2\" data-vce-do-apply=\"all el-f03075e2\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-100p vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-01827647\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-01827647\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-01827647\"><div class=\"vce-text-block\"><div class=\"vce-text-block-wrapper vce\" id=\"el-cb27df8b\" data-vce-do-apply=\"all el-cb27df8b\"><section>\n<div id=\"hexisgroup\" class=\"section row\">\n<div class=\"container-full\">\n<div class=\"col four tablet-full mobile-full\">\n<h1 class=\"borderRed\">\u00c0 propos d&rsquo;HEXIS &#8230;<\/h1>\n<h3 class=\"silver marginleft16\">HEXIS SAS est un acteur majeur du march\u00e9 de la production et de l\u2019adh\u00e9sivage de films destin\u00e9s \u00e0 la communication visuelle, \u00e0 la customisation et \u00e0 la protection de surfaces.<\/h3>\n<div class=\"button-grey button-background-mini margintop20 marginleft16\"><a title=\"\" href=\"..\/..\/hexisgraphics\/2024\/09\/PressKit_2024_FR.zip\"> KIT DE PRESSE<\/a><\/div>\n<div class=\"button-catalogue button-catalogue button-background-mini margintop20 marginleft16\"><a title=\"\" href=\"https:\/\/career.hexisgroup.com\/\">ESPACE RECRUTEMENT<\/a><\/div>\n<\/div>\n<div class=\"col eight tablet-full mobile-full silver margintop80\">\n<p>Depuis sa cr\u00e9ation en 1989, HEXIS d\u00e9fend avec succ\u00e8s sa position de leader fran\u00e7ais de supports pour le marquage et l\u2019impression num\u00e9rique face \u00e0 une concurrence internationale.<\/p>\n<p>HEXIS poss\u00e8de 2 sites de production, l\u2019un \u00e0 son si\u00e8ge \u00e0 Frontignan (34) le deuxi\u00e8me \u00e0 Hagetmau (40).<br>En cette p\u00e9riode o\u00f9 le \u00ab Made in France \u00bb se doit d\u2019\u00eatre valoris\u00e9, HEXIS se mobilise depuis des ann\u00e9es pour mettre en avant le savoir-faire fran\u00e7ais dans ses usines, favorisant ainsi le d\u00e9veloppement d\u2019emplois sur le territoire fran\u00e7ais et participant \u00e0 la protection de l\u2019environnement. Le groupe emploie 464 personnes \u00e0 travers le monde dont 350 en France.<\/p>\n<div class=\"col nine tablet-full mobile-full silver nomargin nopadding\">\n<h4 class=\"black\">Le savoir-faire HEXIS<\/h4>\n<p>L\u2019entreprise est sp\u00e9cialis\u00e9e dans les films PVC, PU et Latex coul\u00e9s haut de gamme et d\u00e9veloppe de fa\u00e7on innovante une gamme de produits destin\u00e9e aux professionnels de l\u2019impression num\u00e9rique, aux peintres en lettres, signal\u00e9ticiens et aux soci\u00e9t\u00e9s sp\u00e9cialis\u00e9es dans le marquage textile.<\/p>\n<p>Leurs domaines d\u2019application sont l&rsquo;affichage urbain, la d\u00e9coration de locaux et d\u2019objets, la signal\u00e9tique, les caissons lumineux, le marquage de v\u00e9hicules (voitures, trains, tramway, bateaux, avions&#8230;), d\u2019objet et de textiles, la lamination etc.<\/p>\n<p>Le march\u00e9 des films adh\u00e9sifs est aujourd\u2019hui en pleine diversification. La customisation et le sur-mesure concernant nos films de haute technicit\u00e9 sont de plus en plus courants.<br>De nouveaux march\u00e9s s\u2019ouvrent avec l\u2019utilisation du film adh\u00e9sif dans le design, la d\u00e9coration et l\u2019architecture int\u00e9rieure et ext\u00e9rieure.<\/p>\n<p>Depuis quelques ann\u00e9es d\u00e9j\u00e0 HEXIS commercialise toute une gamme de produit afin de r\u00e9pondre \u00e0 des projets industriels.<br>Ainsi nous commercialisons des films adh\u00e9sifs, en remplacement de peinture et protection de surface pour les wagons de TGV, trains r\u00e9gionaux et tramway en France et \u00e0 l\u2019\u00e9tranger. De m\u00eame les rames des m\u00e9tros de Paris et de Londres sont habill\u00e9es en HEXIS, permettant \u00e0 la fois coh\u00e9rence esth\u00e9tique et protection contre les d\u00e9gradations.<\/p>\n<\/div>\n<div class=\"col three tablet-full mobile-full nomargin nopadding textright\"><img decoding=\"async\" class=\"margintop40\" src=\"..\/..\/hexisgraphics\/2022\/09\/Certifications-ISO-HEXIS.png\" alt=\"\"><br><img decoding=\"async\" class=\"margintop20\" src=\"..\/..\/hexisgraphics\/2015\/09\/hexis-madeinfrance.jpg\" alt=\"\"><\/div>\n<\/div>\n<\/div>\n<div class=\"clear\">&nbsp;<\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<p><\/p>\n<section>\n<div id=\"hexishistory\" class=\"section row\" style=\"display: none;\">\n<div class=\"container-full\">\n<div class=\"col four tablet-four mobile-full\">\n<h2 class=\"borderWhite\">Notre \u00e9volution<\/h2>\n<\/div>\n<div class=\"clear\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<p><\/p>\n<section>\n<div id=\"hexisproducts\" class=\"section bg-black\">\n<div class=\"container-full textcenter\" style=\"height: 170px; padding-top: 25px; padding-bottom: 20px;\">\n<div class=\"fusion-column-wrapper\">\n<div class=\"ffusion-slider-sc flexslider flexslider-hover-type-none\">\n<ul class=\"slides\">\n<li class=\"flex-active-slide\" style=\"position: relative; opacity: 1; display: block; max-width: 100%; height: 170px; z-index: 2;\">\n<h3 class=\"silver margintop20\">L&rsquo;activit\u00e9 de la soci\u00e9t\u00e9 se d\u00e9cline en 5 grandes familles de produits<\/h3>\n<h3 class=\"proregular white margintop10\"><span class=\"hover-type-none\">Les films teint\u00e9s masse destin\u00e9s \u00e0 la d\u00e9coupe assist\u00e9e par ordinateur (DAO)<\/span><\/h3>\n<\/li>\n<li style=\"position: relative; opacity: 0; display: block; max-width: 100%; height: 170px; z-index: 1;\">\n<h3 class=\"silver margintop20\">L&rsquo;activit\u00e9 de la soci\u00e9t\u00e9 se d\u00e9cline en 5 grandes familles de produits<\/h3>\n<h3 class=\"proregular white margintop10\"><span class=\"hover-type-none\">Les supports pour l&rsquo;impression num\u00e9rique large format (IMN)<\/span><\/h3>\n<\/li>\n<li style=\"position: relative; opacity: 0; display: block; max-width: 100%; height: 170px; z-index: 1;\">\n<h3 class=\"silver margintop20\">L&rsquo;activit\u00e9 de la soci\u00e9t\u00e9 se d\u00e9cline en 5 grandes familles de produits<\/h3>\n<h3 class=\"proregular white margintop10\"><span class=\"hover-type-none\">Les films pour le Total Covering (WRAP)<\/span><\/h3>\n<\/li>\n<li style=\"position: relative; opacity: 0; display: block; max-width: 100%; height: 170px; z-index: 1;\">\n<h3 class=\"silver margintop20\">L&rsquo;activit\u00e9 de la soci\u00e9t\u00e9 se d\u00e9cline en 5 grandes familles de produits<\/h3>\n<h3 class=\"proregular white margintop10\"><span class=\"hover-type-none\">Les films pour le marquage sur textile (d\u00e9coupables, imprimables, DTF)<\/span><\/h3>\n<\/li>\n<li style=\"position: relative; opacity: 0; display: block; max-width: 100%; height: 170px; z-index: 1;\">\n<h3 class=\"silver margintop20\">L&rsquo;activit\u00e9 de la soci\u00e9t\u00e9 se d\u00e9cline en 5 grandes familles de produits<\/h3>\n<h3 class=\"proregular white margintop10\"><span class=\"hover-type-none\">Les films de protection de surface (anti-microbiens, anti-grafitti, anti-rayures..)<\/span><\/h3>\n<\/li>\n<\/ul>\n<\/div>\n<div class=\"fusion-clearfix\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<div class=\"clear\">&nbsp;<\/div>\n<\/div>\n<\/section>\n<section class=\"module parallax parallax-kit textcenter top156\">\n<div class=\"button-diagonal big bg-red\"><a href=\"..\/..\/hexisgraphics\/2024\/09\/PressKit_2024_FR.zip\" rel=\"bookmark\">T\u00c9L\u00c9CHARGEZ NOTRE KIT DE PRESSE<\/a><\/div>\n<div class=\"container-full\">\n<h3 class=\"white\">En savoir plus sur HEXIS ! HEXIS, fabricant de films adh\u00e9sifs.<\/h3>\n<\/div>\n<div class=\"clear\">&nbsp;<\/div>\n<\/section>\n<p><\/p>\n<p><\/p>\n<section>\n<div id=\"hexisinnovation\" class=\"section row\">\n<div class=\"container-full\">\n<div class=\"col twelve tablet-full mobile-full margintop20\">\n<h2 class=\"borderRed\">Le laboratoire Recherche &amp; D\u00e9veloppement<\/h2>\n<\/div>\n<div class=\"clear\">&nbsp;<\/div>\n<div class=\"col four tablet-full mobile-full nomargin nopadding\">\n<h3 class=\"silver marginleft16\">HEXIS consacre 2,5% de son C.A. en R&amp;D et emploie 20 personnes dans ses laboratoires. HEXIS dispose d\u2019un laboratoire sur chacun des deux sites de production, tant pour de la R&amp;D que le contr\u00f4le qualit\u00e9.<\/h3>\n<\/div>\n<div class=\"col eight tablet-full mobile-full textright\">\n<div class=\"resize\"><img decoding=\"async\" src=\"..\/..\/hexisgraphics\/2015\/09\/hexis-laboratoire.jpg\" alt=\"\"><\/div>\n<\/div>\n<div class=\"clear\">&nbsp;<\/div>\n<div class=\"col twelve tablet-full mobile-full textcenter margintop20\" style=\"display: none;\">\n<h3 class=\"proregular\">L\u2019innovation constante dans le domaine des adh\u00e9sifs et des films coul\u00e9s et calandr\u00e9s a toujours \u00e9t\u00e9 le vrai moteur de la croissance chez HEXIS.<\/h3>\n<\/div>\n<div class=\"clear\">&nbsp;<\/div>\n<div class=\" twelve tablet-full mobile-full textcenter margintop60\">\n<h3 class=\"proregular marginbottom20\">Des analyses pointues garantissent la qualit\u00e9 de nos produits. Pour cela nous \u00e9valuons :<\/h3>\n<ul class=\"rounded\" style=\"padding: 0px !important;\">\n<li>\n<div>L&rsquo;\u00e9longation et la force \u00e0 la rupture<\/div>\n<\/li>\n<li>\n<div>La conformit\u00e9 de la couleur<\/div>\n<\/li>\n<li>\n<div>La rugosit\u00e9 de la surface<\/div>\n<\/li>\n<li>\n<div>La force de pelage<\/div>\n<\/li>\n<li>\n<div>L&rsquo;adh\u00e9sion imm\u00e9diate (le \u00abtack\u00bb)<\/div>\n<\/li>\n<li>\n<div>L&rsquo;adh\u00e9sion finale sur le support<\/div>\n<\/li>\n<li>\n<div>La stabilit\u00e9 dans le temps (en \u00e9tuve et en \u00abQUV\u00bb)<\/div>\n<\/li>\n<\/ul>\n<div class=\"clear\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<div class=\"clear\">&nbsp;<\/div>\n<\/div>\n<\/section>\n<section class=\"module parallax parallax-worldmap\" style=\"overflow: hidden;\">\n<div class=\"container-full\">\n<div class=\"col six tablet-full mobile-full\">\n<h2 class=\"borderWhite white\">Apr\u00e8s la France \u2026 le monde !<\/h2>\n<h3 class=\"white marginleft16\">Gr\u00e2ce \u00e0 la diversification et \u00e0 la forte valeur ajout\u00e9e que repr\u00e9sentent les films techniques, HEXIS a relev\u00e9 les d\u00e9fis de la mondialisation et exporte aujourd&rsquo;hui la moiti\u00e9 de sa production dans le monde entier par le biais de ses 10 filiales et de ses distributeurs.<\/h3>\n<p>Un des axes de d\u00e9veloppement d&rsquo;HEXIS \u00e0 l&rsquo;international passe par la filiation : cr\u00e9ation, int\u00e9gration ou croissance externe.<\/p>\n<h4 class=\"white marginleft16 margintop40\">Filiales<\/h4>\n<div class=\"button-group marginleft16\">\n<div class=\"btnBlack btnColor\">DANEMARK<\/div>\n<div class=\"btnBlack btnColor\">ALLEMAGNE<\/div>\n<div class=\"btnBlack btnColor\">ESPAGNE<\/div>\n<div class=\"btnBlack btnColor\">ITALIE<\/div>\n<div class=\"btnBlack btnColor\">SU\u00c8DE<\/div>\n<div class=\"btnBlack btnColor\">FWI<\/div>\n<div class=\"btnBlack btnColor\">SUISSE<\/div>\n<div class=\"btnBlack btnColor\">LA R\u00c9UNION<\/div>\n<div class=\"btnBlack btnColor\">AUSTRALIE<\/div>\n<div class=\"btnBlack btnColor\">\u00c9TATS-UNIS<\/div>\n<\/div>\n<\/div>\n<div class=\"col six tablet-full mobile-full margintop20\">\n<p><img decoding=\"async\" src=\"..\/..\/hexisgraphics\/2015\/09\/hexis-filiales.png\" alt=\"\"><\/p>\n<h4 class=\"white margintop30\">Distributeurs + Soci\u00e9t\u00e9s ind\u00e9pendantes franchis\u00e9es<\/h4>\n<p class=\"white\">HEXIS travaille en partenariat avec des soci\u00e9t\u00e9s ind\u00e9pendantes franchis\u00e9es au Pays Bas (HEXIS Netherland), au Moyen-Orient (HEXIS ME) et au Royaume Uni (HEXIS UK). 50 distributeurs irriguent 85 autres pays \u00e0 travers le monde.<\/p>\n<div class=\"button-diagonal big bg-yellow\"><a href=\"..\/..\/?page_id=792\" rel=\"bookmark\">NOTRE R\u00c9SEAU HEXIS<\/a><\/div>\n<\/div>\n<div class=\"clear\">&nbsp;<\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<p><\/p>\n<section>\n<div id=\"hexisnumbers\" class=\"section row\">\n<div class=\"container-full\">\n<div class=\"col twelve tablet-full mobile-full margintop20\">\n<h2 class=\"borderRed\">Nos chiffres cl\u00e9s<\/h2>\n<h3 class=\"silver\">Afin de poursuivre notre croissance, nous travaillons \u00e0 l\u2019am\u00e9lioration de la qualit\u00e9 de nos produits, de nos process et bien entendu continuons le d\u00e9veloppement de notre outil de production afin d\u2019\u00e9tendre nos capacit\u00e9s de production.<\/h3>\n<div class=\"clear\">&nbsp;<\/div>\n<div class=\"col four mobile-full marginleft16\">\n<div style=\"position: relative; top: 10px; left: 0px; text-align: center;\"><img decoding=\"async\" title=\"Usine de Frontignan\" src=\"..\/..\/hexisgraphics\/2015\/09\/icon-petite-usine.svg\" alt=\"Usine de Frontignan\"><\/div>\n<div class=\"proregular\" style=\"display: block; position: relative; top: -66px; left: 0px; font-size: 16px; color: white; text-align: center;\"><span style=\"display: block; margin-bottom: 0px;\">1989<\/span><span style=\"display: block; text-align: center; margin-bottom: 0px; font-size: 16px; color: #fff;\">12.000m\u00b2<\/span><span style=\"display: block;\">FRONTIGNAN<\/span><\/div>\n<\/div>\n<div class=\"col one nomargin nopadding\">&nbsp;<\/div>\n<div class=\"col seven mobile-full nomargin nopadding textleft\">\n<div style=\"position: relative; top: 10px; left: 0px;\"><img decoding=\"async\" title=\"Usine d'Hagetmau\" src=\"..\/..\/hexisgraphics\/2015\/09\/icon-grande-usine.svg\" alt=\"Usine d'Hagetmau\"><\/div>\n<div class=\"proregular\" style=\"max-width: 490px; display: block; position: relative; top: -66px; left: 0px; font-size: 16px; text-align: center; color: white;\"><span style=\"display: block; margin-bottom: 0px;\">2010<\/span><span style=\"display: block; text-align: center; margin-bottom: 0px; font-size: 16px; color: #fff;\">+24.000 m\u00b2<\/span><span style=\"display: block;\">HAGETMAU<\/span><\/div>\n<\/div>\n<div class=\"clear\">&nbsp;<\/div>\n<h4 class=\"red margintop20\" style=\"position: relative; top: -50px;\"><span class=\"proregular red\">Capacit\u00e9 de production annuelle<\/span>20 millions de m\u00b2 de films adh\u00e9sifs<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"module parallax parallax-entreprise textcenter top156\">\n<div class=\"button-diagonal big bg-red\"><a href=\"|!|vcvUploadUrl|!|\/2024\/09\/Corporate-Presentation_FR_2024.pdf\" target=\"_blank\" rel=\"bookmark noopener\">NOTRE PR\u00c9SENTATION D&rsquo;ENTREPRISE<\/a><\/div>\n<div class=\"clear\">&nbsp;<\/div>\n<\/section>\n<p><\/p>\n<p><\/p>\n<section>\n<div id=\"hexisquality\" class=\"section row\">\n<div class=\"container-full\">\n<div class=\"col twelve tablet-full mobile-full margintop40\">\n<h2 class=\"borderRed\">Qualit\u00e9 et d\u00e9veloppement durable<\/h2>\n<\/div>\n<div class=\"clear\">&nbsp;<\/div>\n<div class=\"col eight tablet-full mobile-full nomargin nopadding\">\n<h3 class=\"silver marginleft16\">Sous l&rsquo;impulsion de son fondateur, Michel Mateu, HEXIS a int\u00e9gr\u00e9 bon nombre de valeurs du d\u00e9veloppement durable dans le fonctionnement de l&rsquo;entreprise et particuli\u00e8rement dans le domaine social. Parall\u00e8lement, HEXIS a r\u00e9alis\u00e9 ces derni\u00e8res ann\u00e9es des investissements importants et a mis en place des actions pour limiter l&rsquo;impact de ses activit\u00e9s sur l&rsquo;environnement.<\/h3>\n<\/div>\n<\/div>\n<div class=\"clear\">&nbsp;<\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-30 vce-row-content--top\" id=\"el-29ed2d32\" data-vce-do-apply=\"all el-29ed2d32\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-49p vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-988b05f1\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-988b05f1\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-988b05f1\"><div class=\"vce-feature-description vce\" id=\"el-c33f0c39\" data-vce-do-apply=\"all el-c33f0c39\"><div><div class=\"vce-feature-description-image-wrapper vce-feature-description-image-align--right\" style=\"width: 150px;\"><div class=\"vce-feature-description-image vce-features-shape--filled-circle vce-feature-description-image--background-position-center-center\" style=\"background-image: url('|!|vcvUploadUrl|!|\/2023\/04\/ECOVADIS-GOLD-HEXIS.png'); padding: 0px 0px 100%;\"><\/div><\/div><div class=\"vce-feature-description-content\"><\/div><div class=\"\"><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-col vce-col--md-51p vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last\" id=\"el-1639c98f\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-1639c98f\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-1639c98f\"><div class=\"vce-image-masonry-gallery vce-image-masonry-gallery--border-rounded\"><div class=\"vce-image-masonry-gallery-wrapper vce vce-image-masonry-gallery--gap-0 vce-image-masonry-gallery--columns-3\" id=\"el-9dd23c24\" data-vce-do-apply=\"all el-9dd23c24\"><div class=\"vce-image-masonry-gallery-list\"><div class=\"vce-image-masonry-gallery-column\"><div class=\"vce-image-masonry-gallery-item\"><img decoding=\"async\" class=\"vce-image-masonry-gallery-img\" src=\"|!|vcvUploadUrl|!|\/2022\/09\/Certifications-ISO-HEXIS.png\" alt=\"\"><\/div><\/div><div class=\"vce-image-masonry-gallery-column\"><\/div><div class=\"vce-image-masonry-gallery-column\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-30 vce-row-content--top\" id=\"el-72e09947\" data-vce-do-apply=\"all el-72e09947\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-89474773\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-89474773\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-89474773\"><div class=\"vcv-row-control-wrapper\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9564840 e-flex e-con-boxed e-con e-parent\" data-id=\"9564840\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-773744e elementor-widget elementor-widget-html\" data-id=\"773744e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"hexis-about\" class=\"hexis-about\">\r\n  <style>\r\n    #hexis-about {\r\n      --hexis-red: #C90C0F;\r\n      --ink: #0f1115;\r\n      --muted: #6b7280;\r\n      --bg: #ffffff;\r\n      --bg-soft: #f7f7f8;\r\n      --ring: rgba(201,12,15,.2);\r\n      --radius: 18px;\r\n      --shadow: 0 10px 25px rgba(0,0,0,.08);\r\n      --shadow-sm: 0 6px 16px rgba(0,0,0,.06);\r\n      --maxw: 1200px;\r\n      --col-gap: clamp(20px, 4vw, 40px);\r\n      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\r\n      color: var(--ink);\r\n      background: var(--bg);\r\n    }\r\n    #hexis-about * { box-sizing: border-box; }\r\n    #hexis-about img { max-width: 100%; display: block; height: auto; }\r\n\r\n    #hexis-about .wrap {\r\n      margin: 0 auto;\r\n      max-width: var(--maxw);\r\n      padding: clamp(24px, 4vw, 48px) clamp(16px, 3.5vw, 32px);\r\n    }\r\n    #hexis-about .card {\r\n      position: relative;\r\n      background: var(--bg);\r\n      border: 1px solid #ececec;\r\n      border-radius: var(--radius);\r\n      box-shadow: var(--shadow);\r\n      overflow: clip;\r\n    }\r\n    #hexis-about .grid {\r\n      display: grid;\r\n      grid-template-columns: 300px 1fr;\r\n      gap: var(--col-gap);\r\n      padding: clamp(20px, 4vw, 40px);\r\n    }\r\n    @media (max-width: 900px) {\r\n      #hexis-about .grid { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    #hexis-about .side { position: relative; }\r\n    #hexis-about .kicker {\r\n      font-size: .9rem;\r\n      text-transform: uppercase;\r\n      letter-spacing: .1em;\r\n      color: var(--muted);\r\n      margin-bottom: 4px;\r\n      display: block;\r\n    }\r\n    #hexis-about h2.title {\r\n      font-size: clamp(2rem, 4vw, 3rem);\r\n      line-height: 1.05;\r\n      margin: 0 0 16px;\r\n      font-weight: 800;\r\n      letter-spacing: -0.02em;\r\n    }\r\n    #hexis-about .title .accent {\r\n      background: linear-gradient(90deg, var(--hexis-red), #ff5a5f);\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      color: transparent;\r\n    }\r\n    #hexis-about .lead {\r\n      color: #262b33;\r\n      font-size: clamp(1rem, 1.4vw, 1.1rem);\r\n      line-height: 1.5;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    #hexis-about .btns { display: grid; gap: 10px; margin-top: 12px; }\r\n    #hexis-about a.btn {\r\n      display: inline-flex; align-items: center; justify-content: center;\r\n      gap: 10px; height: 48px; padding: 0 16px;\r\n      border-radius: 12px; text-decoration: none; font-weight: 700;\r\n      border: 1px solid #e8e8e8; background: var(--bg-soft); color: var(--ink);\r\n      box-shadow: var(--shadow-sm);\r\n      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n    }\r\n    #hexis-about a.btn.primary {\r\n      background: linear-gradient(135deg, var(--hexis-red), #ff3b30);\r\n      color: white; border: 1px solid transparent;\r\n    }\r\n    #hexis-about a.btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.12); }\r\n    #hexis-about .content { position: relative; }\r\n    #hexis-about .badge-stack {\r\n      display: flex; gap: 16px; align-items: center; flex-wrap: wrap;\r\n      margin: 10px 0 18px;\r\n    }\r\n    #hexis-about .badge {\r\n      background: #fff;\r\n      border: 1px solid #eee;\r\n      border-radius: 14px;\r\n      padding: 8px 12px;\r\n      box-shadow: var(--shadow-sm);\r\n      display: inline-flex; align-items: center; gap: 10px;\r\n    }\r\n    #hexis-about .badge b { white-space: nowrap; }\r\n\r\n    #hexis-about .badge-bv img {\r\n      width: 120px;\r\n      height: auto;\r\n    }\r\n    #hexis-about .badge-fr img {\r\n      width:58px;\r\n      height: auto;\r\n    }\r\n    #hexis-about .blocks { display: grid; gap: 20px; }\r\n    #hexis-about .block {\r\n      background: var(--bg-soft);\r\n      border: 1px solid #ececec;\r\n      border-radius: 14px;\r\n      padding: clamp(14px, 2.2vw, 18px);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    #hexis-about .block:before {\r\n      content: \"\"; position: absolute; inset: 0;\r\n      background:\r\n        radial-gradient(600px 200px at -10% -20%, rgba(201,12,15,.06), transparent 60%),\r\n        radial-gradient(600px 200px at 110% 120%, rgba(201,12,15,.06), transparent 60%);\r\n      pointer-events: none;\r\n    }\r\n    #hexis-about .block h3 {\r\n      margin: 0 0 6px;\r\n      font-size: 1.1rem; font-weight: 800;\r\n    }\r\n    #hexis-about .block p { margin: 0; color: #2e3440; line-height: 1.6; }\r\n    #hexis-about .muted { color: var(--muted); }\r\n    #hexis-about .dots {\r\n      position: absolute; right: -60px; top: -60px; width: 200px; height: 200px;\r\n      background:\r\n        radial-gradient(circle at 8px 8px, var(--ring) 2px, transparent 2px) 0 0 \/ 20px 20px;\r\n      transform: rotate(15deg);\r\n      pointer-events: none;\r\n    }\r\n    @media (prefers-reduced-motion: no-preference) {\r\n      #hexis-about .reveal { opacity: 0; transform: translateY(10px); filter: blur(4px); }\r\n      #hexis-about .reveal.in-view { opacity: 1; transform: translateY(0); filter: blur(0); transition: all .6s cubic-bezier(.22,1,.36,1); }\r\n    }\r\n    #hexis-about .eyebrow {\r\n      display: inline-flex; align-items: center; gap: 8px;\r\n      padding: 6px 10px; border-radius: 999px; font-size: .8rem;\r\n      background: #fff; border: 1px solid #eee; box-shadow: var(--shadow-sm);\r\n      margin-bottom: 10px;\r\n    }\r\n    #hexis-about .eyebrow i {\r\n      width: 8px; height: 8px; border-radius: 50%; background: var(--hexis-red);\r\n      box-shadow: 0 0 0 4px var(--ring);\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"card\">\r\n      <div class=\"dots\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"grid\">\r\n        <!-- Sidebar -->\r\n        <aside class=\"side\">\r\n          <span class=\"kicker\">\u00c0 propos<\/span>\r\n          <h2 class=\"title\">\r\n            HEXIS SAS, un acteur <span class=\"accent\">majeur<\/span> du march\u00e9 de l\u2019adh\u00e9sivage\r\n          <\/h2>\r\n          <p class=\"lead\">\r\n            Films <b>adh\u00e9sifs<\/b> pour la <b>communication visuelle<\/b> et la <b>protection de surfaces<\/b>, con\u00e7us pour les pros, pens\u00e9s pour la performance.\r\n          <\/p>\r\n\r\n          <div class=\"btns\">\r\n            <a class=\"btn primary\" href=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2024\/09\/PressKit_2024_FR.zip\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              Kit presse\r\n            <\/a>\r\n            <a class=\"btn\" href=\"https:\/\/career.hexisgroup.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              Espace recrutement\r\n            <\/a>\r\n          <\/div>\r\n        <\/aside>\r\n        <div class=\"content\">\r\n          <div class=\"eyebrow\"><i><\/i> Made in France & savoir-faire<\/div>\r\n\r\n          <div class=\"badge-stack reveal\">\r\n            <span class=\"badge badge-bv\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2022\/09\/Certifications-ISO-HEXIS.png\" alt=\"Bureau Veritas\">\r\n              <b>Certifi\u00e9<\/b>\r\n            <\/span>\r\n            <span class=\"badge badge-fr\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2015\/09\/hexis-madeinfrance.jpg\" alt=\"Fabriqu\u00e9 en France\">\r\n              <b>Fabriqu\u00e9 en France<\/b>\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"blocks\">\r\n            <section class=\"block reveal\">\r\n              <h3>Le savoir-faire<\/h3>\r\n              <p>\r\n                Depuis sa cr\u00e9ation en <b>1989<\/b>, HEXIS d\u00e9fend sa position de <b>leader fran\u00e7ais<\/b> de supports pour le marquage et l'impression num\u00e9rique face \u00e0 une concurrence internationale. HEXIS poss\u00e8de <b>2 sites de production<\/b>, l'un \u00e0 son si\u00e8ge \u00e0 <i>Frontignan (34)<\/i> et le second \u00e0 <i>Hagetmau (40)<\/i>. HEXIS se mobilise depuis des ann\u00e9es pour mettre en avant le savoir-faire fran\u00e7ais dans ses usines.\r\n              <\/p>\r\n            <\/section>\r\n\r\n            <section class=\"block reveal\">\r\n              <h3>Domaines d\u2019application<\/h3>\r\n              <p>\r\n                HEXIS d\u00e9veloppe de fa\u00e7on <b>innovante<\/b> des gammes de produits destin\u00e9es aux <b>professionnels de l'impression num\u00e9rique<\/b>, aux <b>peintres en lettres<\/b>, <b>signal\u00e9ticiens<\/b>... Affichage urbain, d\u00e9coration de locaux, marquage de v\u00e9hicules (voitures, bus, trains, bateaux, avions), objets & textiles, lamination\u2026 Des usages pro exigeants, une pose rapide et ma\u00eetris\u00e9e.\r\n              <\/p>\r\n            <\/section>\r\n            <section class=\"block reveal\">\r\n              <h3>Engagements<\/h3>\r\n              <p class=\"muted\">\r\n                <b>Production locale<\/b>, <b>r\u00e9duction d\u2019empreinte<\/b>, <b>qualit\u00e9 contr\u00f4l\u00e9e<\/b>... Depuis quelques ann\u00e9es HEXIS commercialise toute une gamme de <b>films adh\u00e9sifs sans PVC<\/b> pour r\u00e9pondre \u00e0 des projets industriels exigeants. Des rames de m\u00e9tro et trains aux flottes d\u2019entreprises, nos films allient <b>esth\u00e9tique<\/b>, <b> durabilit\u00e9<\/b> et <b>protection<\/b>.\r\n              <\/p>\r\n            <\/section>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root = document.getElementById('hexis-about');\r\n      if (!root) return;\r\n\r\n      const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      if (!prefersReduced && 'IntersectionObserver' in window) {\r\n        const io = new IntersectionObserver((entries) => {\r\n          entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('in-view'); });\r\n        }, { rootMargin: '0px 0px -10% 0px', threshold: 0.1 });\r\n        root.querySelectorAll('.reveal').forEach(el => io.observe(el));\r\n      } else {\r\n        root.querySelectorAll('.reveal').forEach(el => el.classList.add('in-view'));\r\n      }\r\n\r\n      root.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n        a.addEventListener('click', (ev) => {\r\n          const id = a.getAttribute('href').slice(1);\r\n          const target = document.getElementById(id);\r\n          if (target) {\r\n            ev.preventDefault();\r\n            target.scrollIntoView({ behavior: prefersReduced ? 'auto' : 'smooth', block: 'start' });\r\n          }\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n\r\n  <!-- Cibles d'ancre -->\r\n  <div id=\"kit-presse\" style=\"height:1px;\"><\/div>\r\n  <div id=\"recrutement\" style=\"height:1px;\"><\/div>\r\n<\/section>\r\n<!-- ======= \/HEXIS About Block ======= -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d572b32 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"d572b32\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1b74b6 elementor-widget elementor-widget-html\" data-id=\"b1b74b6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"hexis-hero\" class=\"hexis-hero\" aria-label=\"Promotions HEXIS\">\r\n  <style>\r\n    \/* Scope strict: rien en dehors de #hexis-hero *\/\r\n    #hexis-hero{\r\n      margin:0 !important;\r\n      padding:0 !important;\r\n      position:relative;\r\n      display:block;\r\n      isolation:isolate;\r\n\r\n      \/* \u2705 FULL WIDTH m\u00eame dans un container Elementor boxed *\/\r\n      width:100vw !important;\r\n      left:50%;\r\n      transform:translateX(-50%);\r\n      max-width:none !important;\r\n      overflow:hidden; \/* \u00e9vite scroll horizontal d\u00fb aux 100vw *\/\r\n    }\r\n    #hexis-hero, #hexis-hero *{ box-sizing:border-box; }\r\n\r\n    #hexis-hero{\r\n      --red:#C90C0F;\r\n      --ink:#0f1115;\r\n      --muted:#a0a6b0;\r\n      --dot:#e5e7eb;\r\n      --dot-active:#ffffff;\r\n      --shadow:0 18px 40px rgba(0,0,0,.25);\r\n      --radius:18px;\r\n      --slide-h:50vh;\r\n    }\r\n\r\n    \/* La viewport prend 100% de la section (qui est d\u00e9j\u00e0 full-bleed) *\/\r\n    #hexis-hero .viewport{\r\n      position:relative;\r\n      width:100%;\r\n      height:var(--slide-h);\r\n      overflow:hidden;\r\n      background:#111;\r\n      color:#fff;\r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;\r\n\r\n      max-width:none !important;\r\n      margin:0 !important;\r\n      padding:0 !important;\r\n    }\r\n\r\n    #hexis-hero .track{\r\n      display:flex;\r\n      height:100%;\r\n      will-change:transform;\r\n      transition:transform .7s cubic-bezier(.22,1,.36,1);\r\n    }\r\n    #hexis-hero .slide{\r\n      position:relative;\r\n      min-width:100%;\r\n      height:100%;\r\n      display:grid;\r\n      place-items:center;\r\n      isolation:isolate;\r\n    }\r\n    #hexis-hero .bg{\r\n      position:absolute; inset:0;\r\n      background-size:cover !important;\r\n      background-position:center center !important;\r\n      background-repeat:no-repeat !important;\r\n      transform:scale(1.03);\r\n      filter:brightness(.78) saturate(1.05);\r\n      z-index:-2;\r\n    }\r\n\r\n    #hexis-hero .overlay{\r\n      position:absolute; inset:0;\r\n      background:\r\n        linear-gradient(0deg, rgba(0,0,0,.55), rgba(0,0,0,.35)),\r\n        radial-gradient(1000px 400px at 10% 90%, rgba(201,12,15,.25), transparent 60%);\r\n      z-index:-1;\r\n    }\r\n\r\n    #hexis-hero .content{\r\n      max-width:min(1100px,90vw);\r\n      text-align:center;\r\n      padding:clamp(16px,3vw,32px);\r\n      animation:hexisFadeUp .75s ease both .2s;\r\n    }\r\n    #hexis-hero .eyebrow{\r\n      display:inline-flex; gap:10px; align-items:center;\r\n      padding:6px 12px; border-radius:999px;\r\n      background:rgba(255,255,255,.08);\r\n      border:1px solid rgba(255,255,255,.15);\r\n      backdrop-filter:blur(4px);\r\n      font-size:.9rem; color:#e8e8e8; margin-bottom:12px;\r\n    }\r\n    #hexis-hero .eyebrow i{\r\n      width:8px;height:8px;border-radius:50%;background:var(--red);\r\n      box-shadow:0 0 0 4px rgba(201,12,15,.25);\r\n      display:inline-block;\r\n    }\r\n    #hexis-hero h2{\r\n      margin:.1em 0 .3em; line-height:1.04;\r\n      font-size:clamp(1.8rem,5vw,3.5rem); font-weight:900; letter-spacing:-.02em;\r\n      text-wrap:balance;\r\n    }\r\n    #hexis-hero p.lead{\r\n      margin:0 auto 18px;\r\n      color:#f3f4f6; opacity:.9;\r\n      font-size:clamp(1rem,1.6vw,1.2rem); line-height:1.6;\r\n      max-width:900px;\r\n    }\r\n\r\n    #hexis-hero .btns{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}\r\n    #hexis-hero a.btn{\r\n      display:inline-flex; align-items:center; gap:10px;\r\n      height:50px; padding:0 18px; border-radius:14px;\r\n      text-decoration:none; font-weight:800; letter-spacing:.01em;\r\n      border:1px solid rgba(255,255,255,.2);\r\n      background:rgba(255,255,255,.08); color:#fff;\r\n      backdrop-filter:blur(6px);\r\n      transition:transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n      box-shadow:var(--shadow);\r\n    }\r\n    #hexis-hero a.btn.primary{\r\n      border-color:transparent;\r\n      background:linear-gradient(135deg,var(--red),#ff3b30);\r\n    }\r\n    #hexis-hero a.btn:hover{ transform:translateY(-2px) }\r\n\r\n    #hexis-hero .nav{\r\n      position:absolute; inset:0; pointer-events:none;\r\n      display:flex; justify-content:space-between; align-items:center; padding:0 14px;\r\n    }\r\n    #hexis-hero .arrow{\r\n      pointer-events:auto; width:44px; height:44px; border-radius:12px;\r\n      background:rgba(0,0,0,.45); border:1px solid rgba(255,255,255,.16);\r\n      display:grid; place-items:center; color:#fff; cursor:pointer;\r\n      transition:transform .2s ease, background .2s ease; user-select:none;\r\n      appearance:none;\r\n    }\r\n    #hexis-hero .arrow:hover{ transform:scale(1.05); background:rgba(0,0,0,.6) }\r\n    #hexis-hero .arrow svg{ width:22px; height:22px }\r\n\r\n    #hexis-hero .dots{\r\n      position:absolute; left:50%; bottom:20px; transform:translateX(-50%);\r\n      display:flex; gap:10px; align-items:center;\r\n      padding:8px 12px; border-radius:999px;\r\n      background:rgba(0,0,0,.25); border:1px solid rgba(255,255,255,.12);\r\n      backdrop-filter:blur(6px);\r\n    }\r\n    #hexis-hero .dot{\r\n      width:9px;height:9px;border-radius:50%;\r\n      background:var(--dot); opacity:.8; cursor:pointer;\r\n      transition:transform .2s ease, opacity .2s ease, background .2s ease;\r\n      border:0; padding:0;\r\n    }\r\n    #hexis-hero .dot.active{ background:var(--dot-active); opacity:1; transform:scale(1.2) }\r\n\r\n    #hexis-hero .progress{\r\n      position:absolute; left:0; top:0; height:4px; width:100%;\r\n      background:linear-gradient(90deg, rgba(255,255,255,.15), rgba(255,255,255,.05));\r\n      overflow:hidden;\r\n    }\r\n    #hexis-hero .bar{\r\n      height:100%; width:0%;\r\n      background:linear-gradient(90deg,var(--red),#ff835c);\r\n      transition:width linear;\r\n    }\r\n\r\n    @media (max-width: 640px){\r\n      #hexis-hero .arrow{ display:none }\r\n      #hexis-hero .dots{ bottom:14px }\r\n      #hexis-hero .btns a{ height:46px }\r\n    }\r\n\r\n    @keyframes hexisFadeUp{\r\n      from{opacity:0; transform:translateY(8px)}\r\n      to{opacity:1; transform:translateY(0)}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"viewport\" data-autoplay=\"true\" data-interval=\"5000\">\r\n    <div class=\"progress\" aria-hidden=\"true\"><div class=\"bar\"><\/div><\/div>\r\n\r\n    <div class=\"track\">\r\n      <!-- Slide 1 -->\r\n      <article class=\"slide\"\r\n        data-bg-sm=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/decoupe-assistee-par-ordinateur-DAO.webp\"\r\n        data-bg=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/decoupe-assistee-par-ordinateur-DAO.webp\"\r\n        data-bg-2x=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/decoupe-assistee-par-ordinateur-DAO.webp\">\r\n        <div class=\"bg\"><\/div><div class=\"overlay\"><\/div>\r\n        <div class=\"content\">\r\n          <div class=\"eyebrow\"><i><\/i> DAO<\/div>\r\n          <h2>Films adh\u00e9sifs teint\u00e9s masse destin\u00e9s \u00e0 la d\u00e9coupe assist\u00e9e par ordinateur<\/h2>\r\n          <p class=\"lead\">Film coul\u00e9 haute performance, film polyur\u00e9thane coul\u00e9, film sans PVC, marquage...<\/p>\r\n          <div class=\"btns\">\r\n            <a class=\"btn primary\" href=\"https:\/\/www.hexis-graphics.com\/fr\/products\/films-de-decoupe\/\" target=\"_blank\" rel=\"noopener\">D\u00e9couvrir nos gammes<\/a>\r\n            <a class=\"btn\" href=\"https:\/\/www.hexis-graphics.com\/fr\/actualites\/signaletique-entreprise-decouvrez-notre-formation-a-la-pose\/\">Signal\u00e9tique d'entreprise<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Slide 2 -->\r\n      <article class=\"slide\"\r\n        data-bg-sm=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/impression-numerique-2.webp\"\r\n        data-bg=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/impression-numerique-2.webp\"\r\n        data-bg-2x=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/impression-numerique-2.webp\">\r\n        <div class=\"bg\"><\/div><div class=\"overlay\"><\/div>\r\n        <div class=\"content\">\r\n          <div class=\"eyebrow\"><i><\/i> Impression Num\u00e9rique<\/div>\r\n          <h2>Les supports pour l'impression num\u00e9rique grand format<\/h2>\r\n          <p class=\"lead\">PVC coul\u00e9 haute performance, film chrome, film premium, film polym\u00e8re<\/p>\r\n          <div class=\"btns\">\r\n            <a class=\"btn primary\" href=\"https:\/\/www.hexis-graphics.com\/fr\/supports\/impression-numerique\/profils-icc\/\" target=\"_blank\" rel=\"noopener\">Profils ICC<\/a>\r\n            <a class=\"btn\" href=\"https:\/\/www.hexis-graphics.com\/fr\/supports\/impression-numerique\/contact-support-technique\/\">Contacter un expert<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Slide 3 -->\r\n      <article class=\"slide\"\r\n        data-bg-sm=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/totla-covering.webp\"\r\n        data-bg=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/totla-covering.webp\"\r\n        data-bg-2x=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/totla-covering.webp\">\r\n        <div class=\"bg\"><\/div><div class=\"overlay\"><\/div>\r\n        <div class=\"content\">\r\n          <div class=\"eyebrow\"><i><\/i> Wrapping<\/div>\r\n          <h2>Les films adh\u00e9sifs pour le total covering<\/h2>\r\n          <p class=\"lead\">Film coul\u00e9 premium m\u00e9tallis\u00e9s, nacr\u00e9s, mats, carbone...<\/p>\r\n          <div class=\"btns\">\r\n            <a class=\"btn primary\" href=\"https:\/\/www.hexis-graphics.com\/fr\/products\/films-total-covering\/\">D\u00e9couvrir nos films adh\u00e9sifs<\/a>\r\n            <a class=\"btn\" href=\"https:\/\/fr.hexis-training.com\/formation\/formation-total-covering\/\" target=\"_blank\" rel=\"noopener\">Formez-vous \u00e0 la pose<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Slide 4 -->\r\n      <article class=\"slide\"\r\n        data-bg-sm=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/personnalisation-textile.webp\"\r\n        data-bg=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/personnalisation-textile.webp\"\r\n        data-bg-2x=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/personnalisation-textile.webp\">\r\n        <div class=\"bg\"><\/div><div class=\"overlay\"><\/div>\r\n        <div class=\"content\">\r\n          <div class=\"eyebrow\"><i><\/i> Personnalisation textile<\/div>\r\n          <h2>Les films pour le marquage et la personnalisation textile<\/h2>\r\n          <p class=\"lead\">Production de logos coeur, grands graphismes, lettrages... m\u00eame avec notre technologie DTF<\/p>\r\n          <div class=\"btns\">\r\n            <a class=\"btn primary\" href=\"https:\/\/www.hexis-graphics.com\/fr\/products\/films-textiles\/cutflex\/\">Flex de d\u00e9coupe<\/a>\r\n            <a class=\"btn\" href=\"https:\/\/www.hexis-graphics.com\/fr\/products\/films-textiles\/printflex\/\">Flex d'impression<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Slide 5 -->\r\n      <article class=\"slide\"\r\n        data-bg-sm=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/impression-numerique.webp\"\r\n        data-bg=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/impression-numerique.webp\"\r\n        data-bg-2x=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/impression-numerique.webp\">\r\n        <div class=\"bg\"><\/div><div class=\"overlay\"><\/div>\r\n        <div class=\"content\">\r\n          <div class=\"eyebrow\"><i><\/i> Protection & S\u00e9curit\u00e9<\/div>\r\n          <h2>Les films adh\u00e9sifs de protection de carrosserie et autres surfaces<\/h2>\r\n          <p class=\"lead\">Protection automobile, film de protection de b\u00e2timent, films solaires...<\/p>\r\n          <div class=\"btns\">\r\n            <a class=\"btn primary\" href=\"https:\/\/www.hexis-graphics.com\/fr\/products\/films-de-protection-et-de-securite\/films-de-protection-et-de-securite-automobile\/\" target=\"_blank\" rel=\"noopener\">Prot\u00e9ger la carrosserie<\/a>\r\n            <a class=\"btn\" href=\"https:\/\/www.hexis-graphics.com\/fr\/products\/films-de-protection-et-de-securite\/films-solaires-batiment\/\">Prot\u00e9ger les vitres de b\u00e2timent<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"nav\" aria-hidden=\"true\">\r\n      <button class=\"arrow prev\" type=\"button\" aria-label=\"Slide pr\u00e9c\u00e9dente\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M15 6l-6 6 6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n      <\/button>\r\n      <button class=\"arrow next\" type=\"button\" aria-label=\"Slide suivante\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"dots\" role=\"tablist\" aria-label=\"Navigation des slides\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root = document.querySelector('#hexis-hero .viewport');\r\n      if(!root) return;\r\n\r\n      const track = root.querySelector('.track');\r\n      const slides = Array.from(root.querySelectorAll('.slide'));\r\n      const dotsWrap = root.querySelector('.dots');\r\n      const bar = root.querySelector('.bar');\r\n      const prev = root.querySelector('.prev');\r\n      const next = root.querySelector('.next');\r\n\r\n      function pickBg(slide){\r\n        const w = window.innerWidth || 1920;\r\n        const dpr = Math.min(window.devicePixelRatio || 1, 2);\r\n        const sm = slide.getAttribute('data-bg-sm');\r\n        const md = slide.getAttribute('data-bg');\r\n        const x2 = slide.getAttribute('data-bg-2x');\r\n        if (w <= 768 && sm) return sm;\r\n        if (dpr > 1.2 && x2) return x2;\r\n        return md || sm || x2 || '';\r\n      }\r\n\r\n      function applyBackgrounds(force=false){\r\n        slides.forEach(s=>{\r\n          const url = pickBg(s);\r\n          if(!url) return;\r\n          const bg = s.querySelector('.bg');\r\n          if(!bg) return;\r\n          if(!force && bg.style.backgroundImage) return;\r\n\r\n          const img = new Image();\r\n          img.decoding = 'async';\r\n          img.onload = ()=>{ bg.style.backgroundImage = 'url(\"' + url + '\")'; };\r\n          img.src = url;\r\n        });\r\n      }\r\n\r\n      let i = 0;\r\n      const N = slides.length || 1;\r\n      const interval = Number(root.dataset.interval || 5000);\r\n      let autoplay = root.dataset.autoplay !== 'false';\r\n      let timer = null, isHover=false, isView=true;\r\n\r\n      if(dotsWrap){\r\n        dotsWrap.innerHTML = '';\r\n        slides.forEach((_,idx)=>{\r\n          const d=document.createElement('button');\r\n          d.className='dot';\r\n          d.type='button';\r\n          d.setAttribute('aria-label','Aller au slide ' + (idx+1));\r\n          d.addEventListener('click',()=>go(idx));\r\n          dotsWrap.appendChild(d);\r\n        });\r\n      }\r\n      const dots = dotsWrap ? Array.from(dotsWrap.children) : [];\r\n\r\n      function render(){\r\n        track.style.transform = 'translateX(' + (-i*100) + '%)';\r\n        dots.forEach((d,k)=>d.classList.toggle('active',k===i));\r\n      }\r\n\r\n      function go(to){\r\n        i = (to + N) % N;\r\n        render();\r\n        resetProgress();\r\n      }\r\n      const nextSlide = ()=> go(i+1);\r\n      const prevSlide = ()=> go(i-1);\r\n\r\n      function startProgress(){\r\n        if(!bar) return;\r\n        if(!autoplay || isHover || !isView) return;\r\n\r\n        bar.style.transition='none';\r\n        bar.style.width='0%';\r\n\r\n        requestAnimationFrame(()=>{ requestAnimationFrame(()=>{\r\n          bar.style.transition='width ' + interval + 'ms linear';\r\n          bar.style.width='100%';\r\n        })});\r\n\r\n        clearTimeout(timer);\r\n        timer = setTimeout(nextSlide, interval);\r\n      }\r\n\r\n      function resetProgress(){\r\n        clearTimeout(timer);\r\n        if(bar){\r\n          bar.style.transition='none';\r\n          bar.style.width='0%';\r\n        }\r\n        startProgress();\r\n      }\r\n\r\n      if(next) next.addEventListener('click', nextSlide);\r\n      if(prev) prev.addEventListener('click', prevSlide);\r\n\r\n      root.addEventListener('mouseenter',()=>{ isHover=true; clearTimeout(timer); if(bar) bar.style.transition='none'; });\r\n      root.addEventListener('mouseleave',()=>{ isHover=false; startProgress(); });\r\n      root.addEventListener('focusin',()=>{ isHover=true; clearTimeout(timer); });\r\n      root.addEventListener('focusout',()=>{ isHover=false; startProgress(); });\r\n\r\n      root.addEventListener('keydown',(e)=>{\r\n        if(e.key==='ArrowRight') nextSlide();\r\n        if(e.key==='ArrowLeft') prevSlide();\r\n      });\r\n      root.tabIndex = 0;\r\n\r\n      let sx=0, dx=0, lock=false;\r\n      root.addEventListener('touchstart',e=>{ sx=e.touches[0].clientX; lock=true; },{passive:true});\r\n      root.addEventListener('touchmove',e=>{ if(!lock) return; dx=e.touches[0].clientX - sx; },{passive:true});\r\n      root.addEventListener('touchend',()=>{\r\n        if(!lock) return;\r\n        if(dx < -40) nextSlide();\r\n        else if(dx > 40) prevSlide();\r\n        lock=false; dx=0;\r\n      });\r\n\r\n      if('IntersectionObserver' in window){\r\n        const ob=new IntersectionObserver((entries)=>{\r\n          entries.forEach(entry=>{\r\n            isView = entry.isIntersecting;\r\n            if(isView){ applyBackgrounds(false); startProgress(); }\r\n            else { clearTimeout(timer); if(bar) bar.style.transition='none'; }\r\n          });\r\n        },{threshold:.25});\r\n        ob.observe(root);\r\n      } else {\r\n        applyBackgrounds(false);\r\n      }\r\n\r\n      applyBackgrounds(false);\r\n      render();\r\n      startProgress();\r\n\r\n      let rid=null;\r\n      window.addEventListener('resize',()=>{\r\n        clearTimeout(rid);\r\n        rid=setTimeout(()=> applyBackgrounds(true), 200);\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c5e7ef elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"5c5e7ef\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-793e83a elementor-widget elementor-widget-html\" data-id=\"793e83a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======= HEXIS \u2014 Slider MOBILE (centr\u00e9, 1 bouton, sans dots) ======= -->\r\n<section id=\"hexis-hero-phone\" aria-label=\"Promotions HEXIS \u2013 Mobile\">\r\n  <style>\r\n    #hexis-hero-phone{margin:0!important;padding:0!important;display:block;}\r\n    #hexis-hero-phone,#hexis-hero-phone *{box-sizing:border-box;}\r\n\r\n    \/* Th\u00e8me *\/\r\n    #hexis-hero-phone{\r\n      --red:#C90C0F;\r\n      --shadow:0 10px 24px rgba(0,0,0,.25);\r\n      --slide-h:60vh;\r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;\r\n      color:#fff;\r\n    }\r\n\r\n    #hexis-hero-phone .viewport{\r\n      position:relative;\r\n      width:100%;\r\n      height:var(--slide-h);\r\n      overflow:hidden;\r\n      background:#111;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n    }\r\n\r\n    #hexis-hero-phone .track{\r\n      display:flex;\r\n      height:100%;\r\n      transition:transform .6s cubic-bezier(.25,.9,.25,1);\r\n      will-change:transform;\r\n      width:100%;\r\n      touch-action:pan-y;\r\n    }\r\n\r\n    #hexis-hero-phone .slide{\r\n      position:relative;\r\n      min-width:100%;\r\n      height:100%;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      isolation:isolate;\r\n      text-align:center;\r\n      padding:0 20px;\r\n    }\r\n\r\n    \/* Arri\u00e8re-plan *\/\r\n    #hexis-hero-phone .bg{\r\n      position:absolute;\r\n      inset:0;\r\n      background-size:cover!important;\r\n      background-position:center!important;\r\n      background-repeat:no-repeat!important;\r\n      filter:brightness(.82) saturate(1.05);\r\n      z-index:-2;\r\n    }\r\n\r\n    #hexis-hero-phone .overlay{\r\n      position:absolute;\r\n      inset:0;\r\n      background:\r\n        linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.65) 100%),\r\n        radial-gradient(700px 280px at 12% 86%, rgba(201,12,15,.22), transparent 60%);\r\n      z-index:-1;\r\n    }\r\n\r\n    \/* Contenu *\/\r\n    #hexis-hero-phone .content{\r\n      width:100%;\r\n      max-width:700px;\r\n      padding:clamp(14px,4vw,20px);\r\n      animation:fadeUp .6s ease both .1s;\r\n      display:flex;\r\n      flex-direction:column;\r\n      align-items:center;\r\n      justify-content:center;\r\n      gap:10px;\r\n    }\r\n\r\n    #hexis-hero-phone .eyebrow{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:8px;\r\n      padding:6px 12px;\r\n      border-radius:999px;\r\n      background:rgba(255,255,255,.10);\r\n      border:1px solid rgba(255,255,255,.16);\r\n      backdrop-filter:blur(4px);\r\n      font-size:.9rem;\r\n      color:#eaeaea;\r\n    }\r\n\r\n    #hexis-hero-phone .eyebrow i{\r\n      width:8px;\r\n      height:8px;\r\n      border-radius:50%;\r\n      background:var(--red);\r\n      box-shadow:0 0 0 4px rgba(201,12,15,.25);\r\n    }\r\n\r\n    #hexis-hero-phone h2{\r\n      margin:.2em 0;\r\n      font-weight:900;\r\n      letter-spacing:-.01em;\r\n      text-wrap:balance;\r\n      font-size:clamp(1.4rem,6vw,1.9rem);\r\n      line-height:1.15;\r\n      text-shadow:0 2px 10px rgba(0,0,0,.45);\r\n    }\r\n\r\n    #hexis-hero-phone p.lead{\r\n      margin:0 0 10px;\r\n      color:#f3f4f6;\r\n      opacity:.95;\r\n      font-size:clamp(.95rem,3.5vw,1.05rem);\r\n      line-height:1.55;\r\n      text-shadow:0 1px 6px rgba(0,0,0,.35);\r\n    }\r\n\r\n    \/* Bouton *\/\r\n    #hexis-hero-phone a.btn{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      gap:8px;\r\n      min-height:48px;\r\n      padding:12px 16px;\r\n      border-radius:14px;\r\n      text-decoration:none;\r\n      font-weight:800;\r\n      letter-spacing:.01em;\r\n      border:none;\r\n      background:linear-gradient(135deg,var(--red),#ff3b30);\r\n      color:#fff;\r\n      box-shadow:var(--shadow);\r\n      transition:transform .15s ease,box-shadow .15s ease;\r\n    }\r\n\r\n    #hexis-hero-phone a.btn:active{transform:scale(.98);}\r\n\r\n    \/* Barre de progression *\/\r\n    #hexis-hero-phone .progress{\r\n      position:absolute;\r\n      left:0;\r\n      top:0;\r\n      height:3px;\r\n      width:100%;\r\n      background:linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,.06));\r\n      overflow:hidden;\r\n    }\r\n\r\n    #hexis-hero-phone .bar{\r\n      height:100%;\r\n      width:0%;\r\n      background:linear-gradient(90deg,var(--red),#ff835c);\r\n      transition:width linear;\r\n    }\r\n\r\n    @keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}\r\n  <\/style>\r\n\r\n  <div class=\"viewport\" data-autoplay=\"true\" data-interval=\"5200\">\r\n    <div class=\"progress\" aria-hidden=\"true\"><div class=\"bar\"><\/div><\/div>\r\n\r\n    <div class=\"track\">\r\n      <!-- Slide 1 -->\r\n      <article class=\"slide\"\r\n        data-bg-sm=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/decoupe-assistee-par-ordinateur-DAO.webp\">\r\n        <div class=\"bg\"><\/div><div class=\"overlay\"><\/div>\r\n        <div class=\"content\">\r\n          <div class=\"eyebrow\"><i><\/i> DAO<\/div>\r\n          <h2>Films adh\u00e9sifs teint\u00e9s masse destin\u00e9s \u00e0 la d\u00e9coupe assist\u00e9e par ordinateur<\/h2>\r\n          <p class=\"lead\">Film coul\u00e9 haute performance, film polyur\u00e9thane coul\u00e9, film sans PVC, marquage\u2026<\/p>\r\n          <a class=\"btn\" href=\"https:\/\/www.hexis-graphics.com\/fr\/products\/films-de-decoupe\/\" target=\"_blank\" rel=\"noopener\">D\u00e9couvrir nos gammes<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Slide 2 -->\r\n      <article class=\"slide\"\r\n        data-bg-sm=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/impression-numerique-2.webp\">\r\n        <div class=\"bg\"><\/div><div class=\"overlay\"><\/div>\r\n        <div class=\"content\">\r\n          <div class=\"eyebrow\"><i><\/i> Impression Num\u00e9rique<\/div>\r\n          <h2>Les supports pour l\u2019impression num\u00e9rique grand format<\/h2>\r\n          <p class=\"lead\">PVC coul\u00e9 haute performance, film chrome, film premium, film polym\u00e8re.<\/p>\r\n          <a class=\"btn\" href=\"https:\/\/www.hexis-graphics.com\/fr\/supports\/impression-numerique\/profils-icc\/\" target=\"_blank\" rel=\"noopener\">Profils ICC<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Slide 3 -->\r\n      <article class=\"slide\"\r\n        data-bg-sm=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/totla-covering.webp\">\r\n        <div class=\"bg\"><\/div><div class=\"overlay\"><\/div>\r\n        <div class=\"content\">\r\n          <div class=\"eyebrow\"><i><\/i> Wrapping<\/div>\r\n          <h2>Les films adh\u00e9sifs pour le total covering<\/h2>\r\n          <p class=\"lead\">Films coul\u00e9s premium : m\u00e9tallis\u00e9s, nacr\u00e9s, mats, carbone\u2026<\/p>\r\n          <a class=\"btn\" href=\"https:\/\/www.hexis-graphics.com\/fr\/products\/films-total-covering\/\">D\u00e9couvrir nos films adh\u00e9sifs<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Slide 4 -->\r\n      <article class=\"slide\"\r\n        data-bg-sm=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/personnalisation-textile.webp\">\r\n        <div class=\"bg\"><\/div><div class=\"overlay\"><\/div>\r\n        <div class=\"content\">\r\n          <div class=\"eyebrow\"><i><\/i> Personnalisation textile<\/div>\r\n          <h2>Les films pour le marquage et la personnalisation textile<\/h2>\r\n          <p class=\"lead\">Logos c\u0153ur, grands graphismes, lettrages\u2026 incluant la technologie DTF.<\/p>\r\n          <a class=\"btn\" href=\"https:\/\/www.hexis-graphics.com\/fr\/products\/films-textiles\/cutflex\/\">D\u00e9couvrir CUTFLEX<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Slide 5 -->\r\n      <article class=\"slide\"\r\n        data-bg-sm=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/impression-numerique.webp\">\r\n        <div class=\"bg\"><\/div><div class=\"overlay\"><\/div>\r\n        <div class=\"content\">\r\n          <div class=\"eyebrow\"><i><\/i> Protection & S\u00e9curit\u00e9<\/div>\r\n          <h2>Les films de protection de carrosserie et autres surfaces<\/h2>\r\n          <p class=\"lead\">Automobile, b\u00e2timent, films solaires\u2026<\/p>\r\n          <a class=\"btn\" href=\"https:\/\/www.hexis-graphics.com\/fr\/products\/films-de-protection-et-de-securite\/films-de-protection-et-de-securite-automobile\/\" target=\"_blank\" rel=\"noopener\">Prot\u00e9ger la carrosserie<\/a>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root=document.querySelector('#hexis-hero-phone .viewport');\r\n      if(!root)return;\r\n      const track=root.querySelector('.track');\r\n      const slides=[...root.querySelectorAll('.slide')];\r\n      const bar=root.querySelector('.bar');\r\n      let i=0,N=slides.length;\r\n      const interval=5200;\r\n      let timer=null,isView=true;\r\n\r\n      function pickBg(slide){return slide.getAttribute('data-bg-sm')||'';}\r\n      function applyBG(){slides.forEach(s=>{\r\n        const bg=s.querySelector('.bg');\r\n        const url=pickBg(s);\r\n        if(url&&!bg.style.backgroundImage){\r\n          const img=new Image();img.onload=()=>bg.style.backgroundImage=`url(\"${url}\")`;img.src=url;\r\n        }\r\n      });}\r\n\r\n      function render(){track.style.transform=`translateX(${-i*100}%)`;}\r\n      function go(to){i=(to+N)%N;render();reset();}\r\n      const next=()=>go(i+1);\r\n\r\n      function start(){\r\n        if(!isView)return;\r\n        bar.style.transition='none';bar.style.width='0%';\r\n        requestAnimationFrame(()=>{requestAnimationFrame(()=>{\r\n          bar.style.transition=`width ${interval}ms linear`;\r\n          bar.style.width='100%';\r\n        })});\r\n        clearTimeout(timer);timer=setTimeout(next,interval);\r\n      }\r\n      function reset(){clearTimeout(timer);bar.style.transition='none';bar.style.width='0%';start();}\r\n\r\n      let sx=0,dx=0,lock=false;\r\n      root.addEventListener('touchstart',e=>{sx=e.touches[0].clientX;lock=true;clearTimeout(timer);},{passive:true});\r\n      root.addEventListener('touchmove',e=>{if(!lock)return;dx=e.touches[0].clientX-sx;},{passive:true});\r\n      root.addEventListener('touchend',()=>{if(!lock)return;if(dx<-40)next();else if(dx>40)go(i-1);lock=false;dx=0;start();});\r\n\r\n      if('IntersectionObserver'in window){\r\n        const io=new IntersectionObserver(([entry])=>{\r\n          isView=entry.isIntersecting;\r\n          if(isView){applyBG();start();}else{clearTimeout(timer);bar.style.transition='none';}\r\n        },{threshold:.25});\r\n        io.observe(root);\r\n      }else{applyBG();}\r\n      applyBG();render();start();\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ======= \/HEXIS \u2014 Slider MOBILE Centr\u00e9 ======= -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64dfb13 e-flex e-con-boxed e-con e-parent\" data-id=\"64dfb13\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac5d4ad elementor-widget elementor-widget-html\" data-id=\"ac5d4ad\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"hexis-rd\">\r\n  <style>\r\n    #hexis-rd{\r\n      --hexis-red:#C90C0F;\r\n      --ink:#0f1115;\r\n      --muted:#6b7280;\r\n      --bg:#ffffff;\r\n      --bg-soft:#f7f7f8;\r\n      --ring:rgba(201,12,15,.18);\r\n      --radius:18px;\r\n      --shadow:0 10px 25px rgba(0,0,0,.08);\r\n      --shadow-sm:0 6px 16px rgba(0,0,0,.06);\r\n      --maxw:1200px;\r\n      --gap:clamp(20px,4vw,40px);\r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;\r\n      color:var(--ink);\r\n      background:var(--bg);\r\n    }\r\n    #hexis-rd *{box-sizing:border-box}\r\n    #hexis-rd img{max-width:100%;display:block;height:auto}\r\n\r\n    #hexis-rd .wrap{\r\n      max-width:var(--maxw); margin:0 auto;\r\n      padding:clamp(24px,4vw,48px) clamp(16px,3.5vw,32px);\r\n    }\r\n    #hexis-rd .card{\r\n      background:var(--bg); border:1px solid #ececec;\r\n      border-radius:var(--radius); box-shadow:var(--shadow); overflow:clip;\r\n      position:relative;\r\n    }\r\n    #hexis-rd .grid{\r\n      display:grid; gap:var(--gap);\r\n      grid-template-columns: 1.15fr .85fr;\r\n      padding:clamp(20px,4vw,40px);\r\n      align-items:center;\r\n    }\r\n    @media (max-width: 920px){\r\n      #hexis-rd .grid{ grid-template-columns:1fr }\r\n    }\r\n    #hexis-rd .eyebrow{\r\n      display:inline-flex; align-items:center; gap:8px;\r\n      padding:6px 10px; border-radius:999px; font-size:.85rem;\r\n      background:#fff; border:1px solid #eee; box-shadow:var(--shadow-sm);\r\n      margin-bottom:10px;\r\n    }\r\n    #hexis-rd .eyebrow i{\r\n      width:8px; height:8px; border-radius:50%; background:var(--hexis-red);\r\n      box-shadow:0 0 0 4px var(--ring);\r\n    }\r\n    #hexis-rd h2{\r\n      margin:0 0 12px; line-height:1.05;\r\n      font-size:clamp(1.8rem,3.8vw,2.6rem); font-weight:900; letter-spacing:-.02em;\r\n    }\r\n    #hexis-rd h2 .accent{\r\n      background:linear-gradient(90deg,var(--hexis-red),#ff5a5f);\r\n      -webkit-background-clip:text; background-clip:text; color:transparent;\r\n    }\r\n    #hexis-rd .lead{\r\n      color:#262b33; font-size:clamp(1rem,1.4vw,1.1rem);\r\n      line-height:1.6; margin:0 0 16px;\r\n    }\r\n    #hexis-rd .kpis{ display:flex; flex-wrap:wrap; gap:12px; margin:16px 0 18px; }\r\n    #hexis-rd .kpi{\r\n      background:#fff; border:1px solid #eee; border-radius:14px;\r\n      padding:10px 14px; box-shadow:var(--shadow-sm);\r\n      display:flex; align-items:center; gap:10px; min-height:48px;\r\n    }\r\n    #hexis-rd .kpi b{ font-size:1.1rem }\r\n    #hexis-rd .kpi small{ color:var(--muted) }\r\n    #hexis-rd .btns{ display:flex; gap:10px; flex-wrap:wrap; }\r\n    #hexis-rd a.btn{\r\n      display:inline-flex; align-items:center; gap:10px;\r\n      height:46px; padding:0 16px; border-radius:12px; text-decoration:none;\r\n      font-weight:800; border:1px solid #e8e8e8; background:var(--bg-soft); color:var(--ink);\r\n      box-shadow:var(--shadow-sm); transition:transform .2s ease, box-shadow .2s ease;\r\n    }\r\n    #hexis-rd a.btn.primary{\r\n      background:linear-gradient(135deg,var(--hexis-red),#ff3b30); color:#fff; border-color:transparent;\r\n    }\r\n    #hexis-rd a.btn:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.12); }\r\n\r\n    #hexis-rd .media{\r\n      position:relative; border-radius:16px; overflow:hidden;\r\n      border:1px solid #eaeaea; box-shadow:var(--shadow);\r\n      background:#000;\r\n    }\r\n    #hexis-rd .media .frame{\r\n      aspect-ratio: 16 \/ 7; \/* panoramique coh\u00e9rent avec les autres blocs *\/\r\n      width:100%;\r\n      background-size:cover; background-position:center; background-repeat:no-repeat;\r\n      transform:scale(1.02); transition:transform .6s cubic-bezier(.22,1,.36,1), filter .4s ease;\r\n      filter:brightness(.92) saturate(1.05);\r\n    }\r\n    #hexis-rd .media:hover .frame{ transform:scale(1.05); filter:brightness(.98) }\r\n    #hexis-rd .media:after{\r\n      content:\"\"; position:absolute; inset:0;\r\n      background: radial-gradient(500px 220px at 10% 90%, rgba(201,12,15,.22), transparent 60%);\r\n      pointer-events:none;\r\n    }\r\n\r\n    \/* ---------- D\u00e9cor ---------- *\/\r\n    #hexis-rd .dots{\r\n      position:absolute; right:-60px; top:-60px; width:200px; height:200px;\r\n      background:radial-gradient(circle at 8px 8px, var(--ring) 2px, transparent 2px) 0 0 \/ 20px 20px;\r\n      transform:rotate(15deg); pointer-events:none;\r\n    }\r\n\r\n    \/* ---------- Reveal animation ---------- *\/\r\n    @media (prefers-reduced-motion:no-preference){\r\n      #hexis-rd .reveal{ opacity:0; transform:translateY(10px); filter:blur(4px); }\r\n      #hexis-rd .reveal.in{ opacity:1; transform:translateY(0); filter:blur(0);\r\n        transition:all .6s cubic-bezier(.22,1,.36,1); }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"card\">\r\n      <div class=\"dots\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"grid\">\r\n        <!-- Texte -->\r\n        <div class=\"col\">\r\n          <div class=\"eyebrow\"><i><\/i> Laboratoire R&D<\/div>\r\n          <h2>Le laboratoire <span class=\"accent\">Recherche & D\u00e9veloppement<\/span><\/h2>\r\n          <p class=\"lead\">\r\n            Nous consacrons une part significative de notre chiffre d\u2019affaires \u00e0 la R&D.\r\n            Chaque site de production dispose d\u2019un laboratoire d\u00e9di\u00e9, pour acc\u00e9l\u00e9rer l\u2019innovation\r\n            et garantir un contr\u00f4le qualit\u00e9 exigeant.\r\n          <\/p>\r\n\r\n          <div class=\"kpis reveal\">\r\n            <!-- Remplace les valeurs ci-dessous -->\r\n            <div class=\"kpi\"><b data-count=\"2.5\">0<\/b><small>% du C.A. en R&D<\/small><\/div>\r\n            <div class=\"kpi\"><b data-count=\"2\">0<\/b><small>laboratoires (2 sites)<\/small><\/div>\r\n            <div class=\"kpi\"><b data-count=\"20\">0<\/b><small>sp\u00e9cialistes R&D<\/small><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"btns reveal\">\r\n            <a class=\"btn primary\" href=\"https:\/\/www.hexis-graphics.com\/fr\/societe\/recherche-developpement\/\">D\u00e9couvrir nos innovations<\/a>\r\n            <a class=\"btn\" href=\"https:\/\/www.hexis-graphics.com\/fr\/societe\/contact\/\" target=\"_blank\" rel=\"noopener\">Nous contacter<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- M\u00e9dia -->\r\n        <div class=\"col\">\r\n          <!-- Remplace l'URL ci-dessous par ton image labo -->\r\n          <figure class=\"media reveal\">\r\n            <div class=\"frame\" style=\"background-image:url('https:\/\/www.hexis-graphics.com\/hexisgraphics\/2015\/09\/hexis-laboratoire.jpg');\"><\/div>\r\n          <\/figure>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root = document.getElementById('hexis-rd');\r\n      if(!root) return;\r\n\r\n      \/\/ Intersection Observer pour r\u00e9v\u00e9ler les \u00e9l\u00e9ments\r\n      const obsOK = 'IntersectionObserver' in window && !window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      if (obsOK){\r\n        const io = new IntersectionObserver((entries)=>{\r\n          entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target);} });\r\n        },{rootMargin:'0px 0px -10% 0px', threshold:0.1});\r\n        root.querySelectorAll('.reveal').forEach(el=>io.observe(el));\r\n      } else {\r\n        root.querySelectorAll('.reveal').forEach(el=>el.classList.add('in'));\r\n      }\r\n\r\n      \/\/ Compteurs (KPI) \u2014 s'animent \u00e0 l'apparition\r\n      function animateCount(el){\r\n        const target = Number(el.getAttribute('data-count') || 0);\r\n        const isInt = Number.isInteger(target);\r\n        const duration = 900; \/\/ ms\r\n        const start = performance.now();\r\n        function tick(now){\r\n          const p = Math.min(1, (now - start) \/ duration);\r\n          const val = isInt ? Math.round(target * p) : (target * p);\r\n          el.textContent = isInt ? val : (Math.round(val*10)\/10).toString().replace('.', ',');\r\n          if (p < 1) requestAnimationFrame(tick);\r\n        }\r\n        requestAnimationFrame(tick);\r\n      }\r\n      root.querySelectorAll('[data-count]').forEach(el=>{\r\n        if (obsOK){\r\n          const io2 = new IntersectionObserver(([e])=>{\r\n            if(e.isIntersecting){ animateCount(el); io2.disconnect(); }\r\n          },{threshold:0.6});\r\n          io2.observe(el);\r\n        } else { animateCount(el); }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ======= \/HEXIS \u2014 Section Laboratoire R&D ======= -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4821f4 e-flex e-con-boxed e-con e-parent\" data-id=\"a4821f4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38b0a72 elementor-widget elementor-widget-html\" data-id=\"38b0a72\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======= HEXIS \u2014 Bloc Analyses & Contr\u00f4les (version am\u00e9lior\u00e9e) ======= -->\r\n<section id=\"hexis-analyses\">\r\n  <style>\r\n    \/* Th\u00e8me global *\/\r\n    #hexis-analyses{\r\n      --hexis-red:#C90C0F;\r\n      --ink:#0f1115;\r\n      --muted:#6b7280;\r\n      --bg:#ffffff;\r\n      --bg-soft:#f7f7f8;\r\n      --ring:rgba(201,12,15,.18);\r\n      --radius:16px;\r\n      --shadow:0 10px 25px rgba(0,0,0,.08);\r\n      --shadow-sm:0 6px 16px rgba(0,0,0,.06);\r\n      --maxw:1200px;\r\n      --gap:clamp(14px,2.5vw,20px);\r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;\r\n      color:var(--ink);\r\n      background:var(--bg);\r\n    }\r\n    #hexis-analyses *{ box-sizing:border-box }\r\n    #hexis-analyses img{ display:block; max-width:100%; height:auto }\r\n\r\n    .ha-wrap{ max-width:var(--maxw); margin:0 auto; padding:clamp(24px,4vw,48px) clamp(16px,3.5vw,32px); }\r\n    .ha-head{ text-align:center; margin-bottom:clamp(14px,3vw,22px); }\r\n    .ha-head .eyebrow{\r\n      display:inline-flex; align-items:center; gap:8px;\r\n      padding:6px 10px; border-radius:999px; font-size:.85rem;\r\n      background:#fff; border:1px solid #eee; box-shadow:var(--shadow-sm);\r\n      margin-bottom:10px;\r\n    }\r\n    .ha-head .eyebrow i{ width:8px; height:8px; border-radius:50%; background:var(--hexis-red); box-shadow:0 0 0 4px var(--ring); }\r\n    .ha-head h2{\r\n      margin:.2em 0 .2em; line-height:1.1;\r\n      font-size:clamp(1.4rem,3.2vw,2rem); font-weight:900; letter-spacing:-.01em;\r\n    }\r\n    .ha-head p{ color:#2b313a; opacity:.9; max-width:900px; margin:8px auto 0; }\r\n\r\n    \/* Grille *\/\r\n    .ha-grid{\r\n      display:grid; gap:var(--gap);\r\n      grid-template-columns: repeat(7, 1fr);\r\n      align-items: stretch;\r\n    }\r\n    @media (max-width:1200px){ .ha-grid{ grid-template-columns: repeat(4, 1fr); } }\r\n    @media (max-width:820px){ .ha-grid{ grid-template-columns: repeat(3, 1fr); } }\r\n    @media (max-width:560px){ .ha-grid{ grid-template-columns: repeat(2, 1fr); } }\r\n\r\n    \/* Cartes *\/\r\n    .ha-item{\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-start;\r\n      align-items: center;\r\n      height: 100%;\r\n      padding: 24px 14px 26px;\r\n      background: var(--bg);\r\n      border: 1px solid #ececec;\r\n      border-radius: var(--radius);\r\n      box-shadow: var(--shadow-sm);\r\n      text-align: center;\r\n      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .ha-item:before{\r\n      content:\"\"; position:absolute; inset:0; pointer-events:none;\r\n      background: radial-gradient(380px 180px at 10% 120%, rgba(201,12,15,.08), transparent 60%);\r\n      opacity:.8; transition:opacity .25s ease;\r\n    }\r\n    .ha-item:hover{ transform:translateY(-3px); box-shadow:0 14px 30px rgba(0,0,0,.12); border-color:#e6e6e6; }\r\n    .ha-item:hover:before{ opacity:1; }\r\n\r\n    \/* Ic\u00f4nes *\/\r\n    .ha-ico{\r\n      width:72px; height:72px; border-radius:18px;\r\n      margin:0 auto 14px; display:grid; place-items:center;\r\n      background:var(--bg-soft); border:1px solid #eee; box-shadow:var(--shadow-sm);\r\n    }\r\n    .ha-ico img{\r\n      width:40px; height:40px; object-fit:contain;\r\n      filter: grayscale(.05) saturate(1.05);\r\n      transition: transform .25s ease, filter .25s ease;\r\n    }\r\n    .ha-item:hover .ha-ico img{ transform:scale(1.06); filter:none; }\r\n\r\n    \/* Titres sous ic\u00f4nes *\/\r\n    .ha-title{\r\n      font-weight:600; \/* plus l\u00e9ger *\/\r\n      font-size:.95rem;\r\n      line-height:1.4;\r\n      color:#1f2430;\r\n      margin-top:auto;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      text-align:center;\r\n      min-height:3.5em; \/* assure m\u00eame hauteur *\/\r\n    }\r\n\r\n    @media (max-width:560px){\r\n      .ha-item{ padding:20px 10px; }\r\n      .ha-title{ font-size:0.9rem; min-height:auto; }\r\n    }\r\n\r\n    \/* Animation d'apparition *\/\r\n    @media (prefers-reduced-motion:no-preference){\r\n      .reveal{ opacity:0; transform:translateY(8px); filter:blur(4px); }\r\n      .reveal.in{ opacity:1; transform:translateY(0); filter:blur(0); transition:all .55s cubic-bezier(.22,1,.36,1); }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"ha-wrap\">\r\n    <header class=\"ha-head\">\r\n      <div class=\"eyebrow\"><i><\/i> Contr\u00f4le qualit\u00e9<\/div>\r\n      <h2>Des analyses pointues garantissent la qualit\u00e9 de nos produits<\/h2>\r\n      <p>Pour cela, nous \u00e9valuons en laboratoire un ensemble de propri\u00e9t\u00e9s m\u00e9caniques, optiques et d\u2019adh\u00e9sion.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"ha-grid\">\r\n      <article class=\"ha-item reveal\">\r\n        <div class=\"ha-ico\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2026\/02\/arrow-icon.webp\"\r\n               alt=\"Allongement et force \u00e0 la rupture\">\r\n        <\/div>\r\n        <div class=\"ha-title\">L\u2019allongement et la<br>force \u00e0 la rupture<\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ha-item reveal\">\r\n        <div class=\"ha-ico\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2026\/02\/icon-palette.webp\"\r\n               alt=\"Conformit\u00e9 de la couleur\">\r\n        <\/div>\r\n        <div class=\"ha-title\">La conformit\u00e9 de<br>la couleur<\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ha-item reveal\">\r\n        <div class=\"ha-ico\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2026\/02\/arrow-icon.webp\"\r\n               alt=\"Rugosit\u00e9 de la surface\">\r\n        <\/div>\r\n        <div class=\"ha-title\">La rugosit\u00e9 de la<br>surface<\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ha-item reveal\">\r\n        <div class=\"ha-ico\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2026\/02\/icon-pelage.webp\"\r\n               alt=\"Force de pelage\">\r\n        <\/div>\r\n        <div class=\"ha-title\">La force de<br>pelage<\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ha-item reveal\">\r\n        <div class=\"ha-ico\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2026\/02\/icon-sticky.webp\"\r\n               alt=\"Adh\u00e9sion imm\u00e9diate (tack)\">\r\n        <\/div>\r\n        <div class=\"ha-title\">L\u2019adh\u00e9sion imm\u00e9diate<br>(le \u00ab tack \u00bb)<\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ha-item reveal\">\r\n        <div class=\"ha-ico\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2026\/02\/check-icon.webp\"\r\n               alt=\"Adh\u00e9sion finale sur le support\">\r\n        <\/div>\r\n        <div class=\"ha-title\">L\u2019adh\u00e9sion finale<br>sur le support<\/div>\r\n      <\/article>\r\n\r\n      <article class=\"ha-item reveal\">\r\n        <div class=\"ha-ico\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2026\/02\/icon-clock.webp\"\r\n               alt=\"Stabilit\u00e9 dans le temps (\u00e9tuve et QUV)\">\r\n        <\/div>\r\n        <div class=\"ha-title\">La stabilit\u00e9 dans le temps<br>(en \u00e9tuve et en \u00ab QUV \u00bb)<\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root = document.getElementById('hexis-analyses');\r\n      if(!root) return;\r\n\r\n      \/\/ R\u00e9v\u00e9lation \u00e0 l'apparition\r\n      const motionOK = !window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      if ('IntersectionObserver' in window && motionOK){\r\n        const io = new IntersectionObserver((entries)=>{\r\n          entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target);} });\r\n        },{threshold:0.15, rootMargin:'0px 0px -8% 0px'});\r\n        root.querySelectorAll('.reveal').forEach(el=>io.observe(el));\r\n      } else {\r\n        root.querySelectorAll('.reveal').forEach(el=>el.classList.add('in'));\r\n      }\r\n\r\n      \/\/ Swap ic\u00f4nes au survol\r\n      root.querySelectorAll('.ha-ico img').forEach(img=>{\r\n        const base = img.getAttribute('data-icon') || img.getAttribute('src');\r\n        const hov  = img.getAttribute('data-icon-hover');\r\n        if(!hov) return;\r\n        img.addEventListener('mouseenter', ()=> img.src = hov);\r\n        img.addEventListener('mouseleave', ()=> img.src = base);\r\n        img.addEventListener('focus', ()=> img.src = hov);\r\n        img.addEventListener('blur',  ()=> img.src = base);\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ======= \/HEXIS \u2014 Bloc Analyses & Contr\u00f4les ======= -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5349a88 e-flex e-con-boxed e-con e-parent\" data-id=\"5349a88\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1106e35 elementor-widget elementor-widget-html\" data-id=\"1106e35\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======= HEXIS \u2014 R\u00e9seau Monde (autonome, full width, sans d\u00e9calage) ======= -->\r\n<section id=\"hexis-network\" style=\"--map-url:url('https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/map-monde-3.webp');\">\r\n  <style>\r\n    \/* Reset WP *\/\r\n    #hexis-network { margin:0!important; padding:0!important; display:block; }\r\n    html, body { overflow-x:hidden; }\r\n\r\n    \/* Theme *\/\r\n    #hexis-network{\r\n      --red:#C90C0F;\r\n      --ink:#0f1115;\r\n      --muted:#e7e7e7;\r\n      --soft:#ffeded;\r\n      --cta:#f6a311;\r\n      --radius:16px;\r\n      --shadow:0 16px 40px rgba(0,0,0,.25);\r\n      --maxw:1280px;\r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;\r\n      color:#fff;\r\n      background:\r\n        linear-gradient(0deg, rgba(0,0,0,.15), rgba(0,0,0,.15)),\r\n        var(--red);\r\n      position:relative;\r\n      isolation:isolate;\r\n      overflow:hidden; \/* important pour les couches fond *\/\r\n    }\r\n\r\n    \/* === Couches fond (plus de ::before\/::after) === *\/\r\n    #hexis-network .bg,\r\n    #hexis-network .veil{\r\n      position:absolute; inset:0; z-index:0; pointer-events:none;\r\n    }\r\n    #hexis-network .bg{\r\n      background-image: var(--map-url);\r\n      background-size: cover;       \/* remplit sans d\u00e9former *\/\r\n      background-position: center;  \/* pas de d\u00e9calage *\/\r\n      opacity:.18;\r\n      mix-blend-mode:screen;\r\n      filter:contrast(1.1) saturate(1.1);\r\n      transform:none;               \/* \u2705 pas de zoom *\/\r\n    }\r\n    #hexis-network .veil{\r\n      \/* l\u00e9ger d\u00e9cor anim\u00e9, cal\u00e9 exactement aux bords *\/\r\n      background:\r\n        radial-gradient(45% 35% at 10% 20%, rgba(255,255,255,.08), transparent 60%),\r\n        radial-gradient(45% 35% at 90% 80%, rgba(0,0,0,.15), transparent 60%);\r\n      animation: floaty 14s ease-in-out infinite alternate;\r\n    }\r\n    @keyframes floaty{ from{transform:translateY(-2%)} to{transform:translateY(2%)} }\r\n\r\n    \/* Layout *\/\r\n    #hexis-network .wrap{\r\n      position:relative; z-index:1;\r\n      max-width:var(--maxw); margin:0 auto;\r\n      padding: clamp(28px,5vw,56px) clamp(16px,4vw,32px);\r\n    }\r\n    #hexis-network .grid{\r\n      display:grid; gap:clamp(20px,4vw,40px);\r\n      grid-template-columns: 1.2fr 0.8fr;\r\n      align-items:start;\r\n    }\r\n    @media (max-width: 980px){ #hexis-network .grid{ grid-template-columns: 1fr; } }\r\n\r\n    \/* Header *\/\r\n    #hexis-network .kicker{\r\n      display:inline-flex; align-items:center; gap:10px;\r\n      padding:6px 12px; border-radius:999px; font-size:.9rem;\r\n      background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2);\r\n      backdrop-filter: blur(4px);\r\n    }\r\n    #hexis-network .kicker i{\r\n      width:8px;height:8px;border-radius:50%;background:#fff; box-shadow:0 0 0 4px rgba(255,255,255,.25);\r\n    }\r\n    #hexis-network h2{\r\n      margin:.35em 0 .2em; line-height:1.04;\r\n      font-weight:900; letter-spacing:-.02em;\r\n      font-size: clamp(1.6rem, 4vw, 2.6rem);\r\n    }\r\n    #hexis-network .lead{\r\n      color:#ffecec; opacity:.95; max-width:60ch; line-height:1.55;\r\n      margin: 8px 0 18px;\r\n    }\r\n\r\n    \/* Chips (filiales) *\/\r\n    #hexis-network .chips{ display:flex; flex-wrap:wrap; gap:12px; margin-top:10px; }\r\n    #hexis-network .chip{\r\n      --padx:14px; --h:42px;\r\n      display:inline-flex; align-items:center; gap:8px;\r\n      height:var(--h); padding:0 var(--padx);\r\n      font-weight:700; letter-spacing:.01em;\r\n      color:#111; background:#fff;\r\n      border:2px solid rgba(0,0,0,.25);\r\n      border-radius:10px;\r\n      box-shadow:0 6px 16px rgba(0,0,0,.22), inset 0 -2px rgba(0,0,0,.15);\r\n      transform:translateZ(0);\r\n      transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;\r\n    }\r\n    #hexis-network .chip:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.28); background:#fff; }\r\n    #hexis-network .chip .dot{\r\n      width:8px;height:8px;border-radius:50%;\r\n      background:#C90C0F; \/* rouge HEXIS *\/\r\n      box-shadow:0 0 0 3px rgba(201,12,15,.25);\r\n    }\r\n\r\n    \/* Panneau droit \u2014 m\u00eame fond flou rouge *\/\r\n    #hexis-network .panel{\r\n      background: rgba(201,12,15,0.28);\r\n      border: 1px solid rgba(255,255,255,0.16);\r\n      border-radius: 18px;\r\n      padding: 24px clamp(16px, 3vw, 28px);\r\n      box-shadow: var(--shadow);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      color:#fff;\r\n      transition: background .3s ease, box-shadow .3s ease;\r\n    }\r\n    #hexis-network .panel:hover{\r\n      background: rgba(201,12,15,0.38);\r\n      box-shadow: 0 18px 48px rgba(0,0,0,0.32);\r\n    }\r\n    #hexis-network h3{\r\n      margin:6px 0 10px; font-size:clamp(1.1rem,2.5vw,1.3rem);\r\n      letter-spacing:.01em; font-weight:900;\r\n    }\r\n    #hexis-network .muted{ color:#fff; opacity:.92; line-height:1.6; }\r\n\r\n    \/* CTA *\/\r\n    #hexis-network .cta{\r\n      display:inline-flex; align-items:center; gap:10px;\r\n      height:52px; padding:0 20px; margin-top:14px;\r\n      background:linear-gradient(135deg, var(--cta), #ffc23a);\r\n      color:#111; text-decoration:none; font-weight:900; letter-spacing:.02em;\r\n      border-radius:12px; border:1px solid rgba(0,0,0,.15);\r\n      box-shadow:0 12px 30px rgba(0,0,0,.25);\r\n      transition: transform .2s ease, box-shadow .2s ease;\r\n    }\r\n    #hexis-network .cta:hover{ transform:translateY(-2px); box-shadow:0 16px 36px rgba(0,0,0,.32); }\r\n    #hexis-network .cta svg{ width:18px;height:18px }\r\n\r\n    \/* Pulse highlight *\/\r\n    @keyframes pulse {\r\n      0%{ box-shadow:0 0 0 0 rgba(45,212,191,.55) }\r\n      70%{ box-shadow:0 0 0 12px rgba(45,212,191,0) }\r\n      100%{ box-shadow:0 0 0 0 rgba(45,212,191,0) }\r\n    }\r\n    .chip.pulse .dot{ animation: pulse 1.4s ease-out 1; }\r\n\r\n    \/* Reveal *\/\r\n    @media (prefers-reduced-motion:no-preference){\r\n      #hexis-network .reveal{ opacity:0; transform:translateY(8px); filter:blur(4px); }\r\n      #hexis-network .reveal.in{ opacity:1; transform:translateY(0); filter:blur(0); transition:all .55s cubic-bezier(.22,1,.36,1); }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Couches fond -->\r\n  <div class=\"bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"veil\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"grid\">\r\n      <!-- Colonne gauche : Titre + filiales -->\r\n      <div>\r\n        <div class=\"kicker\"><i><\/i> Apr\u00e8s la France\u2026 le monde !<\/div>\r\n        <h2>Un r\u00e9seau de filiales et partenaires aux quatre coins du globe<\/h2>\r\n        <p class=\"lead\">\r\n          Gr\u00e2ce \u00e0 la diversification et \u00e0 la valeur ajout\u00e9e de ses films techniques, HEXIS a relev\u00e9 les d\u00e9fis de la mondialisation et exporte aujourd'hui la moiti\u00e9 de sa production dans le monde entier par le biais de ses filiales et de ses distributeurs.\r\n        <\/p>\r\n\r\n        <div id=\"chips\" class=\"chips reveal\" aria-label=\"Liste des filiales\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Colonne droite : Distributeurs + CTA -->\r\n      <aside class=\"panel reveal\">\r\n        <h3>Distributeurs & soci\u00e9t\u00e9s ind\u00e9pendantes franchis\u00e9es<\/h3>\r\n        <p class=\"muted\">\r\n          HEXIS travaille en partenariat avec des soci\u00e9t\u00e9s ind\u00e9pendantes franchis\u00e9es : au <b>Moyen-Orient - HEXIS ME<\/b> et au <b>Royaume-Uni - HEXIS UK<\/b>. Il y a \u00e9galement plus de 60 distributeurs qui irriguent 85 autres pays \u00e0 travers le monde. Entrez en contact avec l\u2019\u00e9quipe la plus proche de chez vous.\r\n        <\/p>\r\n        <a class=\"cta\" href=\"https:\/\/www.hexis-graphics.com\/fr\/distribution\/\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14M13 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          NOTRE R\u00c9SEAU HEXIS\r\n        <\/a>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const container = document.getElementById('chips');\r\n\r\n      const SUBSIDIARIES = [\r\n        \"Danemark\", \"Pays-Bas\", \"Allemagne\",\r\n        \"Espagne\", \"Italie\", \"Su\u00e8de\",\r\n        \"FWI\", \"Suisse\", \"La R\u00e9union\",\r\n        \"Australie\", \"\u00c9tats-Unis\"\r\n      ];\r\n\r\n      function renderChips(list){\r\n        container.innerHTML = '';\r\n        list.forEach(name=>{\r\n          const chip = document.createElement('span');\r\n          chip.className = 'chip';\r\n          chip.innerHTML = `<span class=\"dot\" aria-hidden=\"true\"><\/span><span class=\"label\">${name}<\/span>`;\r\n          container.appendChild(chip);\r\n        });\r\n      }\r\n      renderChips(SUBSIDIARIES);\r\n\r\n      \/\/ Reveal on view\r\n      const motionOK = !window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      if ('IntersectionObserver' in window && motionOK){\r\n        const io = new IntersectionObserver((entries)=>{\r\n          entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target);} });\r\n        }, { threshold:.15, rootMargin:'0px 0px -8% 0px' });\r\n        document.querySelectorAll('#hexis-network .reveal').forEach(el=>io.observe(el));\r\n      } else {\r\n        document.querySelectorAll('#hexis-network .reveal').forEach(el=>el.classList.add('in'));\r\n      }\r\n\r\n      \/\/ Pulse al\u00e9atoire\r\n      function pulseRandom(){\r\n        const chips = container.querySelectorAll('.chip');\r\n        if(!chips.length) return;\r\n        chips.forEach(c=>c.classList.remove('pulse'));\r\n        chips[Math.floor(Math.random()*chips.length)].classList.add('pulse');\r\n      }\r\n      setInterval(pulseRandom, 2400);\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ======= \/HEXIS \u2014 R\u00e9seau Monde ======= -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26be8f4 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"26be8f4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0473f29 elementor-widget elementor-widget-html\" data-id=\"0473f29\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======= HEXIS \u2014 Qualit\u00e9 & D\u00e9veloppement durable (4 cartes cliquables, textes centr\u00e9s verticalement) ======= -->\r\n<section id=\"hexis-sustainability\">\r\n  <style>\r\n    \/* Reset *\/\r\n    #hexis-sustainability{margin:0!important;padding:0!important;display:block}\r\n    #hexis-sustainability, #hexis-sustainability *{box-sizing:border-box}\r\n\r\n    \/* Theme *\/\r\n    #hexis-sustainability{\r\n      --red:#C90C0F;\r\n      --gray:#707070;\r\n      --light:#f8f8f8;\r\n      --radius:16px;\r\n      --shadow:0 10px 25px rgba(0,0,0,.08);\r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;\r\n      color:var(--gray);\r\n      background:linear-gradient(0deg,#ffffff 0%, #fafafa 100%);\r\n      position:relative; isolation:isolate;\r\n    }\r\n\r\n    \/* Layout *\/\r\n    #hexis-sustainability .wrap{\r\n      position:relative; z-index:1;\r\n      max-width:1100px; margin:0 auto;\r\n      padding: clamp(28px,5vw,56px) clamp(16px,4vw,32px);\r\n    }\r\n\r\n    \/* Header *\/\r\n    #hexis-sustainability .kicker{\r\n      display:inline-flex;align-items:center;gap:10px;\r\n      padding:6px 12px;border-radius:999px;\r\n      background:rgba(201,12,15,.06);\r\n      border:1px solid rgba(201,12,15,.15);\r\n      color:var(--red);font-size:.9rem;font-weight:600;\r\n    }\r\n    #hexis-sustainability .kicker i{\r\n      width:8px;height:8px;border-radius:50%;background:var(--red);\r\n      box-shadow:0 0 0 4px rgba(201,12,15,.25)\r\n    }\r\n\r\n    #hexis-sustainability h2{\r\n      margin:.45em 0 .25em; line-height:1.1;\r\n      letter-spacing:-.02em; font-size:clamp(1.6rem,4vw,2.3rem);\r\n      font-weight:900; color:#222;\r\n    }\r\n    #hexis-sustainability .lead{\r\n      margin:0 0 18px; color:#444; line-height:1.65;\r\n      max-width:70ch;\r\n    }\r\n\r\n    \/* Text panel *\/\r\n    #hexis-sustainability .textpanel{\r\n      background:var(--light);\r\n      border:1px solid rgba(0,0,0,.05);\r\n      border-radius:var(--radius);\r\n      padding:clamp(16px,2.6vw,24px);\r\n      box-shadow:var(--shadow);\r\n      color:#555;\r\n    }\r\n\r\n    \/* Grid *\/\r\n    #hexis-sustainability .badges{\r\n      display:grid; grid-template-columns:repeat(4,1fr);\r\n      gap:clamp(14px,3vw,24px); margin-top:clamp(18px,3.6vw,28px);\r\n    }\r\n    @media (max-width:900px){ #hexis-sustainability .badges{ grid-template-columns:1fr 1fr; } }\r\n    @media (max-width:460px){ #hexis-sustainability .badges{ grid-template-columns:1fr; } }\r\n\r\n    \/* Clickable card button *\/\r\n    #hexis-sustainability .badge{\r\n      display:flex;\r\n      flex-direction:column;\r\n      justify-content:center;        \/* centrage vertical *\/\r\n      align-items:center;             \/* centrage horizontal *\/\r\n      text-align:center;              \/* centrage texte *\/\r\n      gap:8px;\r\n      padding:18px;border-radius:14px;\r\n      background:#fff;border:1px solid rgba(0,0,0,.08);\r\n      box-shadow:0 6px 16px rgba(0,0,0,.06);\r\n      transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;\r\n    }\r\n    #hexis-sustainability .badge:hover{\r\n      transform:translateY(-2px);\r\n      box-shadow:0 10px 22px rgba(0,0,0,.12);\r\n      border-color:rgba(0,0,0,.12);\r\n    }\r\n    #hexis-sustainability .badge:focus-visible{\r\n      outline:0; box-shadow:0 0 0 3px rgba(201,12,15,.18), 0 10px 22px rgba(0,0,0,.12);\r\n    }\r\n    #hexis-sustainability .badge .caption{\r\n      color:#222;font-weight:800;letter-spacing:.01em;\r\n      font-size:1rem;\r\n    }\r\n    #hexis-sustainability .badge .sub{\r\n      color:#555;opacity:.9;font-size:.88rem;line-height:1.35;\r\n    }\r\n\r\n    \/* Full-click area *\/\r\n    #hexis-sustainability .badge{ text-decoration:none; color:inherit; }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"kicker\"><i><\/i> Qualit\u00e9 & D\u00e9veloppement durable<\/div>\r\n    <h2>Notre engagement qualit\u00e9 et responsabilit\u00e9<\/h2>\r\n    <p class=\"lead\">\r\n      Sous l\u2019impulsion de son fondateur, Michel MATEU, HEXIS a int\u00e9gr\u00e9 les valeurs du d\u00e9veloppement durable dans le fonctionnement de l\u2019entreprise et a mis en place des actions concr\u00e8tes pour limiter l\u2019impact de ses activit\u00e9s sur l\u2019environnement.\r\n    <\/p>\r\n    <div class=\"badges\" id=\"sust-badges\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      \/* Cartes cliquables (sans images) *\/\r\n      const LOGOS = [\r\n        {\r\n          href: \"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/16064282-HEXIS-ISO9001.pdf\",\r\n          label: \"ISO 9001\",\r\n          sub: \"Management de la qualit\u00e9\"\r\n        },\r\n        {\r\n          href: \"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/16064282-HEXIS-ISO14001-2.pdf\",\r\n          label: \"ISO 14001\",\r\n          sub: \"Management environnemental\"\r\n        },\r\n        {\r\n          href: \"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/16064282-HEXIS-ISO45001-1.pdf\",\r\n          label: \"ISO 45001\",\r\n          sub: \"Management de la sant\u00e9 et de la s\u00e9curit\u00e9 au travail\"\r\n        },\r\n        {\r\n          href: \"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/Certificat-IATF-HEXIS-FRNTIGNAN-1.pdf\",\r\n          label: \"IATF 16949<br>Site de Frontignan<\/br>\",\r\n          sub: \"Management de la qualit\u00e9 dans l'industrie automobile\"\r\n        }\r\n      ];\r\n\r\n      const mount = document.getElementById('sust-badges');\r\n      LOGOS.forEach(item=>{\r\n        const a = document.createElement('a');\r\n        a.className = \"badge\";\r\n        a.href = item.href || \"#\";\r\n        a.target = \"_blank\";\r\n        a.rel = \"noopener\";\r\n        a.innerHTML = `\r\n          <div class=\"caption\">${item.label}<\/div>\r\n          <div class=\"sub\">${item.sub||\"\"}<\/div>\r\n        `;\r\n        mount.appendChild(a);\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ======= \/HEXIS \u2014 Qualit\u00e9 & D\u00e9veloppement durable (cartes cliquables centr\u00e9es) ======= -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-716ea86 elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"716ea86\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdf2328 elementor-widget elementor-widget-html\" data-id=\"bdf2328\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======= HEXIS \u2014 Qualit\u00e9 & D\u00e9veloppement durable (MOBILE slider complet, cartes visibles et centr\u00e9es) ======= -->\r\n<section id=\"hexis-sustainability-mobile\">\r\n  <style>\r\n    #hexis-sustainability-mobile{margin:0!important;padding:0!important;display:block}\r\n    #hexis-sustainability-mobile, #hexis-sustainability-mobile *{box-sizing:border-box}\r\n\r\n    #hexis-sustainability-mobile{\r\n      --red:#C90C0F;\r\n      --ink:#222;\r\n      --gray:#707070;\r\n      --radius:14px;\r\n      --shadow:0 8px 18px rgba(0,0,0,.08);\r\n      --gap:12px;\r\n      --card-w:min(280px,80vw);  \/* plus petit pour que la carte enti\u00e8re soit visible *\/\r\n      --card-h:68px;\r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;\r\n      color:var(--gray);\r\n      background:linear-gradient(0deg,#ffffff 0%, #fafafa 100%);\r\n      position:relative; isolation:isolate;\r\n    }\r\n\r\n    #hexis-sustainability-mobile .wrap{\r\n      max-width:780px; margin:0 auto;\r\n      padding: clamp(20px,6vw,28px) clamp(14px,6vw,20px);\r\n    }\r\n\r\n    \/* En-t\u00eate *\/\r\n    #hexis-sustainability-mobile .kicker{\r\n      display:inline-flex;align-items:center;gap:8px;\r\n      padding:6px 10px;border-radius:999px;\r\n      background:rgba(201,12,15,.06);\r\n      border:1px solid rgba(201,12,15,.15);\r\n      color:var(--red);font-size:.9rem;font-weight:600;\r\n    }\r\n    #hexis-sustainability-mobile .kicker i{\r\n      width:8px;height:8px;border-radius:50%;background:var(--red);\r\n      box-shadow:0 0 0 4px rgba(201,12,15,.25)\r\n    }\r\n    #hexis-sustainability-mobile h2{\r\n      margin:.55em 0 .2em; line-height:1.15;\r\n      letter-spacing:-.01em; font-size:clamp(1.25rem,5.4vw,1.55rem);\r\n      font-weight:900; color:var(--ink);\r\n    }\r\n    #hexis-sustainability-mobile .lead{\r\n      margin:0 0 8px; color:#444; line-height:1.55;\r\n      font-size:clamp(.95rem,3.6vw,1.02rem);\r\n    }\r\n\r\n    \/* Carousel centr\u00e9 *\/\r\n    #hexis-sustainability-mobile .carousel{ margin-top:14px; position:relative; }\r\n    #hexis-sustainability-mobile .viewport{\r\n      overflow:hidden; width:100%;\r\n      padding:0 calc((100% - var(--card-w))\/2); \/* centrage parfait *\/\r\n    }\r\n    #hexis-sustainability-mobile .track{\r\n      display:flex; align-items:center; gap:var(--gap);\r\n      will-change:transform; transition:transform .45s cubic-bezier(.22,1,.36,1);\r\n    }\r\n\r\n    \/* Carte *\/\r\n    #hexis-sustainability-mobile .badge{\r\n      flex:0 0 var(--card-w);\r\n      max-width:var(--card-w);\r\n      height:var(--card-h);\r\n      display:flex;flex-direction:column;justify-content:center;align-items:center;\r\n      text-align:center;\r\n      padding:12px;\r\n      border-radius:var(--radius);\r\n      background:#fff;\r\n      border:1px solid rgba(0,0,0,.08);\r\n      box-shadow:var(--shadow);\r\n      text-decoration:none; color:inherit;\r\n      transition:transform .12s ease, box-shadow .12s ease;\r\n    }\r\n    #hexis-sustainability-mobile .badge:active{ transform:scale(.985); }\r\n    #hexis-sustainability-mobile .caption{\r\n      color:#222;font-weight:800;letter-spacing:.01em;\r\n      font-size:clamp(.95rem,3.8vw,1.05rem); line-height:1.1;\r\n    }\r\n    #hexis-sustainability-mobile .sub{\r\n      color:#555;opacity:.9;font-size:clamp(.8rem,3.2vw,.9rem);line-height:1.2;\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"kicker\"><i><\/i> Qualit\u00e9 & D\u00e9veloppement durable<\/div>\r\n    <h2>Nos certifications<\/h2>\r\n    <p class=\"lead\">\r\n      Sous l\u2019impulsion de son fondateur, Michel MATEU, HEXIS a int\u00e9gr\u00e9 les valeurs du d\u00e9veloppement durable\r\n      et a mis en place des actions concr\u00e8tes pour limiter l\u2019impact de ses activit\u00e9s sur l\u2019environnement.\r\n    <\/p>\r\n\r\n    <div class=\"carousel\" id=\"sust-carousel-mobile\" data-interval=\"3000\">\r\n      <div class=\"viewport\">\r\n        <div class=\"track\" id=\"sust-track-mobile\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const track = document.getElementById('sust-track-mobile');\r\n      const carousel = document.getElementById('sust-carousel-mobile');\r\n      if(!track || !carousel) return;\r\n\r\n      const DATA = [\r\n        { href:\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/16064282-HEXIS-ISO14001-2.pdf\", label:\"ISO 14001\",  sub:\"Management environnemental\" },\r\n        { href:\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/Certificat-IATF-HEXIS-FRNTIGNAN-1.pdf\", label:\"IATF 16949 <br> Site de Frontignan<\/br>\", sub:\"Management de la qualit\u00e9 dans l'industrie automobile\" },\r\n        { href:\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/16064282-HEXIS-ISO45001-1.pdf\", label:\"ISO 45001\",  sub:\"Management de la sant\u00e9 et de la s\u00e9curit\u00e9 au travail\" },\r\n        { href:\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2025\/11\/16064282-HEXIS-ISO9001.pdf\", label:\"ISO 9001\",  sub:\"Management de la qualit\u00e9\" }\r\n      ];\r\n\r\n      DATA.forEach(item=>{\r\n        const a=document.createElement('a');\r\n        a.className='badge';\r\n        a.href=item.href||'#'; a.target='_blank'; a.rel='noopener';\r\n        a.innerHTML=`<div class=\"caption\">${item.label}<\/div><div class=\"sub\">${item.sub||\"\"}<\/div>`;\r\n        track.appendChild(a);\r\n      });\r\n\r\n      const interval = Number(carousel.dataset.interval||3000);\r\n      let i=0, timer=null, inView=true;\r\n      let cardW=0, gap=0;\r\n\r\n      function measure(){\r\n        const first = track.querySelector('.badge');\r\n        if(!first) return;\r\n        const style = getComputedStyle(track);\r\n        gap = parseFloat(style.gap||'0')||0;\r\n        cardW = first.getBoundingClientRect().width;\r\n      }\r\n\r\n      function render(){\r\n        const x = -(i * (cardW + gap));\r\n        track.style.transform = `translateX(${x}px)`;\r\n      }\r\n\r\n      function next(){ i=(i+1)%DATA.length; render(); restart(); }\r\n      function prev(){ i=(i-1+DATA.length)%DATA.length; render(); restart(); }\r\n\r\n      function restart(){\r\n        clearTimeout(timer);\r\n        if(inView) timer=setTimeout(next, interval);\r\n      }\r\n\r\n      \/\/ Swipe\r\n      let sx=0, dx=0, lock=false;\r\n      track.addEventListener('touchstart',e=>{ sx=e.touches[0].clientX; lock=true; clearTimeout(timer); },{passive:true});\r\n      track.addEventListener('touchmove',e=>{ if(!lock) return; dx=e.touches[0].clientX-sx; },{passive:true});\r\n      track.addEventListener('touchend',()=>{\r\n        if(!lock) return;\r\n        if(dx<-40) next(); else if(dx>40) prev();\r\n        lock=false; dx=0; restart();\r\n      });\r\n\r\n      \/\/ Pause hors \u00e9cran\r\n      if('IntersectionObserver' in window){\r\n        const io=new IntersectionObserver(([entry])=>{\r\n          inView=entry.isIntersecting;\r\n          if(inView){ restart(); } else { clearTimeout(timer); }\r\n        },{threshold:.25});\r\n        io.observe(carousel);\r\n      }\r\n\r\n      \/\/ Init + resize\r\n      measure(); render(); restart();\r\n      let rid=null;\r\n      window.addEventListener('resize',()=>{ clearTimeout(rid); rid=setTimeout(()=>{ measure(); render(); },150); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ======= \/HEXIS \u2014 Qualit\u00e9 & D\u00e9veloppement durable (MOBILE slider visible et centr\u00e9) ======= -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f68cfb e-flex e-con-boxed e-con e-parent\" data-id=\"3f68cfb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-272c017 elementor-widget elementor-widget-html\" data-id=\"272c017\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ======= HEXIS \u2014 Boutons CTA altern\u00e9s (version adoucie) ======= -->\r\n<section id=\"hexis-cta-buttons\">\r\n  <style>\r\n    #hexis-cta-buttons{margin:0!important;padding:0!important;display:block}\r\n    #hexis-cta-buttons, #hexis-cta-buttons *{box-sizing:border-box}\r\n\r\n    #hexis-cta-buttons{\r\n      --red:#C90C0F;\r\n      --red2:#E63B33;          \/* rouge un peu plus doux que #ff3b30 *\/\r\n      --ink:#0F1115;\r\n      --muted:#7a7f87;\r\n      --radius:20px;\r\n      --shadow:0 8px 18px rgba(0,0,0,.10);\r\n      --shadow-hover:0 10px 22px rgba(0,0,0,.14);\r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;\r\n      background:linear-gradient(0deg,#fff 0%, #fafafa 100%);\r\n      color:var(--ink);\r\n    }\r\n\r\n    #hexis-cta-buttons .wrap{\r\n      max-width:1100px;margin:0 auto;\r\n      padding: clamp(20px,4vw,40px) clamp(16px,4vw,28px);\r\n    }\r\n\r\n    \/* Grid responsive *\/\r\n    #hexis-cta-buttons .grid{\r\n      display:grid; gap:14px;\r\n      grid-template-columns:1fr;\r\n    }\r\n    @media (min-width:600px){\r\n      #hexis-cta-buttons .grid{ grid-template-columns:1fr 1fr; }\r\n    }\r\n    @media (min-width:1000px){\r\n      #hexis-cta-buttons .grid{ grid-template-columns:repeat(4,1fr); }\r\n    }\r\n\r\n    \/* Button base *\/\r\n    #hexis-cta-buttons .btn{\r\n      display:flex; align-items:center; justify-content:center;\r\n      text-align:center; text-decoration:none;\r\n      height:64px; padding:0 18px; border-radius:var(--radius);\r\n      border:1px solid rgba(0,0,0,.08);\r\n      font-weight:800; letter-spacing:.01em;\r\n      box-shadow:var(--shadow);\r\n      transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;\r\n      outline:0;\r\n      line-height:1;\r\n      user-select:none;\r\n    }\r\n    \/* Hover adouci *\/\r\n    #hexis-cta-buttons .btn:hover{ transform:translateY(-1px); box-shadow:var(--shadow-hover); }\r\n    #hexis-cta-buttons .btn:active{ transform:translateY(0); }\r\n    \/* Focus discret mais visible *\/\r\n    #hexis-cta-buttons .btn:focus-visible{ box-shadow:0 0 0 3px rgba(201,12,15,.18), var(--shadow); }\r\n\r\n    \/* Rouge *\/\r\n    #hexis-cta-buttons .btn.primary{\r\n      background:linear-gradient(135deg,var(--red),var(--red2));\r\n      color:#fff !important;\r\n      border-color:transparent;\r\n      text-shadow:0 1px 0 rgba(0,0,0,.15);\r\n    }\r\n    \/* Hover rouge l\u00e9ger (plus de halo rouge fort) *\/\r\n    #hexis-cta-buttons .btn.primary:hover{\r\n      box-shadow:0 12px 26px rgba(0,0,0,.20);\r\n    }\r\n\r\n    \/* Blanc *\/\r\n    #hexis-cta-buttons .btn.white{\r\n      background:#fff;\r\n      color:var(--ink) !important;        \/* \u2705 force la lisibilit\u00e9 *\/\r\n      border:1px solid rgba(0,0,0,.10);\r\n      text-shadow:none;\r\n    }\r\n    #hexis-cta-buttons .btn.white:hover{\r\n      background:#fff;\r\n      color:var(--ink) !important;\r\n      box-shadow:var(--shadow-hover);\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"grid\" id=\"hexis-cta-grid\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      \/* Les boutons alternent automatiquement : rouge \/ blanc \/ rouge \/ blanc *\/\r\n      const BUTTONS = [\r\n        { label:\"Kit presse\",                href:\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2024\/09\/PressKit_2024_FR.zip\", target:\"_blank\" },\r\n        { label:\"Espace recrutement\",        href:\"https:\/\/career.hexisgroup.com\/\", target:\"\" },\r\n        { label:\"Formez-vous \u00e0 la pose\", href:\"https:\/\/fr.hexis-training.com\/\", target:\"\" },\r\n        { label:\"R\u00e9seau HEXIS\",              href:\"https:\/\/www.hexis-graphics.com\/fr\/distribution\/\", target:\"_blank\" }\r\n      ];\r\n\r\n      const grid = document.getElementById('hexis-cta-grid');\r\n      grid.innerHTML = \"\";\r\n\r\n      BUTTONS.forEach((btn, i)=>{\r\n        const a = document.createElement('a');\r\n        a.className = 'btn ' + (i % 2 === 0 ? 'primary' : 'white');\r\n        a.href = btn.href || '#';\r\n        if(btn.target){ a.target = btn.target; a.rel = 'noopener'; }\r\n        a.textContent = btn.label;\r\n        grid.appendChild(a);\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ======= \/HEXIS \u2014 Boutons CTA altern\u00e9s (adoucis) ======= -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00c0 propos d&rsquo;HEXIS &#8230; HEXIS SAS est un acteur majeur du march\u00e9 de la production et de l\u2019adh\u00e9sivage de films destin\u00e9s \u00e0 la communication visuelle, \u00e0 la customisation et \u00e0 la protection de surfaces. KIT DE PRESSE ESPACE RECRUTEMENT Depuis sa cr\u00e9ation en 1989, HEXIS d\u00e9fend avec succ\u00e8s sa position de leader fran\u00e7ais de supports [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"page-hexis.php","meta":{"footnotes":""},"class_list":["post-4943","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HEXIS - HEXIS Graphics<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hexis-graphics.com\/fr\/societe\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HEXIS - HEXIS Graphics\" \/>\n<meta property=\"og:description\" content=\"\u00c0 propos d&rsquo;HEXIS &#8230; HEXIS SAS est un acteur majeur du march\u00e9 de la production et de l\u2019adh\u00e9sivage de films destin\u00e9s \u00e0 la communication visuelle, \u00e0 la customisation et \u00e0 la protection de surfaces. KIT DE PRESSE ESPACE RECRUTEMENT Depuis sa cr\u00e9ation en 1989, HEXIS d\u00e9fend avec succ\u00e8s sa position de leader fran\u00e7ais de supports [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hexis-graphics.com\/fr\/societe\/\" \/>\n<meta property=\"og:site_name\" content=\"HEXIS Graphics\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hexisgraphics\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-09T15:31:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2022\/09\/Certifications-ISO-HEXIS.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@hexisgraphics\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hexis-graphics.com\/fr\/societe\/\",\"url\":\"https:\/\/www.hexis-graphics.com\/fr\/societe\/\",\"name\":\"HEXIS - HEXIS Graphics\",\"isPartOf\":{\"@id\":\"https:\/\/www.hexis-graphics.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hexis-graphics.com\/fr\/societe\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hexis-graphics.com\/fr\/societe\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2022\/09\/Certifications-ISO-HEXIS.png\",\"datePublished\":\"2015-09-25T17:39:42+00:00\",\"dateModified\":\"2026-02-09T15:31:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hexis-graphics.com\/fr\/societe\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hexis-graphics.com\/fr\/societe\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.hexis-graphics.com\/fr\/societe\/#primaryimage\",\"url\":\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2022\/09\/Certifications-ISO-HEXIS.png\",\"contentUrl\":\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2022\/09\/Certifications-ISO-HEXIS.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hexis-graphics.com\/fr\/societe\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.hexis-graphics.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HEXIS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hexis-graphics.com\/fr\/#website\",\"url\":\"https:\/\/www.hexis-graphics.com\/fr\/\",\"name\":\"HEXIS Graphics\",\"description\":\"Manufacturer of self-adhesive films\",\"publisher\":{\"@id\":\"https:\/\/www.hexis-graphics.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hexis-graphics.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hexis-graphics.com\/fr\/#organization\",\"name\":\"HEXIS Graphics\",\"url\":\"https:\/\/www.hexis-graphics.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.hexis-graphics.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2016\/05\/logo_HEXIS.jpg\",\"contentUrl\":\"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2016\/05\/logo_HEXIS.jpg\",\"width\":250,\"height\":107,\"caption\":\"HEXIS Graphics\"},\"image\":{\"@id\":\"https:\/\/www.hexis-graphics.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/hexisgraphics\",\"https:\/\/x.com\/hexisgraphics\",\"https:\/\/www.instagram.com\/hexisgraphics\/\",\"https:\/\/fr.linkedin.com\/company\/hexis-s-a-\",\"https:\/\/www.youtube.com\/user\/HEXISSA\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HEXIS - HEXIS Graphics","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hexis-graphics.com\/fr\/societe\/","og_locale":"fr_FR","og_type":"article","og_title":"HEXIS - HEXIS Graphics","og_description":"\u00c0 propos d&rsquo;HEXIS &#8230; HEXIS SAS est un acteur majeur du march\u00e9 de la production et de l\u2019adh\u00e9sivage de films destin\u00e9s \u00e0 la communication visuelle, \u00e0 la customisation et \u00e0 la protection de surfaces. KIT DE PRESSE ESPACE RECRUTEMENT Depuis sa cr\u00e9ation en 1989, HEXIS d\u00e9fend avec succ\u00e8s sa position de leader fran\u00e7ais de supports [&hellip;]","og_url":"https:\/\/www.hexis-graphics.com\/fr\/societe\/","og_site_name":"HEXIS Graphics","article_publisher":"https:\/\/www.facebook.com\/hexisgraphics","article_modified_time":"2026-02-09T15:31:53+00:00","og_image":[{"url":"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2022\/09\/Certifications-ISO-HEXIS.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@hexisgraphics","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hexis-graphics.com\/fr\/societe\/","url":"https:\/\/www.hexis-graphics.com\/fr\/societe\/","name":"HEXIS - HEXIS Graphics","isPartOf":{"@id":"https:\/\/www.hexis-graphics.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hexis-graphics.com\/fr\/societe\/#primaryimage"},"image":{"@id":"https:\/\/www.hexis-graphics.com\/fr\/societe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2022\/09\/Certifications-ISO-HEXIS.png","datePublished":"2015-09-25T17:39:42+00:00","dateModified":"2026-02-09T15:31:53+00:00","breadcrumb":{"@id":"https:\/\/www.hexis-graphics.com\/fr\/societe\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hexis-graphics.com\/fr\/societe\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.hexis-graphics.com\/fr\/societe\/#primaryimage","url":"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2022\/09\/Certifications-ISO-HEXIS.png","contentUrl":"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2022\/09\/Certifications-ISO-HEXIS.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hexis-graphics.com\/fr\/societe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.hexis-graphics.com\/fr\/"},{"@type":"ListItem","position":2,"name":"HEXIS"}]},{"@type":"WebSite","@id":"https:\/\/www.hexis-graphics.com\/fr\/#website","url":"https:\/\/www.hexis-graphics.com\/fr\/","name":"HEXIS Graphics","description":"Manufacturer of self-adhesive films","publisher":{"@id":"https:\/\/www.hexis-graphics.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hexis-graphics.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.hexis-graphics.com\/fr\/#organization","name":"HEXIS Graphics","url":"https:\/\/www.hexis-graphics.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.hexis-graphics.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2016\/05\/logo_HEXIS.jpg","contentUrl":"https:\/\/www.hexis-graphics.com\/hexisgraphics\/2016\/05\/logo_HEXIS.jpg","width":250,"height":107,"caption":"HEXIS Graphics"},"image":{"@id":"https:\/\/www.hexis-graphics.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hexisgraphics","https:\/\/x.com\/hexisgraphics","https:\/\/www.instagram.com\/hexisgraphics\/","https:\/\/fr.linkedin.com\/company\/hexis-s-a-","https:\/\/www.youtube.com\/user\/HEXISSA"]}]}},"_links":{"self":[{"href":"https:\/\/www.hexis-graphics.com\/fr\/wp-json\/wp\/v2\/pages\/4943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hexis-graphics.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hexis-graphics.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hexis-graphics.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hexis-graphics.com\/fr\/wp-json\/wp\/v2\/comments?post=4943"}],"version-history":[{"count":3,"href":"https:\/\/www.hexis-graphics.com\/fr\/wp-json\/wp\/v2\/pages\/4943\/revisions"}],"predecessor-version":[{"id":57875,"href":"https:\/\/www.hexis-graphics.com\/fr\/wp-json\/wp\/v2\/pages\/4943\/revisions\/57875"}],"wp:attachment":[{"href":"https:\/\/www.hexis-graphics.com\/fr\/wp-json\/wp\/v2\/media?parent=4943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}