<!doctype html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<!-- This site is optimized with the Yoast SEO plugin v27.0 - https://yoast.com/product/yoast-seo-wordpress/ -->
<title>Uteek – Agence Digitale Web, Mobile, UX/UI & IA</title>
<meta name="description" content="Depuis plus de 10 ans, Uteek accompagne entreprises et startups à travers 4 continents en développement web, applications mobiles, UX/UI design et solutions IA avec une équipe de plus de 20 experts." />
<link rel="canonical" href="https://uteek.net/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Uteek – Agence Digitale Web, Mobile, UX/UI & IA" />
<meta property="og:description" content="Depuis plus de 10 ans, Uteek accompagne entreprises et startups à travers 4 continents en développement web, applications mobiles, UX/UI design et solutions IA avec une équipe de plus de 20 experts." />
<meta property="og:url" content="https://uteek.net/" />
<meta property="og:site_name" content="Uteek" />
<meta property="article:publisher" content="https://www.facebook.com/UteekDigital/" />
<meta property="article:modified_time" content="2026-05-26T12:09:12+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://uteek.net/","url":"https://uteek.net/","name":"Uteek – Agence Digitale Web, Mobile, UX/UI & IA","isPartOf":{"@id":"https://uteek.net/#website"},"about":{"@id":"https://uteek.net/#organization"},"datePublished":"2026-01-05T15:05:20+00:00","dateModified":"2026-05-26T12:09:12+00:00","description":"Depuis plus de 10 ans, Uteek accompagne entreprises et startups à travers 4 continents en développement web, applications mobiles, UX/UI design et solutions IA avec une équipe de plus de 20 experts.","breadcrumb":{"@id":"https://uteek.net/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://uteek.net/"]}]},{"@type":"BreadcrumbList","@id":"https://uteek.net/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://uteek.net/#website","url":"https://uteek.net/","name":"Uteek","description":"Où le design rencontre le code","publisher":{"@id":"https://uteek.net/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://uteek.net/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https://uteek.net/#organization","name":"Uteek","url":"https://uteek.net/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://uteek.net/#/schema/logo/image/","url":"https://uteek.net/wp-content/uploads/2026/01/logo.svg","contentUrl":"https://uteek.net/wp-content/uploads/2026/01/logo.svg","width":84,"height":64,"caption":"Uteek"},"image":{"@id":"https://uteek.net/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/UteekDigital/","https://www.instagram.com/uteekdigital/","https://www.linkedin.com/company/uteek/"]}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel="alternate" type="application/rss+xml" title="Uteek » Flux" href="https://uteek.net/feed/" />
<link rel="alternate" type="application/rss+xml" title="Uteek » Flux des commentaires" href="https://uteek.net/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://uteek.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Futeek.net%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://uteek.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Futeek.net%2F&format=xml" />
<style>
.lazyload,
.lazyloading {
max-width: 100%;
}
</style>
<style id='wp-img-auto-sizes-contain-inline-css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='wp-emoji-styles-inline-css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id='safe-svg-svg-icon-style-inline-css'>
.safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{fill:currentColor;height:100%;max-height:100%;max-width:100%;width:100%}
/*# sourceURL=https://uteek.net/wp-content/plugins/safe-svg/dist/safe-svg-block-frontend.css */
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='nocturne-styles-css' href='https://uteek.net/wp-content/plugins/nocturne-dark-mode/build/index.css?ver=1.2.7' media='all' />
<link rel='stylesheet' id='hello-elementor-css' href='https://uteek.net/wp-content/themes/hello-elementor/assets/css/reset.css?ver=3.4.5' media='all' />
<link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://uteek.net/wp-content/themes/hello-elementor/assets/css/theme.css?ver=3.4.5' media='all' />
<link rel='stylesheet' id='hello-elementor-header-footer-css' href='https://uteek.net/wp-content/themes/hello-elementor/assets/css/header-footer.css?ver=3.4.5' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://uteek.net/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.35.5' media='all' />
<link rel='stylesheet' id='elementor-post-7-css' href='https://uteek.net/wp-content/uploads/elementor/css/post-7.css?ver=1774535682' media='all' />
<link rel='stylesheet' id='widget-image-css' href='https://uteek.net/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.35.5' media='all' />
<link rel='stylesheet' id='e-sticky-css' href='https://uteek.net/wp-content/plugins/elementor-pro/assets/css/modules/sticky.min.css?ver=3.34.0' media='all' />
<link rel='stylesheet' id='e-animation-fadeInLeft-css' href='https://uteek.net/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInLeft.min.css?ver=3.35.5' media='all' />
<link rel='stylesheet' id='e-animation-fadeInRight-css' href='https://uteek.net/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInRight.min.css?ver=3.35.5' media='all' />
<link rel='stylesheet' id='widget-heading-css' href='https://uteek.net/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.35.5' media='all' />
<link rel='stylesheet' id='widget-icon-list-css' href='https://uteek.net/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.35.5' media='all' />
<link rel='stylesheet' id='e-animation-grow-css' href='https://uteek.net/wp-content/plugins/elementor/assets/lib/animations/styles/e-animation-grow.min.css?ver=3.35.5' media='all' />
<link rel='stylesheet' id='elementor-icons-css' href='https://uteek.net/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.47.0' media='all' />
<link rel='stylesheet' id='widget-contact-buttons-base-css' href='https://uteek.net/wp-content/plugins/elementor/assets/css/widget-contact-buttons-base.min.css?ver=3.35.5' media='all' />
<link rel='stylesheet' id='e-animation-fadeIn-css' href='https://uteek.net/wp-content/plugins/elementor/assets/lib/animations/styles/fadeIn.min.css?ver=3.35.5' media='all' />
<link rel='stylesheet' id='widget-loop-common-css' href='https://uteek.net/wp-content/plugins/elementor-pro/assets/css/widget-loop-common.min.css?ver=3.34.0' media='all' />
<link rel='stylesheet' id='widget-loop-grid-css' href='https://uteek.net/wp-content/plugins/elementor-pro/assets/css/widget-loop-grid.min.css?ver=3.34.0' media='all' />
<link rel='stylesheet' id='swiper-css' href='https://uteek.net/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5' media='all' />
<link rel='stylesheet' id='e-swiper-css' href='https://uteek.net/wp-content/plugins/elementor/assets/css/conditionals/e-swiper.min.css?ver=3.35.5' media='all' />
<link rel='stylesheet' id='widget-loop-carousel-css' href='https://uteek.net/wp-content/plugins/elementor-pro/assets/css/widget-loop-carousel.min.css?ver=3.34.0' media='all' />
<link rel='stylesheet' id='e-animation-fadeInUp-css' href='https://uteek.net/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInUp.min.css?ver=3.35.5' media='all' />
<link rel='stylesheet' id='e-animation-fadeInDown-css' href='https://uteek.net/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInDown.min.css?ver=3.35.5' media='all' />
<link rel='stylesheet' id='elementor-post-16-css' href='https://uteek.net/wp-content/uploads/elementor/css/post-16.css?ver=1779797354' media='all' />
<link rel='stylesheet' id='elementor-post-36-css' href='https://uteek.net/wp-content/uploads/elementor/css/post-36.css?ver=1774535683' media='all' />
<link rel='stylesheet' id='elementor-post-407-css' href='https://uteek.net/wp-content/uploads/elementor/css/post-407.css?ver=1779458157' media='all' />
<link rel='stylesheet' id='elementor-post-2393-css' href='https://uteek.net/wp-content/uploads/elementor/css/post-2393.css?ver=1774535683' media='all' />
<link rel='stylesheet' id='elementor-gf-sora-css' href='https://fonts.googleapis.com/css?family=Sora:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap' media='all' />
<link rel='stylesheet' id='elementor-gf-epilogue-css' href='https://fonts.googleapis.com/css?family=Epilogue:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap' media='all' />
<script src="https://uteek.net/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="https://uteek.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script src="https://www.googletagmanager.com/gtag/js?id=AW-858364239" id="google-gtag-js"></script>
<script id="google-gtag-js-after">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-858364239');
//# sourceURL=google-gtag-js-after
</script>
<!-- Extrait de code de la balise Google (gtag.js) ajouté par Site Kit -->
<!-- Extrait Google Analytics ajouté par Site Kit -->
<script src="https://www.googletagmanager.com/gtag/js?id=GT-KVJZNDJ" id="google_gtagjs-js" async></script>
<script id="google_gtagjs-js-after">
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["uteek.net"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "GT-KVJZNDJ");
window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); };
//# sourceURL=google_gtagjs-js-after
</script>
<link rel="https://api.w.org/" href="https://uteek.net/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://uteek.net/wp-json/wp/v2/pages/16" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://uteek.net/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.1" />
<link rel='shortlink' href='https://uteek.net/' />
<meta name="generator" content="Site Kit by Google 1.173.0" /> <style type="text/css">
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6 { color: #ffffff }
.dark body {
color: #9c9c9c;
background-color: #000000;
}
.dark .nocturne-dark-mode-floating-trigger {
background-color: ;
}
.nocturne-dark-mode-floating-trigger {
bottom: px;
right: px;
background-color: #ffffff;
border-color: #e7e8ec;
}
.nocturne-dark-mode-floating-trigger .dark-mode-light {
fill: #131740;
}
.nocturne-dark-mode-floating-trigger .dark-mode-dark {
fill: #ffffff;
}
</style>
<script>
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
</script>
<style>
.no-js img.lazyload {
display: none;
}
figure.wp-block-image img.lazyloading {
min-width: 150px;
}
.lazyload,
.lazyloading {
--smush-placeholder-width: 100px;
--smush-placeholder-aspect-ratio: 1/1;
width: var(--smush-image-width, var(--smush-placeholder-width)) !important;
aspect-ratio: var(--smush-image-aspect-ratio, var(--smush-placeholder-aspect-ratio)) !important;
}
.lazyload, .lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 400ms;
transition-delay: 0ms;
}
</style>
<meta name="generator" content="Elementor 3.35.5; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
<style>
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
</style>
<link rel="icon" href="https://uteek.net/wp-content/uploads/2026/01/logo.svg" sizes="32x32" />
<link rel="icon" href="https://uteek.net/wp-content/uploads/2026/01/logo.svg" sizes="192x192" />
<link rel="apple-touch-icon" href="https://uteek.net/wp-content/uploads/2026/01/logo.svg" />
<meta name="msapplication-TileImage" content="https://uteek.net/wp-content/uploads/2026/01/logo.svg" />
</head>
<body class="home wp-singular page-template-default page page-id-16 wp-custom-logo wp-embed-responsive wp-theme-hello-elementor hello-elementor-default elementor-default elementor-kit-7 elementor-page elementor-page-16">
<button class="js-dark-mode-trigger nocturne-dark-mode-trigger nocturne-dark-mode-floating-trigger fixed bottom-6 right-6 z-50 group flex !p-0 h-10 w-10 items-center justify-center rounded-full border border-solid border-jacarta-100 bg-white transition-colors hover:border-transparent hover:bg-accent focus:border-transparent focus:bg-accent dark:border-transparent dark:bg-white/[.15] dark:hover:bg-accent" aria-label="light">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" class="dark-mode-light h-4 w-4 fill-jacarta-700 transition-colors group-hover:fill-white group-focus:fill-white dark:hidden">
<path fill="none" d="M0 0h24v24H0z"></path>
<path d="M11.38 2.019a7.5 7.5 0 1 0 10.6 10.6C21.662 17.854 17.316 22 12.001 22 6.477 22 2 17.523 2 12c0-5.315 4.146-9.661 9.38-9.981z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" class="dark-mode-dark hidden h-4 w-4 fill-jacarta-700 transition-colors group-hover:fill-white group-focus:fill-white dark:block dark:fill-white">
<path fill="none" d="M0 0h24v24H0z"></path>
<path d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"></path>
</svg>
</button>
<a class="skip-link screen-reader-text" href="#content">Aller au contenu</a>
<header data-elementor-type="header" data-elementor-id="36" class="elementor elementor-36 elementor-location-header" data-elementor-post-type="elementor_library">
<div class="elementor-element elementor-element-9c3032f e-flex e-con-boxed nocturne-dark-mode e-con e-parent" data-id="9c3032f" data-element_type="container" data-e-type="container" data-settings="{"background_background":"gradient","sticky":"top","animation_tablet":"none","sticky_on":["desktop","tablet","mobile"],"sticky_offset":0,"sticky_effects_offset":0,"sticky_anchor_link_offset":0}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-1b47e14 e-con-full e-flex e-con e-child" data-id="1b47e14" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-3b8ded1 elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="3b8ded1" data-element_type="widget" data-e-type="widget" data-widget_type="theme-site-logo.default">
<figure class="wp-caption">
<a href="/">
<img width="84" height="64" data-src="https://uteek.net/wp-content/uploads/2026/01/logo.svg" class="attachment-full size-full wp-image-22 lazyload" alt="Logo" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 84px; --smush-placeholder-aspect-ratio: 84/64;" /> </a>
<figcaption class="widget-image-caption wp-caption-text"></figcaption>
</figure>
</div>
</div>
<div class="elementor-element elementor-element-a8df285 e-con-full e-flex e-con e-child" data-id="a8df285" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-f6073e1 elementor-widget elementor-widget-shortcode" data-id="f6073e1" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
<div class="elementor-shortcode"> <style>
:root {
--el-primary: #F59D15;
--el-secondary: #6F63DA;
--el-text: #3ABEDD;
--el-accent: #EF3E42;
--uteek-gray-bg: #F6F6F6;
--uteek-text-gray: #9E9E9E;
}
body {
overflow-x: hidden;
}
.uteek-nav-container {
position: relative;
font-family: 'sora', sans-serif;
width: 100%;
}
.uteek-main-menu {
display: flex;
gap: 15px;
list-style: none;
padding: 0;
margin: 0;
justify-content: center;
}
.uteek-menu-item {
position: static;
}
/* === LIENS PRINCIPAUX === */
.main-link {
display: flex;
width: max-content;
align-items: center;
padding: 12px 25px;
background: var(--uteek-gray-bg);
border-radius: 16px;
text-decoration: none;
color: var(--uteek-text-gray);
font-size: 14px;
font-weight: 400;
transition: all 0.3s ease;
position: relative;
cursor: pointer; /* Force le curseur main même si le lien est vide */
}
.menu-icon-main {
width: 17px;
height: 17px;
margin-right: 12px;
transition: 0.3s;
}
/* HOVER */
.main-link:hover {
background: #F59D1538;
color: #F59D15 !important;
}
.main-link:hover .menu-icon-main {
filter: invert(0%) sepia(61%) saturate(2253%) hue-rotate(344deg) brightness(96%) contrast(97%);
}
/* ACTIF */
.uteek-menu-item.current-menu-item .main-link {
background: var(--el-primary);
color: #FFFFFF !important;
}
.uteek-menu-item.current-menu-item .main-link .menu-icon-main {
filter: brightness(0) invert(1);
}
/* === MEGA MENU DESKTOP === */
.uteek-mega-menu {
position: fixed;
top: 95px!important;
left: 0;
right: 0;
width: 100vw;
background: #fff;
border-radius: 0px;
box-shadow: 0 20px 60px rgba(0,0,0,0.15);
padding: 50px 40px;
display: none;
z-index: 999;
border: 1px solid #f0f0f0;
box-sizing: border-box;
}
.uteek-mega-menu::before {
content: '';
position: absolute;
top: -50px;
left: 0;
right: 0;
height: 50px;
background: transparent;
}
.uteek-menu-item:hover .uteek-mega-menu {
display: block;
animation: slideDown 0.3s ease;
}
@keyframes slideDown {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
.mega-menu-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
max-width: 1400px;
margin: 0 auto;
}
/* === CARTES SUB-MENU === */
.mega-item-card {
display: flex;
flex-direction: column;
padding: 35px 30px;
background: #FFFFFF;
border: 2px solid #f0f0f0;
border-radius: 25px;
text-decoration: none;
color: #333;
transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}
.mega-item-card:hover {
transform: translateY(-10px) scale(1.02);
box-shadow: 0 15px 40px rgba(0,0,0,0.15);
border-color: transparent;
}
.mega-item-card:nth-child(1):hover { background: linear-gradient(135deg, #7C6FDC 0%, var(--el-secondary) 100%) !important; }
.mega-item-card:nth-child(2):hover { background: linear-gradient(135deg, #FF5A5E 0%, var(--el-accent) 100%) !important; }
.mega-item-card:nth-child(3):hover { background: linear-gradient(135deg, #C4D92E 0%, #A8BD24 100%) !important; }
.mega-item-card:nth-child(4):hover { background: linear-gradient(135deg, #5BC7E8 0%, var(--el-text) 100%) !important; }
.mega-item-card.sub-active {
background: linear-gradient(135deg, #FDB441 0%, var(--el-primary) 100%) !important;
border-color: var(--el-primary);
box-shadow: 0 10px 30px rgba(245, 157, 21, 0.3);
}
.mega-item-card:hover h4, .mega-item-card:hover p, .mega-item-card.sub-active h4, .mega-item-card.sub-active p {
color: #FFFFFF !important;
}
.mega-item-card:hover .mega-icon-wrapper img, .mega-item-card.sub-active .mega-icon-wrapper img {
filter: brightness(0) invert(1);
}
.mega-icon-wrapper { width: 60px; height: 60px; margin-bottom: 25px; transition: 0.3s; }
.mega-icon-wrapper img { width: 100%; height: 100%; object-fit: contain; }
.mega-item-card h4 { margin: 0 0 15px 0; font-size: 18px; font-weight: 700; transition: 0.3s; color: #333; }
.mega-item-card p { margin: 0; font-size: 14px; color: #777; line-height: 1.7; transition: 0.3s; }
.sub-menu-titre { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.sub-menu-titre h4 { margin: 0 !important; }
.card-arrow { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }
.card-arrow svg { width: 100%; height: 100%; transition: all 0.3s ease; }
.mega-item-card:hover .card-arrow, .mega-item-card.sub-active .card-arrow { transform: rotate(-45deg) scale(1.1); }
.mega-item-card:hover .card-arrow svg path, .mega-item-card.sub-active .card-arrow svg path { fill: #FFF; }
@media (max-width: 1200px) {
.mega-menu-grid { grid-template-columns: repeat(2, 1fr); }
.mega-item-card p { display: none; }
}
.logo { display: none; }
/* === MOBILE & TABLETTE (1024px) === */
@media (max-width: 1024px) {
.sub-menu-icon-svg {
display: none;
}
.uteek-nav-container {
display: flex;
justify-content: space-between;
align-items: center;
/* REINITIALISATION DU STYLE NAV */
background: transparent;
padding: 0;
position: relative;
top: auto;
left: auto;
width: 100%;
z-index: 1002;
box-sizing: border-box;
flex-direction: row-reverse;
}
/* Bouton hamburger */
.menu-toggle {
display: block;
background: transparent;
border: none;
padding: 5px;
cursor: pointer;
z-index: 1003; /* Doit être au dessus du menu qui s'ouvre */
position: relative;
box-shadow: none;
}
.menu-toggle span {
display: block;
width: 30px;
height: 3px;
background: #ffffff; /* Noir par défaut si fond blanc, à adapter */
margin: 5px 0 4px 0;
transition: 0.3s;
}
/* Si le menu est actif, on met le burger en blanc ou visible */
.menu-toggle.active span { background: #fff; }
.menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(8px, 8px); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(8px, -8px); }
/* --- MENU PRINCIPAL EN BAS DE PAGE (Bottom Sheet) --- */
.uteek-main-menu {
position: fixed;
bottom: 0; /* Ancré en bas */
left: 0;
right: 0;
top: auto; /* On annule le top */
width: 100%;
height: auto;
max-height: 85vh; /* Max 85% hauteur */
background: #151515; /* Fond sombre */
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 40px 20px 30px 20px;
gap: 0;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
box-shadow: 0 -10px 40px rgba(0,0,0,0.5);
z-index: 1000;
overflow-y: auto;
/* Animation Slide Up */
transform: translateY(105%); /* Caché en bas */
transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}
/* Petite barre "poignée" en haut */
.uteek-main-menu::after {
content: '';
position: absolute;
top: 12px;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 4px;
background: #444;
border-radius: 10px;
}
.uteek-main-menu.active {
transform: translateY(0); /* Affiche le menu */
}
/* Overlay */
.menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
display: none;
z-index: 999;
backdrop-filter: blur(2px);
}
.menu-overlay.active { display: block; }
/* Items menu mobile */
.uteek-menu-item {
width: 100%;
border-bottom: 1px solid #333;
position: relative;
}
.main-link {
width: 100%;
padding: 18px 10px;
border-radius: 0;
background: transparent !important;
color: #fff !important;
font-size: 16px;
}
.uteek-main-menu li:last-child { border: none; }
.main-link .menu-icon-main {
filter: brightness(0) invert(1) !important;
opacity: 1;
}
.uteek-menu-item.current-menu-item .main-link { color: var(--el-primary) !important; }
.uteek-menu-item.current-menu-item .main-link .menu-icon-main,
.main-link:hover .menu-icon-main {
filter: invert(0%) sepia(61%) saturate(2253%) hue-rotate(344deg) brightness(96%) contrast(97%) !important;
}
/* Flèche accordéon */
.has-submenu .main-link::after {
content: '▾';
font-size: 16px;
transition: transform 0.3s;
margin-left: auto;
color: #fff;
}
.has-submenu.submenu-open .main-link::after { transform: rotate(180deg); color: var(--el-primary); }
/* --- SOUS-MENU (ACCORDEON SIMPLE) --- */
.uteek-mega-menu {
position: static; /* Dans le flux normal */
width: 100%;
padding: 0;
border: none;
box-shadow: none;
background: #151515; /* Fond légèrement différent pour le sous-menu */
border-radius: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
display: block; /* Toujours block mais caché par height */
}
/* Reset animation desktop */
.uteek-menu-item:hover .uteek-mega-menu { animation: none; }
.uteek-menu-item.submenu-open .uteek-mega-menu {
max-height: 1500px;
padding: 0;
}
.uteek-mega-menu::before { display: none; }
.mega-menu-grid { grid-template-columns: 1fr; gap: 0; max-width: 100%; }
.mega-item-card {
flex-direction: row;
border: none;
border-radius: 10px;
padding: 12px 15px;
background: transparent !important;
transform: none !important;
box-shadow: none !important;
margin: 5px 0;
}
.mega-item-card:hover { background: #222 !important; }
.mega-item-card h4 { color: #ccc; font-size: 14px; margin: 0; }
.mega-item-card p { display: none; }
.sub-menu-titre { margin: 0; }
.card-arrow { display: none !important; }
.mega-icon-wrapper { width: 20px; height: 20px; margin: 0 15px 0 0; }
.mega-icon-wrapper img { filter: brightness(0) invert(1); }
}
/* Style de l'icône SVG */
.sub-menu-icon-svg {
width: 20px;
height: 20px;
flex-shrink: 0;
transition: all 0.3s ease;
}
.sub-menu-icon-svg path {
fill: #000; /* Noir par défaut */
transition: fill 0.3s ease;
}
/* Chirurgie du Hover : l'icône devient blanche */
.mega-item-card:hover .sub-menu-icon-svg path,
.mega-item-card.sub-active .sub-menu-icon-svg path {
fill: #FFFFFF !important;
}
/* Optionnel : petite animation de rotation comme sur vos flèches précédentes */
.mega-item-card:hover .sub-menu-icon-svg {
transform: rotate(-45deg);
}
.dark .uteek-mega-menu {
background: #000000;
border: 1px solid #000000;
}
</style>
<div class="uteek-nav-container">
<button class="menu-toggle" aria-label="Toggle menu">
<span></span>
<span></span>
<span></span>
</button>
<div class="menu-overlay"></div>
<ul class="uteek-main-menu">
<li class="uteek-menu-item current-menu-item">
<a href="https://uteek.net/" class="main-link">
<img data-src="https://uteek.net/wp-content/uploads/2026/01/Accueil.svg" class="menu-icon-main lazyload" alt="icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==">
<span>Accueil</span>
</a>
</li>
<li class="uteek-menu-item">
<a href="https://uteek.net/a-propos/" class="main-link">
<img data-src="https://uteek.net/wp-content/uploads/2026/01/A-propos.svg" class="menu-icon-main lazyload" alt="icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==">
<span>A propos </span>
</a>
</li>
<li class="uteek-menu-item has-submenu">
<a href="javascript:void(0);" class="main-link">
<img data-src="https://uteek.net/wp-content/uploads/2026/01/Services.svg" class="menu-icon-main lazyload" alt="icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==">
<span>Services</span>
</a>
<div class="uteek-mega-menu">
<div class="mega-menu-grid">
<a href="https://uteek.net/service/developpment-web/" class="mega-item-card">
<div class="mega-icon-wrapper">
<img data-src="https://uteek.net/wp-content/uploads/2026/01/Developpment-web-icon.svg" alt="sub-icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
</div>
<div class="sub-menu-titre">
<h4>Développment web</h4>
<svg class="sub-menu-icon-svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="currentColor"/>
</svg>
</div>
<p>Des applications web performantes, évolutives et pensées pour vos utilisateurs</p>
</a>
<a href="https://uteek.net/service/application-mobile/" class="mega-item-card">
<div class="mega-icon-wrapper">
<img data-src="https://uteek.net/wp-content/uploads/2026/01/Application-Mobile-icon.svg" alt="sub-icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
</div>
<div class="sub-menu-titre">
<h4>Application Mobile</h4>
<svg class="sub-menu-icon-svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="currentColor"/>
</svg>
</div>
<p>Des applications mobiles qui rapprochent votre marque de ses utilisateurs, au quotidien.</p>
</a>
<a href="https://uteek.net/service/design-graphique/" class="mega-item-card">
<div class="mega-icon-wrapper">
<img data-src="https://uteek.net/wp-content/uploads/2026/01/Design-graphique-icon.svg" alt="sub-icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
</div>
<div class="sub-menu-titre">
<h4>Design graphique</h4>
<svg class="sub-menu-icon-svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="currentColor"/>
</svg>
</div>
<p>Le design au service de l’expérience, de l’émotion et de la performance digitale.
</p>
</a>
<a href="https://uteek.net/service/product-design-ux-ui/" class="mega-item-card">
<div class="mega-icon-wrapper">
<img data-src="https://uteek.net/wp-content/uploads/2026/01/Product-Design-icon.svg" alt="sub-icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
</div>
<div class="sub-menu-titre">
<h4>Intelligence artificielle</h4>
<svg class="sub-menu-icon-svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="currentColor"/>
</svg>
</div>
<p>Des solutions IA concrètes, pensées pour résoudre de vrais enjeux métiers.</p>
</a>
</div>
</div>
</li>
<li class="uteek-menu-item">
<a href="https://uteek.net/realisations/" class="main-link">
<img data-src="https://uteek.net/wp-content/uploads/2026/01/Realisations.svg" class="menu-icon-main lazyload" alt="icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==">
<span>Réalisations</span>
</a>
</li>
</ul>
</div>
<script>
(function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.uteek-main-menu');
const overlay = document.querySelector('.menu-overlay');
const hasSubmenuItems = document.querySelectorAll('.has-submenu');
const logo = document.querySelector('.logo');
const navContainer = document.querySelector('.uteek-nav-container');
const breakpoint = 1024;
// Toggle menu principal
menuToggle.addEventListener('click', function() {
this.classList.toggle('active');
menu.classList.toggle('active');
overlay.classList.toggle('active');
document.body.style.overflow = menu.classList.contains('active') ? 'hidden' : '';
});
// Fermer avec overlay
overlay.addEventListener('click', function() {
menuToggle.classList.remove('active');
menu.classList.remove('active');
overlay.classList.remove('active');
document.body.style.overflow = '';
});
// Toggle sous-menus (tablette & mobile)
hasSubmenuItems.forEach(item => {
const link = item.querySelector('.main-link');
link.addEventListener('click', function(e) {
// Sur mobile, on active le toggle
if (window.innerWidth <= breakpoint) {
e.preventDefault(); // Sécurité supplémentaire
item.classList.toggle('submenu-open');
}
// Sur Desktop, comme le href est javascript:void(0), rien ne se passe au clic,
// mais le CSS :hover continue de fonctionner pour ouvrir le menu.
});
});
// Gestion du resize
function handleResize() {
if (window.innerWidth > breakpoint) {
// Desktop
menuToggle.style.display = 'none';
menu.classList.remove('active');
overlay.classList.remove('active');
menuToggle.classList.remove('active');
document.body.style.overflow = '';
if(logo) logo.style.display = 'none';
// Reset submenus
hasSubmenuItems.forEach(item => {
item.classList.remove('submenu-open');
});
} else {
// Mobile
menuToggle.style.display = 'block';
if(logo) logo.style.display = 'block';
}
}
handleResize();
window.addEventListener('resize', handleResize);
})();
</script>
</div>
</div>
<div class="elementor-element elementor-element-0c2a0e8 elementor-widget elementor-widget-button" data-id="0c2a0e8" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://uteek.net/commencer-un-projet/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Commencer un projet</span>
</span>
</a>
</div>
</div>
</div>
</div>
</header>
<main id="content" class="site-main post-16 page type-page status-publish hentry">
<div class="page-content">
<div data-elementor-type="wp-page" data-elementor-id="16" class="elementor elementor-16" data-elementor-post-type="page">
<div class="elementor-element elementor-element-b137b41 e-con-full selector e-flex e-con e-parent" data-id="b137b41" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-6f0489c e-flex e-con-boxed elementor-invisible e-con e-child" data-id="6f0489c" data-element_type="container" data-e-type="container" data-settings="{"animation":"fadeIn"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-234ae83 elementor-icon-list--layout-inline elementor-align-center elementor-mobile-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="234ae83" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items elementor-inline-items">
<li class="elementor-icon-list-item elementor-inline-item">
<span class="elementor-icon-list-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40" fill="none"><g clip-path="url(#clip0_165_4393)"><g clip-path="url(#clip1_165_4393)"><g clip-path="url(#clip2_165_4393)"><path opacity="0.2" d="M0.582031 5.04545C0.582031 2.53507 2.57188 0.5 5.02648 0.5H21.0265C23.4811 0.5 25.4709 2.53507 25.4709 5.04545V20.5C25.4709 23.0104 23.4811 25.0455 21.0265 25.0455H5.02648C2.57188 25.0455 0.582031 23.0104 0.582031 20.5V5.04545Z" fill="#F59D15"></path><path opacity="0.7" d="M7.69531 12.3189C7.69531 9.80851 9.68516 7.77344 12.1398 7.77344H28.1398C30.5944 7.77344 32.5842 9.80851 32.5842 12.3189V27.7735C32.5842 30.2838 30.5944 32.3189 28.1398 32.3189H12.1398C9.68515 32.3189 7.69531 30.2838 7.69531 27.7735V12.3189Z" fill="#F59D15"></path><path d="M14.6953 19.4986C14.6953 16.9882 16.6851 14.9531 19.1397 14.9531H35.1397C37.5943 14.9531 39.5841 16.9882 39.5841 19.4986V34.9531C39.5841 37.4635 37.5943 39.4986 35.1397 39.4986H19.1397C16.6851 39.4986 14.6953 37.4635 14.6953 34.9531V19.4986Z" fill="#F59D15"></path></g></g></g><defs><clippath id="clip0_165_4393"><rect width="40" height="40" fill="white"></rect></clippath><clippath id="clip1_165_4393"><rect width="40" height="40" fill="white"></rect></clippath><clippath id="clip2_165_4393"><rect width="40" height="40" fill="white"></rect></clippath></defs></svg> </span>
<span class="elementor-icon-list-text">Intelligence Artificielle & Automatisation</span>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<span class="elementor-icon-list-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewbox="0 0 36 36" fill="none"><g clip-path="url(#clip0_165_4402)"><g clip-path="url(#clip1_165_4402)"><g clip-path="url(#clip2_165_4402)"><path opacity="0.2" d="M12.582 24.5C19.2094 24.5 24.582 19.1274 24.582 12.5C24.582 5.87258 19.2094 0.5 12.582 0.5C5.95461 0.5 0.582031 5.87258 0.582031 12.5C0.582031 19.1274 5.95461 24.5 12.582 24.5Z" fill="#F59D15"></path><path opacity="0.7" d="M17.9492 30C24.5766 30 29.9492 24.6274 29.9492 18C29.9492 11.3726 24.5766 6 17.9492 6C11.3218 6 5.94922 11.3726 5.94922 18C5.94922 24.6274 11.3218 30 17.9492 30Z" fill="#F59D15"></path><path d="M23.582 35.5C30.2094 35.5 35.582 30.1274 35.582 23.5C35.582 16.8726 30.2094 11.5 23.582 11.5C16.9546 11.5 11.582 16.8726 11.582 23.5C11.582 30.1274 16.9546 35.5 23.582 35.5Z" fill="#F59D15"></path></g></g></g><defs><clippath id="clip0_165_4402"><rect width="36" height="36" fill="white"></rect></clippath><clippath id="clip1_165_4402"><rect width="36" height="36" fill="white"></rect></clippath><clippath id="clip2_165_4402"><rect width="36" height="36" fill="white"></rect></clippath></defs></svg> </span>
<span class="elementor-icon-list-text">Développement Web & Plateformes</span>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<span class="elementor-icon-list-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40" fill="none"><g clip-path="url(#clip0_165_4393)"><g clip-path="url(#clip1_165_4393)"><g clip-path="url(#clip2_165_4393)"><path opacity="0.2" d="M0.582031 5.04545C0.582031 2.53507 2.57188 0.5 5.02648 0.5H21.0265C23.4811 0.5 25.4709 2.53507 25.4709 5.04545V20.5C25.4709 23.0104 23.4811 25.0455 21.0265 25.0455H5.02648C2.57188 25.0455 0.582031 23.0104 0.582031 20.5V5.04545Z" fill="#F59D15"></path><path opacity="0.7" d="M7.69531 12.3189C7.69531 9.80851 9.68516 7.77344 12.1398 7.77344H28.1398C30.5944 7.77344 32.5842 9.80851 32.5842 12.3189V27.7735C32.5842 30.2838 30.5944 32.3189 28.1398 32.3189H12.1398C9.68515 32.3189 7.69531 30.2838 7.69531 27.7735V12.3189Z" fill="#F59D15"></path><path d="M14.6953 19.4986C14.6953 16.9882 16.6851 14.9531 19.1397 14.9531H35.1397C37.5943 14.9531 39.5841 16.9882 39.5841 19.4986V34.9531C39.5841 37.4635 37.5943 39.4986 35.1397 39.4986H19.1397C16.6851 39.4986 14.6953 37.4635 14.6953 34.9531V19.4986Z" fill="#F59D15"></path></g></g></g><defs><clippath id="clip0_165_4393"><rect width="40" height="40" fill="white"></rect></clippath><clippath id="clip1_165_4393"><rect width="40" height="40" fill="white"></rect></clippath><clippath id="clip2_165_4393"><rect width="40" height="40" fill="white"></rect></clippath></defs></svg> </span>
<span class="elementor-icon-list-text">Applications Mobiles</span>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<span class="elementor-icon-list-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewbox="0 0 36 36" fill="none"><g clip-path="url(#clip0_165_4402)"><g clip-path="url(#clip1_165_4402)"><g clip-path="url(#clip2_165_4402)"><path opacity="0.2" d="M12.582 24.5C19.2094 24.5 24.582 19.1274 24.582 12.5C24.582 5.87258 19.2094 0.5 12.582 0.5C5.95461 0.5 0.582031 5.87258 0.582031 12.5C0.582031 19.1274 5.95461 24.5 12.582 24.5Z" fill="#F59D15"></path><path opacity="0.7" d="M17.9492 30C24.5766 30 29.9492 24.6274 29.9492 18C29.9492 11.3726 24.5766 6 17.9492 6C11.3218 6 5.94922 11.3726 5.94922 18C5.94922 24.6274 11.3218 30 17.9492 30Z" fill="#F59D15"></path><path d="M23.582 35.5C30.2094 35.5 35.582 30.1274 35.582 23.5C35.582 16.8726 30.2094 11.5 23.582 11.5C16.9546 11.5 11.582 16.8726 11.582 23.5C11.582 30.1274 16.9546 35.5 23.582 35.5Z" fill="#F59D15"></path></g></g></g><defs><clippath id="clip0_165_4402"><rect width="36" height="36" fill="white"></rect></clippath><clippath id="clip1_165_4402"><rect width="36" height="36" fill="white"></rect></clippath><clippath id="clip2_165_4402"><rect width="36" height="36" fill="white"></rect></clippath></defs></svg> </span>
<span class="elementor-icon-list-text">Product Design & UX/UI</span>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-a33e181 elementor-widget elementor-widget-heading" data-id="a33e181" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h1 class="elementor-heading-title elementor-size-default">Nous transformons vos idées en solutions intelligentes</h1> </div>
<div class="elementor-element elementor-element-09545b2 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="09545b2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<p>Nous concevons des solutions IA, web et mobile qui automatisent les tâches, améliorent l’expérience client et créent de nouvelles opportunités de croissance.</p> </div>
<div class="elementor-element elementor-element-8288a51 e-con-full e-flex e-con e-child" data-id="8288a51" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-9f57347 elementor-widget elementor-widget-button" data-id="9f57347" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/realisations/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"><path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="black"></path></svg> </span>
<span class="elementor-button-text">nos Réalisations</span>
</span>
</a>
</div>
<div class="elementor-element elementor-element-3256c22 elementor-widget elementor-widget-button" data-id="3256c22" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/commencer-un-projet/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Commencer un projet</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-06831d9 elementor-widget elementor-widget-shortcode" data-id="06831d9" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
<div class="elementor-shortcode"> <div class="clients-carousel-wrapper">
<div class="clients-carousel-track">
<div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/logo-jaou-1.png" alt="Jaou" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 174px; --smush-placeholder-aspect-ratio: 174/126;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Groupe-2013-1-300x95.png" alt="Sobflous" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300/95;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Groupe-3418-1-300x74.png" alt="O Skills" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300/74;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/layer1-1-300x78.png" alt="Giz" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300/78;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Groupe-12-1.webp" alt="Sofrecom" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 243px; --smush-placeholder-aspect-ratio: 243/153;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Groupe-15-1.webp" alt="Pulse groupe" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 261px; --smush-placeholder-aspect-ratio: 261/120;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Groupe-10.png" alt="Kamel Lazaar" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 149px; --smush-placeholder-aspect-ratio: 149/147;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Groupe-9-1-300x77.png" alt="Jobito" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300/77;"></div> <div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/logo-jaou-1.png" alt="Jaou" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 174px; --smush-placeholder-aspect-ratio: 174/126;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Groupe-2013-1-300x95.png" alt="Sobflous" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300/95;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Groupe-3418-1-300x74.png" alt="O Skills" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300/74;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/layer1-1-300x78.png" alt="Giz" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300/78;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Groupe-12-1.webp" alt="Sofrecom" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 243px; --smush-placeholder-aspect-ratio: 243/153;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Groupe-15-1.webp" alt="Pulse groupe" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 261px; --smush-placeholder-aspect-ratio: 261/120;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Groupe-10.png" alt="Kamel Lazaar" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 149px; --smush-placeholder-aspect-ratio: 149/147;"></div><div class="client-slide"><img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Groupe-9-1-300x77.png" alt="Jobito" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300/77;"></div> </div>
</div>
<style>
/* Conteneur principal qui cache ce qui dépasse */
.clients-carousel-wrapper {
overflow: hidden;
width: 100%;
padding: 40px 0;
position: relative;
}
/* La piste qui bouge */
.clients-carousel-track {
display: flex;
width: max-content; /* S'adapte à la largeur du contenu total */
animation: scroll-infinite 30s linear infinite; /* 30s = vitesse */
}
/* Les items individuels */
.client-slide {
flex: 0 0 auto;
padding: 0 30px; /* Espace entre les logos */
display: flex;
align-items: center;
justify-content: center;
}
/* Style des images */
.client-slide img {
max-height: 40px; /* Hauteur max des logos */
width: auto;
max-width: 200px;
object-fit: contain;
transition: all 0.3s ease;
}
/* Images en blanc dans le dark mode */
.dark .client-slide img {
filter: brightness(0) invert(1);
}
/* Effet au survol (optionnel) */
.client-slide img:hover {
filter: grayscale(0%);
opacity: 1;
transform: scale(1.1);
}
/* Hover en dark mode - garde le filtre blanc */
.dark .client-slide img:hover {
filter: brightness(0) invert(1);
transform: scale(1.1);
}
/* Pause au survol de la souris sur tout le bandeau */
.clients-carousel-wrapper:hover .clients-carousel-track {
animation-play-state: paused;
}
/* L'animation Clé */
@keyframes scroll-infinite {
0% {
transform: translateX(0);
}
100% {
/* On déplace de 50% car on a dupliqué le contenu.
Quand le 1er set finit, le 2ème est exactement à la place du début du 1er. */
transform: translateX(-50%);
}
}
/* Responsive Mobile */
@media (max-width: 768px) {
.client-slide { padding: 0 15px; }
.client-slide img { max-height: 30px; }
}
</style>
</div>
</div>
</div>
<div class="elementor-element elementor-element-96b6103 e-flex e-con-boxed e-con e-parent" data-id="96b6103" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-b403c13 elementor-invisible elementor-widget elementor-widget-heading" data-id="b403c13" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"fadeInLeft"}" data-widget_type="heading.default">
<h2 class="elementor-heading-title elementor-size-default">Quelques réussites <br>
signées <span>Uteek</span></h2> </div>
<div class="elementor-element elementor-element-5aa13d8 elementor-grid-2 elementor-hidden-mobile elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid" data-id="5aa13d8" data-element_type="widget" data-e-type="widget" data-settings="{"template_id":"2017","columns":2,"alternate_template":"yes","row_gap":{"unit":"px","size":10,"sizes":[]},"row_gap_mobile":{"unit":"px","size":20,"sizes":[]},"_skin":"post","columns_tablet":"2","columns_mobile":"1","edit_handle_selector":"[data-elementor-type=\"loop-item\"]","row_gap_tablet":{"unit":"px","size":"","sizes":[]}}" data-widget_type="loop-grid.post">
<div class="elementor-widget-container">
<div class="elementor-loop-container elementor-grid" role="list">
<style id="loop-dynamic-2017">.e-loop-item-2494 .elementor-element.elementor-element-9c48999:not(.elementor-motion-effects-element-type-background), .e-loop-item-2494 .elementor-element.elementor-element-9c48999 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00b1b1;}.e-loop-item-2494 .elementor-element.elementor-element-45ff3d5{color:#ffffff;}</style><style id="loop-2017">.elementor-2017 .elementor-element.elementor-element-9c48999{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:34px 34px 34px 34px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-2017 .elementor-element.elementor-element-f098137{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;text-align:center;}.elementor-2017 .elementor-element.elementor-element-f098137.elementor-element{--align-self:center;}.elementor-2017 .elementor-element.elementor-element-f098137 img{width:231px;height:140px;object-fit:contain;object-position:center center;}.elementor-2017 .elementor-element.elementor-element-906aaf3 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:40px;font-weight:900;text-transform:capitalize;color:#FFFFFF;}.elementor-2017 .elementor-element.elementor-element-45ff3d5{border-style:none;text-align:start;}.elementor-2017 .elementor-element.elementor-element-c23b786{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-2017 .elementor-element.elementor-element-a5b65b6{background-color:#FFFFFF;padding:5px 25px 5px 25px;border-radius:7px 7px 7px 7px;text-align:start;}.elementor-2017 .elementor-element.elementor-element-a5b65b6.elementor-element{--align-self:center;}.elementor-2017 .elementor-element.elementor-element-a5b65b6 .elementor-heading-title{font-family:"Epilogue", Sans-serif;font-size:13px;font-weight:600;line-height:28px;letter-spacing:0px;color:#000000;}.elementor-2017 .elementor-element.elementor-element-2fa7e09 .elementor-button{background-color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:13px;font-weight:900;text-transform:uppercase;fill:#000000;color:#000000;border-style:none;border-radius:7px 7px 7px 7px;padding:10px 25px 10px 25px;}.elementor-2017 .elementor-element.elementor-element-2fa7e09 .elementor-button:hover, .elementor-2017 .elementor-element.elementor-element-2fa7e09 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#000000;border-color:var( --e-global-color-primary );}.elementor-2017 .elementor-element.elementor-element-2fa7e09.elementor-element{--align-self:center;}.elementor-2017 .elementor-element.elementor-element-2fa7e09 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2017 .elementor-element.elementor-element-2fa7e09 .elementor-button:hover svg, .elementor-2017 .elementor-element.elementor-element-2fa7e09 .elementor-button:focus svg{fill:#000000;}@media(max-width:767px){.elementor-2017 .elementor-element.elementor-element-c23b786{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2017 .elementor-element.elementor-element-a5b65b6{padding:12px 12px 12px 12px;}.elementor-2017 .elementor-element.elementor-element-a5b65b6 .elementor-heading-title{font-size:13px;}}/* Start custom CSS for theme-post-content, class: .elementor-element-45ff3d5 */.realisation-description {
display: -webkit-box;
-webkit-line-clamp: 2; /* ajuste pour ~150 caractères */
-webkit-box-orient: vertical;
overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a5b65b6 */.branding {
width: max-content;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2fa7e09 */.elementor-button-content-wrapper {
align-items: center;
}
.elementor-button-icon {
font-size: 20px;
}/* End custom CSS */</style> <div data-elementor-type="loop-item" data-elementor-id="2017" class="elementor elementor-2017 elementor-repeater-item-3013d1f e-loop-item e-loop-item-2494 post-2494 realisation type-realisation status-publish has-post-thumbnail hentry prestation-accompagnement-complet prestation-applications-web-modernes prestation-creation-daffiches-supports-print prestation-design-dinterface prestation-developpement-moderne prestation-direction-artistique prestation-identite-branding prestation-identite-visuelle prestation-maintenance-continue prestation-performance-securite prestation-responsive-design" data-elementor-post-type="elementor_library" data-custom-edit-handle="1">
<div class="elementor-element elementor-element-9c48999 e-con-full e-flex e-con e-parent" data-id="9c48999" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-f098137 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="f098137" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<img fetchpriority="high" decoding="async" width="237" height="266" src="https://uteek.net/wp-content/uploads/2026/03/Group-1171284507.png" class="attachment-large size-large wp-image-2526" alt="Group 1171284507" /> </div>
<div class="elementor-element elementor-element-906aaf3 elementor-widget elementor-widget-heading" data-id="906aaf3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h2 class="elementor-heading-title elementor-size-default">Développement web et accompagnement digital OXFAM</h2> </div>
<div class="elementor-element elementor-element-45ff3d5 realisation-description elementor-widget elementor-widget-theme-post-content" data-id="45ff3d5" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-content.default">
<p>Oxfam est une organisation internationale de solidarité qui œuvre pour lutter contre la pauvreté et les inégalités à travers le monde. Elle mène des actions humanitaires, des programmes de développement et des campagnes de plaidoyer afin d’améliorer les conditions de vie des populations les plus vulnérables.</p>
<p></p>
</div>
<div class="elementor-element elementor-element-c23b786 e-flex e-con-boxed e-con e-child" data-id="c23b786" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-a5b65b6 branding elementor-widget elementor-widget-heading" data-id="a5b65b6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h3 class="elementor-heading-title elementor-size-default">Accompagnement compet </h3> </div>
<div class="elementor-element elementor-element-2fa7e09 elementor-align-right elementor-widget elementor-widget-button" data-id="2fa7e09" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://uteek.net/realisation/oxfam/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"><path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="black"></path></svg> </span>
<span class="elementor-button-text">Découvrir</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<style id="loop-dynamic-2017">.e-loop-item-2514 .elementor-element.elementor-element-9c48999:not(.elementor-motion-effects-element-type-background), .e-loop-item-2514 .elementor-element.elementor-element-9c48999 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#a60303;}.e-loop-item-2514 .elementor-element.elementor-element-45ff3d5{color:#ffffff;}</style> <div data-elementor-type="loop-item" data-elementor-id="2017" class="elementor elementor-2017 e-loop-item e-loop-item-2514 post-2514 realisation type-realisation status-publish has-post-thumbnail hentry prestation-analyse-des-besoins prestation-conseil-fonctionnel prestation-redaction-de-cahier-des-charges" data-elementor-post-type="elementor_library" data-custom-edit-handle="1">
<div class="elementor-element elementor-element-9c48999 e-con-full e-flex e-con e-parent" data-id="9c48999" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-f098137 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="f098137" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<img decoding="async" width="392" height="167" data-src="https://uteek.net/wp-content/uploads/2026/03/logo-TH-1.png" class="attachment-large size-large wp-image-2516 lazyload" alt="Logo TH 1" data-srcset="https://uteek.net/wp-content/uploads/2026/03/logo-TH-1.png 392w, https://uteek.net/wp-content/uploads/2026/03/logo-TH-1-300x128.png 300w" data-sizes="(max-width: 392px) 100vw, 392px" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 392px; --smush-placeholder-aspect-ratio: 392/167;" /> </div>
<div class="elementor-element elementor-element-906aaf3 elementor-widget elementor-widget-heading" data-id="906aaf3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h2 class="elementor-heading-title elementor-size-default">Pilotage AMOA et cahier des charges</h2> </div>
<div class="elementor-element elementor-element-45ff3d5 realisation-description elementor-widget elementor-widget-theme-post-content" data-id="45ff3d5" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-content.default">
<p>Tunisair Handling, filiale de la compagnie nationale Tunisair, est le premier prestataire de services d’assistance au sol sur le territoire tunisien. Elle assure une prise en charge complète et efficace des opérations au sol, dans le strict respect des normes internationales et des exigences des compagnies aériennes.</p>
</div>
<div class="elementor-element elementor-element-c23b786 e-flex e-con-boxed e-con e-child" data-id="c23b786" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-a5b65b6 branding elementor-widget elementor-widget-heading" data-id="a5b65b6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h3 class="elementor-heading-title elementor-size-default">Rédaction de cahier des charges</h3> </div>
<div class="elementor-element elementor-element-2fa7e09 elementor-align-right elementor-widget elementor-widget-button" data-id="2fa7e09" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://uteek.net/realisation/tunisair-handling/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"><path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="black"></path></svg> </span>
<span class="elementor-button-text">Découvrir</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<style id="loop-dynamic-2017">.e-loop-item-257 .elementor-element.elementor-element-9c48999:not(.elementor-motion-effects-element-type-background), .e-loop-item-257 .elementor-element.elementor-element-9c48999 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2a3189;}.e-loop-item-257 .elementor-element.elementor-element-45ff3d5{color:#ffffff;}</style> <div data-elementor-type="loop-item" data-elementor-id="2017" class="elementor elementor-2017 e-loop-item e-loop-item-257 post-257 realisation type-realisation status-publish has-post-thumbnail hentry prestation-design-dinterface prestation-maintenance-continue prestation-performance-securite prestation-progressive-web-apps prestation-recherche-utilisateur prestation-technologies-de-pointe" data-elementor-post-type="elementor_library" data-custom-edit-handle="1">
<div class="elementor-element elementor-element-9c48999 e-con-full e-flex e-con e-parent" data-id="9c48999" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-f098137 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="f098137" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<img decoding="async" width="461" height="63" data-src="https://uteek.net/wp-content/uploads/2026/01/Mask-group-2.png" class="attachment-large size-large wp-image-2444 lazyload" alt="Mask Group 2" data-srcset="https://uteek.net/wp-content/uploads/2026/01/Mask-group-2.png 461w, https://uteek.net/wp-content/uploads/2026/01/Mask-group-2-300x41.png 300w" data-sizes="(max-width: 461px) 100vw, 461px" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 461px; --smush-placeholder-aspect-ratio: 461/63;" /> </div>
<div class="elementor-element elementor-element-906aaf3 elementor-widget elementor-widget-heading" data-id="906aaf3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h2 class="elementor-heading-title elementor-size-default">Plateforme RH sur mesure</h2> </div>
<div class="elementor-element elementor-element-45ff3d5 realisation-description elementor-widget elementor-widget-theme-post-content" data-id="45ff3d5" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-content.default">
<p>Uteek a accompagné la BIAT dans la conception et le développement de sa plateforme interne dédiée aux ressources humaines. Le projet a inclus la création d’un design sur mesure, moderne et ergonomique, ainsi que le développement technique complet de la solution afin d’optimiser la gestion et la communication interne RH.</p>
<p></p>
</div>
<div class="elementor-element elementor-element-c23b786 e-flex e-con-boxed e-con e-child" data-id="c23b786" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-a5b65b6 branding elementor-widget elementor-widget-heading" data-id="a5b65b6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h3 class="elementor-heading-title elementor-size-default">Développement web </h3> </div>
<div class="elementor-element elementor-element-2fa7e09 elementor-align-right elementor-widget elementor-widget-button" data-id="2fa7e09" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://uteek.net/realisation/biat/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"><path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="black"></path></svg> </span>
<span class="elementor-button-text">Découvrir</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-4cb6f39 loop-realisation-style elementor-widget elementor-widget-loop-carousel" data-id="4cb6f39" data-element_type="widget" data-e-type="widget" data-settings="{"template_id":"2017","slides_to_show":"2","autoplay_speed":1500,"speed":1500,"_skin":"post","slides_to_show_tablet":"2","slides_to_show_mobile":"1","slides_to_scroll":"1","edit_handle_selector":".elementor-loop-container","autoplay":"yes","pause_on_hover":"yes","infinite":"yes","offset_sides":"none","image_spacing_custom":{"unit":"px","size":10,"sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="loop-carousel.post">
<div class="swiper elementor-loop-container elementor-grid" role="list" dir="ltr">
<div class="swiper-wrapper" aria-live="off">
<style id="loop-dynamic-2017">.e-loop-item-2499 .elementor-element.elementor-element-9c48999:not(.elementor-motion-effects-element-type-background), .e-loop-item-2499 .elementor-element.elementor-element-9c48999 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2a3189;}.e-loop-item-2499 .elementor-element.elementor-element-45ff3d5{color:#ffffff;}</style> <div data-elementor-type="loop-item" data-elementor-id="2017" class="elementor elementor-2017 swiper-slide e-loop-item e-loop-item-2499 post-2499 realisation type-realisation status-publish has-post-thumbnail hentry prestation-accompagnement-complet prestation-design-dinterface prestation-design-digital prestation-design-system prestation-direction-artistique prestation-identite-branding prestation-identite-visuelle" data-elementor-post-type="elementor_library" role="group" aria-roledescription="slide" data-custom-edit-handle="1">
<div class="elementor-element elementor-element-9c48999 e-con-full e-flex e-con e-parent" data-id="9c48999" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-f098137 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="f098137" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<img decoding="async" width="236" height="254" data-src="https://uteek.net/wp-content/uploads/2026/03/La_Poste_tunisienne_2011-1.png" class="attachment-large size-large wp-image-2510 lazyload" alt="La Poste Tunisienne 2011 1" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 236px; --smush-placeholder-aspect-ratio: 236/254;" /> </div>
<div class="elementor-element elementor-element-906aaf3 elementor-widget elementor-widget-heading" data-id="906aaf3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h2 class="elementor-heading-title elementor-size-default">Supports motion design pour MyPoste</h2> </div>
<div class="elementor-element elementor-element-45ff3d5 realisation-description elementor-widget elementor-widget-theme-post-content" data-id="45ff3d5" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-content.default">
<p>La Poste Tunisienne est un établissement à caractère industriel et commercial centré sur deux activités principales: la collecte, le transport et la distribution de courrier, ainsi que l’exploitation et la fourniture des services financiers.</p>
</div>
<div class="elementor-element elementor-element-c23b786 e-flex e-con-boxed e-con e-child" data-id="c23b786" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-a5b65b6 branding elementor-widget elementor-widget-heading" data-id="a5b65b6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h3 class="elementor-heading-title elementor-size-default">Motion Design</h3> </div>
<div class="elementor-element elementor-element-2fa7e09 elementor-align-right elementor-widget elementor-widget-button" data-id="2fa7e09" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://uteek.net/realisation/la-poste-tunisienne/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"><path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="black"></path></svg> </span>
<span class="elementor-button-text">Découvrir</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<style id="loop-dynamic-2017">.e-loop-item-2492 .elementor-element.elementor-element-9c48999:not(.elementor-motion-effects-element-type-background), .e-loop-item-2492 .elementor-element.elementor-element-9c48999 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#a60303;}.e-loop-item-2492 .elementor-element.elementor-element-45ff3d5{color:#ffffff;}</style> <div data-elementor-type="loop-item" data-elementor-id="2017" class="elementor elementor-2017 swiper-slide e-loop-item e-loop-item-2492 post-2492 realisation type-realisation status-publish has-post-thumbnail hentry prestation-accompagnement-complet prestation-automatisation-ia-metier prestation-design-digital prestation-direction-artistique prestation-identite-branding prestation-identite-visuelle" data-elementor-post-type="elementor_library" role="group" aria-roledescription="slide" data-custom-edit-handle="1">
<div class="elementor-element elementor-element-9c48999 e-con-full e-flex e-con e-parent" data-id="9c48999" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-f098137 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="f098137" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<img decoding="async" width="392" height="221" data-src="https://uteek.net/wp-content/uploads/2026/03/Henkel-Logo-1.png" class="attachment-large size-large wp-image-2504 lazyload" alt="Henkel Logo 1" data-srcset="https://uteek.net/wp-content/uploads/2026/03/Henkel-Logo-1.png 392w, https://uteek.net/wp-content/uploads/2026/03/Henkel-Logo-1-300x169.png 300w" data-sizes="(max-width: 392px) 100vw, 392px" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 392px; --smush-placeholder-aspect-ratio: 392/221;" /> </div>
<div class="elementor-element elementor-element-906aaf3 elementor-widget elementor-widget-heading" data-id="906aaf3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h2 class="elementor-heading-title elementor-size-default">Création vidéo cartoon super-héros</h2> </div>
<div class="elementor-element elementor-element-45ff3d5 realisation-description elementor-widget elementor-widget-theme-post-content" data-id="45ff3d5" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-content.default">
<p>Henkel est un groupe international spécialisé dans les technologies adhésives, les produits d’entretien et les soins personnels. La présence du groupe met en lumière ses marques, ses innovations, ses activités à l’échelle mondiale ainsi que ses engagements en matière de développement durable.</p>
</div>
<div class="elementor-element elementor-element-c23b786 e-flex e-con-boxed e-con e-child" data-id="c23b786" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-a5b65b6 branding elementor-widget elementor-widget-heading" data-id="a5b65b6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h3 class="elementor-heading-title elementor-size-default">Motion Design</h3> </div>
<div class="elementor-element elementor-element-2fa7e09 elementor-align-right elementor-widget elementor-widget-button" data-id="2fa7e09" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://uteek.net/realisation/henkel/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"><path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="black"></path></svg> </span>
<span class="elementor-button-text">Découvrir</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<style id="loop-dynamic-2017">.e-loop-item-266 .elementor-element.elementor-element-9c48999:not(.elementor-motion-effects-element-type-background), .e-loop-item-266 .elementor-element.elementor-element-9c48999 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#dd3333;}.e-loop-item-266 .elementor-element.elementor-element-45ff3d5{color:#ffffff;}</style> <div data-elementor-type="loop-item" data-elementor-id="2017" class="elementor elementor-2017 swiper-slide e-loop-item e-loop-item-266 post-266 realisation type-realisation status-publish has-post-thumbnail hentry prestation-accompagnement-complet prestation-architecture-backend prestation-design-dinterface prestation-design-system prestation-integration-api prestation-une-equipe-dexperts-mobile" data-elementor-post-type="elementor_library" role="group" aria-roledescription="slide" data-custom-edit-handle="1">
<div class="elementor-element elementor-element-9c48999 e-con-full e-flex e-con e-parent" data-id="9c48999" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-f098137 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="f098137" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<img decoding="async" width="800" height="244" data-src="https://uteek.net/wp-content/uploads/2026/01/taraji-store-logo.png" class="attachment-large size-large wp-image-1365 lazyload" alt="Taraji Store Logo" data-srcset="https://uteek.net/wp-content/uploads/2026/01/taraji-store-logo.png 924w, https://uteek.net/wp-content/uploads/2026/01/taraji-store-logo-300x92.png 300w, https://uteek.net/wp-content/uploads/2026/01/taraji-store-logo-768x234.png 768w" data-sizes="(max-width: 800px) 100vw, 800px" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/244;" /> </div>
<div class="elementor-element elementor-element-906aaf3 elementor-widget elementor-widget-heading" data-id="906aaf3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h2 class="elementor-heading-title elementor-size-default">Site e-commerce et application mobile</h2> </div>
<div class="elementor-element elementor-element-45ff3d5 realisation-description elementor-widget elementor-widget-theme-post-content" data-id="45ff3d5" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-content.default">
<p>Taraji Store est la boutique officielle des produits dérivés des Espérantistes, l’une des équipes les plus importantes de football en Tunisie…</p>
<p></p>
</div>
<div class="elementor-element elementor-element-c23b786 e-flex e-con-boxed e-con e-child" data-id="c23b786" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-a5b65b6 branding elementor-widget elementor-widget-heading" data-id="a5b65b6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h3 class="elementor-heading-title elementor-size-default">Application mobile</h3> </div>
<div class="elementor-element elementor-element-2fa7e09 elementor-align-right elementor-widget elementor-widget-button" data-id="2fa7e09" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://uteek.net/realisation/taraji-store/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"><path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="black"></path></svg> </span>
<span class="elementor-button-text">Découvrir</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-3685583 nous-confiance e-flex e-con-boxed e-con e-parent" data-id="3685583" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-9011e5f elementor-invisible elementor-widget elementor-widget-heading" data-id="9011e5f" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"fadeInLeft"}" data-widget_type="heading.default">
<h2 class="elementor-heading-title elementor-size-default"> Plus de <span>10 </span> ans d’expertise digitale reconnue</h2> </div>
<div class="elementor-element elementor-element-02bdb56 elementor-widget elementor-widget-shortcode" data-id="02bdb56" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
<div class="elementor-shortcode">
<style>
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600&display=swap');
.temoignages-container-main {
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 80px 20px;
overflow: visible;
}
.temoignages-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 20px;
position: relative;
z-index: 1;
}
.temoignage-card {
background: #fff;
flex: 0 1 350px;
min-height: 400px;
padding: 40px 32px;
border-radius: 35px;
box-shadow: 0 15px 45px rgba(0,0,0,0.07);
display: flex;
flex-direction: column;
transition: all 0.4s ease-in-out;
box-sizing: border-box;
color: #000000;
min-width: 370px;
/* État initial : invisible */
opacity: 0;
}
/* --- LOGIQUE DES HOVERS --- */
.card-1:hover, .card-3:hover {
background: linear-gradient(181deg, #f59d15 79%, #f59d1538 100%);
z-index: 11;
}
.card-2:hover {
background-color: #000000 !important;
z-index: 11;
}
.card-1:hover .avis, .card-1:hover .text-box strong, .card-1:hover .text-box span, .card-1:hover .stars,
.card-2:hover .avis, .card-2:hover .text-box strong, .card-2:hover .text-box span, .card-2:hover .stars,
.card-3:hover .avis, .card-3:hover .text-box strong, .card-3:hover .text-box span, .card-3:hover .stars {
color: #ffffff !important;
}
/* --- POSITIONNEMENT INITIAL (SANS ANIMATION ENCORE) --- */
.card-1 {
transform: rotate(-21deg) translateY(100px);
z-index: 1;
}
.card-2 {
transform: rotate(-7deg) translateY(0);
z-index: 3;
margin-left: -40px;
margin-right: -40px;
}
.card-3 {
transform: rotate(20deg) translateY(100px);
z-index: 3;
}
.card-4 {
flex: 0 1 400px;
margin-top: -10%;
background: #000 !important;
color: #ffffff !important;
border-radius: 40px;
transform: none;
z-index: 5;
box-shadow: 0 25px 50px rgba(0,0,0,0.2);
}
/* --- DECLENCHEMENT DES ANIMATIONS (QUAND LA CLASSE .is-visible EST AJOUTÉE PAR JS) --- */
.is-visible .card-1 {
animation: animCard1 0.8s ease-out 0.2s forwards;
}
.is-visible .card-2 {
animation: animCard2 0.8s ease-out 0.4s forwards;
}
.is-visible .card-3 {
animation: animCard3 0.8s ease-out 0.6s forwards;
}
.is-visible .card-4 {
animation: animCard4 0.8s ease-out 0.8s forwards;
}
/* --- DEFINITION DES KEYFRAMES --- */
@keyframes animCard1 {
0% { opacity: 0; transform: translateX(-150px) rotate(-21deg) translateY(100px); }
100% { opacity: 1; transform: translateX(0) rotate(-21deg) translateY(100px); }
}
@keyframes animCard2 {
0% { opacity: 0; transform: translateY(-150px) rotate(-7deg); }
100% { opacity: 1; transform: translateY(0) rotate(-7deg); }
}
@keyframes animCard3 {
0% { opacity: 0; transform: translateX(150px) rotate(20deg) translateY(100px); }
100% { opacity: 1; transform: translateX(0) rotate(20deg) translateY(100px); }
}
@keyframes animCard4 {
0% { opacity: 0; transform: translateY(100px); }
100% { opacity: 1; transform: translateY(0); }
}
/* --- STYLES GENERAUX --- */
.stars {
color: #F59D15;
font-size: 25px;
margin-bottom: 25px;
text-align: left;
letter-spacing: 5px;
transition: color 0.4s ease;
}
.avis {
font-family: 'Sora', sans-serif;
font-weight: 400;
font-size: 17px;
line-height: 28px;
text-align: left;
margin-bottom: 25px;
flex-grow: 1;
color: inherit;
}
.client-info {
display: flex;
align-items: center;
gap: 15px;
padding-top: 20px;
border-top: none !important;
}
.client-info img {
width: 55px;
height: 55px;
border-radius: 50%;
object-fit: cover;
}
.text-box strong {
font-family: 'Sora', sans-serif;
font-weight: 600;
font-size: 25px;
line-height: 28px;
display: block;
color: inherit;
}
.text-box span {
font-family: 'Sora', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: inherit;
opacity: 0.8;
}
.card-4 .avis, .card-4 .text-box strong, .card-4 .text-box span, .card-4 .stars {
color: #ffffff !important;
}
.decor-icons { position: absolute; width: 120px; z-index: 10; }
.icn-smiley { top: 40%; left: 10px; }
.icn-hand { top: 15%; right: 10px; }
@media(max-width: 1110px) {
.card-1, .card-2, .card-3 { transform: none; margin: 0; flex: 0 1 45%; }
.card-4 { margin-top: 20px; }
/* Animation Mobile simplifiée déclenchée aussi par .is-visible */
.is-visible .card-1, .is-visible .card-2, .is-visible .card-3, .is-visible .card-4 {
animation: simpleFadeUpMobile 0.8s ease-out forwards;
}
.is-visible .card-1 { animation-delay: 0.1s; }
.is-visible .card-2 { animation-delay: 0.2s; }
.is-visible .card-3 { animation-delay: 0.3s; }
.is-visible .card-4 { animation-delay: 0.4s; }
}
@keyframes simpleFadeUpMobile {
0% { opacity: 0; transform: translateY(30px); }
100% { opacity: 1; transform: translateY(0); }
}
@media(max-width: 768px) {
.card-1, .card-2, .card-3, .card-4 { flex: 0 1 100%; min-width: 100%; }
.decor-icons { display: none; }
}
</style>
<div id="temoignages-6a20b7499ca36" class="temoignages-container-main">
<img decoding="async" data-src="https://uteek.uteek-dev.net/wp-content/uploads/2026/01/smiley-orange.png" class="decor-icons icn-smiley lazyload" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==">
<img decoding="async" data-src="https://uteek.uteek-dev.net/wp-content/uploads/2026/01/hand-orange.png" class="decor-icons icn-hand lazyload" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==">
<div class="temoignages-wrapper">
<div class="temoignage-card card-1">
<div class="stars">★★★★★</div>
<div class="avis">Excellente collaboration. Equipe professionnelle et efficace</div>
<div class="client-info">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-03-at-15.43.20.jpeg" alt="Sekou Bah" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/800;">
<div class="text-box">
<strong>Sekou Bah</strong>
<span>Gérant</span>
</div>
</div>
</div>
<div class="temoignage-card card-2">
<div class="stars">★★★★★</div>
<div class="avis">J’ai eu le plaisir de travailler avec cette société pour le compte de l’association AVSI Tunisie dans le cadre du projet SUMUD financer par AICS Tunisie, où elle a développé…</div>
<div class="client-info">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/03/khaled-nsiri.jpg" alt="Khaled Nsiri" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 767px; --smush-placeholder-aspect-ratio: 767/938;">
<div class="text-box">
<strong>Khaled Nsiri</strong>
<span>Coordinateur du projet</span>
</div>
</div>
</div>
<div class="temoignage-card card-3">
<div class="stars">★★★★★</div>
<div class="avis">Merci pour ce travail. Vous avez merveilleusement bien mis en valeur notre mission, nos actions ainsi que toutes les entrepreneures engagées que nous accompagnons !</div>
<div class="client-info">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/1737484632656.jpg" alt="Anne Leila BATEL" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 100px; --smush-placeholder-aspect-ratio: 100/100;">
<div class="text-box">
<strong>Anne Leila BATEL</strong>
<span>Directrice Générale </span>
</div>
</div>
</div>
<div class="temoignage-card card-4">
<div class="stars">★★★★★</div>
<div class="avis">Une équipe très collaborative et extrêmement professionnelle. L’équipe UTEEK sait écouter ses clients, ou partenaires comme elle aime les appeler, et se montre d’une efficacité redoutable dans la conduite des…</div>
<div class="client-info">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/WhatsApp-Image-2026-03-03-at-15.33.40.jpeg" alt="Hosn Tebourski" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 1017px; --smush-placeholder-aspect-ratio: 1017/1415;">
<div class="text-box">
<strong>Hosn Tebourski</strong>
<span>Communications Manager</span>
</div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
var targetId = "temoignages-6a20b7499ca36";
var targetElement = document.getElementById(targetId);
if (targetElement) {
var observer = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
// Ajoute la classe qui déclenche le CSS
targetElement.classList.add('is-visible');
// On arrête d'observer une fois l'animation lancée
observer.unobserve(targetElement);
}
});
}, {
threshold: 0.2 // Déclenche quand 20% du bloc est visible
});
observer.observe(targetElement);
}
});
</script>
</div>
</div>
<div class="elementor-element elementor-element-4a4f685 elementor-widget elementor-widget-text-editor" data-id="4a4f685" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<p>Nous aidons les marques à transformer leurs idées en expériences digitales uniques. Du design élégant au développement sur-mesure, nous créons des solutions qui font la différence.</p> </div>
</div>
</div>
<div class="elementor-element elementor-element-ccdd26e e-flex e-con-boxed e-con e-parent" data-id="ccdd26e" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-b13507f elementor-grid-1 elementor-grid-tablet-1 elementor-grid-mobile-1 elementor-invisible elementor-widget elementor-widget-loop-grid" data-id="b13507f" data-element_type="widget" data-e-type="widget" data-settings="{"template_id":605,"row_gap":{"unit":"px","size":0,"sizes":[]},"columns":1,"columns_tablet":1,"_animation":"fadeInUp","_skin":"post","columns_mobile":"1","edit_handle_selector":"[data-elementor-type=\"loop-item\"]","row_gap_tablet":{"unit":"px","size":"","sizes":[]},"row_gap_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="loop-grid.post">
<div class="elementor-widget-container">
<div class="elementor-loop-container elementor-grid" role="list">
<style id="loop-dynamic-605">.e-loop-item-599 .elementor-element.elementor-element-4f34b82:not(.elementor-motion-effects-element-type-background), .e-loop-item-599 .elementor-element.elementor-element-4f34b82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#62b2df;}</style><style id="loop-605">.elementor-605 .elementor-element.elementor-element-4f34b82{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--border-radius:48px 48px 48px 48px;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-605 .elementor-element.elementor-element-3b7cb0f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-605 .elementor-element.elementor-element-0637306{width:var( --container-widget-width, 555px );max-width:555px;--container-widget-width:555px;--container-widget-flex-grow:0;}.elementor-605 .elementor-element.elementor-element-0637306 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:64px;font-weight:700;line-height:67px;letter-spacing:-2.88px;color:#FFFFFF;}.elementor-605 .elementor-element.elementor-element-20ad1cc{width:var( --container-widget-width, 280px );max-width:280px;--container-widget-width:280px;--container-widget-flex-grow:0;color:#FFFFFF;}.elementor-605 .elementor-element.elementor-element-7a63b51{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-605 .elementor-element.elementor-element-735bc95 .elementor-button{background-color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:13px;font-weight:900;text-transform:uppercase;fill:#000000;color:#000000;border-style:none;border-radius:16px 16px 16px 16px;padding:15px 25px 15px 25px;}.elementor-605 .elementor-element.elementor-element-735bc95 .elementor-button:hover, .elementor-605 .elementor-element.elementor-element-735bc95 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#000000;border-color:var( --e-global-color-primary );}.elementor-605 .elementor-element.elementor-element-735bc95.elementor-element{--align-self:center;}.elementor-605 .elementor-element.elementor-element-735bc95 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-605 .elementor-element.elementor-element-735bc95 .elementor-button:hover svg, .elementor-605 .elementor-element.elementor-element-735bc95 .elementor-button:focus svg{fill:#000000;}@media(max-width:1024px){.elementor-605 .elementor-element.elementor-element-4f34b82{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-605 .elementor-element.elementor-element-3b7cb0f{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-605 .elementor-element.elementor-element-0637306 .elementor-heading-title{font-size:52px;}}@media(max-width:767px){.elementor-605 .elementor-element.elementor-element-4f34b82{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-605 .elementor-element.elementor-element-0637306 .elementor-heading-title{font-size:32px;line-height:35px;letter-spacing:-1.5px;}.elementor-605 .elementor-element.elementor-element-7a63b51{--content-width:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}}@media(min-width:768px){.elementor-605 .elementor-element.elementor-element-4f34b82{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-605 .elementor-element.elementor-element-3b7cb0f{--content-width:100%;}}/* Start custom CSS for button, class: .elementor-element-735bc95 */.elementor-button-content-wrapper {
align-items: center;
}
.elementor-button-icon {
font-size: 20px;
}/* End custom CSS */</style> <div data-elementor-type="loop-item" data-elementor-id="605" class="elementor elementor-605 e-loop-item e-loop-item-599 post-599 service type-service status-publish has-post-thumbnail hentry prestation-analyse-data-intelligence prestation-automatisation-ia-metier prestation-integration-dapi-ia-tierces prestation-performance-securite prestation-technologies-de-pointe" data-elementor-post-type="elementor_library" data-custom-edit-handle="1">
<div class="elementor-element elementor-element-4f34b82 e-flex e-con-boxed e-con e-parent" data-id="4f34b82" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-3b7cb0f e-flex e-con-boxed e-con e-child" data-id="3b7cb0f" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-0637306 elementor-widget__width-initial elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading" data-id="0637306" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-title.default">
<h3 class="elementor-heading-title elementor-size-default">Intelligence Artificielle</h3> </div>
<div class="elementor-element elementor-element-20ad1cc elementor-widget__width-initial elementor-widget elementor-widget-theme-post-excerpt" data-id="20ad1cc" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-excerpt.default">
<p>Des solutions IA concrètes, pensées pour résoudre de vrais enjeux métiers.</p> </div>
</div>
</div>
<div class="elementor-element elementor-element-15d5f94 elementor-widget elementor-widget-shortcode" data-id="15d5f94" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
<div class="elementor-shortcode"> <style>
.prestations-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 0px;
}
.prestation-item {
border: 3px solid rgb(255 255 255 ) !important;
border-radius: 20px;
padding: 25px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 150px;
}
.prestation-icon {
width: 40px;
height: 40px;
margin-bottom: 15px;
flex-shrink: 0;
}
.prestation-icon img {
width: 100%;
height: auto;
filter: brightness(0) invert(1);
}
.prestation-name {
font-size: 18px;
font-weight: 600;
color: #ffffff;
margin: 0;
line-height: 1.2;
}
/* VERSION MOBILE */
@media (max-width: 768px) {
.prestations-grid {
grid-template-columns: 1fr;
}
.prestation-item {
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 20px;
min-height: auto;
padding: 15px 20px;
}
.prestation-icon {
margin-bottom: 0;
width: 30px !important;
}
}
</style>
<div class="prestations-grid">
<div class="prestation-item">
<div class="prestation-icon">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/04/recherche.svg" alt="Analyse & Data Intelligence" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
</div>
<h3 class="prestation-name">Analyse & Data Intelligence</h3>
</div>
<div class="prestation-item">
<div class="prestation-icon">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/04/assistant-personnel-1.svg" alt="Automatisation & IA métier" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
</div>
<h3 class="prestation-name">Automatisation & IA métier</h3>
</div>
<div class="prestation-item">
<div class="prestation-icon">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/04/api.svg" alt="Intégration d’API & IA tierces" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
</div>
<h3 class="prestation-name">Intégration d’API & IA tierces</h3>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-7a63b51 e-flex e-con-boxed e-con e-child" data-id="7a63b51" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-a436058 elementor-widget elementor-widget-shortcode" data-id="a436058" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
<div class="elementor-shortcode"></div>
</div>
<div class="elementor-element elementor-element-735bc95 elementor-widget elementor-widget-button" data-id="735bc95" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://uteek.net/service/intelligence-artificielle/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"><path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="black"></path></svg> </span>
<span class="elementor-button-text">Découvrir</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style id="loop-dynamic-605">.e-loop-item-598 .elementor-element.elementor-element-4f34b82:not(.elementor-motion-effects-element-type-background), .e-loop-item-598 .elementor-element.elementor-element-4f34b82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#beb700;}</style> <div data-elementor-type="loop-item" data-elementor-id="605" class="elementor elementor-605 e-loop-item e-loop-item-598 post-598 service type-service status-publish has-post-thumbnail hentry prestation-creation-daffiches-supports-print prestation-design-dinterface prestation-direction-artistique prestation-identite-branding prestation-identite-visuelle prestation-recherche-utilisateur prestation-responsive-design prestation-supports-communication prestation-ux-mobile-performance" data-elementor-post-type="elementor_library" data-custom-edit-handle="1">
<div class="elementor-element elementor-element-4f34b82 e-flex e-con-boxed e-con e-parent" data-id="4f34b82" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-3b7cb0f e-flex e-con-boxed e-con e-child" data-id="3b7cb0f" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-0637306 elementor-widget__width-initial elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading" data-id="0637306" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-title.default">
<h3 class="elementor-heading-title elementor-size-default">Design graphique</h3> </div>
<div class="elementor-element elementor-element-20ad1cc elementor-widget__width-initial elementor-widget elementor-widget-theme-post-excerpt" data-id="20ad1cc" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-excerpt.default">
<p>Le design au service de l’expérience, de l’émotion et de la performance digitale.</p> </div>
</div>
</div>
<div class="elementor-element elementor-element-15d5f94 elementor-widget elementor-widget-shortcode" data-id="15d5f94" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
<div class="elementor-shortcode"> <style>
.prestations-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 0px;
}
.prestation-item {
border: 3px solid rgb(255 255 255 ) !important;
border-radius: 20px;
padding: 25px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 150px;
}
.prestation-icon {
width: 40px;
height: 40px;
margin-bottom: 15px;
flex-shrink: 0;
}
.prestation-icon img {
width: 100%;
height: auto;
filter: brightness(0) invert(1);
}
.prestation-name {
font-size: 18px;
font-weight: 600;
color: #ffffff;
margin: 0;
line-height: 1.2;
}
/* VERSION MOBILE */
@media (max-width: 768px) {
.prestations-grid {
grid-template-columns: 1fr;
}
.prestation-item {
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 20px;
min-height: auto;
padding: 15px 20px;
}
.prestation-icon {
margin-bottom: 0;
width: 30px !important;
}
}
</style>
<div class="prestations-grid">
<div class="prestation-item">
<div class="prestation-icon">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Creation-daffiches-icon.svg" alt="Création d’affiches & supports print" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
</div>
<h3 class="prestation-name">Création d’affiches & supports print</h3>
</div>
<div class="prestation-item">
<div class="prestation-icon">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Design-interface-icon.svg" alt="Design d'interface" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
</div>
<h3 class="prestation-name">Design d'interface</h3>
</div>
<div class="prestation-item">
<div class="prestation-icon">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Direction-icon.svg" alt="Direction artistique" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
</div>
<h3 class="prestation-name">Direction artistique</h3>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-7a63b51 e-flex e-con-boxed e-con e-child" data-id="7a63b51" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-a436058 elementor-widget elementor-widget-shortcode" data-id="a436058" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
<div class="elementor-shortcode"></div>
</div>
<div class="elementor-element elementor-element-735bc95 elementor-widget elementor-widget-button" data-id="735bc95" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://uteek.net/service/design-graphique/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"><path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="black"></path></svg> </span>
<span class="elementor-button-text">Découvrir</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style id="loop-dynamic-605">.e-loop-item-597 .elementor-element.elementor-element-4f34b82:not(.elementor-motion-effects-element-type-background), .e-loop-item-597 .elementor-element.elementor-element-4f34b82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ef3e42;}</style> <div data-elementor-type="loop-item" data-elementor-id="605" class="elementor elementor-605 e-loop-item e-loop-item-597 post-597 service type-service status-publish has-post-thumbnail hentry prestation-accompagnement-complet prestation-backend-integrations prestation-developpement-natif-cross-platform prestation-technologies-de-pointe prestation-une-equipe-dexperts-mobile prestation-ux-mobile-performance" data-elementor-post-type="elementor_library" data-custom-edit-handle="1">
<div class="elementor-element elementor-element-4f34b82 e-flex e-con-boxed e-con e-parent" data-id="4f34b82" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-3b7cb0f e-flex e-con-boxed e-con e-child" data-id="3b7cb0f" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-0637306 elementor-widget__width-initial elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading" data-id="0637306" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-title.default">
<h3 class="elementor-heading-title elementor-size-default">Application Mobile</h3> </div>
<div class="elementor-element elementor-element-20ad1cc elementor-widget__width-initial elementor-widget elementor-widget-theme-post-excerpt" data-id="20ad1cc" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-excerpt.default">
<p>Des applications mobiles qui rapprochent votre marque de ses utilisateurs, au quotidien.</p> </div>
</div>
</div>
<div class="elementor-element elementor-element-15d5f94 elementor-widget elementor-widget-shortcode" data-id="15d5f94" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
<div class="elementor-shortcode"> <style>
.prestations-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 0px;
}
.prestation-item {
border: 3px solid rgb(255 255 255 ) !important;
border-radius: 20px;
padding: 25px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 150px;
}
.prestation-icon {
width: 40px;
height: 40px;
margin-bottom: 15px;
flex-shrink: 0;
}
.prestation-icon img {
width: 100%;
height: auto;
filter: brightness(0) invert(1);
}
.prestation-name {
font-size: 18px;
font-weight: 600;
color: #ffffff;
margin: 0;
line-height: 1.2;
}
/* VERSION MOBILE */
@media (max-width: 768px) {
.prestations-grid {
grid-template-columns: 1fr;
}
.prestation-item {
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 20px;
min-height: auto;
padding: 15px 20px;
}
.prestation-icon {
margin-bottom: 0;
width: 30px !important;
}
}
</style>
<div class="prestations-grid">
<div class="prestation-item">
<div class="prestation-icon">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/03/accompagnement-complet-1.svg" alt="Accompagnement complet" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
</div>
<h3 class="prestation-name">Accompagnement complet</h3>
</div>
<div class="prestation-item">
<div class="prestation-icon">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/03/backend_Integrations.svg" alt="Backend & Intégrations" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
</div>
<h3 class="prestation-name">Backend & Intégrations</h3>
</div>
<div class="prestation-item">
<div class="prestation-icon">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/03/developpement_natif_cross_platform.svg" alt="Développement natif & cross-platform" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
</div>
<h3 class="prestation-name">Développement natif & cross-platform</h3>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-7a63b51 e-flex e-con-boxed e-con e-child" data-id="7a63b51" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-a436058 elementor-widget elementor-widget-shortcode" data-id="a436058" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
<div class="elementor-shortcode"></div>
</div>
<div class="elementor-element elementor-element-735bc95 elementor-widget elementor-widget-button" data-id="735bc95" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://uteek.net/service/application-mobile/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"><path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="black"></path></svg> </span>
<span class="elementor-button-text">Découvrir</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style id="loop-dynamic-605">.e-loop-item-596 .elementor-element.elementor-element-4f34b82:not(.elementor-motion-effects-element-type-background), .e-loop-item-596 .elementor-element.elementor-element-4f34b82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6f63da;}</style> <div data-elementor-type="loop-item" data-elementor-id="605" class="elementor elementor-605 e-loop-item e-loop-item-596 post-596 service type-service status-publish has-post-thumbnail hentry prestation-architecture-scalable prestation-cloud-devops prestation-developpement-moderne prestation-integration-api prestation-maintenance-continue prestation-performance-securite prestation-responsive-design" data-elementor-post-type="elementor_library" data-custom-edit-handle="1">
<div class="elementor-element elementor-element-4f34b82 e-flex e-con-boxed e-con e-parent" data-id="4f34b82" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-3b7cb0f e-flex e-con-boxed e-con e-child" data-id="3b7cb0f" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-0637306 elementor-widget__width-initial elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading" data-id="0637306" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-title.default">
<h3 class="elementor-heading-title elementor-size-default">Développment web</h3> </div>
<div class="elementor-element elementor-element-20ad1cc elementor-widget__width-initial elementor-widget elementor-widget-theme-post-excerpt" data-id="20ad1cc" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-excerpt.default">
<p>Des applications web performantes, évolutives et pensées pour vos utilisateurs.</p> </div>
</div>
</div>
<div class="elementor-element elementor-element-15d5f94 elementor-widget elementor-widget-shortcode" data-id="15d5f94" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
<div class="elementor-shortcode"> <style>
.prestations-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 0px;
}
.prestation-item {
border: 3px solid rgb(255 255 255 ) !important;
border-radius: 20px;
padding: 25px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 150px;
}
.prestation-icon {
width: 40px;
height: 40px;
margin-bottom: 15px;
flex-shrink: 0;
}
.prestation-icon img {
width: 100%;
height: auto;
filter: brightness(0) invert(1);
}
.prestation-name {
font-size: 18px;
font-weight: 600;
color: #ffffff;
margin: 0;
line-height: 1.2;
}
/* VERSION MOBILE */
@media (max-width: 768px) {
.prestations-grid {
grid-template-columns: 1fr;
}
.prestation-item {
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 20px;
min-height: auto;
padding: 15px 20px;
}
.prestation-icon {
margin-bottom: 0;
width: 30px !important;
}
}
</style>
<div class="prestations-grid">
<div class="prestation-item">
<div class="prestation-icon">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/website-design-1.png" alt="Architecture scalable" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 46px; --smush-placeholder-aspect-ratio: 46/46;">
</div>
<h3 class="prestation-name">Architecture scalable</h3>
</div>
<div class="prestation-item">
<div class="prestation-icon">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/Vector-1.png" alt="Cloud & DevOps" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 45px; --smush-placeholder-aspect-ratio: 45/46;">
</div>
<h3 class="prestation-name">Cloud & DevOps</h3>
</div>
<div class="prestation-item">
<div class="prestation-icon">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/fenetre-de-code-1-1.png" alt="Développement moderne" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 46px; --smush-placeholder-aspect-ratio: 46/46;">
</div>
<h3 class="prestation-name">Développement moderne</h3>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-7a63b51 e-flex e-con-boxed e-con e-child" data-id="7a63b51" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-a436058 elementor-widget elementor-widget-shortcode" data-id="a436058" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
<div class="elementor-shortcode"></div>
</div>
<div class="elementor-element elementor-element-735bc95 elementor-widget elementor-widget-button" data-id="735bc95" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://uteek.net/service/developpment-web/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"><path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="black"></path></svg> </span>
<span class="elementor-button-text">Découvrir</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-f99fc6f elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="f99fc6f" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-f071301 e-con-full e-flex e-con e-child" data-id="f071301" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-7a6c66f elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading" data-id="7a6c66f" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"fadeInLeft"}" data-widget_type="heading.default">
<h3 class="elementor-heading-title elementor-size-default">Les experts derrière nos solutions</h3> </div>
<div class="elementor-element elementor-element-47ab9e7 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-button" data-id="47ab9e7" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://uteek.net/a-propos/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"><path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="black"></path></svg> </span>
<span class="elementor-button-text">Apprenez à nous connaître</span>
</span>
</a>
</div>
</div>
<div class="elementor-element elementor-element-b534f67 e-con-full e-flex e-con e-child" data-id="b534f67" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-103862d elementor-widget elementor-widget-shortcode" data-id="103862d" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
<div class="elementor-shortcode">
<style>
.equipe-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
max-width: 1200px;
margin: 0 auto;
padding: 40px 0px;
align-items: center;
}
.member-wrapper {
width: 100%;
max-width: 260px;
transition: all 0.3s ease-in-out;
text-align: center;
justify-self: center;
}
.member-wrapper:hover {
transform: scale(1.08) translateY(-5px);
}
/* Sur desktop, le premier membre prend toute la hauteur */
.member-wrapper:first-child {
grid-row: span 2;
}
.img-membre {
width: 100%;
height: auto;
display: block;
object-fit: contain;
}
/* Bouton "Apprenez à nous connaître" */
.uteek-btn-equipe {
display: none; /* Caché sur desktop par défaut */
background-color: #FFFFFF;
font-family: "Sora", Sans-serif;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
color: #000000;
border: 1px solid #000000;
border-radius: 16px;
padding: 19px 25px;
text-decoration: none;
transition: all 0.3s ease;
align-items: center;
justify-content: center;
gap: 10px;
text-align: center;
width: fit-content;
justify-self: center;
}
.uteek-btn-equipe:hover {
background-color: #F59D15;
color: #000000;
border-color: #F59D15;
}
.uteek-btn-equipe svg {
width: 20px;
height: 20px;
}
/* Responsive Tablet & Mobile (2 colonnes) */
@media (max-width: 1024px) {
.equipe-grid {
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.member-wrapper:first-child {
grid-row: auto; /* Reset du span sur mobile */
}
.member-wrapper {
max-width: 200px;
}
.uteek-btn-equipe {
display: flex;
/* Prend les 2 colonnes pour forcer le passage à la ligne */
grid-column: span 2;
margin-top: 20px;
}
}
@media (max-width: 600px) {
.equipe-grid {
padding: 20px 10px;
}
/* Si vous passez en 1 seule colonne sur mobile très petit */
/* .equipe-grid { grid-template-columns: 1fr; }
.uteek-btn-equipe { grid-column: span 1; } */
}
</style>
<div class="equipe-grid">
<div class="member-wrapper">
<img decoding="async" width="268" height="208" data-src="https://uteek.net/wp-content/uploads/2026/01/Amin.webp" class="img-membre wp-post-image lazyload" alt="Amin" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 268px; --smush-placeholder-aspect-ratio: 268/208;" /> </div>
<div class="member-wrapper">
<img decoding="async" width="269" height="211" data-src="https://uteek.net/wp-content/uploads/2026/01/iyadh.webp" class="img-membre wp-post-image lazyload" alt="Iyadh" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 269px; --smush-placeholder-aspect-ratio: 269/211;" /> </div>
<div class="member-wrapper">
<img decoding="async" width="270" height="226" data-src="https://uteek.net/wp-content/uploads/2026/01/chayma-e1768232527694.webp" class="img-membre wp-post-image lazyload" alt="Chayma E1768232527694" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 270px; --smush-placeholder-aspect-ratio: 270/226;" /> </div>
<div class="member-wrapper">
<img decoding="async" width="735" height="768" data-src="https://uteek.net/wp-content/uploads/2026/01/hejer.webp" class="img-membre wp-post-image lazyload" alt="Hejer" data-srcset="https://uteek.net/wp-content/uploads/2026/01/hejer.webp 735w, https://uteek.net/wp-content/uploads/2026/01/hejer-287x300.webp 287w" data-sizes="(max-width: 735px) 100vw, 735px" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 735px; --smush-placeholder-aspect-ratio: 735/768;" /> </div>
<a href="/a-propos/" class="uteek-btn-equipe">
<span>Apprenez à nous connaître</span>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
<path
d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z"
fill="black" />
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-8a79be1 e-flex e-con-boxed e-con e-parent" data-id="8a79be1" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-41f717a elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading" data-id="41f717a" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"fadeInDown"}" data-widget_type="heading.default">
<h2 class="elementor-heading-title elementor-size-default">Dites-nous en plus, on revient vers vous très vite !</h2> </div>
<div class="elementor-element elementor-element-959e666 elementor-widget elementor-widget-shortcode" data-id="959e666" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
<div class="elementor-shortcode"> <style>
:root {
--primary-color: #F59D15;
--bg-dark: #000000;
--text-white: #ffffff;
--transition-smooth: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.uteek-form-container { background-color:var(--bg-dark); padding:40px 0; max-width:100%; color:var(--text-white); font-family:'Inter',sans-serif; opacity:0; transform:translateY(30px); animation:uteekFadeInUp 0.8s forwards ease-out; }
@keyframes uteekFadeInUp { to { opacity:1; transform:translateY(0); } }
.uteek-form form { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.elementor-element.elementor-element-959e666.elementor-widget.elementor-widget-shortcode .uteek-form-container { border:none; }
.uteek-full-width { grid-column:span 2; }
.uteek-field-group { display:flex; flex-direction:column; position:relative; overflow:hidden; }
.uteek-field-group label { margin-bottom:12px; color:var(--text-white); font-family:Sora,sans-serif; font-weight:600; font-size:24px; letter-spacing:-0.5px; transition:var(--transition-smooth); }
.uteek-field-group label span { color:var(--primary-color); }
.uteek-form input, .uteek-form textarea { width:100%; border:none !important; border-bottom:1px solid rgba(255,255,255,0.3) !important; background-color:transparent !important; color:var(--text-white) !important; padding:12px 0 !important; font-size:16px; outline:none; box-sizing:border-box; transition:var(--transition-smooth); }
.uteek-form input:focus, .uteek-form textarea:focus { border-bottom-color:var(--primary-color) !important; }
.uteek-field-group::after { content:''; position:absolute; bottom:0; left:50%; width:0; height:2px; background-color:var(--primary-color); transition:var(--transition-smooth); transform:translateX(-50%); }
.uteek-field-group:focus-within::after { width:100%; }
.uteek-phone-wrapper { display:flex; align-items:center; border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:12px; transition:var(--transition-smooth); position:relative; }
.uteek-phone-wrapper:focus-within::after { width:100%; }
.uteek-form .uteek-phone-wrapper:focus-within { border-bottom-color:transparent; }
.uteek-phone-prefix { display:flex; align-items:center; gap:12px; color:var(--text-white); font-size:16px; margin-right:15px; user-select:none; font-weight:500; }
.uteek-phone-wrapper input { border-bottom:none !important; padding:5px 0 !important; margin:0 !important; }
.uteek-details-row { display:flex; align-items:flex-end; gap:24px; width:100%; }
.uteek-details-input { width:95%; }
.uteek-upload-zone { width:5%; display:flex; flex-direction:column; align-items:flex-end; position:relative; min-width:64px; }
.uteek-upload-btn { cursor:pointer; transition:var(--transition-smooth); display:flex; margin-bottom:5px; }
.uteek-upload-btn svg { width:56px; height:56px; transition:var(--transition-smooth); }
.uteek-upload-btn:hover svg { transform:rotate(15deg) scale(1.1); }
#uteek_file_name { font-size:11px; color:var(--primary-color); position:absolute; bottom:-25px; right:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:150px; }
.uteek-submit-container { grid-column:span 2; margin-top:50px; }
.uteek-form button { width:100%; background-color:#ffffff !important; color:#000000 !important; padding:22px; border-radius:12px; cursor:pointer; font-weight:800; text-transform:uppercase; display:flex; align-items:center; justify-content:center; gap:16px; border:none; font-size:16px; transition:var(--transition-smooth); position:relative; overflow:hidden; z-index:1; }
.uteek-form button:hover { transform:translateY(-3px); box-shadow:0 10px 30px rgba(245,157,21,0.3); background-color:var(--primary-color) !important; }
.uteek-form button::after { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent); transition:0.6s; z-index:2; }
.uteek-form button:hover::after { left:100%; }
.uteek-form button.loading { background-color:var(--primary-color) !important; color:transparent !important; pointer-events:none; }
.uteek-form button .spinning-logo { display:none; position:absolute; left:-50px; width:40px; height:auto; z-index:3; filter:brightness(0); }
.uteek-form button.loading .spinning-logo { display:block; animation:uteekLogoFloat 2s 1 forwards linear; }
@keyframes uteekLogoFloat { 0%{left:-50px;opacity:0;} 15%{opacity:1;} 85%{opacity:1;} 100%{left:100%;opacity:0;} }
.uteek-form button span, .uteek-form button svg { position:relative; z-index:1; transition:var(--transition-smooth); }
@media (max-width:768px) {
.uteek-form-container { padding:40px 20px; border:1px solid #dedede; }
.uteek-form form { grid-template-columns:1fr; gap:25px; }
.uteek-full-width, .uteek-submit-container { grid-column:span 1; }
.uteek-field-group label { font-size:20px; }
.uteek-details-row { flex-direction:column; align-items:flex-start; gap:10px; }
.uteek-details-input, .uteek-upload-zone { width:100%; }
.uteek-upload-zone { align-items:flex-start; margin-top:10px; min-width:auto; }
}
.uteek-success { background:rgba(245,157,21,0.1); color:var(--primary-color); font-weight:800; margin-bottom:30px; padding:25px; border:2px solid #F59D15; border-radius:12px; text-align:center; font-size:18px; animation:uteekScaleIn 0.4s cubic-bezier(0.175,0.885,0.32,1.275); }
@keyframes uteekScaleIn { from{opacity:0;transform:scale(0.9);} to{opacity:1;transform:scale(1);} }
</style>
<div class="uteek-form-container">
<div class="uteek-form">
<div id="uteek-success-message" style="display:none;" class="uteek-success"></div>
<form id="uteek-contact-form" method="POST" enctype="multipart/form-data">
<div class="uteek-field-group">
<label>Nom complet <span>*</span></label>
<input type="text" name="nom_prenom" placeholder="Votre nom" required>
</div>
<div class="uteek-field-group">
<label>Entreprise <span>*</span></label>
<input type="text" name="nom_osc" placeholder="Nom de l'entreprise" required>
</div>
<div class="uteek-field-group">
<label>Email <span>*</span></label>
<input type="email" name="email_client" placeholder="email@exemple.com" required>
</div>
<div class="uteek-field-group">
<label>Numéro de téléphone <span>*</span></label>
<div class="uteek-phone-wrapper">
<input type="tel" name="telephone" placeholder="12 345 678" required>
</div>
</div>
<div class="uteek-full-width">
<div class="uteek-details-row">
<div class="uteek-details-input">
<div class="uteek-field-group">
<label>Détails du projet <span>*</span></label>
<textarea name="message" placeholder="Décrivez votre projet..." rows="2" required></textarea>
</div>
</div>
<div class="uteek-upload-zone">
<label for="uteek_file" class="uteek-upload-btn">
<svg width="56" height="56" viewbox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="56" height="56" rx="16" fill="#F59D15"/>
<path d="M34 31.75C34 33.4833 33.3917 34.9583 32.175 36.175C30.9583 37.3917 29.4833 38 27.75 38C26.0167 38 24.5417 37.3917 23.325 36.175C22.1083 34.9583 21.5 33.4833 21.5 31.75V22.5C21.5 21.25 21.9375 20.1875 22.8125 19.3125C23.6875 18.4375 24.75 18 26 18C27.25 18 28.3125 18.4375 29.1875 19.3125C30.0625 20.1875 30.5 21.25 30.5 22.5V31.25C30.5 32.0167 30.2333 32.6667 29.7 33.2C29.1667 33.7333 28.5167 34 27.75 34C26.9833 34 26.3333 33.7333 25.8 33.2C25.2667 32.6667 25 32.0167 25 31.25V22H27V31.25C27 31.4667 27.0708 31.6458 27.2125 31.7875C27.3542 31.9292 27.5333 32 27.75 32C27.9667 32 28.1458 31.9292 28.2875 31.7875C28.4292 31.6458 28.5 31.4667 28.5 31.25V22.5C28.4833 21.8 28.2375 21.2083 27.7625 20.725C27.2875 20.2417 26.7 20 26 20C25.3 20 24.7083 20.2417 24.225 20.725C23.7417 21.2083 23.5 21.8 23.5 22.5V31.75C23.4833 32.9333 23.8917 33.9375 24.725 34.7625C25.5583 35.5875 26.5667 36 27.75 36C28.9167 36 29.9083 35.5875 30.725 34.7625C31.5417 33.9375 31.9667 32.9333 32 31.75V22H34V31.75Z" fill="black"/>
</svg>
</label>
<input type="file" name="uteek_file" id="uteek_file" style="display:none;"
onchange="document.getElementById('uteek_file_name').innerHTML = this.files[0].name">
<span id="uteek_file_name"></span>
</div>
</div>
</div>
<div class="uteek-submit-container">
<button type="submit" id="uteek-submit-btn">
<img decoding="async" data-src="https://uteek.net/wp-content/uploads/2026/01/logo.svg" class="spinning-logo lazyload" alt="UTEEK Logo" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==">
<span class="btn-text">BRIEFEZ-NOUS</span>
<svg width="20" height="20" viewbox="0 0 20 20">
<path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM7.61523 6.69238V8.69238H9.89355L6.27832 12.3076L7.69238 13.7217L11.3076 10.1064V12.3848H13.3076V6.69238H7.61523Z" fill="currentColor"/>
</svg>
</button>
</div>
</form>
</div>
</div>
<script>
jQuery(document).ready(function($) {
$('#uteek-contact-form').on('submit', function(e) {
e.preventDefault();
var form = this;
var submitBtn = $('#uteek-submit-btn');
var btnText = submitBtn.find('.btn-text');
var originalText = btnText.text();
submitBtn.addClass('loading');
btnText.text('TRAITEMENT...');
// ✅ reCAPTCHA v3 : exécuter avant l'envoi
grecaptcha.ready(function() {
grecaptcha.execute('6Lc0LqssAAAAAM7YrC3UqBkQNVYEY_q3xxrMPHLl', { action: 'contact_uteek' })
.then(function(token) {
var formData = new FormData(form);
formData.append('action', 'uteek_contact_submit');
formData.append('recaptcha_token', token); // ✅ ajout du token
$.ajax({
url: 'https://uteek.net/wp-admin/admin-ajax.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
if (response.success) {
$('#uteek-success-message').html(response.data.message).fadeIn();
$('#uteek-contact-form')[0].reset();
$('#uteek_file_name').text('');
setTimeout(function() {
submitBtn.removeClass('loading');
btnText.text(originalText);
}, 1000);
} else {
alert(response.data.message || 'Une erreur est survenue.');
submitBtn.removeClass('loading');
btnText.text(originalText);
}
},
error: function() {
alert('Une erreur est survenue. Veuillez réessayer.');
submitBtn.removeClass('loading');
btnText.text(originalText);
}
});
});
});
});
});
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer data-elementor-type="footer" data-elementor-id="407" class="elementor elementor-407 elementor-location-footer" data-elementor-post-type="elementor_library">
<div class="elementor-element elementor-element-fc4c573 e-flex e-con-boxed e-con e-parent" data-id="fc4c573" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-7c53738 e-flex e-con-boxed e-con e-child" data-id="7c53738" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-6f9e3e0 elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="6f9e3e0" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"fadeInLeft"}" data-widget_type="theme-site-logo.default">
<a href="https://uteek.net">
<img width="84" height="64" data-src="https://uteek.net/wp-content/uploads/2026/01/logo.svg" class="attachment-full size-full wp-image-22 lazyload" alt="Logo" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 84px; --smush-placeholder-aspect-ratio: 84/64;" /> </a>
</div>
<div class="elementor-element elementor-element-022838a elementor-invisible elementor-widget elementor-widget-shortcode" data-id="022838a" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"fadeInRight"}" data-widget_type="shortcode.default">
<div class="elementor-shortcode">
<style>
.uteek-badge-container {
display: inline-flex;
align-items: center;
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 60px;
padding: 10px 20px;
text-decoration: none !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
font-family: sans-serif;
transition: all 0.3s ease;
}
.uteek-badge-container:hover {
transform: translateY(-3px);
box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}
.utk-google-logo {
width: 90px;
margin-right: 25px;
border-right: 1px solid #eee;
padding-right: 0px;
}
.utk-avatars {
display: flex;
margin-right: 20px;
}
.utk-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #fff;
margin-left: -15px;
background-size: cover;
background-position: center;
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}
.utk-avatar:first-child { margin-left: 0; }
.utk-text {
display: flex;
flex-direction: column;
}
.utk-stars-row {
display: flex;
align-items: center;
gap: 8px;
}
.utk-rating {
font-size: 24px;
font-weight: 600!important;
color: #1a1a1a;
}
.utk-stars {
color: #fbbc05;
font-size: 16px;
letter-spacing: 2px;
}
.utk-sub {
font-size: 15px;
color: #444;
font-weight: 400;
}
</style>
<a href="https://www.google.com/search?q=uteek&oq=uteek+&gs_lcrp=EgZjaHJvbWUqBggAEEUYOzIGCAAQRRg7MgYIARBFGDwyBggCEEUYPDIGCAMQRRhBMgYIBBBFGDwyBggFEEUYPDIGCAYQRRg8MgYIBxBFGEHSAQgxNTk5ajBqNKgCALACAQ&sourceid=chrome&ie=UTF-8#lrd=0x12fd4aabe3b2ebe1:0xbb3f5ebcf16e368d,1,,,," target="_blank" class="uteek-badge-container">
<img data-src="https://upload.wikimedia.org/wikipedia/commons/2/2f/Google_2015_logo.svg" class="utk-google-logo lazyload" alt="Google" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==">
<div class="utk-avatars">
<div class="utk-avatar lazyload" style="background-image:inherit;" data-bg-image="url('https://uteek.uteek-dev.net/wp-content/uploads/2026/01/image-1.png')"></div>
<div class="utk-avatar lazyload" style="background-image:inherit;" data-bg-image="url('https://uteek.uteek-dev.net/wp-content/uploads/2026/01/image-2.png')"></div>
<div class="utk-avatar lazyload" style="background-image:inherit;" data-bg-image="url('https://uteek.uteek-dev.net/wp-content/uploads/2026/01/image-3.png')"></div>
</div>
<div class="utk-text">
<div class="utk-stars-row">
<span class="utk-rating">4,9</span>
<span class="utk-stars">★★★★★</span>
</div>
<span class="utk-sub">Basé sur 16 avis Google</span>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-d9b8859 e-flex e-con-boxed e-con e-child" data-id="d9b8859" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-b3ca061 e-con-full e-flex elementor-invisible e-con e-child" data-id="b3ca061" data-element_type="container" data-e-type="container" data-settings="{"animation":"fadeInLeft"}">
<div class="elementor-element elementor-element-271ca51 elementor-widget elementor-widget-heading" data-id="271ca51" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h2 class="elementor-heading-title elementor-size-default">Où le design <br>
rencontre le code</h2> </div>
</div>
<div class="elementor-element elementor-element-4a21820 e-con-full e-flex elementor-invisible e-con e-child" data-id="4a21820" data-element_type="container" data-e-type="container" data-settings="{"animation":"fadeInRight"}">
<div class="elementor-element elementor-element-28d5a91 elementor-widget elementor-widget-heading" data-id="28d5a91" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h3 class="elementor-heading-title elementor-size-default">Navigation</h3> </div>
<div class="elementor-element elementor-element-489133e elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="489133e" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://uteek.net/a-propos/">
<span class="elementor-icon-list-text">A propos</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://uteek.net/services-web-mobile-design/">
<span class="elementor-icon-list-text">Services</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://uteek.net/realisations/">
<span class="elementor-icon-list-text">Réalisations</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://uteek.net/commencer-un-projet/">
<span class="elementor-icon-list-text">Nous rejoindre</span>
</a>
</li>
</ul>
</div>
</div>
<div class="elementor-element elementor-element-5a3d18f e-con-full e-flex elementor-invisible e-con e-child" data-id="5a3d18f" data-element_type="container" data-e-type="container" data-settings="{"animation":"fadeInRight"}">
<div class="elementor-element elementor-element-d12291a elementor-widget elementor-widget-heading" data-id="d12291a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h3 class="elementor-heading-title elementor-size-default">Réseaux sociaux</h3> </div>
<div class="elementor-element elementor-element-e5cc16d elementor-align-start elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="e5cc16d" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="http://linkedin.com/company/uteek/" target="_blank">
<span class="elementor-icon-list-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 11 11" fill="none"><path d="M1.41431 9L9.41431 1M9.41431 1H3.01431M9.41431 1V7.4" stroke="#F59D15" stroke-width="2" stroke-linecap="square"></path></svg> </span>
<span class="elementor-icon-list-text">LinkedIn</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://www.facebook.com/UteekDigital/" target="_blank">
<span class="elementor-icon-list-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 11 11" fill="none"><path d="M1.41431 9L9.41431 1M9.41431 1H3.01431M9.41431 1V7.4" stroke="#F59D15" stroke-width="2" stroke-linecap="square"></path></svg> </span>
<span class="elementor-icon-list-text">Facebook</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://www.instagram.com/uteekdigital/" target="_blank">
<span class="elementor-icon-list-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 11 11" fill="none"><path d="M1.41431 9L9.41431 1M9.41431 1H3.01431M9.41431 1V7.4" stroke="#F59D15" stroke-width="2" stroke-linecap="square"></path></svg> </span>
<span class="elementor-icon-list-text">Instagram</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-1a362e6 e-flex e-con-boxed e-con e-child" data-id="1a362e6" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-fce8a62 e-con-full e-flex e-con e-child" data-id="fce8a62" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-b1e0c98 elementor-widget elementor-widget-text-editor" data-id="b1e0c98" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<p>© 2026 propulsé par UTEEK</p> </div>
</div>
<div class="elementor-element elementor-element-9fec311 e-con-full e-flex e-con e-child" data-id="9fec311" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-45f2834 elementor-icon-list--layout-inline elementor-align-center elementor-mobile-align-start elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="45f2834" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items elementor-inline-items">
<li class="elementor-icon-list-item elementor-inline-item">
<a href="https://uteek.net/mentions-legales/" target="_blank">
<span class="elementor-icon-list-text">Mentions légales</span>
</a>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<a href="https://uteek.net/politique-de-confidentialite/" target="_blank">
<span class="elementor-icon-list-text">Politique de confidentialité</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<style>
/* === HEADER SCROLL PROGRESS === */
.elementor-sticky--active {
position: relative;
}
.header-scroll-progress {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 0%;
background: linear-gradient(90deg, #F59D15 0%, #ffffff 200%);
z-index: 9999;
transition: width 0.5s linear;
}
</style>
<script>
(function () {
function initScrollProgress() {
const header = document.querySelector('.elementor-sticky--active');
if (!header || header.querySelector('.header-scroll-progress')) return;
const bar = document.createElement('div');
bar.className = 'header-scroll-progress';
header.appendChild(bar);
function updateProgress() {
const scrollTop = window.scrollY;
const docHeight = document.documentElement.scrollHeight - window.innerHeight;
const percent = (scrollTop / docHeight) * 100;
bar.style.width = percent + '%';
}
window.addEventListener('scroll', updateProgress);
}
window.addEventListener('load', initScrollProgress);
})();
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
var mainBlock = document.querySelector('.loop-realisation-style');
if (mainBlock) {
var overlayHTML = `
<div class="global-realisations-overlay">
<a href="https://uteek.net/realisations/" class="overlay-clickable-area">
<div class="overlay-inner-content">
<span class="overlay-text-image">VOIR PLUS DE PROJETS</span>
<div class="overlay-icon-square">
<svg viewBox="0 0 67 67" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.5 0C47.0806 0 53.8712 -0.000432358 58.7188 3.31152C60.6699 4.64458 62.3554 6.33015 63.6885 8.28125C67.0004 13.1288 67 19.9194 67 33.5C67 47.0806 67.0004 53.8712 63.6885 58.7188C62.3554 60.6699 60.6699 62.3554 58.7188 63.6885C53.8712 67.0004 47.0806 67 33.5 67C19.9194 67 13.1288 67.0004 8.28125 63.6885C6.33015 62.3554 4.64458 60.6699 3.31152 58.7188C-0.000432358 53.8712 0 47.0806 0 33.5C0 19.9194 -0.000432358 13.1288 3.31152 8.28125C4.64458 6.33015 6.33015 4.64458 8.28125 3.31152C13.1288 -0.000432358 19.9194 0 33.5 0ZM25.3594 22.2666V29.2666H32.7783L20.8164 41.2285L25.7666 46.1777L37.7285 34.2158V41.6357H44.7285V22.2666H25.3594Z" fill="#F59D15"/>
</svg>
</div>
</div>
</a>
</div>
`;
mainBlock.style.position = 'relative';
mainBlock.insertAdjacentHTML('beforeend', overlayHTML);
}
});
</script>
<style>
/* --- VOS STYLES CONSERVÉS --- */
.elementor-element.elementor-element-e3db4b6.loop-realisation-style {
border-radius: 32px;
overflow: hidden;
}
.global-realisations-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
z-index: 9;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
}
.overlay-clickable-area {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
text-decoration: none;
cursor: pointer;
}
.overlay-inner-content {
display: flex;
flex-direction: row; /* Par défaut aligné sur la même ligne (Desktop) */
align-items: center;
justify-content: center;
gap: 20px;
transform: translateY(20px);
transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.overlay-text-image {
color: #ffffff;
font-family: Epilogue, sans-serif;
font-weight: 900;
font-size: 50px;
line-height: 1.2;
letter-spacing: -0.4px;
text-align: center;
text-transform: uppercase;
}
.overlay-icon-square {
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.overlay-icon-square svg {
width: 100%;
height: 100%;
}
/* --- LOGIQUE HOVER --- */
.loop-realisation-style:hover .global-realisations-overlay {
opacity: 1;
visibility: visible;
}
.loop-realisation-style:hover .overlay-inner-content {
transform: translateY(0);
}
.overlay-clickable-area:hover .overlay-icon-square {
transform: scale(1.1);
}
/* --- RESPONSIVE TABLET & MOBILE --- */
@media (max-width: 1024px) {
.overlay-inner-content {
flex-direction: column; /* Texte en haut, Icône en bas */
gap: 15px;
}
.overlay-text-image {
font-size: 24px; /* Taille réduite */
line-height: 1.4;
}
.overlay-icon-square {
width: 40px; /* Taille réduite */
height: 40px;
}
}
/* Empêcher le carousel de bouger pendant le hover */
.loop-realisation-style:hover .swiper-wrapper {
pointer-events: none;
}
</style>
<div data-elementor-type="floating-buttons" data-elementor-id="2393" class="elementor elementor-2393 elementor-location-floating_buttons" data-elementor-post-type="e-floating-buttons">
<div class="elementor-element elementor-element-28418e7f e-flex e-con-boxed e-con e-parent" data-id="28418e7f" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-6b4be0fb animated-normal elementor-widget elementor-widget-contact-buttons-var-5" data-id="6b4be0fb" data-element_type="widget" data-e-type="widget" data-settings="{"style_button_color_hover_animation":"grow"}" data-widget_type="contact-buttons-var-5.default">
<div class="e-contact-buttons e-contact-buttons-var-5 has-h-alignment-end has-v-alignment-bottom has-platform-phone" id="" data-document-id="16" aria-role="dialog">
<div class="e-contact-buttons__chat-button-container">
<a class="e-contact-buttons__chat-button e-contact-buttons__chat-button-shadow has-size-small elementor-animation-grow" href="tel:+216 29 595 015" rel="noopener noreferrer" target="_blank" aria-label="Ouvrir téléphone Téléphone">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-phone-alt" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z"></path></svg> </a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<script src="https://uteek.net/wp-content/plugins/nocturne-dark-mode/build/index.js?ver=1.2.7" id="nocturne-scripts-js"></script>
<script src="https://uteek.net/wp-content/themes/hello-elementor/assets/js/hello-frontend.js?ver=3.4.5" id="hello-theme-frontend-js"></script>
<script src="https://uteek.net/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.35.5" id="elementor-webpack-runtime-js"></script>
<script src="https://uteek.net/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.35.5" id="elementor-frontend-modules-js"></script>
<script src="https://uteek.net/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Partager sur Facebook","shareOnTwitter":"Partager sur Twitter","pinIt":"L\u2019\u00e9pingler","download":"T\u00e9l\u00e9charger","downloadImage":"T\u00e9l\u00e9charger une image","fullscreen":"Plein \u00e9cran","zoom":"Zoom","share":"Partager","playVideo":"Lire la vid\u00e9o","previous":"Pr\u00e9c\u00e9dent","next":"Suivant","close":"Fermer","a11yCarouselPrevSlideMessage":"Diapositive pr\u00e9c\u00e9dente","a11yCarouselNextSlideMessage":"Diapositive suivante","a11yCarouselFirstSlideMessage":"Ceci est la premi\u00e8re diapositive","a11yCarouselLastSlideMessage":"Ceci est la derni\u00e8re diapositive","a11yCarouselPaginationBulletMessage":"Aller \u00e0 la diapositive"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Portrait mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Paysage","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablette en mode portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablette en mode paysage","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Portable","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"\u00c9cran large","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.35.5","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"e_pro_free_trial_popup":true,"nested-elements":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_editor_one":true,"import-export-customization":true,"mega-menu":true,"e_pro_variables":true},"urls":{"assets":"https:\/\/uteek.net\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/uteek.net\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/uteek.net\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"266c777581"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":16,"title":"Uteek%20%E2%80%93%20Agence%20Digitale%20Web%2C%20Mobile%2C%20UX%2FUI%20%26%20IA","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script src="https://uteek.net/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.35.5" id="elementor-frontend-js"></script>
<script src="https://uteek.net/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.34.0" id="e-sticky-js"></script>
<script src="https://uteek.net/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script>
<script id="smush-lazy-load-js-before">
var smushLazyLoadOptions = {"autoResizingEnabled":false,"autoResizeOptions":{"precision":5,"skipAutoWidth":true}};
//# sourceURL=smush-lazy-load-js-before
</script>
<script src="https://uteek.net/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min.js?ver=3.24.0" id="smush-lazy-load-js"></script>
<script src="https://www.google.com/recaptcha/api.js?render=6Lc0LqssAAAAAM7YrC3UqBkQNVYEY_q3xxrMPHLl" id="google-recaptcha-v3-js"></script>
<script src="https://uteek.net/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.34.0" id="elementor-pro-webpack-runtime-js"></script>
<script src="https://uteek.net/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script>
<script src="https://uteek.net/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/uteek.net\/wp-admin\/admin-ajax.php","nonce":"95396e6730","urls":{"assets":"https:\/\/uteek.net\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/uteek.net\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"fr_FR","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/uteek.net\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
//# sourceURL=elementor-pro-frontend-js-before
</script>
<script src="https://uteek.net/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.34.0" id="elementor-pro-frontend-js"></script>
<script src="https://uteek.net/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.34.0" id="pro-elements-handlers-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://uteek.net/wp-includes/js/wp-emoji-release.min.js?ver=6.9.1"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://uteek.net/wp-includes/js/wp-emoji-loader.min.js
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
if (!document.querySelector('.swiper')) return;
document.querySelectorAll('.swiper').forEach(function(swiper) {
swiper.removeAttribute('role');
swiper.removeAttribute('aria-roledescription');
});
document.querySelectorAll('.swiper-wrapper').forEach(function(wrapper) {
wrapper.removeAttribute('role');
});
document.querySelectorAll('.swiper-slide').forEach(function(slide) {
slide.removeAttribute('role');
});
document.querySelectorAll('.swiper-notification').forEach(function(el) {
el.setAttribute('aria-hidden', 'true');
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('a').forEach(function(link) {
const hasText = link.textContent.trim().length > 0;
const hasAria = link.hasAttribute('aria-label');
const hasTitle = link.hasAttribute('title');
if (hasText || hasAria || hasTitle) return;
const img = link.querySelector('img');
const icon = link.querySelector('i, svg');
if (img && img.getAttribute('alt')) {
link.setAttribute('aria-label', img.getAttribute('alt'));
}
else if (icon) {
link.setAttribute('aria-label', 'Lien');
}
else {
link.setAttribute('aria-label', 'Lien');
}
});
});
</script>
</body>
</html>
