Outiref

Code source de l'URL : http://www.triotech.fr/

<!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><meta name="google-site-verification" content="9yfzUPEJV68qWdN8pK4iCNAKj7eFKr7ViPMe5e6azVs"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Triotech - Développement sur mesure - Web, Logiciel, Mobile</title><meta property="og:type" content="website"><meta property="og:image" content="/static/images/icons/android-chrome-192x192.png"><meta property="og:locale" content="fr_FR"><meta property="og:site_name" content="Triotech - Développement sur mesure - Web, Logiciel, Mobile"><style type="text/css">:root, :host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}
.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}
.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}
.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}
.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}
.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}
.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}
.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}
.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}
.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter, .fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}
.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
          transform: scale(var(--fa-counter-scale, 0.25));
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
          transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
          transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
          transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
          transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  -webkit-animation-name: fa-beat;
          animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  -webkit-animation-name: fa-bounce;
          animation-name: fa-bounce;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  -webkit-animation-name: fa-fade;
          animation-name: fa-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
          animation-name: fa-beat-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  -webkit-animation-name: fa-flip;
          animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  -webkit-animation-name: fa-shake;
          animation-name: fa-shake;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
          animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
          animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
.fa-bounce,
.fa-fade,
.fa-beat-fade,
.fa-flip,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse {
    -webkit-animation-delay: -1ms;
            animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
            animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@-webkit-keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
          transform: rotate(var(--fa-rotate-angle, none));
}

