PageSourceSearch

https://travaux-pratiques.fr/a-propos

html travaux-pratiques.fr collected 2026-10-06 02:57:27 UTC 59,430 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="fr" class="ui-hidden" data-router-update="data-template, lang" data-template="about"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>À propos | Travaux-Pratiques</title><style id="main-css">@font-face{font-family:Marfa;src:url(/dist/assets/ABCMarfa-Regular-Trial-DT4OgarT.woff2);font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Marfa;src:url(/dist/assets/ABCMarfa-RegularItalic-Trial-DhpEMdhW.woff2);font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Marfa;src:url(/dist/assets/ABCMarfa-Black-Trial-DTBE0Jmr.woff2);font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Marfa;src:url(/dist/assets/ABCMarfa-BlackItalic-Trial-CZyomrgD.woff2);font-style:italic;font-weight:600;font-display:swap}*,:before,:after{box-sizing:border-box}*{margin:0}img,picture,video,svg{max-width:100%;display:block}input,button,textarea{font:inherit}h1,h2,h3,h4{overflow-wrap:break-word}*{-webkit-tap-highlight-color:transparent}ul{padding:0}ul:not([role]){list-style-type:none}a,button{all:unset;touch-action:manipulation;cursor:pointer;user-select:none}a{color:currentColor;text-decoration:none}a:not([class]){text-decoration-skip-ink:auto}:root{--vh:calc(100svh - var(--admin-bar--height,0px));--inner-height:calc(var(--vh) - var(--header-height));--container-width:clamp(0vw,100vw,1450px)}html{font-family:Marfa,sans-serif;font-size:var(--fixed-size,calc(var(--container-width)/var(--design-width)*var(--font-base,10)));color:#000;text-size-adjust:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:opacity .35s cubic-bezier(.25,.46,.45,.94);overflow:hidden}html.ui-hidden{opacity:.001}.main-content{height:var(--inner-height);margin-top:calc(var(--admin-bar--height,0px) + var(--header-height))}.page{inset:var(--admin-bar--height,0)0 0;position:fixed}:root{--container-reset-size:calc((100vw - var(--container-width))/2 + var(--grid-margin))}.row{align-items:var(--grid-align,start);grid-template:auto/repeat(var(--grid-cols),1fr);grid-gap:var(--rows-gutter,0)var(--grid-gutter);display:grid}.container{max-width:var(--container-width);padding-inline:var(--grid-margin);margin-inline:auto}.container--full{--container-width:100%}.container-reset{margin-inline:calc(var(--container-reset-size)*-1)}[class*=col-]{grid-column:var(--col-left,auto)/span var(--col-width,1)}[class*=col-].row{--grid-cols:var(--col-width)}[class*=offset]>[class*=col]:not([class*=offset]){--col-left:auto}.col-1{--col-width:1}.col-4{--col-width:4}.col-5{--col-width:5}.offset-5{--col-left:6}.col-6{--col-width:6}.col-8{--col-width:8}
1.sm\:show,.md\:show{display:var(--display,none)!important}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.blocks__column--first .block-paragraph{margin-top:-.4rem}.block-title+.block-paragraph{margin-top:calc(var(--blocks-gap)*-1);padding-top:.5rem}.block-title+.block-paragraph.text--36-d{padding-top:.9rem}.block-paragraph a{background:no-repeat linear-gradient(currentColor,currentColor)var(--u-x,0em)var(--u-y,97%)/var(--u-width,100%).075em;transition:background-size .6s cubic-bezier(.645,.045,.355,1)}.block-slider:has(.image--loaded){--gradient-opacity:.45}.block-slider:before{z-index:2;width:100vw;height:7.2rem;margin-left:calc(var(--container-reset-size)*-1);opacity:var(--gradient-opacity,0);background-image:linear-gradient(#000 0%,#000000bc 19%,#0000008a 34%,#00000061 47%,#00000047 56.5%,#00000031 65%,#00000020 73%,#00000013 80.2%,#0000000b 86.1%,#00000005 91%,#00000002 95.2%,#00000001 98.2%,#0000 100%);transition:opacity .6s cubic-bezier(.25,.46,.45,.94);display:block;position:sticky;top:0}.blocks__row:first-child .block-slider:before{content:""}.blocks__row:first-child .block-slider .slider__viewport{margin-top:-7.2rem}.block-slider .slider__slides{--slide-spacing:0}.block-slider .block-video{--video-max-height:none;height:100%}.block-slider .image__picture{height:100%}.block-video__player{--video-progress-color:#ffff01}.blocks,.blocks__column{gap:var(--blocks-gap);flex-direction:column;display:flex}.button{--icon-width:2rem;vertical-align:top;pointer-events:all;background-color:var(--button-bg,transparent);border-radius:var(--button-radius,0);color:var(--button-color,currentColor);flex-direction:row-reverse;align-items:center;gap:.5rem;display:inline-flex}.button__label{pointer-events:none;white-space:nowrap}.collapse{--collapse-min:0px;--collapse-duration:.4s;--collapse-ease:cubic-bezier(.645,.045,.355,1);height:0;transition:height var(--collapse-duration)var(--collapse-ease);overflow:hidden}.collapse--freezed{--collapse-duration:0s}.collapse--open{height:var(--collapse-height)}.collapse__inner{opacity:0;transition:opacity var(--collapse-duration)0s}.collapse--open>.collapse__inner{opacity:1;transition-delay:calc(var(--collapse-duration)*.6)}.footer__infos{color:#fff;background-color:#000;padding-block:1.8rem 5rem}.footer__infos-inner{margin-inline:0}.footer__infos-row{display:flex}.footer__infos-prefix{flex-basis:3rem}.footer__infos-credits{opacity:.5}.footer__newsletter{perspective:var(--container-width);background-color:#ebebeb;position:relative;overflow:hidden}.footer__newsletter-form{backface-visibility:hidden;background-color:#ebebeb;padding-block:1.5rem;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}@keyframes bounce{0%{transform:translate(0)}16%{transform:translate(1rem)}33%{transform:translate(-1rem)}50%{transform:translate(1rem)}67%{transform:translate(-1rem)}83%{transform:translate(1rem)}to{transform:translate(0)}}.footer__newsletter--success .footer__newsletter-form{pointer-events:none;transform:rotateX(-180deg)}.footer__newsletter--error .footer__newsletter-form{animation:.65s cubic-bezier(.455,.03,.515,.955) bounce}.footer__newsletter-fields{flex-flow:wrap;align-items:center;gap:1rem;display:flex;position:relative}.footer__newsletter-email{appearance:none;background:linear-gradient(270deg,#a7a7a7 50%,#0000 50%) 0 1.6em/.4rem .1rem repeat-x;border:0;outline:none;flex-grow:1;height:3rem}.footer__newsletter-btn{background:no-repeat linear-gradient(currentColor,currentColor)var(--u-x,0em)var(--u-y,97%)/var(--u-width,100%)1px;transition:background-size .6s cubic-bezier(.645,.045,.355,1)}.footer__newsletter-confirm{padding:inherit;text-align:center;backface-visibility:hidden;background-color:#ffff01;justify-content:center;align-items:center;padding-block:1.5rem;transition:transform .5s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;inset:0;transform:rotateX(180deg)}.footer__newsletter--success .footer__newsletter-confirm{transform:rotateX(0)}.header-trigger{inset:var(--header-trigger-top)0 auto;height:1px;position:absolute}.header-trigger--sticky{--header-trigger-top:calc(var(--block-slider-height) - 3rem)}.header{z-index:2;pointer-events:none;inset:var(--admin-bar--height,0)0 auto;height:var(--header-height);color:#fff;justify-content:space-between;align-items:flex-start;transition:color .35s;display:flex;position:fixed}.header--sticky{color:#000}.header__logo{pointer-events:all}svg:has(symbol){display:none}.icon{width:var(--icon-width,100%);aspect-ratio:var(--icon-ratio,1);display:block}.icon__svg{width:100%;height:100%}.image{position:relative;overflow:hidden}.image--loaded{--image-opacity:1}.image--caption{flex-direction:column;display:flex}.image__media{height:100%}.image__picture{background-color:var(--image-bg,#ebebeb);user-select:none;max-width:none;max-height:100%;aspect-ratio:var(--image-ratio);margin-inline:auto;position:relative}.image__img{width:calc(100%*var(--image-zoom,1));height:calc(100%*var(--image-zoom,1));object-fit:cover}.image--lazy .image__img{opacity:var(--image-opacity,0);transition:opacity .6s cubic-bezier(.25,.46,.45,.94)}:is(.image--zoom,.image--stretch) .image__img{z-index:0;inset:var(--image-offset,0)auto auto var(--image-offset,0);max-width:none;position:absolute}.image--stretch .image__img{--offset:-1px;--zoom:1 + 2px}.image__img[data-link]{cursor:pointer}.loader{z-index:100;pointer-events:none;cursor:wait;position:fixed;inset:0}.loader--visible{pointer-events:all}.loader__progress{inset:var(--admin-bar--height,0px)0 auto;height:.3rem;position:absolute;overflow:hidden}.loader__progress-bar{transform-origin:0;content:"";background-color:#ffff01;position:absolute;inset:0;
1transform:scaleX(0)}.menu__links{display:flex}.menu__link{opacity:var(--menu-link-opacity,.8)}.menu__link--active{--menu-link-opacity:1}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.scroll{height:100%;position:relative;overflow:hidden}.scroll--local.scroll--active:before,.scroll--local.scroll--active:after{z-index:1;pointer-events:none;background:linear-gradient(0deg,transparent 0%,transparent 50%,var(--gradient-color,#fff)88%);content:"";height:12rem;transition:opacity .4s cubic-bezier(.645,.045,.355,1);position:absolute}.scroll--local.scroll--active:before{opacity:0;inset:-.1rem 0 auto}.scroll--local.scroll--active:after{inset:auto 0 -.1rem;transform:scaleY(-1)}.scroll--at-bottom.scroll--active:before{opacity:1}.scroll--at-bottom.scroll--active:after{opacity:0}.scroll__inner{will-change:scroll-position;clip-path:inset(0);height:100%;transition:clip-path .2s;position:relative;overflow:auto}.header--sticky+.main-content .scroll__inner{clip-path:inset(var(--header-height)0 0 0)}.scroll__content{flex-direction:column;justify-content:space-between;min-height:100%;display:flex;position:relative}.scroll__content>*{width:100%}html:not(.is-touch) .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}html:not(.is-touch) .no-scrollbar::-webkit-scrollbar{display:none}.scrollbar{--sb-width:12px;z-index:10;pointer-events:none;width:var(--sb-width);opacity:0;transition:opacity .3s .3s;position:absolute;top:0;bottom:0;right:0}.scroll--active .scrollbar{pointer-events:all}.lenis-scrolling~.scrollbar,.scrollbar--grabbing{opacity:1;transition-delay:0s}.scrollbar__inner{height:100%;position:relative}.scrollbar__thumb{width:100%;height:var(--sb-height,10rem);cursor:grab;position:absolute;right:0}.scrollbar__thumb:before{border-radius:var(--sb-width);content:"";background-color:#00000080;position:absolute;inset:2px 4px 2px 0}.scrollbar--grabbing .scrollbar__thumb{cursor:grabbing}.slider__controls{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.slider__control{--icon-width:4rem;pointer-events:none;opacity:0;transition:opacity .4s cubic-bezier(.215,.61,.355,1);position:relative}.slider__control:before{z-index:1;content:"";width:150%;height:300%;position:absolute;inset:-100% auto auto -25%}.slider--can-prev .slider__control--prev{pointer-events:all;opacity:1}.slider__control--prev .icon{transform:scaleX(-1)}.slider__control--next{margin-left:auto}.slider--can-next .slider__control--next{pointer-events:all;opacity:1}.slider--dots{--slider-dots-y:1rem;--slider-dots-size:1rem;--slider-dots-gap:.5rem;padding-bottom:calc(var(--slider-dots-size) + var(--slider-dots-y))}.slider__dots{gap:var(--slider-dots-gap);display:flex;position:absolute;inset:auto auto 0 0}.slider__dot{width:var(--slider-dots-size);height:var(--slider-dots-size);opacity:.2;background-color:#000;border-radius:100%;font-size:0;transition:opacity .4s cubic-bezier(.215,.61,.355,1)}.slider__dot--active{opacity:1}.slider__gradient{z-index:1;pointer-events:none;opacity:var(--slider-gradient-opacity,0);background:linear-gradient(var(--slider-gradient-direction,0deg),transparent 0%,var(--slider-gradient-color,#fff)100%);transition:opacity .3s cubic-bezier(.55,0,.1,1);position:absolute}.slider--horizontal .slider__gradient{--slider-gradient-direction:270deg;width:calc(100%*(1 - var(--slide-width)) - var(--slide-spacing)*var(--slide-width) + 2px)}.slider--vertical .slider__gradient{height:var(--slider-gradient-height,10rem)}.slider--horizontal .slider__gradient--start{inset:-1px auto -1px -1px}.slider--vertical .slider__gradient--start{inset:-1px -1px auto}.slider--can-prev:not(.slider--can-next) .slider__gradient--start{--slider-gradient-opacity:1}.slider--prev-hover:not(.slider--can-next) .slider__gradient--start{--slider-gradient-opacity:.8}.slider--horizontal .slider__gradient--end{inset:-1px -1px -1px auto;transform:scaleX(-1)}.slider--vertical .slider__gradient--end{inset:auto -1px -1px;transform:scaleY(-1)}.slider--can-next .slider__gradient--end{--slider-gradient-opacity:1}
1.slider--next-hover .slider__gradient--end{--slider-gradient-opacity:.8}.slider__slide{flex:0 0 var(--slide-size,calc(100%*var(--slide-width,1)));will-change:transform;min-width:0;max-height:100%;overflow:hidden}.slider--horizontal .slider__slide{padding-left:var(--slide-spacing)}.slider--vertical .slider__slide{padding-top:var(--slide-spacing)}.slider:not(.slider--disabled) .slider__slide{user-select:none}.slider--fade .slider__slide{--slide-width:1}.slider__slide-inner,.slider__slide-inner .image{height:100%}.slider__viewport{height:100%;position:relative;overflow:hidden}.slider{--slide-spacing:var(--grid-gutter);--slide-height:60vh;position:relative}.slider--vertical{--slider-gradient-direction:0deg;height:var(--slider-height,var(--inner-height))}.slider--can-drag{cursor:grab}.slider--dragging{cursor:grabbing}.slider__slides{height:100%;display:flex}.slider--horizontal .slider__slides{margin-left:calc(var(--slide-spacing)*-1)}.slider--vertical .slider__slides{margin-top:calc(var(--slide-spacing)*-1);flex-direction:column}::selection{color:#fff;background-color:#000}.text{font-size:var(--text-size);font-weight:400;line-height:var(--line-height)}.text--paragraph{flex-direction:column;gap:1em;display:flex}.text--bold,.text strong{font-weight:600}.text--white{color:#fff}.text--white::selection{color:#000;background-color:#fff}.text--15{--text-size:1.5rem;--line-height:1.4}.text--24{--text-size:2.4rem;line-height:1.08}.text :is(h1,h2,h3,h4){font-size:inherit;font-weight:inherit}.text em{font-style:italic}.text sup,.text sub{vertical-align:baseline;font-size:50%;position:relative}.text sup{top:-.8em}.text sub{top:-.25em}.br{line-height:0;display:block}.video__controls-fullscreen{margin-left:auto;position:relative}.video__controls-fullscreen:before{z-index:1;content:"";width:150%;height:150%;position:absolute;inset:-25% auto auto -25%}.video--fullscreen .video__controls-fullscreen .icon--enter-fullscreen{--display:none}.video--fullscreen .video__controls-fullscreen .icon--exit-fullscreen{display:block!important}.video__controls-play{--icon-width:4rem;--btn-size:100%;z-index:0;background-color:#0006;justify-content:center;align-items:center;transition:opacity .4s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}:is(.video--playing,.video--seeking.video--started) .video__controls-play{opacity:0}.video__controls-seek{width:100%;position:relative}.video__controls-progress{pointer-events:none;appearance:none;border:0;border-radius:5rem;outline:none;width:100%;height:100%;position:absolute;inset:0 auto auto 0}.video__controls ::-webkit-progress-bar{background-color:var(--video-progress-bg,#fff)}.video__controls ::-moz-range-track{background-color:var(--video-progress-bg,#fff)}.video__controls ::-webkit-progress-value{background-color:var(--video-progress-color,mediumaquamarine)}.video__controls ::-moz-range-progress{background-color:var(--video-progress-color,mediumaquamarine)}.video__controls :indeterminate::-moz-progress-bar{width:0}.video__controls-range{cursor:pointer;appearance:none;background:0 0;outline:none;width:100%;height:4rem;position:absolute;inset:50% auto auto 0;transform:translateY(-50%)}.video__controls-range::-webkit-slider-thumb{width:var(--thumb-size);height:var(--thumb-size);background:var(--video-thumb-color,var(--video-progress-color));cursor:pointer;appearance:none;border-radius:50%;transition:transform .3s cubic-bezier(.455,.03,.515,.955)}:active>.video__controls-range::-webkit-slider-thumb{transform:scale(1.3)}.video__controls-range::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background:var(--video-thumb-color,var(--video-progress-color));cursor:pointer;appearance:none;border:0;border-radius:50%;outline:none}.video__controls-time{pointer-events:none;text-align:center;flex-shrink:0;width:4rem}.video__controls-sep{margin-inline:-1rem}.video__controls{z-index:2;opacity:0;color:var(--video-ui-color,#fff);transition:opacity .4s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.video--ready .video__controls{opacity:1}.video--hide-controls .video__controls{opacity:0}
1.is-touch .video--started .video__controls{pointer-events:none;opacity:0}.is-touch .video--dailymotion.video--paused .video__controls{pointer-events:all;opacity:1}.video__controls-bar{z-index:1;align-items:center;gap:1rem;padding:0 1.5rem 1.4rem;display:flex;position:absolute;inset:auto 0 0}.video__controls-bar:before{z-index:-1;pointer-events:none;content:"";background:linear-gradient(#0000 0%,#0006 95%);position:absolute;inset:-1.5rem 0 0}.video{max-height:var(--video-max-height,var(--inner-height));user-select:none;aspect-ratio:var(--video-crop,var(--video-ratio));position:relative;overflow:hidden}.video--native{background-color:#ebebeb}.video--loading{cursor:wait}.video--loading>*{pointer-events:none}.video--controls{pointer-events:all}.video__poster,.video__player,.video iframe{width:unset;min-width:calc(101%*var(--video-zoom,1));height:unset;min-height:calc(101%*var(--video-zoom,1));aspect-ratio:var(--video-ratio);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.video__poster{z-index:2;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.video__poster:has(.image__img:not([data-link])){pointer-events:none}.video__poster .image__picture{--image-ratio:var(--video-crop,var(--video-ratio));height:100%}.video--started .video__poster{opacity:0}.video__player{background-color:#000}.video--embed .video__player{max-width:none}.video--native .video__player{object-fit:cover;opacity:0;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.video--native.video--ready .video__player{opacity:1}.video iframe{z-index:-1;pointer-events:none}.is-touch .video iframe{z-index:1;pointer-events:all}.video .dailymotion-player-root{background-color:#0000!important;padding-bottom:0!important;position:static!important}.video .dailymotion-player-wrapper{position:static!important}.viewport{pointer-events:none;position:fixed;inset:0}@media screen and (max-width:1919px){.video__controls-fullscreen{--icon-width:2.2rem}.video__controls-seek{height:.3rem}.video__controls-range{--thumb-size:1rem}}@media screen and (max-width:1023px){:root{--block-slider-height:calc(var(--vh) - 18rem);--grid-cols:6;--grid-margin:1.4rem;--grid-gutter:.5rem}.block-slider .slider__slide{height:var(--block-slider-height)}.block-slider .image__picture{--image-ratio-mobile:auto}.block-video__caption{margin-top:1.5rem}.block-video .video__controls-time{width:4rem}.blocks{--blocks-gap:2rem}.blocks__row{--rows-gutter:var(--blocks-gap)}.blocks__column:empty{display:none}.collapse--desktop{height:auto}.collapse--desktop>.collapse__inner{opacity:1}.footer__infos{--rows-gutter:3rem}.header{padding-top:1.2rem}.image--caption{gap:1.5rem}.image__picture{aspect-ratio:var(--image-ratio-mobile,var(--image-ratio))}.menu__links{gap:1.5rem}.text--10-m{--text-size:1rem;--line-height:1.4}.text--15-m{--text-size:1.5rem;--line-height:1.4}.text--22-m{--text-size:2.2rem;--line-height:1.27}.text--24-m{--text-size:2.4rem;line-height:1.08}}@media screen and (max-width:767px){:root{--design-width:375;--header-height:5rem}}@media screen and (min-width:768px) and (max-width:1023px){:root{--design-width:767;--header-height:5rem;--grid-margin:1.4rem;--grid-gutter:1rem}}@media screen and (min-width:768px){.sm\:col-3{--col-width:3}.sm\:offset-3{--col-left:4}.sm\:col-8{--col-width:8}.sm\:col-9{--col-width:9}.sm\:offset-11{--col-left:12}.sm\:show{--display:block}.sm\:hide{display:none!important}}@media screen and (min-width:1024px){:root{--design-width:1450;--header-height:6rem;--block-slider-height:var(--vh);--grid-cols:12;--grid-margin:2rem;--grid-gutter:2rem}.md\:col-4{--col-width:4}.md\:show{--display:block}.blocks__row:first-child .block-slider .slider__slide{height:var(--block-slider-height)}.blocks__row:not(:first-child) .block-slider .slider__slide{height:var(--inner-height)}.block-slider .image__picture{--image-ratio:auto}.block-video{--video-max-height:calc(var(--inner-height) - 8rem)}.blocks__column--last .block-video__player{margin-left:auto}.block-video__caption{margin-top:1.3rem}.block-video .video__controls-time{width:4.4rem}.blocks{--blocks-gap:15rem}.blocks__column:has(.block--4){--col-width:4}.blocks__column:has(.block--4):has(.block--center){--col-left:5}.blocks__column:has(.block--4):has(.block--right){--col-left:9}.blocks__column:has(.block--6){--col-width:6}.blocks__column:has(.block--6):has(.block--center){--col-left:4}.blocks__column:has(.block--6):has(.block--right){--col-left:7}.blocks__column:has(.block--8){--col-width:8}.blocks__column:has(.block--8):has(.block--center){--col-left:3}.blocks__column:has(.block--8):has(.block--right){--col-left:5}
1.collapse--mobile{height:auto}.collapse--mobile>.collapse__inner{opacity:1}.header{padding-top:1rem}.header__logo span{--display:inline}.image--caption{gap:1.3rem}.menu__links{gap:2.3rem}.text--12-d{--text-size:1.2rem;--line-height:1.33}.text--15-d{--text-size:1.5rem;--line-height:1.4}.text--20-d{--text-size:2rem;--line-height:1.4}.text--24-d{--text-size:2.4rem;line-height:1.08}.text--36-d{--text-size:3.6rem;line-height:1.28}.video--fullscreen .video__player,.video--fullscreen iframe{max-width:100vw;max-height:100vh}}@media screen and (min-width:1512px){.xl\:col-3{--col-width:3}}@media screen and (min-width:1920px){.video__controls-fullscreen{--icon-width:2rem}.video__controls-seek{height:.2rem}.video__controls-range{--thumb-size:.8rem}}@media (hover:hover){.block-paragraph a:hover,.footer__newsletter-btn:hover{--u-width:0;--u-x:calc(100% + 0em)}.menu__link:hover{--menu-link-opacity:1}.scrollbar:hover{opacity:1;transition:none}}</style><style id="about-css">.blocks__row:has(.block-team){position:relative}.blocks__row:has(.block-team)+.blocks__row:has(.block-team){margin-top:calc(var(--blocks-gap)*-1)}.blocks__row:has(.block-team):before{inset:0 calc(var(--container-reset-size)*-1)auto;content:"";background-color:#000;height:1px;position:absolute}.block-team{position:relative}.block-team__close{--icon-width:2.8rem;margin-left:auto}.block-team__close:before{z-index:1;content:"";width:100vw;height:100%;position:absolute;inset:0% auto auto calc(50% - 50vw)}.block-team__close[aria-expanded=true]{--close-rotate:135deg}.block-team .button__icon{transform:rotate(var(--close-rotate,0deg));transition:transform .25s cubic-bezier(.25,.46,.45,.94)}.block-team__image{order:-1}.about .blocks__row:has(.text--36-d)+.blocks__row:has(.text--36-d){margin-top:calc(var(--blocks-gap)*-1)}.about .blocks__row:has(.block-title):not(:has(.block-team)){margin-top:calc(var(--blocks-gap)*-1);position:relative}.about .blocks__row:has(.block-title):not(:has(.block-team)):before{inset:0 calc(var(--container-reset-size)*-1)auto;content:"";background-color:#000;height:1px;position:absolute}@media screen and (max-width:1023px){.block-team{padding-block:1.4rem 1.6rem}.block-team__row{--rows-gutter:0}.about .blocks{--blocks-gap:5rem;padding-bottom:3rem}.about .blocks__column:has(.text--36-d){--blocks-gap:3rem}.about .blocks__row:has(.text--36-d)+.blocks__row:has(.text--36-d){padding-top:3rem}.about .blocks__row:has(.block-title):not(:has(.block-team)){--rows-gutter:2rem;padding-block:2rem 1rem}.about .blocks__row:has(.block-title):not(:has(.block-team)) .blocks__column{--blocks-gap:var(--rows-gutter)}}@media screen and (max-width:767px){.block-team__close{grid-row-start:1}.block-team__details-row{--rows-gutter:1.5rem;padding-top:2rem}}@media screen and (min-width:768px) and (max-width:1023px){.block-team__row{--grid-cols:12}}@media screen and (min-width:768px){.block-team__image{padding-top:2.9rem}.block-team__desc{padding-top:2.5rem}}@media screen and (min-width:1024px){.blocks__column--first .block-photo .image__picture{margin-left:0}.blocks__column--last .block-photo .image__picture{margin-right:0}.block-team{padding-block:2rem}.block-team__close{margin-block:-.2rem}.about .blocks__column:has(.text--36-d){--blocks-gap:4.5rem}.about .blocks__row:has(.text--36-d)+.blocks__row:has(.text--36-d){padding-top:4.5rem}.about .blocks__row:has(.block-title):not(:has(.block-team)){padding-block:2rem 4rem}.about .blocks__row:has(.block-title):not(:has(.block-team)) .blocks__column{--blocks-gap:2.8rem}}@media (hover:hover){.block-team__close[aria-expanded=false]:hover{--close-rotate:90deg}}</style><link as="font" crossorigin href="https://travaux-pratiques.fr/dist/assets/ABCMarfa-Regular-Trial-DT4OgarT.woff2" rel="preload"><link as="font" crossorigin href="https://travaux-pratiques.fr/dist/assets/ABCMarfa-RegularItalic-Trial-DhpEMdhW.woff2" rel="preload"><link as="font" crossorigin href="https://travaux-pratiques.fr/dist/assets/ABCMarfa-Black-Trial-DTBE0Jmr.woff2" rel="preload"><link as="font" crossorigin href="https://travaux-pratiques.fr/dist/assets/ABCMarfa-BlackItalic-Trial-CZyomrgD.woff2" rel="preload"><link as="script" crossorigin href="https://travaux-pratiques.fr/dist/assets/app-Dkmdr1nl.js" rel="preload"><link as="script" crossorigin href="https://travaux-pratiques.fr/dist/assets/About-C6UBPKDv.js" rel="preload">
1<script defer src="https://travaux-pratiques.fr/dist/assets/app-Dkmdr1nl.js" type="module"></script>
1<script defer src="https://travaux-pratiques.fr/dist/assets/About-C6UBPKDv.js" type="module"></script>
1<meta name="description" content="Travaux-Pratiques est un atelier de création graphique à taille humaine composé de designers agiles et attentifs à répondre au plus près des attentes de nos clients. Indé…"><link rel="canonical" href="https://travaux-pratiques.fr/a-propos"><meta name="format-detection" content="telephone=no"><meta property="og:type" content="website"><meta property="og:url" content="https://travaux-pratiques.fr/a-propos"><meta property="og:title" content="À propos | Travaux-Pratiques"><meta property="og:description" content="Travaux-Pratiques est un atelier de création graphique à taille humaine composé de designers agiles et attentifs à répondre au plus près des attentes de nos clients. Indé…"><meta property="og:image" content="https://travaux-pratiques.fr/media/pages/a-propos/626a157c00-1784030883/gilles_expo_atelier-1200x630-crop.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://travaux-pratiques.fr/a-propos"><meta name="twitter:title" content="À propos | Travaux-Pratiques"><meta property="twitter:description" content="Travaux-Pratiques est un atelier de création graphique à taille humaine composé de designers agiles et attentifs à répondre au plus près des attentes de nos clients. Indé…"><meta property="twitter:image" content="https://travaux-pratiques.fr/media/pages/a-propos/626a157c00-1784030883/gilles_expo_atelier-1200x630-crop.png"><link rel="icon" type="image/png" href="https://travaux-pratiques.fr/images/favicons/favicon-96x96.png" sizes="96x96" /><link rel="icon" type="image/svg+xml" href="https://travaux-pratiques.fr/images/favicons/favicon.svg" /><link rel="shortcut icon" href="https://travaux-pratiques.fr/images/favicons/favicon.ico" /><link rel="apple-touch-icon" sizes="180x180" href="https://travaux-pratiques.fr/images/favicons/apple-touch-icon.png" /><meta name="apple-mobile-web-app-title" content="Travaux-Pratiques" /><link rel="manifest" href="https://travaux-pratiques.fr/images/favicons/site.webmanifest" />
1<script x-init @load.once="$dispatch('video:vimeo-ready')" @vimeo:init.window.once="$el.src='https://player.vimeo.com/api/player.js'"></script>
1<script x-init @youtube:init.window.once="$el.src='https://www.youtube.com/player_api'"></script>
1<script x-init @load.once="$dispatch('video:dailymotion-ready')" @dailymotion:init.window.once="$el.src='https://geo.dailymotion.com/libs/player.js'"></script>
1</head><body><div class="viewport" x-data="viewport" @resize.window.debounce="onResize(true)" @resize.window.once="onResize()"></div><header class="header container container--full" role="banner" x-init :class="{'header--sticky':$store.app.headerSticky}" data-router-update="className"><div><a class="header__logo text text--24-m text--20-d text--bold" href="https://travaux-pratiques.fr" rel="home">T<span class="md:show">ravaux-</span>P<span class="md:show">ratiques</span></a></div ><nav x-data="menu" class="menu"><ul class="menu__links"><li><a class="button menu__link" href="https://travaux-pratiques.fr/projets" data-cursor-hidden data-router-update="classList, innerHTML, href" @click.prevent="onMenuClick" x-ref="menuLinks"><span class="text button__label text--15-m text--20-d">Projets</span></a></li><li><a class="button menu__link menu__link--active" href="https://travaux-pratiques.fr/a-propos" data-cursor-hidden data-router-update="classList, innerHTML, href" @click.prevent="onMenuClick" x-ref="menuLinks"><span class="text button__label text--15-m text--20-d">À propos</span></a></li></ul></nav></header><main class="main-content" data-router-wrapper x-init><article class="about page" data-router-view="about"><h1 class="sr-only">À propos</h1><div class="scroll page__inner" :class="{'scroll--active':isActive}" x-data="scroll()" @scroll:reset.window="reset()" @scroll:resize.window="$lenis.resize()" @scroll:start.window="start" @scroll:stop.window="stop"><div class="scroll__inner lenis no-scrollbar" x-ref="scrollWrapper"><div class="scroll__content" x-ref="scrollContent"><section class="blocks container"><div class="blocks__row row"><div class="blocks__column col-6 blocks__column--12"><div class="block-slider slider slider--mgykyc slider--loop slider--horizontal" x-data="slider({loop:true,autoplay:4000,watchDrag:true})" :class="{'slider--disabled':!isActive,'slider--can-prev':canPrev,'slider--can-next':canNext,'slider--can-drag':canDrag,'slider--dragging':isDragging}"><div class="slider__viewport container-reset"><ul class="slider__slides" x-ref="slides"><li class="slider__slide"><div class="slider__slide-inner"><figure class="image image--lazy image--landscape image--mobile-square block block-photo" style="--image-ratio: 2; --image-ratio-mobile: 1; --image-bg:#8F8A80;" :class="loaded && 'image--loaded'" x-data="image({sizes:{xs:[549,549],sm:[767,767],md:[1023,1023],lg:[1199,600],xl:[1511,756],xxl:[1919,960],xxxl:[2560,1280]},dpr:1.5,quality:90,sharpen:5})" x-intersect:enter="onEnter" x-intersect:leave="onLeave"><div class="image__media"><picture class="image__picture"><img class="image__img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" data-id="a-propos/gilles_expo_atelier.jpg" :src="src ?? $el.src" width="549" height="549" alt="" decode="async" x-ref="img" @load="onLoad"></picture><noscript><img src="https://travaux-pratiques.fr/media/pages/a-propos/626a157c00-1784030883/gilles_expo_atelier.jpg" alt=""></noscript></div></figure></div></li><li class="slider__slide"><div class="slider__slide-inner"><figure class="image image--lazy image--landscape image--mobile-square block block-photo" style="--image-ratio: 2; --image-ratio-mobile: 1; --image-bg:#928F92;" :class="loaded && 'image--loaded'" x-data="image({sizes:{xs:[549,549],sm:[767,767],md:[1023,1023],lg:[1199,600],xl:[1511,756],xxl:[1919,960],xxxl:[2560,1280]},dpr:1.5,quality:90,sharpen:5})" x-intersect:enter="onEnter" x-intersect:leave="onLeave"><div class="image__media"><picture class="image__picture"><img class="image__img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" data-id="a-propos/tp-ensemble-3-2.jpg" :src="src ?? $el.src" width="549" height="549" alt="" decode="async" x-ref="img" @load="onLoad"></picture><noscript><img src="https://travaux-pratiques.fr/media/pages/a-propos/ff97d62ee9-1762533564/tp-ensemble-3-2.jpg" alt=""></noscript></div></figure></div></li><li class="slider__slide"><div class="slider__slide-inner"><figure class="image image--lazy image--landscape image--mobile-square block block-photo" style="--image-ratio: 2; --image-ratio-mobile: 1; --image-bg:#817A6A;" :class="loaded && 'image--loaded'" x-data="image({sizes:{xs:[549,549],sm:[767,767],md:[1023,1023],lg:[1199,600],xl:[1511,756],xxl:[1919,960],xxxl:[2560,1280]},dpr:1.5,quality:90,sharpen:5})" x-intersect:enter="onEnter" x-intersect:leave="onLeave"><div class="image__media"><picture class="image__picture"><img class="image__img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" data-id="a-propos/hd-ensemble-3.jpg" :src="src ?? $el.src" width="549" height="549" alt="" decode="async" x-ref="img" @load="onLoad"></picture><noscript><img src="https://travaux-pratiques.fr/media/pages/a-propos/7d01a9c2a5-1762533349/hd-ensemble-3.jpg" alt=""></noscript></div></figure></div></li><li class="slider__slide"><div class="slider__slide-inner"><figure class="image image--lazy image--landscape image--mobile-square block block-photo" style="--image-ratio: 2; --image-ratio-mobile: 1; --image-bg:#8C7A6A;" :class="loaded && 'image--loaded'" x-data="image({sizes:{xs:[549,549],sm:[767,767],md:[1023,1023],lg:[1199,600],xl:[1511,756],xxl:[1919,960],xxxl:[2560,1280]},dpr:1.5,quality:90,sharpen:5})" x-intersect:enter="onEnter" x-intersect:leave="onLeave"><div class="image__media"><picture class="image__picture"><img class="image__img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" data-id="a-propos/arthurcrestani_20251205_travauxpratiques-7698.jpg" :src="src ?? $el.src" width="549" height="549" alt="" decode="async" x-ref="img" @load="onLoad"></picture><noscript><img src="https://travaux-pratiques.fr/media/pages/a-propos/08050767b1-1784031654/arthurcrestani_20251205_travauxpratiques-7698.jpg" alt=""></noscript></div></figure></div></li><li class="slider__slide"><div class="slider__slide-inner"><figure class="image image--lazy image--landscape image--mobile-square block block-photo" style="--image-ratio: 2; --image-ratio-mobile: 1; --image-bg:#908881;" :class="loaded && 'image--loaded'" x-data="image({sizes:{xs:[549,549],sm:[767,767],md:[1023,1023],lg:[1199,600],xl:[1511,756],xxl:[1919,960],xxxl:[2560,1280]},dpr:1.5,quality:90,sharpen:5})" x-intersect:enter="onEnter" x-intersect:leave="onLeave"><div class="image__media"><picture class="image__picture"><img class="image__img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" data-id="a-propos/2022_display_tp.jpg" :src="src ?? $el.src" width="549" height="549" alt="" decode="async" x-ref="img" @load="onLoad"></picture><noscript><img src="https://travaux-pratiques.fr/media/pages/a-propos/31e576eeef-1762533388/2022_display_tp.jpg" alt=""></noscript></div></figure></div></li><li class="slider__slide"><div class="slider__slide-inner"><figure class="image image--lazy image--landscape image--mobile-square block block-photo" style="--image-ratio: 2; --image-ratio-mobile: 1; --image-bg:#635F5B;" :class="loaded && 'image--loaded'" x-data="image({sizes:{xs:[549,549],sm:[767,767],md:[1023,1023],lg:[1199,600],xl:[1511,756],xxl:[1919,960],xxxl:[2560,1280]},dpr:1.5,quality:90,sharpen:5})" x-intersect:enter="onEnter" x-intersect:leave="onLeave"><div class="image__media"><picture class="image__picture"><img class="image__img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" data-id="a-propos/bd-ensemble-9.jpg" :src="src ?? $el.src" width="549" height="549" alt="" decode="async" x-ref="img" @load="onLoad"></picture><noscript><img src="https://travaux-pratiques.fr/media/pages/a-propos/435aa9ba34-1762533410/bd-ensemble-9.jpg" alt=""></noscript></div></figure></div></li></ul></div></div></div></div><div class="blocks__row row"><div class="blocks__column col-6 blocks__column--10 blocks__column--first"><div class="text block block-paragraph text--22-m text--36-d">Travaux-Pratiques est un atelier de création graphique à taille humaine, composé de designers agiles et attentifs. Nous accompagnons indépendant·es, associations, entreprises ou institutions publiques dans la définition ou l’anticipation de leurs besoins en matière de communication.</div><div class="text block block-paragraph text--22-m text--36-d">
1Nos sujets s’inscrivent dans des champs aussi variés que la culture, le patrimoine, la science, l’éducation, l’architecture, le design et l’entreprenariat.<span class="br">&nbsp;</span></div><div class="text block block-paragraph text--22-m text--36-d">Nos réponses cherchent à allier le sens, l’utile et le beau. Nous accordons une attention particulière aux contenus –textuels ou visuels– que nous éditons ou créons de toute pièce afin de traduire les identités, les recherches, les idées et les projets de nos clients.</div><div class="text block block-paragraph text--22-m text--36-d">Nos savoir-faire et expertises –rédaction, conception éditoriale, création de caractères typographiques, illustration, animation, design graphique et interactif– se déploient sous de nombreux formats, de l’identité visuelle à l’exposition, du film d’animation au site internet, du livre à la signalétique. Leur réalisation est confiée à des partenaires qui, de l’imprimeur à l’agenceur, partagent notre goût pour les choses bien faites et bien pensées.</div></div><div class="blocks__column col-6 blocks__column--2 blocks__column--last"></div></div><div class="blocks__row row"><div class="blocks__column col-6 blocks__column--12"><figure class="image image--lazy image--landscape block block-photo block--12 block--center" style="--image-ratio: 1.41; --image-bg:#ECECEC;" :class="loaded && 'image--loaded'" x-data="image" x-intersect:enter="onEnter" x-intersect:leave="onLeave"><div class="image__media"><picture class="image__picture"><img class="image__img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" data-src="https://travaux-pratiques.fr/media/pages/a-propos/5d40ddb481-1784034127/ab_anim.gif" :src="src ?? $el.src" width="2400" height="1697" alt="" decode="async" x-ref="img" @load="onLoad"></picture><noscript><img src="https://travaux-pratiques.fr/media/pages/a-propos/5d40ddb481-1784034127/ab_anim.gif" alt=""></noscript></div></figure></div></div><div class="blocks__row row"><div class="blocks__column col-6 blocks__column--12"><div class="block block-team"><div class="block-team__row row"><h3 class="text block block-title text--bold text--24-m col-5 sm:col-3 text--15-m text--20-d">Thanh-Phong Lê</h3><h4 class="text block block-title text--bold text--24-m col-6 sm:col-8 text--20-d">Direction de l’atelier / Direction de création</h4><button class="button block-team__close col-1 offset-5 sm:offset-11" aria-controls="thanh-phong-le" data-cursor-hidden><span aria-hidden="true" class="icon icon--close button__icon" focusable="false" style="--icon-ratio: 28/28;"><svg class="icon__svg"><use href="#close"></use></svg></span></button><div id="thanh-phong-le" class="collapse block-team__details col-6 sm:col-9 sm:offset-3" :class="{'collapse--open':open,'collapse--freezed':freezed}" :style="height && `--collapse-height: ${height}px`" x-data="collapse()" @transitionend.self="onTransitionEnd()"><div class="collapse__inner" x-ref="inner"><div class="block-team__details-row row"><div class="text block block-paragraph block-team__desc col-6 text--15-m text--15-m text--20-d">Thanh-Phong Lê conseille et accompagne ses clients dans leurs projets de communication. Au sein du studio, il assure le design des projets, définit les méthodes de travail et donne à son équipe les impulsions créatives. De 2012 à 2023, il a enseigné la communication de projet à l’école Camondo.</div><figure class="image image--lazy image--landscape block block-photo block-team__image col-6" style="--image-ratio: 1.33; --image-bg:#FFFFFF;" :class="loaded && 'image--loaded'" x-data="image({sizes:{xs:[508,381],sm:[710,533],md:[361,271],lg:[427,320],xl:[516,387]},dpr:1.5,quality:90,sharpen:5})" x-intersect:enter="onEnter" x-intersect:leave="onLeave"><div class="image__media"><picture class="image__picture"><img class="image__img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" data-id="a-propos/thanh.jpg" :src="src ?? $el.src" width="508" height="381" alt="" decode="async" x-ref="img" @load="onLoad"></picture><noscript><img src="https://travaux-pratiques.fr/media/pages/a-propos/6c7943a8cd-1762534425/thanh.jpg" alt=""></noscript></div></figure></div></div></div></div></div></div></div><div class="blocks__row row"><div class="blocks__column col-6 blocks__column--12"><div class="block block-team"><div class="block-team__row row"><h3 class="text block block-title text--bold text--24-m col-5 sm:col-3 text--15-m text--20-d">Julien Martin</h3><h4 class="text block block-title text--bold text--24-m col-6 sm:col-8 text--20-d">Direction de création</h4><button class="button block-team__close col-1 offset-5 sm:offset-11" aria-controls="julien-martin" data-cursor-hidden><span aria-hidden="true" class="icon icon--close button__icon" focusable="false" style="--icon-ratio: 28/28;"><svg class="icon__svg"><use href="#close"></use></svg></span></button><div id="julien-martin" class="collapse block-team__details col-6 sm:col-9 sm:offset-3" :class="{'collapse--open':open,'collapse--freezed':freezed}" :style="height && `--collapse-height: ${height}px`" x-data="collapse()" @transitionend.self="onTransitionEnd()"><div class="collapse__inner" x-ref="inner"><div class="block-team__details-row row"><div class="text block block-paragraph block-team__desc col-6 text--15-m text--15-m text--20-d">Depuis 2016, Julien Martin assure avec Thanh la direction de création du studio. Ses domaines de prédilection sont l’identité visuelle et ses applications, la signalétique et la communication de projets urbains. Depuis 2011, Julien est intervenant en communication de projet auprès des étudiants du DSA d&#8217;architecte-urbaniste de l’ENSA de Marne-la-Vallée.</div><figure class="image image--lazy image--portrait block block-photo block-team__image col-6" style="--image-ratio: 0.75; --image-bg:#5C5C51;" :class="loaded && 'image--loaded'" x-data="image({sizes:{xs:[508,677],sm:[710,947],md:[361,481],lg:[427,569],xl:[516,688]},dpr:1.5,quality:90,sharpen:5})" x-intersect:enter="onEnter" x-intersect:leave="onLeave"><div class="image__media"><picture class="image__picture"><img class="image__img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" data-id="a-propos/julien_ac.jpg" :src="src ?? $el.src" width="508" height="677" alt="" decode="async" x-ref="img" @load="onLoad"></picture><noscript><img src="https://travaux-pratiques.fr/media/pages/a-propos/741af27c8e-1762535009/julien_ac.jpg" alt=""></noscript></div></figure></div></div></div></div></div></div></div><div class="blocks__row row"><div class="blocks__column col-6 blocks__column--12"><div class="block block-team"><div class="block-team__row row"><h3 class="text block block-title text--bold text--24-m col-5 sm:col-3 text--15-m text--20-d">Antonin Bertrand</h3><h4 class="text block block-title text--bold text--24-m col-6 sm:col-8 text--20-d">Design&nbsp;graphique&nbsp;/ Création&nbsp;typographique</h4><button class="button block-team__close col-1 offset-5 sm:offset-11" aria-controls="antonin-bertrand" data-cursor-hidden><span aria-hidden="true" class="icon icon--close button__icon" focusable="false" style="--icon-ratio: 28/28;"><svg class="icon__svg"><use href="#close"></use></svg></span></button><div id="antonin-bertrand" class="collapse block-team__details col-6 sm:col-9 sm:offset-3" :class="{'collapse--open':open,'collapse--freezed':freezed}" :style="height && `--collapse-height: ${height}px`" x-data="collapse()" @transitionend.self="onTransitionEnd()"><div class="collapse__inner" x-ref="inner"><div class="block-team__details-row row"><div class="text block block-paragraph block-team__desc col-6 text--15-m text--15-m text--20-d">Antonin Bertrand rejoint le studio en 2016, fraîchement diplômé de l’ECV Paris. Designer graphique généraliste, Antonin apprécie tout particulièrement les projets d’édition, d’identité et de signalétique qui lui permettent d’exercer ses talents de dessinateur de caractères.</div><figure class="image image--lazy image--portrait block block-photo block-team__image col-6" style="--image-ratio: 0.75; --image-bg:#858487;" :class="loaded && 'image--loaded'" x-data="image({sizes:{xs:[508,677],sm:[710,947],md:[361,481],lg:[427,569],xl:[516,688]},dpr:1.5,quality:90,sharpen:5})" x-intersect:enter="onEnter" x-intersect:leave="onLeave"><div class="image__media"><picture class="image__picture"><img class="image__img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" data-id="a-propos/antonin_ac.jpg" :src="src ?? $el.src" width="508" height="677" alt="" decode="async" x-ref="img" @load="onLoad"></picture><noscript><img src="https://travaux-pratiques.fr/media/pages/a-propos/3e79b4b432-1762535018/antonin_ac.jpg" alt=""></noscript></div></figure></div></div></div></div></div></div></div><div class="blocks__row row"><div class="blocks__column col-6 blocks__column--12"><div class="block block-team"><div class="block-team__row row"><h3 class="text block block-title text--bold text--24-m col-5 sm:col-3 text--15-m text--20-d">Raphaëlle Bonneau</h3><h4 class="text block block-title text--bold text--24-m col-6 sm:col-8 text--20-d">Design graphique / Création&nbsp;typographique</h4><button class="button block-team__close col-1 offset-5 sm:offset-11" aria-controls="raphaelle-bonneau" data-cursor-hidden><span aria-hidden="true" class="icon icon--close button__icon" focusable="false" style="--icon-ratio: 28/28;"><svg class="icon__svg"><use href="#close"></use></svg></span></button><div id="raphaelle-bonneau" class="collapse block-team__details col-6 sm:col-9 sm:offset-3" :class="{'collapse--open':open,'collapse--freezed':freezed}" :style="height && `--collapse-height: ${height}px`" x-data="collapse()" @transitionend.self="onTransitionEnd()"><div class="collapse__inner" x-ref="inner"><div class="block-team__details-row row"><div class="text block block-paragraph block-team__desc col-6 text--15-m text--15-m text--20-d">Diplômée du master typographie de l’ECV Paris en 2020, Raphaëlle passe par le studio en 2021, avant d‘intégrer Designers Unit où elle mène principalement des missions de signalétique et design d’exposition. Elle nous revient en juin 2025, bien aguerrie et toujours aussi soucieuse de lier le fond à la forme.</div><figure class="image image--lazy image--portrait block block-photo block-team__image col-6" style="--image-ratio: 0.75; --image-bg:#97979B;" :class="loaded && 'image--loaded'" x-data="image({sizes:{xs:[508,677],sm:[710,947],md:[361,481],lg:[427,569],xl:[516,688]},dpr:1.5,quality:90,sharpen:5})" x-intersect:enter="onEnter" x-intersect:leave="onLeave"><div class="image__media"><picture class="image__picture"><img class="image__img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" data-id="a-propos/arthurcrestani_20241112_travauxpratiques_raphaelle_2000-2.jpg" :src="src ?? $el.src" width="508" height="677" alt="" decode="async" x-ref="img" @load="onLoad"></picture><noscript><img src="https://travaux-pratiques.fr/media/pages/a-propos/2d9f0abf90-1769444209/arthurcrestani_20241112_travauxpratiques_raphaelle_2000-2.jpg" alt=""></noscript></div></figure></div></div></div></div></div></div></div><div class="blocks__row row"><div class="blocks__column col-6 blocks__column--12"><div class="block block-team"><div class="block-team__row row"><h3 class="text block block-title text--bold text--24-m col-5 sm:col-3 text--15-m text--20-d">Claire Henneguez</h3><h4 class="text block block-title text--bold text--24-m col-6 sm:col-8 text--20-d">Écriture / Recherche</h4><button class="button block-team__close col-1 offset-5 sm:offset-11" aria-controls="claire-henneguez" data-cursor-hidden><span aria-hidden="true" class="icon icon--close button__icon" focusable="false" style="--icon-ratio: 28/28;"><svg class="icon__svg"><use href="#close"></use></svg></span></button><div id="claire-henneguez" class="collapse block-team__details col-6 sm:col-9 sm:offset-3" :class="{'collapse--open':open,'collapse--freezed':freezed}" :style="height && `--collapse-height: ${height}px`" x-data="collapse()" @transitionend.self="onTransitionEnd()"><div class="collapse__inner" x-ref="inner"><div class="block-team__details-row row"><div class="text block block-paragraph block-team__desc col-6 text--15-m text--15-m text--20-d">Designer de formation, Claire Henneguez assure la coordination de projet, porte un regard averti sur les contenus, et met sa plume précise au service de l’équipe et de nos clients.</div><figure class="image image--lazy image--landscape block block-photo block-team__image col-6" style="--image-ratio: 1.33; --image-bg:#636655;" :class="loaded && 'image--loaded'" x-data="image({sizes:{xs:[508,381],sm:[710,533],md:[361,271],lg:[427,320],xl:[516,387]},dpr:1.5,quality:90,sharpen:5})" x-intersect:enter="onEnter" x-intersect:leave="onLeave"><div class="image__media"><picture class="image__picture"><img class="image__img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=" data-id="a-propos/claire_ac.jpg" :src="src ?? $el.src" width="508" height="381" alt="" decode="async" x-ref="img" @load="onLoad"></picture><noscript><img src="https://travaux-pratiques.fr/media/pages/a-propos/87451df2ab-1762535031/claire_ac.jpg" alt=""></noscript></div></figure></div></div></div></div></div></div></div><div class="blocks__row row"><div class="blocks__column col-6 blocks__column--12"><div class="block block-team"><div class="block-team__row row"><h3 class="text block block-title text--bold text--24-m col-5 sm:col-3 text--15-m text--20-d">Depuis 2014</h3><h4 class="text block block-title text--bold text--24-m col-6 sm:col-8 text--20-d">Ils et elles ont fait partie&nbsp;de&nbsp;l’équipe</h4><button class="button block-team__close col-1 offset-5 sm:offset-11" aria-controls="depuis-2014" data-cursor-hidden><span aria-hidden="true" class="icon icon--close button__icon" focusable="false" style="--icon-ratio: 28/28;"><svg class="icon__svg"><use href="#close"></use></svg></span></button><div id="depuis-2014" class="collapse block-team__details col-6 sm:col-9 sm:offset-3" :class="{'collapse--open':open,'collapse--freezed':freezed}" :style="height && `--collapse-height: ${height}px`" x-data="collapse()" @transitionend.self="onTransitionEnd()"><div class="collapse__inner" x-ref="inner"><div class="block-team__details-row row"><div class="text block block-paragraph block-team__desc col-6 text--15-m text--15-m text--20-d">Arthur Bonifay, Inès Gerson, Jeanne Grosboillot, Margaux Heylen, Maren Hollmann, Coralie Milière, Marianne Poinsot, Marie Remize, Marie Rosière, Élise Wojnarowski<span class="br">&nbsp;</span>Stagiaires: Marjane Benghanem, Kenzo Chhun, Julia Ducretet, , Emma Kildea, Alyssia Lou, Kethleen Maret-Mercier, Gwennina Moigne, Emma Pasteur, Thami Nabil, Léo Simbron, Eva Stallone</div></div></div></div></div></div></div></div><div class="blocks__row row"><div class="blocks__column col-6 blocks__column--3 blocks__column--first"><h2 class="text block block-title text--bold text--24-m text--20-d">Clients, sélection</h2></div><div class="blocks__column col-6 blocks__column--9 blocks__column--last"><h3 class="text block block-title text--bold text--15-m text--20-d">Architectes, urbanistes, paysagistes, designers</h3><div class="text block block-paragraph text--15-m text--20-d">Ateliers 2/3/4/, ANMA, Asphalt, Arep, Arnou architectes, Didier Becchetti, Belem, Nicolas Bossard, Canal architecture, Chevalier+Guillemot, COSA, Tom Darmon, Devillers et associés, Fabe, Fresh architecture, Graal, Leclercq Associés, Nicolas Lombardi, Dominique Lyon, Mars, Patrick Nadeau, New South, RH+, SCAU, Sathy, L’atelier Senzu, TN+, TVK, Vincent Gloria & Levisalles, Christophe Wilke</div><h3 class="text block block-title text--bold text--15-m text--20-d">Entreprises</h3><div class="text block block-paragraph text--15-m text--20-d">Altarea Cogedim, AMC, Apsys, BNP Parisbas Immobilier, Bouygues TP, Étoffes, Études Cheuvreux, CA immobilier, Domaine Moly, Gares & Connexions, Hermès, Hoche Avocats, Groupe SOS, LaCrèma, Legendre, Loupi Lighting, Librairie NordEst, LusaLuso, Nacarat, Ogic, Oy
1at, Quartus, ReinhartMarvilleTorre avocats</div><h3 class="text block block-title text--bold text--15-m text--20-d">Villes, institutions, associations, écoles</h3><div class="text block block-paragraph text--15-m text--20-d">AAIIA, AMO, ANR, Archinov, BPI Centre Pompidou, CAUE92, Chambre des notaires de Paris, Centre des Monuments Nationaux, École Camondo, CNAP, EnsaÉco, Grand Paris Aménagement, Inrap, Ipamac, Ministère de la Culture, Ministère de la Transition écologique, Société du Grand Paris, Va jouer dehors, Ville de Paris, Ville de Sceaux</div></div></div><div class="blocks__row row"><div class="blocks__column col-6 blocks__column--3 blocks__column--first"><h2 class="text block block-title text--bold text--24-m text--20-d">Crédits</h2></div><div class="blocks__column col-6 blocks__column--9 blocks__column--last"><div class="text block block-paragraph text--15-m text--20-d">Photos des références: <a href="https://www.doublecasquette.fr" target="_blank">Julien Lelièvre</a> sauf mention contraire.<span class="br">&nbsp;</span>Illustrations de l’atelier: <a href="https://www.arthurbonifay.com/">Arthur Bonifay</a><span class="br">&nbsp;</span>Portraits de l’équipe: <a href="http://arthurcrestani.com" target="_blank">Arthur Crestani</a><span class="br">&nbsp;</span>Développement: <a href="https://juliangarnier.com" target="_blank">Julian Garnier</a>, <a href="https://vivienkaufinger.com" target="_blank">Vivien Kaufinger</a></div></div></div><div class="blocks__row row blocks__row--last"><div class="blocks__column col-6 blocks__column--3 blocks__column--first"><h2 class="text block block-title text--bold text--24-m text--20-d">Newsletters</h2></div><div class="blocks__column col-6 blocks__column--9 blocks__column--last"><div class="text block block-paragraph text--15-m text--20-d"><a href="https://us12.campaign-archive.com/home/?u=fbc07378bf54cdd376b5d48c9&id=69d5e0c276" target="_blank">Lire nos précédentes newsletters</a></div></div></div><style>@media screen and (min-width: 1024px) {.blocks__column--2 {--col-width: 2}.blocks__column--3 {--col-width: 3}.blocks__column--9 {--col-width: 9}.blocks__column--10 {--col-width: 10}.blocks__column--12 {--col-width: 12}}</style></section><footer class="footer"><div class="footer__newsletter" x-data="footerNewsletter" :class="{'footer__newsletter--success':success,'footer__newsletter--error':error}"><form @submit.prevent="onSubmit" action="https://travaux-pratiques.us12.list-manage.com/subscribe/post-json" class="footer__newsletter-form" x-ref="form"><div class="footer__newsletter-fields container"><label class="text text--15" for="email">Recevoir la newsletter TP :</label><input autocomplete="email" class="footer__newsletter-email text text--15" id="email" pattern="^[^ ]+@[^ ]+\.[a-z]{2,6}$" placeholder="[email protected]" required type="email" x-ref="email"><div aria-hidden class="sr-only"><input name="b_fbc07378bf54cdd376b5d48c9_69d5e0c276" tabindex="-1" type="text" value=""></div><button class="button footer__newsletter-btn" data-cursor-hidden><span class="text button__label text--15 text--bold">S’abonner</span></button></div></form><div class="text footer__newsletter-confirm text--15 text--paragraph"><span x-text="`À très vite dans votre boîte mail !`"></span></div></div><div class="footer__infos"><div class="footer__infos-inner row container"><div class="col-6 sm:col-3 md:col-4"><div class="text text--15 text--bold">Travaux-Pratiques</div><div class="text text--15"><a href="https://www.google.com/maps/place/52+Rue+Basfroi,+75011+Paris/@48.8590788,2.3298558,13.5z/data=!4m6!3m5!1s0x47e66df7f5b277d5:0x5a25d1ce7697b27!8m²!3d48.8565749!4d2.3783194!16s%2Fg%2F11c43wtr59?entry=ttu&g_ep=EgoyMDI1MTEwNC4xIKXMDSoASAFQAw%3D%3D" target="_blank">52 rue Basfroi<span class="br">&nbsp;</span>75011 Paris</a></div></div><div class="col-6 sm:col-3 md:col-4"><div class="text text--15"><ul><li class="footer__infos-row"><span class="footer__infos-prefix">T.</span><a href="tel:+330951650845">+33 (0)9&#160;51&#160;65&#160;08&#160;45</a></li><li class="footer__infos-row"><span class="footer__infos-prefix">M.</span><a href="mailto:&#x63;&#x6f;&#x6e;&#x74;&#97;&#x63;&#116;&#64;&#116;&#114;&#97;&#x76;&#x61;&#117;&#120;&#45;&#112;&#114;&#x61;&#116;&#105;&#x71;&#117;&#101;&#115;&#x2e;&#x66;&#114;">&#x63;&#111;&#110;&#x74;&#x61;&#x63;&#x74;&#x40;&#116;&#x72;&#97;&#x76;&#x61;&#x75;&#120;&#x2d;&#x70;&#114;&#97;&#x74;&#105;&#113;&#x75;&#x65;&#115;&#46;&#102;&#x72;</a></li><li class="footer__infos-row"><span class="footer__infos-prefix">R.</span><a href="https://www.instagram.com/travauxpratiques" target="_blank">Instagram</a></li></ul></div><div class="text footer__infos-credits text--15"><p>2026 © Travaux-Pratiques</p></div></div></div></div></footer><div class="header-trigger header-trigger--sticky" x-init x-intersect:enter="$store.a
1pp.headerSticky=false" x-intersect:leave="$store.app.headerSticky=true"></div></div></div><template x-if="!$store.app.touch"><div class="scrollbar md-show" :class="start && 'scrollbar--grabbing'" x-data="scrollbar" @pointermove.window.default="onPointerMove" @pointerup.window="onPointerUp"><div class="scrollbar__inner" x-ref="inner"><div class="scrollbar__thumb" :style="{'--sb-height': `${thumbHeight}px`, transform: thumbTransform}" @pointerdown="onPointerDown"></div></div></div></template></div></article></main><div class="loader" :class="visible && 'loader--visible'" x-data="loader"><template x-if="$store.app.touch"><div class="loader__progress"><div class="loader__progress-bar" x-ref="progressBar"></div></div></template></div><svg xmlns="http://www.w3.org/2000/svg"><symbol id="close" viewBox="0 0 28 28"><g fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="square"><path d="M1 14h26M14 1v26"/></g></symbol><symbol fill="currentColor" id="enter-fullscreen" viewBox="0 0 24 24"><path d="M8 3V5H4V9H2V3H8ZM2 21V15H4V19H8V21H2ZM22 21H16V19H20V15H22V21ZM22 9H20V5H16V3H22V9Z"/></symbol><symbol fill="currentColor" id="exit-fullscreen" viewBox="0 0 24 24"><path d="M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z"/></symbol><symbol fill="currentColor" id="play" viewBox="0 0 24 24"><path d="M6 20.196V3.804a1 1 0 0 1 1.53-.848l13.113 8.196a1 1 0 0 1 0 1.696L7.53 21.044A1 1 0 0 1 6 20.196Z"/></symbol><symbol fill="none" id="triangle" viewBox="0 0 24 24"><path fill="currentColor" d="M12 24 0 0h24z"/></symbol></svg>
1<script async defer src="https://scripts.withcabin.com/hello.js"></script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.