<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="fr"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>studio 5.5</title>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height"/>
<meta name="description" content="5•5 est un studio collectif de design global basé à Paris. Stratégie • Eco-conception • Identité de marque • Espace • Retail • Graphisme •...">
<meta property="og:description" content="5•5 est un studio collectif de design global basé à Paris. Stratégie • Eco-conception • Identité de marque • Espace • Retail • Graphisme •...">
<meta name="twitter:description" content="5•5 est un studio collectif de design global basé à Paris. Stratégie • Eco-conception • Identité de marque • Espace • Retail • Graphisme •...">
<meta name="robots" content="index, follow">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@designby55">
<meta name="twitter:title" content="studio 5.5" >
<meta property="og:image" content="https://www.5-5.paris/media/public/img/contenu/picto/partage-fb-55.jpg"/>
<link rel="image_src" href="https://www.5-5.paris/media/public/img/contenu/picto/partage-fb-55.jpg" />
<meta name="twitter:image" content="https://www.5-5.paris/media/public/img/contenu/picto/partage-fb-55.jpg">
<meta property="fb:app_id" content="2006582426332198" />
<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="https://www.5-5.paris/media/public/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.5-5.paris/media/public/img/favicons/favicon-16x16.png">
<link rel="manifest" href="https://www.5-5.paris/media/public/img/favicons/manifest.json">
<link rel="mask-icon" href="https://www.5-5.paris/media/public/img/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<!-- iOS -->
<link rel="apple-touch-icon" href="https://www.5-5.paris/media/public/img/favicons/apple-touch-icon_120.png" sizes="152x152">
<link rel="apple-touch-icon" href="https://www.5-5.paris/media/public/img/favicons/apple-touch-icon_152.png" sizes="152x152">
<link rel="apple-touch-icon" href="https://www.5-5.paris/media/public/img/favicons/apple-touch-icon.png" sizes="180x180" >
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.5-5.paris/fr/" />
<meta property="og:title" content="studio 5.5" />
<meta property="og:image:width" content="200" />
<meta property="og:image:height" content="200" />
<meta name="theme-color" content="#ffffff">
<link rel='mask-icon' href='https://www.5-5.paris/media/public/img/favicons/safari-pinned-tab.svg' color='#000'>
<link rel="stylesheet" href="https://www.5-5.paris/media/public/fonts/55design/style.css">
<link rel="stylesheet" href="https://www.5-5.paris/media/public/fonts/thienhardt/style.css">
<link rel="stylesheet" href="https://www.5-5.paris/media/public/css/jquery.mCustomScrollbar.min.css" />
<link rel="stylesheet" href="https://www.5-5.paris/media/public/css/main.css?time=1772853441">
<style>
.aside a:not(.btn-classic){
border-bottom:1px solid #000000;
}
.mosaic--header h1::after,
.bloc-text header .openProjet:after,
.bloc-text header .openProjet:before,
.bloc-text h2:after,
.aside a:not(.btn-classic):after{
background-color:#000000;
}
.btn-classic{
box-shadow: inset 0 0 0 1px #000000;
}
.btn-classic:hover::before{
border-top-color:#000000;
border-right-color:#000000;
}
ul.lang li:first-child{
border-right-color:#000000;
}
.btn-classic:hover::after{
border-bottom-color:#000000;
border-left-color:#000000;
}
.intro-home svg{
fill:#000000;
}
.aside::after{
background-image:-moz-linear-gradient(rgba(255,245,140,0), #fff58c);
background-image:-webkit-linear-gradient(rgba(255,245,140,0), #fff58c);
background-image:-o-linear-gradient(rgba(255,245,140,0), #fff58c);
background-image:linear-gradient(rgba(255,245,140,0), #fff58c);
}
</style>
</head>
<body class="home" data-filter="" style="background-color:#fff58c;">
<!-- intro : only on home page-->
<div class="img_fullscreen">
<!--if video background-->
<figure class="bg_video_wrapper">
<video preload="none" loop
>
<source src='#' data-src="https://player.vimeo.com/progressive_redirect/playback/252895012/rendition/360p/file.mp4?loc=external&oauth2_token_id=1039395901&signature=a24879ca3b1e801f81356e1a667a910809e926444f1d50aad1a3a6e0a081738e" type='video/mp4'>
<p>Your browser doesn't support HTML5 video.</p>
</video>
</figure>
<!-- video -->
</div><!--img_fullscreen-->
<div class="intro-home" style="color:#000000; opacity:0">
<!-- LOGO -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="390px" height="200px" viewbox="102.727 320.582 390 200" enable-background="new 102.727 320.582 390 200"
xml:space="preserve">
<g>
<circle cx="296.928" cy="420.51" r="27.586"/>
<path d="M248.725,429.076c-4.355-17.423-12.631-29.474-22.068-29.474h-96.842v-17.568l107.006-13.793l6.969-41.96h-121.96v115.426 h101.634c0,0,0.145,0,0.145,0.146c0.291,0,0.58,0,0.871,0c8.131,0,14.809,6.969,14.809,15.681c0,8.711-6.678,15.681-14.809,15.681 c-0.291,0-0.58,0-0.871,0c0,0-0.145,0-0.145,0.145l-98.294-13.793l-6.824,55.317h108.312c9.438,0,17.713-11.76,22.068-29.038 c2.178-8.421,3.34-18.003,3.34-28.457C252.065,447.079,250.903,437.352,248.725,429.076z"/>
<path d="M473.77,429.076c-4.355-17.423-12.631-29.474-22.068-29.474h-96.986v-17.568l107.004-13.793l6.969-41.96H346.873v115.426 h101.635c0,0,0.145,0,0.145,0.146c0.291,0,0.58,0,0.871,0c8.131,0,14.809,6.969,14.809,15.681c0,8.711-6.678,15.681-14.809,15.681 c-0.291,0-0.58,0-0.871,0c0,0-0.145,0-0.145,0.145l-98.295-13.793l-6.824,55.317h108.312c9.438,0,17.713-11.76,22.068-29.038 c2.178-8.421,3.34-18.003,3.34-28.457C477.11,447.079,475.948,437.352,473.77,429.076z"/>
</g>
</svg>
<ul class="lang">
<li class="active"><a href="">FR</a></li>
<li><a href="https://www.5-5.paris/en/" hreflang="en" title="english version">EN</a></li>
</ul>
<h1>Studio collectif</h1>
<p>Stratégie • Produit • Packaging<br />Identité • Espace • Retail</p>
</div>
<div class="scrollDown" style="opacity:0"><span class="fleche-scroll">
<svg id="scrollDown" data-name="scrollDown 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32.78 45.85"><title>fleche</title><polygon fill="#000000" points="28.77 25.45 19.22 34.99 19.22 0 13.55 0 13.55 34.99 4.01 25.45 0 29.46 16.39 45.85 32.78 29.46 28.77 25.45"/></svg>
</span>
</div>
<header class="cd-header" style="opacity:0">
<a class="logo" href="https://www.5-5.paris/fr/" title="studio 5.5">
<img src="https://www.5-5.paris/media/public/img/logos/logo_10.svg" title="studio 5.5" data-hover="https://www.5-5.paris/media/public/img/logos/logos_55_grid.svg" alt="studio 5.5"/>
</a>
<!-- menu -->
<div class="header--navigation">
<nav id="primary-nav">
<ul>
<!-- if active-->
<li >
<!--/-->
<a href="https://www.5-5.paris/fr/histoire" class="studio" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Le studio</a>
<section class="dropdown-menu">
<ul>
<li ><a href="https://www.5-5.paris/fr/histoire">Histoire</a></li>
<li ><a href="https://www.5-5.paris/fr/design-durable">Design durable</a></li>
<li ><a href="https://www.5-5.paris/fr/equipe">Équipe</a></li>
<li ><a href="https://www.5-5.paris/fr/contacts">Contacts</a></li>
<li ><a href="https://www.5-5.paris/fr/informations-legales">Informations<br /> légales</a></li>
</ul>
</section>
</li>
<li class=""><a class="expertise" href="https://www.5-5.paris/fr/savoir-faire">Savoir-faire</a></li>
<li class="">
<a href="https://www.5-5.paris/fr/projets" class="projects" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Projets</a>
<!--if dropdown-open add class open-->
<section class="dropdown-menu">
<ul>
<li ><a href="https://www.5-5.paris/fr/projets">Tous</a></li>
<li ><a href="https://www.5-5.paris/fr/projets/strategie">Stratégie</a></li>
<li ><a href="https://www.5-5.paris/fr/projets/identite">Identité</a></li>
<li ><a href="https://www.5-5.paris/fr/projets/espace-retail">Espace & retail</a></li>
<li ><a href="https://www.5-5.paris/fr/projets/produit">Produit </a></li>
<li ><a href="https://www.5-5.paris/fr/projets/packaging">Packaging</a></li>
<li ><a href="https://www.5-5.paris/fr/projets/manifeste">Manifeste</a></li>
</ul>
</section>
</li>
<li class=""><a class="clients" href="https://www.5-5.paris/fr/clients">Clients</a></li>
<li class="openNws newsletter-desktop"><a href="#">Newsletter</a></li>
</ul>
</nav>
<!-- Menu Réseaux/Lang Tablette -->
<nav id="secondary-nav" class="">
<span class="openNws">Newsletter</span>
<ul class="lang">
<li class="active"><a href="">FR</a></li>
<li><a href="https://www.5-5.paris/en/" hreflang="en" title="english version">EN</a></li>
</ul>
<ul class="reseaux">
<li><a href="https://www.facebook.com/pages/55-designstudio/438731362910916/" target="_blank"><span class="icon-facebook"></span></a></li>
<li><a href="https://fr.pinterest.com/designby55" target="_blank"><span class="icon-pinterest"></span></a></li>
<li><a href="https://www.instagram.com/studio5.5/" target="_blank"><span class="icon-instagram"></span></a></li>
<li><a href="https://vimeo.com/user50883153" target="_blank"><span class="icon-vimeo"></span></a></li>
</ul>
</nav>
</div>
<!--button mobile-->
<a class="cd-primary-nav-trigger" href="#">
<span class="cd-menu-icon"></span>
</a>
<!--/button mobile-->
</header> <!-- /header -->
<!-- Newsletter -->
<div id="newsopen" class="newsletter" style="opacity:0">
<span class="close"></span>
<p>Pour recevoir nos <br> supers actus : </p>
<!--<p><input class="formMail" type="email" placeholder="Adresse mail"></p>
<p><input class="send" type="submit" value="Envoyer" name="subscribe"></input></p>-->
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//5-5designstudio.us7.list-manage.com/subscribe/post?u=1b4aac48704437017d462e30c&id=384ad15ae6" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<!--<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>-->
<div class="mc-field-group">
<!--<label for="mce-EMAIL">Email <span class="asterisk">*</span>
</label>-->
<p> <input type="email" placeholder="Adresse mail" name="EMAIL" class="required email formMail" id="mce-EMAIL"></p>
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_1b4aac48704437017d462e30c_384ad15ae6" tabindex="-1" value=""></div>
<div class="clear"><span class="btn-classic"><input type="submit" value="Envoyer" name="subscribe" id="mc-embedded-subscribe"></span></div>
</div>
</form>
</div>
<script type='text/javascript'>
var LANG= "fr";
function loadScript(url, lang, callback){
if(document.querySelectorAll('[src="' + url + '"]').length == 0){
let script = document.createElement("script")
script.type = "text/javascript";
if (script.readyState){ //IE
script.onreadystatechange = function(){
if (script.readyState == "loaded" ||
script.readyState == "complete"){
script.onreadystatechange = null;
}
};
} else { //Others
script.onload = function(){
callback(lang);
};
}
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
} else {
callback(lang);
}
}
function messageOption (lang){
if (lang=="fr"){
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0]='EMAIL';
ftypes[0]='email';
fnames[1]='FNAME';
ftypes[1]='text';
fnames[2]='LNAME';
ftypes[2]='text';
/*
* Translated default messages for the $ validation plugin.
* Locale: FR
*/
$.extend($.validator.messages, {
required: "Ce champ est requis.",
remote: "Veuillez remplir ce champ pour continuer.",
email: "Veuillez entrer une adresse email valide.",
url: "Veuillez entrer une URL valide.",
date: "Veuillez entrer une date valide.",
dateISO: "Veuillez entrer une date valide (ISO).",
number: "Veuillez entrer un nombre valide.",
digits: "Veuillez entrer (seulement) une valeur numérique.",
creditcard: "Veuillez entrer un numéro de carte de crédit valide.",
equalTo: "Veuillez entrer une nouvelle fois la même valeur.",
accept: "Veuillez entrer une valeur avec une extension valide.",
maxlength: $.validator.format("Veuillez ne pas entrer plus de 0 caractères."),
minlength: $.validator.format("Veuillez entrer au moins 0 caractères."),
rangelength: $.validator.format("Veuillez entrer entre 0 et 1 caractères."),
range: $.validator.format("Veuillez entrer une valeur entre 0 et 1."),
max: $.validator.format("Veuillez entrer une valeur inférieure ou égale à 0."),
min: $.validator.format("Veuillez entrer une valeur supérieure ou égale à 0.")
});}(jQuery));
var $mcj = jQuery.noConflict(true);
} else {
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0]='EMAIL';
ftypes[0]='email';
fnames[1]='FNAME';
ftypes[1]='text';
fnames[2]='LNAME';
ftypes[2]='text';
/*
* Translated default messages for the $ validation plugin.
* Locale: FR
*/
$.extend($.validator.messages, {
required: "This field is required.",
remote: "Please fix this field.",
email: "Please enter a valid e-mail address.",
url: "Please enter a valid URL.",
date: "Please enter a valid date.",
dateISO: "Please enter a valid date (ISO).",
number: "Please enter a valid number.",
digits: "Please enter only digits."
});}(jQuery));
var $mcj = jQuery.noConflict(true);
}
}
window.addEventListener("load", function(event) {
loadScript("https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js", LANG, function() {
messageOption(LANG)
});
});
</script>
<!--End mc_embed_signup-->
</div><!--newsletter-->
<div class="wrapper">
<main class="main">
<section class="grid" style="background-color:#fff694">
<div class="medium bloc">
<a href="https://www.5-5.paris/fr/projets/ville-de-caen-101e-clocher-de-caen-2025-144">
<section>
<header class="headerThumb">
<time datetime="2025-06-20">20.06.2025</time>
<h2>Le "101e clocher de Caen" inauguré à l'occasion du Millénaire de la Ville !</h2>
</header>
<figure>
<img alt='Le "101e clocher de Caen" inauguré à l'occasion du Millénaire de la Ville !' class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
data-srcset=" https://www.5-5.paris/public_data/news/1679046690/40-27/2048/web-101-clocher-caen-millenaire-studio5-5-lebosse-baranger-06-pourvignette.jpg 2048w, https://www.5-5.paris/public_data/news/1679046690/40-27/1280/web-101-clocher-caen-millenaire-studio5-5-lebosse-baranger-06-pourvignette.jpg 1280w, https://www.5-5.paris/public_data/news/1679046690/40-27/1024/web-101-clocher-caen-millenaire-studio5-5-lebosse-baranger-06-pourvignette.jpg 1024w, https://www.5-5.paris/public_data/news/1679046690/40-27/800/web-101-clocher-caen-millenaire-studio5-5-lebosse-baranger-06-pourvignette.jpg 800w, https://www.5-5.paris/public_data/news/1679046690/40-27/640/web-101-clocher-caen-millenaire-studio5-5-lebosse-baranger-06-pourvignette.jpg 640w, https://www.5-5.paris/public_data/news/1679046690/40-27/320/web-101-clocher-caen-millenaire-studio5-5-lebosse-baranger-06-pourvignette.jpg 320w "
data-src="https://www.5-5.paris/public_data/news/1679046690/40-27/1280/web-101-clocher-caen-millenaire-studio5-5-lebosse-baranger-06-pourvignette.jpg"
sizes="(min-width: 75em) 66.66vw, 100vw" />
</figure>
</section>
</a>
</div>
<div class="small bloc">
<a href="https://www.5-5.paris/fr/projets/bap-nous-le-climat--une-exposition-manifeste-pour-la-bap-avec-l-agence-ter-au-potager-du-roi-2025-142">
<section>
<header class="headerThumb">
<time datetime="2025-05-07">07.05.2025</time>
<h2>NOUS... LE CLIMAT : une exposition manifeste pour la BAP ! avec l'Agence TER au Potager du Roi,</h2>
</header>
<figure>
<img alt='NOUS... LE CLIMAT : une exposition manifeste pour la BAP ! avec l'Agence TER au Potager du Roi,' class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
data-srcset=" https://www.5-5.paris/public_data/news/1662126528/40-27/2048/bap-nous_le_climat_studio5-5_ter-10.jpg 2048w, https://www.5-5.paris/public_data/news/1662126528/40-27/1280/bap-nous_le_climat_studio5-5_ter-10.jpg 1280w, https://www.5-5.paris/public_data/news/1662126528/40-27/1024/bap-nous_le_climat_studio5-5_ter-10.jpg 1024w, https://www.5-5.paris/public_data/news/1662126528/40-27/800/bap-nous_le_climat_studio5-5_ter-10.jpg 800w, https://www.5-5.paris/public_data/news/1662126528/40-27/640/bap-nous_le_climat_studio5-5_ter-10.jpg 640w, https://www.5-5.paris/public_data/news/1662126528/40-27/320/bap-nous_le_climat_studio5-5_ter-10.jpg 320w "
data-src="https://www.5-5.paris/public_data/news/1662126528/40-27/1280/bap-nous_le_climat_studio5-5_ter-10.jpg"
sizes="(min-width: 48em) and (max-width : 75em) 50vw, (min-width: 76em) 33.33vw, 100vw" />
</figure>
</section>
</a>
</div>
<div class="small bloc">
<a href="https://www.5-5.paris/fr/projets/ruchaud-nouvelle-identite-de-marque-ruchaud-2025-143">
<section>
<header class="headerThumb">
<time datetime="2025-06-10">10.06.2025</time>
<h2>Nouvelle identité graphique Ruchaud</h2>
</header>
<figure>
<img alt='Nouvelle identité graphique Ruchaud' class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
data-srcset=" https://www.5-5.paris/public_data/news/1517227285/40-27/1024/web-ruchaud-etiquette-1500x2000.jpg 1024w, https://www.5-5.paris/public_data/news/1517227285/40-27/800/web-ruchaud-etiquette-1500x2000.jpg 800w, https://www.5-5.paris/public_data/news/1517227285/40-27/640/web-ruchaud-etiquette-1500x2000.jpg 640w, https://www.5-5.paris/public_data/news/1517227285/40-27/320/web-ruchaud-etiquette-1500x2000.jpg 320w "
data-src=""
sizes="(min-width: 48em) and (max-width : 75em) 50vw, (min-width: 76em) 33.33vw, 100vw" />
</figure>
</section>
</a>
</div>
<div class="small bloc">
<a href="https://www.5-5.paris/fr/projets/velab-identite-de-marque-de-velab-2024-141">
<section>
<header class="headerThumb">
<time datetime="2024-09-16">16.09.2024</time>
<h2>Nouvelle identité de marque Velab.pro</h2>
</header>
<figure>
<img alt='Nouvelle identité de marque Velab.pro' class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
data-srcset=" https://www.5-5.paris/public_data/news/1726490125/40-27/3000/velab-vignette-v1-hd.jpg 3000w, https://www.5-5.paris/public_data/news/1726490125/40-27/2048/velab-vignette-v1-hd.jpg 2048w, https://www.5-5.paris/public_data/news/1726490125/40-27/1280/velab-vignette-v1-hd.jpg 1280w, https://www.5-5.paris/public_data/news/1726490125/40-27/1024/velab-vignette-v1-hd.jpg 1024w, https://www.5-5.paris/public_data/news/1726490125/40-27/800/velab-vignette-v1-hd.jpg 800w, https://www.5-5.paris/public_data/news/1726490125/40-27/640/velab-vignette-v1-hd.jpg 640w, https://www.5-5.paris/public_data/news/1726490125/40-27/320/velab-vignette-v1-hd.jpg 320w "
data-src="https://www.5-5.paris/public_data/news/1726490125/40-27/1280/velab-vignette-v1-hd.jpg"
sizes="(min-width: 48em) and (max-width : 75em) 50vw, (min-width: 76em) 33.33vw, 100vw" />
</figure>
</section>
</a>
</div>
<div class="small bloc">
<a href="https://www.5-5.paris/fr/projets/ville-de-montpellier-reamenagement-des-espaces-publics-comedie-espalanade-2023-139">
<section>
<header class="headerThumb">
<time datetime="2023-12-21">21.12.2023</time>
<h2>Une nouvelle station de tramway qui marque la gratuité des transports publics à Montpellier</h2>
</header>
<figure>
<img alt='Une nouvelle station de tramway qui marque la gratuité des transports publics à Montpellier' class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
data-srcset=" https://www.5-5.paris/public_data/news/1611252135/40-27/2048/2023-montpellier-comedie-trmway-com-by-5531-web-facefloue.jpg 2048w, https://www.5-5.paris/public_data/news/1611252135/40-27/1280/2023-montpellier-comedie-trmway-com-by-5531-web-facefloue.jpg 1280w, https://www.5-5.paris/public_data/news/1611252135/40-27/1024/2023-montpellier-comedie-trmway-com-by-5531-web-facefloue.jpg 1024w, https://www.5-5.paris/public_data/news/1611252135/40-27/800/2023-montpellier-comedie-trmway-com-by-5531-web-facefloue.jpg 800w, https://www.5-5.paris/public_data/news/1611252135/40-27/640/2023-montpellier-comedie-trmway-com-by-5531-web-facefloue.jpg 640w, https://www.5-5.paris/public_data/news/1611252135/40-27/320/2023-montpellier-comedie-trmway-com-by-5531-web-facefloue.jpg 320w "
data-src="https://www.5-5.paris/public_data/news/1611252135/40-27/1280/2023-montpellier-comedie-trmway-com-by-5531-web-facefloue.jpg"
sizes="(min-width: 48em) and (max-width : 75em) 50vw, (min-width: 76em) 33.33vw, 100vw" />
</figure>
</section>
</a>
</div>
<div class="medium bloc">
<a href="https://www.5-5.paris/fr/projets/solideo--paris-2024-des-equipements-et-une-charte-bas-carbone-pour-les-espaces-publics-du-village-des-athlegrave-tes--jeux-olympique-paris-2024-2024-140">
<section>
<header class="headerThumb">
<time datetime="2024-03-01">01.03.2024</time>
<h2>PARIS 2024 - Remise des clefs du Village Olympique avec agence Ter</h2>
</header>
<figure>
<img alt='PARIS 2024 - Remise des clefs du Village Olympique avec agence Ter' class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
data-srcset=" https://www.5-5.paris/public_data/news/1601453539/40-27/2048/2024-ter-concepto-55-village-jo-com-by-5505-web.jpg 2048w, https://www.5-5.paris/public_data/news/1601453539/40-27/1280/2024-ter-concepto-55-village-jo-com-by-5505-web.jpg 1280w, https://www.5-5.paris/public_data/news/1601453539/40-27/1024/2024-ter-concepto-55-village-jo-com-by-5505-web.jpg 1024w, https://www.5-5.paris/public_data/news/1601453539/40-27/800/2024-ter-concepto-55-village-jo-com-by-5505-web.jpg 800w, https://www.5-5.paris/public_data/news/1601453539/40-27/640/2024-ter-concepto-55-village-jo-com-by-5505-web.jpg 640w, https://www.5-5.paris/public_data/news/1601453539/40-27/320/2024-ter-concepto-55-village-jo-com-by-5505-web.jpg 320w "
data-src="https://www.5-5.paris/public_data/news/1601453539/40-27/1280/2024-ter-concepto-55-village-jo-com-by-5505-web.jpg"
sizes="(min-width: 75em) 66.66vw, 100vw" />
</figure>
</section>
</a>
</div>
<div class="small bloc">
<a href="https://www.5-5.paris/fr/actualites/studio-5bull-5-rejoint-le-mouvement-impact-france-le-1er-reseau-des-entreprises-a-impact-social-et-ecologique-22">
<section>
<header class="headerThumb">
<time datetime="2023-09-01">01.09.2023</time>
<h2>Studio 5•5 rejoint le Mouvement Impact France, Le 1<sup>er</sup> réseau des entreprises à impact social et écologique</h2>
</header>
<figure>
<img alt='Studio 5•5 rejoint le Mouvement Impact France, Le 1<sup>er</sup> réseau des entreprises à impact social et écologique' class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
data-srcset=" https://www.5-5.paris/public_data/news/1517410918/40-27/2048/web_com-impact-france.png 2048w, https://www.5-5.paris/public_data/news/1517410918/40-27/1280/web_com-impact-france.png 1280w, https://www.5-5.paris/public_data/news/1517410918/40-27/1024/web_com-impact-france.png 1024w, https://www.5-5.paris/public_data/news/1517410918/40-27/800/web_com-impact-france.png 800w, https://www.5-5.paris/public_data/news/1517410918/40-27/640/web_com-impact-france.png 640w, https://www.5-5.paris/public_data/news/1517410918/40-27/320/web_com-impact-france.png 320w "
data-src="https://www.5-5.paris/public_data/news/1517410918/40-27/1280/web_com-impact-france.png"
sizes="(min-width: 48em) and (max-width : 75em) 50vw, (min-width: 76em) 33.33vw, 100vw" />
</figure>
</section>
</a>
</div>
<div class="small bloc">
<a href="https://www.5-5.paris/fr/projets/symbiose-kefir-identite-de-marque-de-symbiose-kefir-2023-135">
<section>
<header class="headerThumb">
<time datetime="2023-06-15">15.06.2023</time>
<h2>Nouvelle identité de marque de Symbiose Kéfir</h2>
</header>
<figure>
<img alt='Nouvelle identité de marque de Symbiose Kéfir' class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
data-srcset=" https://www.5-5.paris/public_data/news/1686843074/40-27/2048/2023-symbiose_kefir_packs-34.jpg 2048w, https://www.5-5.paris/public_data/news/1686843074/40-27/1280/2023-symbiose_kefir_packs-34.jpg 1280w, https://www.5-5.paris/public_data/news/1686843074/40-27/1024/2023-symbiose_kefir_packs-34.jpg 1024w, https://www.5-5.paris/public_data/news/1686843074/40-27/800/2023-symbiose_kefir_packs-34.jpg 800w, https://www.5-5.paris/public_data/news/1686843074/40-27/640/2023-symbiose_kefir_packs-34.jpg 640w, https://www.5-5.paris/public_data/news/1686843074/40-27/320/2023-symbiose_kefir_packs-34.jpg 320w "
data-src="https://www.5-5.paris/public_data/news/1686843074/40-27/1280/2023-symbiose_kefir_packs-34.jpg"
sizes="(min-width: 48em) and (max-width : 75em) 50vw, (min-width: 76em) 33.33vw, 100vw" />
</figure>
</section>
</a>
</div>
<div class="small bloc">
<a href="https://www.5-5.paris/fr/projets/pilo-identite-de-marque-2023-134">
<section>
<header class="headerThumb">
<time datetime="2023-01-09">09.01.2023</time>
<h2>Identité de marque des hôtels Pilo</h2>
</header>
<figure>
<img alt='Identité de marque des hôtels Pilo' class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
data-srcset=" https://www.5-5.paris/public_data/news/1673283460/40-27/2048/pilo-lyon-83-2.jpg 2048w, https://www.5-5.paris/public_data/news/1673283460/40-27/1280/pilo-lyon-83-2.jpg 1280w, https://www.5-5.paris/public_data/news/1673283460/40-27/1024/pilo-lyon-83-2.jpg 1024w, https://www.5-5.paris/public_data/news/1673283460/40-27/800/pilo-lyon-83-2.jpg 800w, https://www.5-5.paris/public_data/news/1673283460/40-27/640/pilo-lyon-83-2.jpg 640w, https://www.5-5.paris/public_data/news/1673283460/40-27/320/pilo-lyon-83-2.jpg 320w "
data-src="https://www.5-5.paris/public_data/news/1673283460/40-27/1280/pilo-lyon-83-2.jpg"
sizes="(min-width: 48em) and (max-width : 75em) 50vw, (min-width: 76em) 33.33vw, 100vw" />
</figure>
</section>
</a>
</div>
</section>
</main>
</div><!--wrapper-->
<!--<div id="cookies">
En poursuivant votre navigation sur ce site, vous acceptez l'utilisation des cookies afin de vous offrir une meilleure utilisation de ce site internet.
<span class="groupe-mots">Pour en savoir plus et paramétrer vos cookies, <a href="mentions-legales.php">cliquez ici</a>.</span>
</span>
<span class="cookies-button"></span>
</div>-->
<script src="https://www.5-5.paris/media/public/js/assets/jquery-3.2.1.min.js"></script>
<script src="https://www.5-5.paris/media/public/js/assets/modernizr-custom.js"></script>
<script src="https://www.5-5.paris/media/public/js/assets/jquery.cookie.js"></script>
<script src="https://www.5-5.paris/media/public/js/assets/masonry.js"></script>
<script src="https://www.5-5.paris/media/public/js/assets/jquery.inview.min.js" ></script>
<!--if split-template-->
<!--<script src="https://www.5-5.paris/media/public/js/assets/jquery.tinyscrollbar.min.js"></script>-->
<!--/-->
<!--if split-template-->
<script src="https://www.5-5.paris/media/public/js/assets/jquery.mCustomScrollbar.concat.min.js"></script>
<!--/-->
<script src="https://www.5-5.paris/media/public/js/scroll.js" ></script>
<script src="https://www.5-5.paris/media/public/js/main.js" ></script>
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-51298447-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