.fa-stack {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

.fad.fa-inverse,
.fa-duotone.fa-inverse {
  color: var(--fa-inverse, #fff);
}</style><link rel="icon" type="image/png" sizes="32x32" href="/static/images/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/static/images/icons/favicon-16x16.png"><!--[if IE]><link rel="shortcut icon" href="/static/images/icons/favicon.ico" /><![endif]--><link rel="manifest" href="/static/manifest.json"><meta name="theme-color" content="#ffffff"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="apple-mobile-web-app-title" content="Triotech"><link rel="apple-touch-icon" sizes="180x180" href="/static/images/icons/apple-touch-icon.png"><link rel="mask-icon" href="/static/images/icons/safari-pinned-tab.svg" color="#f9b134"><meta name="msapplication-config" content="/static/browserconfig.xml"><link rel="preload" href="/static/css/app.399893f1e204be4a17ba.css" as="style"><link rel="preload" href="/static/js/app.4ebfa8dd677d7f062840.js" as="script"><link rel="preload" href="/static/css/vendor.6c54ee0facc0dd72252a.css" as="style"><link rel="preload" href="/static/js/vendor.323385dc3a6fb43cd179.js" as="script"><link href="/static/css/vendor.6c54ee0facc0dd72252a.css" rel="stylesheet"><link href="/static/css/app.399893f1e204be4a17ba.css" rel="stylesheet"><link href="https://www.google-analytics.com" rel="preconnect"><script async="" src="https://www.google-analytics.com/analytics.js" charset="utf-8"></script><style type="text/css">.vue-notification-group{display:block;position:fixed;z-index:5000}.vue-notification-wrapper{display:block;overflow:hidden;width:100%;margin:0;padding:0}.notification-title{font-weight:600}.vue-notification-template{background:#fff}.vue-notification,.vue-notification-template{display:block;box-sizing:border-box;text-align:left}.vue-notification{font-size:12px;padding:10px;margin:0 5px 5px;color:#fff;background:#44a4fc;border-left:5px solid #187fe7}.vue-notification.warn{background:#ffb648;border-left-color:#f48a06}.vue-notification.error{background:#e54d42;border-left-color:#b82e24}.vue-notification.success{background:#68cd86;border-left-color:#42a85f}.vn-fade-enter-active,.vn-fade-leave-active,.vn-fade-move{transition:all .5s}.vn-fade-enter,.vn-fade-leave-to{opacity:0}</style><style type="text/css">.textra[data-v-d9d0826c]{height:auto;width:auto;display:block}</style><meta name="description" content="Votre projet digital devient une réalité grâce à l'expertise des développeurs Triotech : Symfony, Vue.js, WinDev. Le sur-mesure est notre spécialité." data-vue-meta="true"><meta property="og:url" content="https://www.triotech.fr" data-vue-meta="true"><meta property="og:title" content="Triotech - Développement sur mesure - Web, Logiciel, Mobile" data-vue-meta="true"><meta property="og:description" content="Votre projet digital devient une réalité grâce à l'expertise des développeurs Triotech : Symfony, Vue.js, WinDev. Le sur-mesure est notre spécialité." data-vue-meta="true"><link rel="canonical" href="https://www.triotech.fr" data-vue-meta="true"></head><body data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0"><noscript></noscript><div id="app"><div class="vue-notification-group" style="width: 500px; top: 0px; left: 0px;"><span></span></div> <div class="menu"><nav id="navbarDesktop" class="navbar fixed-top border-bottom flex-nowrap navbar-expand-xl navbar-light bg-light"><div class="container"><a href="/" aria-current="page" class="navbar-brand router-link-exact-active router-link-active"><img alt="Triotech" height="60" src="/static/images/brand/logo-couleur.png" width="225"></a> <div class="container justify-content-end d-none d-xl-flex"><ul class="navbar-nav"><li class="nav-item text-decoration-none"><a href="/agence" class="nav-link text-uppercase">
              L'agence
            </a></li><li class="nav-item text-decoration-none"><a href="/expertises" class="nav-link text-uppercase">
              Expertises
            </a></li><li class="nav-item text-decoration-none"><a href="/realisations" class="nav-link text-uppercase">
              Réalisations
            </a></li><li class="nav-item text-decoration-none"><a href="/actualites" class="nav-link text-uppercase">
              Blog
            </a></li><li class="nav-item text-decoration-none"><a href="/contact" class="nav-link text-uppercase">
              Contact
            </a></li> <div><button type="button" class="btn btn-secondary text-light rounded-pill">
    J'ai un projet
  </button> <div class="modal-form sweet-modal-overlay theme-light sweet-modal-clickable" style="display: none;"><div class="sweet-modal theme-triotech has-content is-mobile-fullscreen is-alert"><div class="sweet-box-actions"> <div class="sweet-action-close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="#292c34"></path></svg></div></div> <!----> <!----> <div class="sweet-content"><!----> <!----> <!----> <!----> <div class="sweet-content-content"><div class="contact-form"><div data-v-978c7d6a="" class="form-container"><div data-v-978c7d6a="" class="header"><div data-v-978c7d6a="" class="container"><div data-v-978c7d6a="" class="row align-items-center"><div data-v-978c7d6a="" class="col"><div data-v-978c7d6a="" class="form-title">
            Demande de mise en relation
          </div></div> <!----></div> <!----></div></div> <div data-v-978c7d6a="" class="container"><form data-v-978c7d6a=""><div data-v-978c7d6a="" class="group-container"><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="name">
              Bonjour, je suis *:
            </label> <input data-v-978c7d6a="" id="name" placeholder="Entrez votre nom" required="required" autocomplete="name" type="text"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="email">
              Vous pouvez me contacter par e-mail *:
            </label> <input data-v-978c7d6a="" id="email" placeholder="Email" required="required" autocomplete="email" type="email"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="phone">
              Ou par téléphone au :
            </label> <input data-v-978c7d6a="" id="phone" placeholder="Téléphone" autocomplete="phone" type="text"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="message">
              Objet de votre demande *:
            </label> <!----> <textarea data-v-978c7d6a="" style="overflow: hidden; overflow-wrap: break-word;">                Message
              </textarea> <!----></div><div data-v-978c7d6a="" class="form-group simplified"><label data-v-978c7d6a="" for="used_data">
              En ce qui concerne le traitement de vos données personnelles :
            </label> <input data-v-978c7d6a="" id="used_data" placeholder="" autocomplete="used_data" type="checkbox"> <span data-v-978c7d6a="">Je reconnais avoir pris connaissance de la Politique de confidentialité et l'accepte.</span> <!----> <!----></div> <div data-v-978c7d6a="" class="errors"></div></div> <div data-v-978c7d6a="" class="row"><div data-v-978c7d6a="" class="text-left"><button data-v-978c7d6a="" type="button" class="btn round-btn btn-secondary"><span data-v-978c7d6a="" class="d-none d-sm-block float-left">Envoyer</span> <svg data-v-978c7d6a="" aria-hidden="true" width="16" height="16" viewbox="0 0 512 512" focusable="false" class="fa-icon"><path d="M476 3.2c17.3-10 39 4.6 35.6 24.8l-72 432c-2.6 15.3-18.8 24.2-33 18.2l-124.6-52.2-63.5 77.3c-14 17.1-42.5 7.8-42.5-15.8v-80.5l240.9-293.5c4.7-5.7-3.1-13.2-8.6-8.3l-287.3 253.2-106.3-44.6c-18-7.6-20.3-32.8-2.2-43.2z"></path></svg></button></div></div></form></div></div></div></div></div> <!----></div></div></div></ul></div></div> <button aria-label="Menu toggle" data-target="#navbarMobileContent" data-toggle="collapse" type="button" class="navbar-toggler rounded-0"><span class="navbar-toggler-icon"></span></button></nav> <div id="navbarMobile" class="accordion d-block d-xl-none border-bottom fixed-top"><div id="navbarMobileContent" class="collapse align-items-center"><div class="navbar navbar-light bg-light justify-content-center"><ul class="list-group list-group-flush"><li class="list-group-item text-center text-uppercase"><a href="/agence" class="nav-link text-uppercase" data-target="#navbarMobileContent" data-toggle="collapse">
              L'agence
            </a></li><li class="list-group-item text-center text-uppercase"><a href="/expertises" class="nav-link text-uppercase" data-target="#navbarMobileContent" data-toggle="collapse">
              Expertises
            </a></li><li class="list-group-item text-center text-uppercase"><a href="/realisations" class="nav-link text-uppercase" data-target="#navbarMobileContent" data-toggle="collapse">
              Réalisations
            </a></li><li class="list-group-item text-center text-uppercase"><a href="/actualites" class="nav-link text-uppercase" data-target="#navbarMobileContent" data-toggle="collapse">
              Blog
            </a></li><li class="list-group-item text-center text-uppercase"><a href="/contact" class="nav-link text-uppercase" data-target="#navbarMobileContent" data-toggle="collapse">
              Contact
            </a></li> <li class="list-group text-center p-2"><div><button type="button" class="btn btn-link rounded-pill">
    J'ai un projet
  </button> <div class="modal-form sweet-modal-overlay theme-light sweet-modal-clickable" style="display: none;"><div class="sweet-modal theme-triotech has-content is-mobile-fullscreen is-alert"><div class="sweet-box-actions"> <div class="sweet-action-close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="#292c34"></path></svg></div></div> <!----> <!----> <div class="sweet-content"><!----> <!----> <!----> <!----> <div class="sweet-content-content"><div class="contact-form"><div data-v-978c7d6a="" class="form-container"><div data-v-978c7d6a="" class="header"><div data-v-978c7d6a="" class="container"><div data-v-978c7d6a="" class="row align-items-center"><div data-v-978c7d6a="" class="col"><div data-v-978c7d6a="" class="form-title">
            Demande de mise en relation
          </div></div> <!----></div> <!----></div></div> <div data-v-978c7d6a="" class="container"><form data-v-978c7d6a=""><div data-v-978c7d6a="" class="group-container"><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="name">
              Bonjour, je suis *:
            </label> <input data-v-978c7d6a="" id="name" placeholder="Entrez votre nom" required="required" autocomplete="name" type="text"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="email">
              Vous pouvez me contacter par e-mail *:
            </label> <input data-v-978c7d6a="" id="email" placeholder="Email" required="required" autocomplete="email" type="email"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="phone">
              Ou par téléphone au :
            </label> <input data-v-978c7d6a="" id="phone" placeholder="Téléphone" autocomplete="phone" type="text"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="message">
              Objet de votre demande *:
            </label> <!----> <textarea data-v-978c7d6a="" style="overflow: hidden; overflow-wrap: break-word;">                Message
              </textarea> <!----></div><div data-v-978c7d6a="" class="form-group simplified"><label data-v-978c7d6a="" for="used_data">
              En ce qui concerne le traitement de vos données personnelles :
            </label> <input data-v-978c7d6a="" id="used_data" placeholder="" autocomplete="used_data" type="checkbox"> <span data-v-978c7d6a="">Je reconnais avoir pris connaissance de la Politique de confidentialité et l'accepte.</span> <!----> <!----></div> <div data-v-978c7d6a="" class="errors"></div></div> <div data-v-978c7d6a="" class="row"><div data-v-978c7d6a="" class="text-left"><button data-v-978c7d6a="" type="button" class="btn round-btn btn-secondary"><span data-v-978c7d6a="" class="d-none d-sm-block float-left">Envoyer</span> <svg data-v-978c7d6a="" aria-hidden="true" width="16" height="16" viewbox="0 0 512 512" focusable="false" class="fa-icon"><path d="M476 3.2c17.3-10 39 4.6 35.6 24.8l-72 432c-2.6 15.3-18.8 24.2-33 18.2l-124.6-52.2-63.5 77.3c-14 17.1-42.5 7.8-42.5-15.8v-80.5l240.9-293.5c4.7-5.7-3.1-13.2-8.6-8.3l-287.3 253.2-106.3-44.6c-18-7.6-20.3-32.8-2.2-43.2z"></path></svg></button></div></div></form></div></div></div></div></div> <!----></div></div></div></li></ul></div></div></div></div> <main><div id="home"><div class="homepage-header"><div class="inner-header row align-items-center"><div class="col-lg-8 col-md-12"><p class="catch-title mb-2">
          Et votre projet devient réalité
        </p> <p class="catch-subtitle pb-4 mb-0">
          Avec le numérique,
          <div data-v-d9d0826c="" class="textra textra"><div data-v-d9d0826c="" class="mainTextra" style="transition: all 0.5s ease 0s; transform: rotateX(-180deg); opacity: 0;">optimisons vos process.</div></div></p></div> <div class="d-none d-lg-block col-lg-4"><div class="animation-wrapper"><div class="home-animation"><div class="animation-background"></div> <div class="flame"></div> <div class="outer-spinning-circle"><div class="inner-spinning-circle"></div></div></div> <div class="orbit"><div class="orbit-elements-wrapper"><div class="orbit-element company"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="building" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512" class="svg-inline--fa fa-building fa-2x"><path fill="currentColor" d="M48 0C21.5 0 0 21.5 0 48V464c0 26.5 21.5 48 48 48h96V432c0-26.5 21.5-48 48-48s48 21.5 48 48v80h96c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H48zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm112-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM80 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V112zM272 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16z" class=""></path></svg></div><div class="orbit-element cooperation"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="handshake-angle" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512" class="svg-inline--fa fa-handshake-angle fa-2x"><path fill="currentColor" d="M543.9 251.4c0-1.1 .1-2.2 .1-3.4c0-48.6-39.4-88-88-88l-40 0H320l-16 0 0 0v16 72c0 22.1-17.9 40-40 40s-40-17.9-40-40V128h.4c4-36 34.5-64 71.6-64H408c2.8 0 5.6 .2 8.3 .5l40.1-40.1c21.9-21.9 57.3-21.9 79.2 0l78.1 78.1c21.9 21.9 21.9 57.3 0 79.2l-69.7 69.7zM192 128V248c0 39.8 32.2 72 72 72s72-32.2 72-72V192h80l40 0c30.9 0 56 25.1 56 56c0 27.2-19.4 49.9-45.2 55c8.2 8.6 13.2 20.2 13.2 33c0 26.5-21.5 48-48 48h-2.7c1.8 5 2.7 10.4 2.7 16c0 26.5-21.5 48-48 48H224c-.9 0-1.8 0-2.7-.1l-37.7 37.7c-21.9 21.9-57.3 21.9-79.2 0L26.3 407.6c-21.9-21.9-21.9-57.3 0-79.2L96 258.7V224c0-53 43-96 96-96z" class=""></path></svg></div><div class="orbit-element database"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="database" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" class="svg-inline--fa fa-database fa-2x"><path fill="currentColor" d="M448 80v48c0 44.2-100.3 80-224 80S0 172.2 0 128V80C0 35.8 100.3 0 224 0S448 35.8 448 80zM393.2 214.7c20.8-7.4 39.9-16.9 54.8-28.6V288c0 44.2-100.3 80-224 80S0 332.2 0 288V186.1c14.9 11.8 34 21.2 54.8 28.6C99.7 230.7 159.5 240 224 240s124.3-9.3 169.2-25.3zM0 346.1c14.9 11.8 34 21.2 54.8 28.6C99.7 390.7 159.5 400 224 400s124.3-9.3 169.2-25.3c20.8-7.4 39.9-16.9 54.8-28.6V432c0 44.2-100.3 80-224 80S0 476.2 0 432V346.1z" class=""></path></svg></div><div class="orbit-element network"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="network-wired" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512" class="svg-inline--fa fa-network-wired fa-2x"><path fill="currentColor" d="M256 64H384v64H256V64zM240 0c-26.5 0-48 21.5-48 48v96c0 26.5 21.5 48 48 48h48v32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96v32H80c-26.5 0-48 21.5-48 48v96c0 26.5 21.5 48 48 48H240c26.5 0 48-21.5 48-48V368c0-26.5-21.5-48-48-48H192V288H448v32H400c-26.5 0-48 21.5-48 48v96c0 26.5 21.5 48 48 48H560c26.5 0 48-21.5 48-48V368c0-26.5-21.5-48-48-48H512V288h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H352V192h48c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H240zM96 448V384H224v64H96zm320-64H544v64H416V384z" class=""></path></svg></div><div class="orbit-element people"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="users" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512" class="svg-inline--fa fa-users fa-2x"><path fill="currentColor" d="M144 160c-44.2 0-80-35.8-80-80S99.8 0 144 0s80 35.8 80 80s-35.8 80-80 80zm368 0c-44.2 0-80-35.8-80-80s35.8-80 80-80s80 35.8 80 80s-35.8 80-80 80zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM416 224c0 53-43 96-96 96s-96-43-96-96s43-96 96-96s96 43 96 96zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z" class=""></path></svg></div><div class="orbit-element server"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="server" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="svg-inline--fa fa-server fa-2x"><path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96v64c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM344 152c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24zm96-24c0 13.3-10.7 24-24 24s-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24zM64 288c-35.3 0-64 28.7-64 64v64c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V352c0-35.3-28.7-64-64-64H64zM344 408c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24zm104-24c0 13.3-10.7 24-24 24s-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24z" class=""></path></svg></div><div class="orbit-element laptop"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="laptop-code" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512" class="svg-inline--fa fa-laptop-code fa-2x"><path fill="currentColor" d="M64 96c0-35.3 28.7-64 64-64H512c35.3 0 64 28.7 64 64V352H512V96H128V352H64V96zM0 403.2C0 392.6 8.6 384 19.2 384H620.8c10.6 0 19.2 8.6 19.2 19.2c0 42.4-34.4 76.8-76.8 76.8H76.8C34.4 480 0 445.6 0 403.2zM281 209l-31 31 31 31c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-48-48c-9.4-9.4-9.4-24.6 0-33.9l48-48c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9zM393 175l48 48c9.4 9.4 9.4 24.6 0 33.9l-48 48c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l31-31-31-31c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z" class=""></path></svg></div><div class="orbit-element web"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="globe" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="svg-inline--fa fa-globe fa-2x"><path fill="currentColor" d="M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 21 58.2 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z" class=""></path></svg></div></div></div></div></div></div> <svg preserveaspectratio="none" shape-rendering="auto" viewbox="0 24 150 28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="waves"><defs><path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path></defs> <g class="parallax"><use fill="rgba(255,255,255,0.7" x="48" xlink:href="#gentle-wave" y="0"></use> <use fill="rgba(255,255,255,0.5)" x="48" xlink:href="#gentle-wave" y="3"></use> <use fill="rgba(255,255,255,0.3)" x="48" xlink:href="#gentle-wave" y="5"></use> <use fill="#fff" x="48" xlink:href="#gentle-wave" y="7"></use></g></svg></div> <div class="quote-section inverted-quote-section quote"><div class="container main-quote text-center"><h1>
        Application mobile, site web et logiciel sur mesure : développons votre vision
      </h1></div></div> <div class="container-fluid py-md-3 aos-init" data-aos="fade-up"><div class="container py-3 px-4 px-md-0 py-md-3 my-md-5"><div class="row align-items-center image-row-reverse"><div class="col-sm-6"><div><picture><source media="(min-width: 1200px)" srcset="../../static/images/content_page/business_meeting_xl.jpg"><source media="(min-width: 992px)" srcset="../../static/images/content_page/business_meeting_lg.jpg"><source media="(min-width: 768px)" srcset="../../static/images/content_page/business_meeting_md.jpg"><source media="(min-width: 576px)" srcset="../../static/images/content_page/business_meeting_sm.jpg"><source media="(min-width: 320px)" srcset="../../static/images/content_page/business_meeting_xs.jpg"> <img alt="" src="../../static/images/content_page/business_meeting.jpg" class="card-img shadow"></picture></div></div> <div class="col-sm-6 text-center"><h2 class="home-title p-0 mb-4">
          Ce n'est plus une question mais la solution
        </h2> <p><p>
  Gain d'efficacité, satisfaction, hausse du chiffre d'affaires, rentabilité, flexibilité, pérennité, sécurité.
</p>
<p>
  Nous créons vos outils sur mesure adaptés à vos processus métier.
</p>
<p>
  N'attendez plus pour nous confier votre projet.
</p>
</p> <a href="/realisations" class="btn text-light py-3 rounded-pill font-weight-bold mt-4 mb-lg-3 btn-orange" alt="Découvrez nos réalisations">
  Découvrez nos réalisations <i class="icon ti ti-lg"></i></a></div></div></div></div><div class="container-fluid py-md-3 bg-extra-light-grey aos-init" data-aos="fade-up"><div class="container py-3 px-4 px-md-0 py-md-3 my-md-5"><div class="row align-items-center image-row"><div class="col-sm-6"><div><picture><source media="(min-width: 1200px)" srcset="../../static/images/content_page/design_xl.jpg"><source media="(min-width: 992px)" srcset="../../static/images/content_page/design_lg.jpg"><source media="(min-width: 768px)" srcset="../../static/images/content_page/design_md.jpg"><source media="(min-width: 576px)" srcset="../../static/images/content_page/design_sm.jpg"><source media="(min-width: 320px)" srcset="../../static/images/content_page/design_xs.jpg"> <img alt="" src="../../static/images/content_page/design.jpg" class="card-img shadow"></picture></div></div> <div class="col-sm-6 text-center"><h2 class="home-title p-0 mb-4">
          L’expérience utilisateur (UX), notre priorité
        </h2> <p><p>
  Concevoir des interfaces optimisées est au cœur des préoccupations de nos équipes de développeurs et de designers.
</p>
<p>
  Notre démarche est de susciter l'adhésion de vos utilisateurs et de vos clients. Indispensable pour générer du résultat !
</p>
</p> <a href="/expertises/design-ui-ux" class="btn text-light py-3 rounded-pill font-weight-bold mt-4 mb-lg-3 btn-orange" alt="Design UI/UX">
  Design UI/UX <i class="icon ti ti-lg"></i></a></div></div></div></div><div class="container-fluid py-md-3 bg-primary text-light aos-init" data-aos="fade-up"><div class="container py-3 px-4 px-md-0 py-md-3 my-md-5"><div class="row align-items-center image-row-reverse"><div class="col-sm-6"><div><picture><source media="(min-width: 1200px)" srcset="../../static/images/content_page/client_meeting_xl.jpg"><source media="(min-width: 992px)" srcset="../../static/images/content_page/client_meeting_lg.jpg"><source media="(min-width: 768px)" srcset="../../static/images/content_page/client_meeting_md.jpg"><source media="(min-width: 576px)" srcset="../../static/images/content_page/client_meeting_sm.jpg"><source media="(min-width: 320px)" srcset="../../static/images/content_page/client_meeting_xs.jpg"> <img alt="" src="../../static/images/content_page/client_meeting.jpg" class="card-img shadow"></picture></div></div> <div class="col-sm-6 text-center"><h2 class="home-title p-0 mb-4">
          Un accompagnement personnalisé à chaque étape de votre projet numérique
        </h2> <p><p>
  Planifier des actions sur-mesure et maîtriser la gestion de projet font partie de nos principaux atouts.
</p>
<p>
  Forts de nos dix-sept années d'expérience, Triotech vous conseille de la conception à la mise en oeuvre de votre solution.
</p>
</p> <a href="/expertises" class="btn text-light py-3 rounded-pill font-weight-bold mt-4 mb-lg-3 btn-dark" alt="Voir notre expertise">
  Voir notre expertise <i class="icon ti ti-lg"></i></a></div></div></div></div> <div class="container-fluid py-3"><h2 class="text-center home-title mb-0 pb-2">
      Triotech en chiffres
    </h2> <h3 class="text-center text-muted mb-5 pt-0">
      Notre panel de compétences s'est construit au fil du temps et des évolutions technologiques
    </h3> <div id="animates-numbers" class="container py-1 py-lg-5"><div class="animates-number-container"><div class="row"><div class="col-sm-4"><div class="animate-number-container"><!----> <div data-number="0" class="number">
    0
  </div> <p><b><span class="text-uppercase">années</span><br>d'expérience</b></p></div></div><div class="col-sm-4"><div class="animate-number-container"><!----> <div data-number="0" class="number">
    0
  </div> <p><b><span class="text-uppercase">années</span><br>d'expertise cumulées</b></p></div></div><div class="col-sm-4"><div class="animate-number-container"><!----> <div data-number="0" class="number">
    0
  </div> <p><b><span class="text-uppercase">projets</span><br>réalisés</b></p></div></div></div></div></div></div> <div data-aos="fade-up" class="container-fluid py-3 bg-extra-light-grey aos-init"><h2 class="text-center home-title mb-0 pb-2">
      Des expertises à votre service
    </h2> <h3 class="text-center text-muted mb-5 pt-0">
      Un savoir-faire pluridisciplinaire pour vous accompagner dans vos projets numériques
    </h3> <div class="container mt-4"><div class="row"><a href="/expertises/developpement-de-solutions-web" class="col-md-6 col-lg-4 mb-4 card-scale-animation text-decoration-none"><div data-aos="flip-left" class="card p-4 rounded-sm shadow h-100 aos-init"><div class="card-header border-bottom-0 bg-light text-center text-muted"><svg aria-hidden="true" width="48" height="38.400000000000006" viewbox="0 0 640 512" focusable="false" class="mb-4 fa-icon" style="font-size: 3em;"><path d="M255 261.6l-58.4-58.3c-6.3-6.3-6.3-16.4 0-22.6l58.3-58.3c6.3-6.3 16.4-6.3 22.6 0l11.3 11.3c6.3 6.3 6.3 16.4 0 22.6l-35.7 35.7 35.7 35.7c6.3 6.3 6.3 16.4 0 22.6l-11.3 11.3c-6.3 6.3-16.4 6.3-22.6 0zM351 250.3c-6.3-6.3-6.3-16.4 0-22.6l35.7-35.7-35.7-35.7c-6.3-6.3-6.3-16.4 0-22.6l11.3-11.3c6.3-6.3 16.4-6.3 22.6 0l58.3 58.3c6.3 6.3 6.3 16.4 0 22.6l-58.3 58.3c-6.3 6.3-16.4 6.3-22.6 0zM624 416c8.8 0 16 7.2 16 16v16c0 35.2-28.8 64-64 64h-512c-35.2 0-64-28.8-64-64v-16c0-8.8 7.2-16 16-16h239.2c-0.3 14.5 14.1 32 32.8 32h60.8c18 0 32-12.2 32.7-32h242.5zM576 48v336h-512v-336c0-26.4 21.6-48 48-48h416c26.4 0 48 21.6 48 48zM512 320v-256h-384v256h384z"></path></svg> <h4 class="card-title text-uppercase mb-0">
            Développement de solutions web
          </h4></div> <div class="card-body d-none d-md-block px-4"><div class="card-text text-center text-muted">
            Dynamisez votre activité grâce à des technologies web innovantes
          </div></div> <div class="card-footer d-none d-md-block bg-light text-muted border-top-0 text-center"><i class="ti-custom ti ti-3x ti-plus-circle"></i></div></div></a><a href="/expertises/conception-dapplication-mobile" class="col-md-6 col-lg-4 mb-4 card-scale-animation text-decoration-none"><div data-aos="flip-left" class="card p-4 rounded-sm shadow h-100 aos-init"><div class="card-header border-bottom-0 bg-light text-center text-muted"><svg aria-hidden="true" width="30" height="48" viewbox="0 0 320 512" focusable="false" class="mb-4 fa-icon" style="font-size: 3em;"><path d="M272 0c26.5 0 48 21.5 48 48v416c0 26.5-21.5 48-48 48h-224c-26.5 0-48-21.5-48-48v-416c0-26.5 21.5-48 48-48h224zM160 480c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zM272 372v-312c0-6.6-5.4-12-12-12h-200c-6.6 0-12 5.4-12 12v312c0 6.6 5.4 12 12 12h200c6.6 0 12-5.4 12-12z"></path></svg> <h4 class="card-title text-uppercase mb-0">
            Conception d'application mobile
          </h4></div> <div class="card-body d-none d-md-block px-4"><div class="card-text text-center text-muted">
            Gagnez en productivité via des applications conçues pour votre entreprise
          </div></div> <div class="card-footer d-none d-md-block bg-light text-muted border-top-0 text-center"><i class="ti-custom ti ti-3x ti-plus-circle"></i></div></div></a><a href="/expertises/developpement-logiciel-sur-mesure" class="col-md-6 col-lg-4 mb-4 card-scale-animation text-decoration-none"><div data-aos="flip-left" class="card p-4 rounded-sm shadow h-100 aos-init"><div class="card-header border-bottom-0 bg-light text-center text-muted"><svg aria-hidden="true" width="48" height="48" viewbox="0 0 512 512" focusable="false" class="mb-4 fa-icon" style="font-size: 3em;"><path d="M464 128c26.5 0 48 21.5 48 48v224c0 26.5-21.5 48-48 48h-416c-26.5 0-48-21.5-48-48v-288c0-26.5 21.5-48 48-48h160l64 64h192z"></path></svg> <h4 class="card-title text-uppercase mb-0">
            Développement logiciel sur mesure
          </h4></div> <div class="card-body d-none d-md-block px-4"><div class="card-text text-center text-muted">
            Créez des processus métier avec un logiciel personnalisé et performant
          </div></div> <div class="card-footer d-none d-md-block bg-light text-muted border-top-0 text-center"><i class="ti-custom ti ti-3x ti-plus-circle"></i></div></div></a><a href="/expertises/accompagnement-et-conseil" class="col-md-6 col-lg-4 mb-4 card-scale-animation text-decoration-none"><div data-aos="flip-left" class="card p-4 rounded-sm shadow h-100 aos-init"><div class="card-header border-bottom-0 bg-light text-center text-muted"><svg aria-hidden="true" width="48" height="38.400000000000006" viewbox="0 0 640 512" focusable="false" class="mb-4 fa-icon" style="font-size: 3em;"><path d="M488 192c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24h-8v64c0 17.7-14.3 32-32 32h-16c0 35.3-28.7 64-64 64h-136.6l-103.4 59.7c-15.3 8.8-34.9 3.6-43.7-11.7l-80-138.6c-8.9-15.3-3.6-34.9 11.7-43.7l80-46.2v-47.3c0-22.4 11.8-43.3 31.1-54.8l64.9-39v121.6c0 39.7 32.3 72 72 72s72-32.3 72-72v-56h152zM635.7 154.6c8.8 15.3 3.6 34.8-11.7 43.7l-80 46.2v-28.5c0-30.9-25.1-56-56-56h-184v88c0 22.1-17.9 40-40 40s-40-17.9-40-40v-126.3c0-11 5.6-21.3 15-27.1l33.5-20.9c10.2-6.3 21.9-9.7 33.9-9.7h102.2l103.4-59.7c15.3-8.8 34.9-3.6 43.7 11.7z"></path></svg> <h4 class="card-title text-uppercase mb-0">
            Accompagnement et conseil
          </h4></div> <div class="card-body d-none d-md-block px-4"><div class="card-text text-center text-muted">
            Profitez d’une gestion de projet digital pour vous guider pas à pas vers la réussite
          </div></div> <div class="card-footer d-none d-md-block bg-light text-muted border-top-0 text-center"><i class="ti-custom ti ti-3x ti-plus-circle"></i></div></div></a><a href="/expertises/design-ui-ux" class="col-md-6 col-lg-4 mb-4 card-scale-animation text-decoration-none"><div data-aos="flip-left" class="card p-4 rounded-sm shadow h-100 aos-init"><div class="card-header border-bottom-0 bg-light text-center text-muted"><svg aria-hidden="true" width="48" height="38.400000000000006" viewbox="0 0 640 512" focusable="false" class="mb-4 fa-icon" style="font-size: 3em;"><path d="M610.5 373.3l25.8 14.9c2.9 1.7 4.3 5.2 3.3 8.5-6.7 21.6-18.2 41.2-33.2 57.4-2.3 2.5-6.1 3.1-9 1.4l-25.8-14.9c-10.9 9.3-23.4 16.5-36.9 21.3v29.8c0 3.4-2.4 6.4-5.7 7.1-21.2 4.8-43.9 5-66.2 0-3.3-0.7-5.7-3.7-5.7-7.1v-29.8c-13.5-4.8-26-12-36.9-21.3l-25.8 14.9c-3 1.7-6.7 1.1-9-1.4-15-16.3-26.5-35.8-33.2-57.4-1-3.3 0.3-6.8 3.3-8.5l25.8-14.9c-2.6-14.1-2.6-28.5 0-42.6l-25.8-14.9c-2.9-1.7-4.3-5.2-3.3-8.5 6.7-21.6 18.2-41.2 33.2-57.4 2.3-2.5 6.1-3.1 9-1.4l25.8 14.9c10.9-9.3 23.4-16.5 36.9-21.3v-29.8c0-3.4 2.4-6.4 5.7-7.1 21.2-4.8 43.9-5 66.2 0 3.3 0.7 5.7 3.7 5.7 7.1v29.8c13.5 4.8 26 12 36.9 21.3l25.8-14.9c3-1.7 6.7-1.1 9 1.4 15 16.2 26.5 35.8 33.2 57.4 1 3.3-0.3 6.8-3.3 8.5l-25.8 14.9c2.6 14.1 2.6 28.5 0 42.6zM496 400.5c26.8 0 48.5-21.8 48.5-48.5s-21.8-48.5-48.5-48.5-48.5 21.8-48.5 48.5 21.7 48.5 48.5 48.5zM224 256c-70.7 0-128-57.3-128-128s57.3-128 128-128 128 57.3 128 128-57.3 128-128 128zM425.2 482.5v9.2c0 4.1 0.8 8 2 11.8-7.7 5.3-17.1 8.5-27.2 8.5h-352c-26.5 0-48-21.5-48-48v-41.6c0-74.2 60.2-134.4 134.4-134.4h16.7c22.3 10.2 46.9 16 72.9 16s50.7-5.8 72.9-16h16.7c3.9 0 7.6 0.9 11.4 1.2-1 2.9-2.3 5.8-3.2 8.7-5.5 17.7 1.9 36.5 17.9 45.7l7.9 4.6c-0.1 2.6-0.1 5.2 0 7.8l-7.9 4.6c-16 9.3-23.4 28-17.9 45.7 7.9 25.7 21.9 49.8 40.2 69.6 7.5 8 18 12.6 28.9 12.6 6.8 0 13.6-1.9 19.6-5.3l7.9-4.6c2.2 1.3 4.5 2.7 6.8 3.9z"></path></svg> <h4 class="card-title text-uppercase mb-0">
            Design UI/UX
          </h4></div> <div class="card-body d-none d-md-block px-4"><div class="card-text text-center text-muted">
            Bénéficiez d’une interface intuitive au service de l’expérience utilisateur.
          </div></div> <div class="card-footer d-none d-md-block bg-light text-muted border-top-0 text-center"><i class="ti-custom ti ti-3x ti-plus-circle"></i></div></div></a><a href="/expertises/integration-de-web-services-et-dapi-rest" class="col-md-6 col-lg-4 mb-4 card-scale-animation text-decoration-none"><div data-aos="flip-left" class="card p-4 rounded-sm shadow h-100 aos-init"><div class="card-header border-bottom-0 bg-light text-center text-muted"><svg aria-hidden="true" width="48" height="38.400000000000006" viewbox="0 0 640 512" focusable="false" class="mb-4 fa-icon" style="font-size: 3em;"><path d="M368 32c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32v-96c0-17.7 14.3-32 32-32h96zM208 88v72c0 9.5 2.2 18.4 5.9 26.4-34.3 24.3-59.7 59.9-71 101.6h-49.4c13.7-64.7 54.2-119.5 109.5-152h-79.7c-9.5 23.4-32.4 40-59.3 40-35.3 0-64-28.7-64-64s28.7-64 64-64c26.8 0 49.8 16.6 59.3 40h84.8zM160 320c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32v-96c0-17.7 14.3-32 32-32h96zM576 48c35.3 0 64 28.7 64 64s-28.7 64-64 64c-26.8 0-49.8-16.6-59.3-40h-79.7c55.4 32.5 95.9 87.3 109.5 152h-49.4c-11.3-41.6-36.8-77.2-71-101.6 3.7-8.1 5.9-17 5.9-26.4v-72h84.8c9.5-23.4 32.4-40 59.3-40zM576 320c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32v-96c0-17.7 14.3-32 32-32h96z"></path></svg> <h4 class="card-title text-uppercase mb-0">
            Intégration de web services et d'API rest
          </h4></div> <div class="card-body d-none d-md-block px-4"><div class="card-text text-center text-muted">
            Synchronisez vos outils et vos données à l’aide de web services efficaces
          </div></div> <div class="card-footer d-none d-md-block bg-light text-muted border-top-0 text-center"><i class="ti-custom ti ti-3x ti-plus-circle"></i></div></div></a></div></div></div> <div data-aos="fade-up" class="container-fluid py-3 aos-init"><h2 class="text-center home-title mb-0 py-3 pb-md-2">
      Nos clients
    </h2> <h3 class="text-center text-muted mb-5 pt-0">
      TPE, PME, grands comptes nous font confiance ! Pourquoi pas vous ?
    </h3> <div class="container py-3 py-md-3 my-md-5"><div class="container"><div class="slick-initialized slick-slider"><button aria-label="Navigation diaporama" type="button" class="slick-prev slick-arrow" style=""><i class="ti ti-2x ti-arrow-left"></i></button><div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 17820px; transform: translate3d(-660px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-2" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Château de Flaugergues" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/1a/71/43330334aaea0ae819e919c3f81a.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="-1" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Innovative Diagnostics" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/8c/de/52acd3a5fd8fe386df461a92f5d4.jpg"></div></div></div></div><div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 330px;"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Ministère de la Défense" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/14/24/12dba251612e600bc8ba29677eef.jpg"></div></div></div></div><div class="slick-slide slick-active" data-slick-index="1" aria-hidden="false" style="width: 330px;"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Verifone" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/808de293c25da98f0ca3d63a668549ffead6cb75.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Ville d'Agde" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/3f80763ff7ef57d25fa7c56ce8cfc574cc070185.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Remarkable" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/746b15c7e0541ce77f0bae9ddc7a1f6ffcf509cf.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Safenergy" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/da32bafd776b3c57378149a8f3b4788f03428e09.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="IDVET" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/9e68a5c679b8556727ac39aafb51b7107e4fc27a.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="6" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="CerFrance" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d21de1258543193274d33f8160298f1089010d95.PNG"></div></div></div></div><div class="slick-slide" data-slick-index="7" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Test We" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/41e024ff4517fc1ef70a0f521c1a5a538234af02.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="8" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Mane" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/06c67f4209cca9202e3c4043255f51ecef518e71.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="9" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="GA" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/8ad469bb1c0a425a956a8ec7fca54fff8f650edb.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="10" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Hérault Aménagement" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/f225ad98398824dfe1e34c287facf1a066ec886f.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="11" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Chevallier Bouteilles" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d3bff35ff676b42c839b633602091854c47908c9.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="12" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Transport Prunières" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/7b3c987871f26ba5699ebbf3f36a432f03630224.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="13" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="SYSTEME U" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/4d4f8d3c6e0f905749ba52ad183a2639d06b522c.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="14" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Euro Aptitudes PCIE" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/e055802d4fc451c054dd82c5d7e1bedd13a9df7d.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="15" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="COUGNAUD" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/5a5beb06acee727ac184fd0cf57bdbb24f6ed4c4.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="16" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Union Matériaux" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/b48298b3abfea9d0233bacbadfa3febf02414308.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="17" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="HIQ Consulting" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d3266fcbc0224f890220e4158579eda9dd4113c2.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="18" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="LaboPractice" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/0fd5225607a7d41e1be8153e840cc3ae3479a42e.PNG"></div></div></div></div><div class="slick-slide" data-slick-index="19" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Pharmacie Polygone" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/81/2e/1a61ce93d9966459900aa2c0616f.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="20" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Elisol" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/27/38/8f344790e3d54182108b61923202.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="21" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="CMA - Constructions Métalliques" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/d8/be/a7e53af034608283c9722a27853b.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="22" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Moongy" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/cf/01/198a554b7ff7974a0928d14e89c3.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="23" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="innova peintures" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/ab/ab/a1a7343d37cf1d64fa6a0224a7f8.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="24" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Château de Flaugergues" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/1a/71/43330334aaea0ae819e919c3f81a.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="25" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Innovative Diagnostics" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/8c/de/52acd3a5fd8fe386df461a92f5d4.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="26" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Ministère de la Défense" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/14/24/12dba251612e600bc8ba29677eef.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="27" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Verifone" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/808de293c25da98f0ca3d63a668549ffead6cb75.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="28" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Ville d'Agde" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/3f80763ff7ef57d25fa7c56ce8cfc574cc070185.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="29" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Remarkable" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/746b15c7e0541ce77f0bae9ddc7a1f6ffcf509cf.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="30" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Safenergy" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/da32bafd776b3c57378149a8f3b4788f03428e09.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="31" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="IDVET" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/9e68a5c679b8556727ac39aafb51b7107e4fc27a.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="32" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="CerFrance" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d21de1258543193274d33f8160298f1089010d95.PNG"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="33" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Test We" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/41e024ff4517fc1ef70a0f521c1a5a538234af02.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="34" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Mane" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/06c67f4209cca9202e3c4043255f51ecef518e71.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="35" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="GA" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/8ad469bb1c0a425a956a8ec7fca54fff8f650edb.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="36" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Hérault Aménagement" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/f225ad98398824dfe1e34c287facf1a066ec886f.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="37" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Chevallier Bouteilles" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d3bff35ff676b42c839b633602091854c47908c9.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="38" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Transport Prunières" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/7b3c987871f26ba5699ebbf3f36a432f03630224.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="39" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="SYSTEME U" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/4d4f8d3c6e0f905749ba52ad183a2639d06b522c.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="40" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Euro Aptitudes PCIE" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/e055802d4fc451c054dd82c5d7e1bedd13a9df7d.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="41" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="COUGNAUD" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/5a5beb06acee727ac184fd0cf57bdbb24f6ed4c4.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="42" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Union Matériaux" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/b48298b3abfea9d0233bacbadfa3febf02414308.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="43" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="HIQ Consulting" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d3266fcbc0224f890220e4158579eda9dd4113c2.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="44" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="LaboPractice" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/0fd5225607a7d41e1be8153e840cc3ae3479a42e.PNG"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="45" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Pharmacie Polygone" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/81/2e/1a61ce93d9966459900aa2c0616f.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="46" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Elisol" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/27/38/8f344790e3d54182108b61923202.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="47" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="CMA - Constructions Métalliques" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/d8/be/a7e53af034608283c9722a27853b.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="48" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Moongy" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/cf/01/198a554b7ff7974a0928d14e89c3.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="49" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="innova peintures" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/ab/ab/a1a7343d37cf1d64fa6a0224a7f8.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="50" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Château de Flaugergues" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/1a/71/43330334aaea0ae819e919c3f81a.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="51" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Innovative Diagnostics" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/8c/de/52acd3a5fd8fe386df461a92f5d4.jpg"></div></div></div></div></div></div><button aria-label="Navigation diaporama" type="button" class="slick-next slick-arrow" style=""><i class="ti ti-2x ti-arrow-right"></i></button></div></div></div> <div class="container py-5 my-5 my-md-0 text-center"><a href="/realisations" class="btn btn-orange py-3 font-weight-bold text-light rounded-pill">
        Découvrez toutes nos réalisations
      </a></div></div> <div class="container-fluid py-3 bg-extra-light-grey"><h2 class="text-center home-title mb-1">
      Technologies et frameworks
    </h2> <h3 class="text-center text-muted mb-5 pt-0">
      Tour d'horizon des langages informatiques et frameworks utilisés chez Triotech
    </h3> <div id="frameworks" class="container"><div class="row justify-content-center align-items-center mb-2 mx-5 mx-ld-0"><div class="col-6 col-md-3 col-lg-2"><div class="card-no-style card-scale-animation card p-3"><img alt="Symfony" src="../../static/images/icons/frameworks_symfony.png" class="card-img"> <a href="/pages/pourquoi-choisir-symfony-pour-vos-projets-web" target="_blank" class="stretched-link"></a></div></div><div class="col-6 col-md-3 col-lg-2"><div class="card-no-style card-scale-animation card p-3"><img alt="Vue.js" src="../../static/images/icons/frameworks_vuejs.png" class="card-img"> <a href="/pages/vue-js-le-framework-javascript-progressif-qui-sadapte-a-tous-vos-besoins" target="_blank" class="stretched-link"></a></div></div><div class="col-6 col-md-3 col-lg-2"><div class="card-no-style card-scale-animation card p-3"><img alt="Sylius" src="../../static/images/icons/frameworks_sylius.png" class="card-img"> <a href="/pages/sylius-la-solution-e-commerce-hybride-et-sur-mesure" target="_blank" class="stretched-link"></a></div></div><div class="col-6 col-md-3 col-lg-2"><div class="card-no-style card-scale-animation card p-3"><img alt="NativeScript" src="../../static/images/icons/frameworks_nativescript.png" class="card-img"> <a href="/actualites/pourquoi-nativescript-fait-la-difference-sur-vos-applications-mobiles" target="_blank" class="stretched-link"></a></div></div> <div class="col-12 col-md-6 mt-sm-3 mt-lg-0 col-lg-4"><div class="card-no-style card card-scale-animation p-3 mb-2"><img alt="Windev" src="static/images/icons/frameworks_windev.png" class="card-img framework-logos"> <a href="/pages/quest-ce-que-windev" target="_blank" class="stretched-link"></a></div></div></div></div> <div class="container py-4 text-center"><a href="/pages/technologies-et-frameworks" class="btn btn-orange py-3 font-weight-bold text-light rounded-pill">
        Explorez nos technologies
      </a></div></div> <div class="container-fluid py-3"><h2 class="text-center home-title mb-1">
      Blog
    </h2> <h3 class="text-center text-muted mb-5 pt-0">
      Restez informés des dernières tendances numériques
    </h3> <div class="container mt-4"><div class="row"><div class="col-md-6 col-lg-4 mb-4"><div class="card card-scale-animation shadow h-100"><picture><source media="(min-width: 1200px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xl/a0/ff/681306de46c26f6a07b46c70f6b0.jpg"><source media="(min-width: 992px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_lg/a0/ff/681306de46c26f6a07b46c70f6b0.jpg"><source media="(min-width: 768px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_md/a0/ff/681306de46c26f6a07b46c70f6b0.jpg"><source media="(min-width: 576px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_sm/a0/ff/681306de46c26f6a07b46c70f6b0.jpg"><source media="(min-width: 320px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xs/a0/ff/681306de46c26f6a07b46c70f6b0.jpg"> <img alt="Triotech recrute un Product Owner. Rejoignez-nous!" src="https://backend.triotech.fr/media/cache/resolve/news_thumbnail/a0/ff/681306de46c26f6a07b46c70f6b0.jpg" class="card-img-top"></picture> <div class="card-body"><div class="card-body-layout"><a href="/actualites/triotech-recrute-un-product-owner-f-h" class="stretched-link"><h3 class="card-title font-weight-bold">
                Triotech recrute un Product Owner F/H
              </h3></a> <div class="card-text small text-muted d-none d-lg-block">Envie de piloter des projets digitaux sur-mesure et innovants ? Nous recrutons un Product Owner en CDI. Rejoignez-nous!</div> <div class="pt-2 text-primary small float-right font-weight-bold align-self-end">
              14/04/2023
            </div></div></div></div></div><div class="col-md-6 col-lg-4 mb-4"><div class="card card-scale-animation shadow h-100"><picture><source media="(min-width: 1200px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xl/2a/25/6812c025710eb0f34e5361452da7.jpg"><source media="(min-width: 992px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_lg/2a/25/6812c025710eb0f34e5361452da7.jpg"><source media="(min-width: 768px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_md/2a/25/6812c025710eb0f34e5361452da7.jpg"><source media="(min-width: 576px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_sm/2a/25/6812c025710eb0f34e5361452da7.jpg"><source media="(min-width: 320px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xs/2a/25/6812c025710eb0f34e5361452da7.jpg"> <img alt="Triotech Rejoignez nous !" src="https://backend.triotech.fr/media/cache/resolve/news_thumbnail/2a/25/6812c025710eb0f34e5361452da7.jpg" class="card-img-top"></picture> <div class="card-body"><div class="card-body-layout"><a href="/actualites/triotech-recrute-un-developpeur-windev-f-h" class="stretched-link"><h3 class="card-title font-weight-bold">
                Triotech recrute un développeur WinDev F/H
              </h3></a> <div class="card-text small text-muted d-none d-lg-block">Vous cherchez un poste de développeur WinDev en CDI ? Nous avons besoin d'un expert en gestion de projet expert en AGL WinDev et WinDev Mobile. Rejoignez-nous !</div> <div class="pt-2 text-primary small float-right font-weight-bold align-self-end">
              04/04/2023
            </div></div></div></div></div><div class="col-md-6 col-lg-4 mb-4"><div class="card card-scale-animation shadow h-100"><picture><source media="(min-width: 1200px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xl/b7/31/715cd0a77824da320ab29fdba52e.jpg"><source media="(min-width: 992px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_lg/b7/31/715cd0a77824da320ab29fdba52e.jpg"><source media="(min-width: 768px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_md/b7/31/715cd0a77824da320ab29fdba52e.jpg"><source media="(min-width: 576px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_sm/b7/31/715cd0a77824da320ab29fdba52e.jpg"><source media="(min-width: 320px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xs/b7/31/715cd0a77824da320ab29fdba52e.jpg"> <img alt="Digitalisation de la filière bois" src="https://backend.triotech.fr/media/cache/resolve/news_thumbnail/b7/31/715cd0a77824da320ab29fdba52e.jpg" class="card-img-top"></picture> <div class="card-body"><div class="card-body-layout"><a href="/actualites/le-chantier-digitalise-par-triotech" class="stretched-link"><h3 class="card-title font-weight-bold">
                Le chantier digitalisé par Triotech
              </h3></a> <div class="card-text small text-muted d-none d-lg-block">Comment créer des outils numériques complets, simples et adaptés à 2 secteurs spécifiques et complexes : le BTP et la filière bois.</div> <div class="pt-2 text-primary small float-right font-weight-bold align-self-end">
              24/03/2023
            </div></div></div></div></div></div> <!----> <!----></div> <div class="container py-4 text-center"><a href="/actualites" class="btn btn-orange py-3 font-weight-bold text-light rounded-pill">
        Lisez les autres actualités
      </a></div></div> <div class="ask-block-section mb-0"><div class="ask-block-container"><div class="grey-cover-container"><div class="container content-container"><h2 class="ask-block-title mx-3 mx-md-0">Vous êtes porteur d'un projet digital ?<br>
Demandez l'avis d'un expert.
</h2> <p class="pb-3 mx-3 mx-md-0">Nos experts vont analyser votre besoin afin de vous apporter une réponse rapide et concrète.<br> La confidentialité est garantie par contrat.</p> <div><button type="button" class="btn btn-secondary text-light rounded-pill py-3 font-weight-bold">
    J'ai un projet
  </button> <div class="modal-form sweet-modal-overlay theme-light sweet-modal-clickable" style="display: none;"><div class="sweet-modal theme-triotech has-content is-mobile-fullscreen is-alert"><div class="sweet-box-actions"> <div class="sweet-action-close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="#292c34"></path></svg></div></div> <!----> <!----> <div class="sweet-content"><!----> <!----> <!----> <!----> <div class="sweet-content-content"><div class="contact-form"><div data-v-978c7d6a="" class="form-container"><div data-v-978c7d6a="" class="header"><div data-v-978c7d6a="" class="container"><div data-v-978c7d6a="" class="row align-items-center"><div data-v-978c7d6a="" class="col"><div data-v-978c7d6a="" class="form-title">
            Demande de mise en relation
          </div></div> <!----></div> <!----></div></div> <div data-v-978c7d6a="" class="container"><form data-v-978c7d6a=""><div data-v-978c7d6a="" class="group-container"><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="name">
              Bonjour, je suis *:
            </label> <input data-v-978c7d6a="" id="name" placeholder="Entrez votre nom" required="required" autocomplete="name" type="text"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="email">
              Vous pouvez me contacter par e-mail *:
            </label> <input data-v-978c7d6a="" id="email" placeholder="Email" required="required" autocomplete="email" type="email"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="phone">
              Ou par téléphone au :
            </label> <input data-v-978c7d6a="" id="phone" placeholder="Téléphone" autocomplete="phone" type="text"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="message">
              Objet de votre demande *:
            </label> <!----> <textarea data-v-978c7d6a="" style="overflow: hidden; overflow-wrap: break-word;">                Message
              </textarea> <!----></div><div data-v-978c7d6a="" class="form-group simplified"><label data-v-978c7d6a="" for="used_data">
              En ce qui concerne le traitement de vos données personnelles :
            </label> <input data-v-978c7d6a="" id="used_data" placeholder="" autocomplete="used_data" type="checkbox"> <span data-v-978c7d6a="">Je reconnais avoir pris connaissance de la Politique de confidentialité et l'accepte.</span> <!----> <!----></div> <div data-v-978c7d6a="" class="errors"></div></div> <div data-v-978c7d6a="" class="row"><div data-v-978c7d6a="" class="text-left"><button data-v-978c7d6a="" type="button" class="btn round-btn btn-secondary"><span data-v-978c7d6a="" class="d-none d-sm-block float-left">Envoyer</span> <svg data-v-978c7d6a="" aria-hidden="true" width="16" height="16" viewbox="0 0 512 512" focusable="false" class="fa-icon"><path d="M476 3.2c17.3-10 39 4.6 35.6 24.8l-72 432c-2.6 15.3-18.8 24.2-33 18.2l-124.6-52.2-63.5 77.3c-14 17.1-42.5 7.8-42.5-15.8v-80.5l240.9-293.5c4.7-5.7-3.1-13.2-8.6-8.3l-287.3 253.2-106.3-44.6c-18-7.6-20.3-32.8-2.2-43.2z"></path></svg></button></div></div></form></div></div></div></div></div> <!----></div></div></div></div></div></div></div></div></main> <footer class="footer-menu bg-extra-light-grey mb-n3 pt-0"><div class="container px-4 px-md-0 py-3"><div class="bottom-top-containers"><img alt="Logo Triotech" height="80" src="/static/images/brand/logo-couleur.png" width="300" class="footer-logo ml-n2"></div> <div class="row py-3"><div class="col-6 col-lg-4 mb-4"><b class="font-weight-bold text-secondary footer-title text-uppercase h5">
          Contact
        </b> <address class="text-dark mt-3">69 impasse Mac Gaffey<br>
1er étage<br>
34070 Montpellier - France
</address> <div class="p-0"><a href="tel:pages.contact.coordinate.call_phone" class="text-dark nav-link p-0"><span>+33(0)4 67 82 56 93</span></a><a href="mailto:contact@triotech.fr" class="text-dark nav-link p-0"><span>contact@triotech.fr</span></a></div></div> <div class="col-md-6 col-lg-4"><b class="font-weight-bold text-secondary footer-title text-uppercase h5">
          Expertises
        </b> <ul class="list-unstyled footer-line-height mt-3"><li><a href="/expertises/developpement-de-solutions-web" class="nav-item text-dark">
              Développement de solutions web
            </a></li><li><a href="/expertises/conception-dapplication-mobile" class="nav-item text-dark">
              Conception d'application mobile
            </a></li><li><a href="/expertises/developpement-logiciel-sur-mesure" class="nav-item text-dark">
              Développement logiciel sur mesure
            </a></li><li><a href="/expertises/accompagnement-et-conseil" class="nav-item text-dark">
              Accompagnement et conseil
            </a></li><li><a href="/expertises/design-ui-ux" class="nav-item text-dark">
              Design UI/UX
            </a></li><li><a href="/expertises/integration-de-web-services-et-dapi-rest" class="nav-item text-dark">
              Intégration de web services et d'API rest
            </a></li></ul></div><div class="col-md-6 col-lg-3"><b class="font-weight-bold text-secondary footer-title text-uppercase h5">
          A propos
        </b> <ul class="list-unstyled footer-line-height mt-3"><li><a href="/agence" class="nav-item text-dark">
              L'agence
            </a></li><li><a href="/actualites" class="nav-item text-dark">
              Le blog
            </a></li><li><a href="/mentions-legales" class="nav-item text-dark">
              Mentions Légales
            </a></li><li><a href="/contact" class="nav-item text-dark">
              Contactez-nous
            </a></li><li><a href="/pages/politique-de-confidentialite" class="nav-item text-dark">
              Politique de confidentialité
            </a></li></ul></div> <div class="col-6 col-lg-1"><div class="d-flex justify-content-lg-center card-scale-animation"><a href="/actualites/pourquoi-faire-appel-au-credit-dimpot-innovation-cii-pour-vos-projets-numeriques-sur-mesure" class=""><img alt="Logo CII impôts" src="/static/img/logo-cii.58a0fec.png" class="cii-logo"></a></div></div></div> <div class="row justify-content-between align-items-center mb-5 mb-md-0"><div class="col-6 col-lg-4"><p class="footer-copyright text-dark text-left">
          ©2022, Triotech. Tous droits réservés.
        </p></div> <div class="col-6 col-lg-1"><div class="social-networks-container card-scale-animation float-right"><a href="https://www.linkedin.com/company/triotech-france" target="_blank" class="btn-social"><svg aria-hidden="true" width="14" height="16" viewbox="0 0 448 512" focusable="false" class="fa-icon"><path d="M416 32c17.6 0 32 14.5 32 32.3v383.4c0 17.8-14.4 32.3-32 32.3h-384.1c-17.6 0-31.9-14.5-31.9-32.3v-383.4c0-17.8 14.3-32.3 31.9-32.3h384.1zM135.4 416h0.1v-213.8h-66.5v213.8h66.4zM102.2 173c21.3 0 38.5-17.2 38.5-38.5 0-21.2-17.3-38.5-38.5-38.5-21.3 0-38.5 17.3-38.5 38.5s17.2 38.5 38.5 38.5zM384.3 416v-117.2c0-57.6-12.5-101.9-79.7-101.9-32.3 0-54 17.7-62.9 34.5h-0.9v-29.2h-63.7v213.8h66.4v-105.8c0-27.9 5.3-54.9 39.9-54.9 34 0 34.5 31.9 34.5 56.7v104h66.4z"></path></svg></a></div></div></div></div></footer></div><script type="text/javascript" src="/static/js/vendor.323385dc3a6fb43cd179.js"></script><script type="text/javascript" src="/static/js/app.4ebfa8dd677d7f062840.js"></script><div id="__autosizeInputGhost" style="display: inline-block; height: 0px; overflow: hidden; position: absolute; top: 0px; visibility: hidden; white-space: nowrap;"></div></body></html>