PageSourceSearch

https://mrcup-studio.com/about/

html mrcup-studio.com collected 2026-10-04 13:29:36 UTC 58,505 bytes, 636 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr-FR" data-version="3.0.9">
3	<head>
4		<meta charset="UTF-8" />
5		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
6		<meta name="description" content="Mr Cup Studio">
7		<title>mrcup-studio.com &rsaquo; ABOUT</title>
8		<link rel="pingback" href="https://mrcup-studio.com/xmlrpc.php" />
9		<!--[if lt IE 9]>
9<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
9<![endif]-->
10		<link type="text/css" rel="stylesheet" href="https://mrcup-studio.com/wp-content/themes/Semplice_BusinessLicense_v3.0.9/semplice/css/reset.css">
11		<link data-fontset-id="ce-fontset" href="https://fonts.googleapis.com/css?family=Karla:400,400i|Roboto Slab:700" rel="stylesheet"><style id="ce-fontset" type="text/css">.regular { font-family: "Karla", Helvetica, Arial, sans-serif !important; font-style: normal; font-weight: normal; }.regular_italic { font-family: "Karla", Helvetica, Arial, sans-serif !important; font-style: italic; font-weight: 400; }.bold, .wysiwyg-ce h1, .wysiwyg-ce h2, .wysiwyg-ce h3, .wysiwyg-ce h4, .wysiwyg-ce h5, .wysiwyg-ce h6, #semplice h1, #semplice h2, #semplice h3, #semplice h4, #semplice h5, #semplice h6 { font-family: "Roboto Slab", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; }</style>		<link type="text/css" rel="stylesheet" href="https://mrcup-studio.com/wp-content/themes/Semplice_BusinessLicense_v3.0.9/semplice/style.css">
12		<style type="text/css" id="semplice-custom-css">#navbar-bg { background: #ffffff !important; }#fullscreen-menu { background: rgb(244, 244, 244); background: rgba(244, 244, 244, 1); }#navbar-bg { opacity: 0; }#navbar { border-bottom: 1px solid transparent !important; }.transparent { opacity: 0 !important; }@media (max-width: 767px) {.transparent { background: #ffffff !important; }}#navbar .controls a .nav-icon { background: #000000 !important; }#navbar .controls a svg { fill: #000000 !important; }#fullscreen-menu .menu-inner nav ul li a, .follow-links ul li a svg, nav.standard ul li a { letter-spacing: 1px !important; }#fullscreen-menu .menu-inner nav ul li a, .follow-links ul li a svg, nav.standard ul li a { text-transform: none !important; }#navbar .controls a.project-panel-button { margin-right: -10px; padding-left: 10px; }nav.standard ul li a { padding: 0px 25px; }#fullscreen-menu .menu-inner nav { padding: 40px 0px; }#fullscreen-menu .menu-inner nav ul li a, .follow-links ul li a svg, nav.standard ul li a { color: #777777 !important; }.follow-links ul li a svg { fill: #777777 !important; }nav.standard ul li a { text-decoration: none !important; }#fullscreen-menu .menu-inner nav ul li.current-menu-item a, #fullscreen-menu .menu-inner nav ul li.current_page_item a, nav.standard ul li.current-menu-item a, nav.standard ul li.current_page_item a, #fullscreen-menu .menu-inner nav ul li.current-menu-item a:hover, #fullscreen-menu .menu-inner nav ul li.current_page_item a:hover, nav.standard ul li.current-menu-item a:hover, nav.standard ul li.current_page_item a:hover, .is-work nav.standard ul li.portfolio-grid a, .is-work #fullscreen-menu .menu-inner nav ul li.portfolio-grid a { color: #333333 !important; }nav.standard ul li.current-menu-item a, nav.standard ul li.current_page_item a, nav.standard ul li.current-menu-item a:hover, nav.standard ul li.current_page_item a:hover, .is-work nav.standard ul li.portfolio-grid a { text-decoration: none !important; }#fullscreen-menu .menu-inner nav ul li a:hover, .follow-links ul li a svg, nav.standard ul li a:hover { color: #333333 !important; }.follow-links ul li a:hover svg { fill: #333333 !important; }nav.standard ul li a:hover { text-decoration: none !important; }nav.standard ul li a:hover { background: transparent !important; }nav.standard ul li.current-menu-item a, nav.standard ul li.current-menu-item a:hover, .is-work nav.standard ul li.portfolio-grid a, nav.standard ul li.current_page_item a, nav.standard ul li.current_page_item a:hover { background: transparent !important; }nav.standard ul li a { font-size: 15px !important; }header { position: absolute; }#fullscreen-menu { height: 100%; }.menu-inner nav { transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; top: 50%; width: 100%; }.follow-links { position: absolute; bottom: 0px; width: 100%; }#fullscreen-menu .menu-inner nav ul li { border: 0px !important; }#fullscreen-menu .menu-inner nav ul li { text-align: center; }#fullscreen-menu .menu-inner .follow-links { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 1); }#fullscreen-menu .menu-inner .follow-links ul li a { padding-top: 5px; padding-bottom: 5px; }#fullscreen-menu .menu-inner .follow-links { border-top: 1px solid transparent !important; }#fullscreen-menu .menu-inner .follow-links ul li a { padding-right: 10px; padding-left: 10px; }#fullscreen-menu .menu-inner .follow-links ul li a svg { fill: #aaaaaa !important; }#fullscreen-menu .menu-inner .follow-links ul li a:hover svg { fill: #000000 !important; }#fullscreen-menu .menu-inner .follow-links ul li a:hover { background: #ffffff !important; }.logo svg { fill: #1e1e1e !important; }.logo svg { width: 132px; height: 25px; }header { top: -105px; }#navbar, #navbar-bg, .controls a, .controls a span { height: 105px; }#navbar .controls a .nav-icon { margin-top: 52.5px !important; }.navbar-inner { height: 105px; overflow: hidden; }.controls a svg, div.header-icon { margin-top: 41px; }section#blog, .post-password-form, section#not-found { margin-top: 105px !important; }#fullscreen-menu .menu-inner nav.align-top { margin-top: 105px !important; transform: none; -webkit-transform: none; }#content-holder, #page-content { margin-top: 105px !important; }.menu-style-nobutton ul li a, nav.standard ul li a { line-height: 105px !important; }.title-top { top: 105px; }.share-box { background: #ffffff !important; }.share-icons-wrapper p { color: #000000 !important; }.share-icon a svg { fill: #000000 !important; }.wysiwyg, .wysiwyg p, .wysiwyg pre, .post-heading h2, #post .wysiwyg .meta p span, p.quote, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, #category-archives h4, h4#comments, .comment-autor, .comment-autor a, .comment-time, .comment-content p, h3#reply-title, .comments-pagination, .meta p a, section#comment h3#comments, .no-results, blockquote p, .quote-container p, .result-header h3 { color: #333333!important ;}.archives-close svg { fill: #333333!important ;}abbr, acronym { border-color: #333333 !important;}#post .wysiwyg  a, .wysiwyg-ce a, #post .wysiwyg p a, p.quote a, .next p a, .previous p a, a.page-numbers, #category-archives nav ul li a, .cover-headline a { color: #777777!important ;}#post .wysiwyg { border-color: #777777!important ;}#post .semplice-share .button a { color: white !important; }#post .wysiwyg a:hover, .wysiwyg-ce a:hover, #post .wysiwyg p a:hover, .post-heading p a:hover, #post .wysiwyg .meta p a:hover, p.quote a:hover, #post .wysiwyg a.more-link:hover, .description a.more-link:hover, .next p a:hover, .previous p a:hover, #category-archives nav ul li a:hover, a.comment-edit-link:hover, a.comment-reply-link:hover, a.page-numbers:hover, section#category-archives nav ul li a:hover,  .cover-headline a:hover { color: #333333!important ;}#post .semplice-share .button a:hover { color: white !important; }.post-heading h2 a, .result-header h3, #category-archives h2 { color: #777777!important ;}.post-heading p, .post-heading p a, #post .wysiwyg .meta p a { color: #a0a0a0!important ;}#comment { background-color: #f9f9f9 !important;}form#commentform textarea, form#commentform input { background-color: #f9f9f9 !important;}form#commentform #submit, form#commentform input, form#commentform textarea { color: #000000 !important; }form#commentform textarea::-webkit-input-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform textarea::-moz-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform textarea:-ms-input-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform textareainput:-moz-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform input::-webkit-input-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform input::-moz-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform input:-ms-input-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform inputinput:-moz-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform textarea, form#commentform input { border-color: #e
120e0e0 !important;}#post .wysiwyg a.more-link, .description a.more-link { color: #acacac !important; }#post .wysiwyg a.more-link, .description a.more-link { border-color: #e6e6e6!important ;}.edit-reply a { color: #aaaaaa!important ;}.edit-reply a { border-color: #e6e6e6!important ;}.post-divider { background: #e6e6e6!important ;}.post-password-form input, .result-header, #category-archives h4, .comment-content, pre, tt, code, kbd, blockquote, .wysiwyg table, .description table, .wysiwyg-ce table , .wysiwyg table th, .wysiwyg table td, .description table th, .description table td, .wysiwyg-ce table th, .wysiwyg-ce table td { border-color: #e6e6e6!important ;}.search-field { background: #ffffff!important ;}.search-field { border-color: #e6e6e6!important ;}.search-field { color: #000000!important ;}.close-search svg { fill: #000000 !important;}.search-form input::-webkit-input-placeholder { color: #000000 !important; opacity: 1;}.search-form input::-moz-placeholder { color: #000000 !important; opacity: 1;}.search-form input:-ms-input-placeholder { color: #000000 !important; opacity: 1;}body {background-color: #ffffff !important;}.to-the-top a svg { fill: #b2b2b2 !important; }.no-gutter-grid-sizer { width: 8.3333% !important; }.no-gutter-gutter-sizer { width: 0px; }.remove-gutter-yes { margin: 0px !important; }.masonry-span0{ width: 0% !important; float: left; }.masonry-span1{ width: 8.3333% !important; float: left; }.masonry-span2{ width: 16.6667% !important; float: left; }.masonry-span3{ width: 25% !important; float: left; }.masonry-span4{ width: 33.3333% !important; float: left; }.masonry-span5{ width: 41.6667% !important; float: left; }.masonry-span6{ width: 50% !important; float: left; }.masonry-span7{ width: 58.3333% !important; float: left; }.masonry-span8{ width: 66.6667% !important; float: left; }.masonry-span9{ width: 75% !important; float: left; }.masonry-span10{ width: 83.3333% !important; float: left; }.masonry-span11{ width: 91.6667% !important; float: left; }.masonry-span12{ width: 100% !important; float: left; }@media (max-width: 767px) {.masonry-span1, .masonry-span2, .masonry-span3, .masonry-span4, .masonry-span5, .masonry-span6, .masonry-span7, .masonry-span8, .masonry-span9, .masonry-span10, .masonry-span11, .masonry-span12 { width: 100% !important; }}.lightbox-overlay { background-color: rgba(255,255,255,0.98); -webkit-animation: fadein 0.35s; -moz-animation: fadein 0.35s; -ms-animation: fadein 0.35s; -o-animation: fadein 0.35s; animation: fadein 0.35s; }@keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }@-moz-keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }@-webkit-keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }@-ms-keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }@-o-keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }.lightbox-arrows .imagelightbox-arrow svg { fill: #777777; }.share-box.fade-content {
13    display: none;
14}
15
16.to-the-top {
17    display: none;
18}
19
20.to-the-top a {
21   display: none;
22}
23
24h3.bold.fs-18px.lh-18px {
25    letter-spacing: 2px;
26}
27section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb h3 {
28    font-family: 'Roboto Slab';
29    letter-spacing: 1px;
30    color: #777777;
31}
32
33section#project-panel .project-panel .container {
34    padding-top: 0px;
35}
36
37header {
38    position: fixed;
39}</style>
40					<link rel="shortcut icon" href="https://mrcup-studio.com/wp-content/uploads/2016/10/favicon-mrcup-studio.png">
41						<link rel='dns-prefetch' href='//s.w.org' />
42		
42<script type="text/javascript">
43			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/mrcup-studio.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.0.29"}};
44			!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])?!1:!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55358,56760,9792,65039],[55358,56760,8203,9792,65039])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);
45		</script>
45
46		<style type="text/css">
47img.wp-smiley,
48img.emoji {
49	display: inline !important;
50	border: none !important;
51	box-shadow: none !important;
52	height: 1em !important;
53	width: 1em !important;
54	margin: 0 .07em !important;
55	vertical-align: -0.1em !important;
56	background: none !important;
57	padding: 0 !important;
58}
59</style>
60<link rel='stylesheet' id='wp-block-library-css'  href='https://mrcup-studio.com/wp-includes/css/dist/block-library/style.min.css?ver=5.0.29' type='text/css' media='all' />
61<link rel='stylesheet' id='mediaelement-css'  href='https://mrcup-studio.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.6-78496d1' type='text/css' media='all' />
62<link rel='stylesheet' id='wp-mediaelement-css'  href='https://mrcup-studio.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=5.0.29' type='text/css' media='all' />
63<script type='text/javascript' src='https://mrcup-studio.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
vendor: 1 bytes, line 63
63
64<script type='text/javascript' src='https://mrcup-studio.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
vendor: 1 bytes, line 64
64
65<script type='text/javascript'>
66var mejsL10n = {"language":"fr","strings":{"mejs.install-flash":"Vous utilisez un navigateur qui n\u2019a pas le lecteur Flash activ\u00e9 ou install\u00e9. Veuillez activer votre extension Flash ou t\u00e9l\u00e9charger la derni\u00e8re version \u00e0 partir de cette adresse\u00a0: https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen-off":"Quitter le plein \u00e9cran","mejs.fullscreen-on":"Passer en plein \u00e9cran","mejs.download-video":"T\u00e9l\u00e9charger la vid\u00e9o","mejs.fullscreen":"Plein \u00e9cran","mejs.time-jump-forward":["Saut en avant d\u20191 seconde","Avancer de %1 secondes"],"mejs.loop":"Lire en boucle","mejs.play":"Lecture","mejs.pause":"Pause","mejs.close":"Fermer","mejs.time-slider":"Curseur de temps","mejs.time-help-text":"Utilisez les fl\u00e8ches droite\/gauche pour avancer d\u2019une seconde, haut\/bas pour avancer de dix secondes.","mejs.time-skip-back":["Revenir une seconde en arri\u00e8re","Saut en arri\u00e8re de %1 seconde(s)"],"mejs.captions-subtitles":"L\u00e9gendes\/Sous-titres","mejs.captions-chapters":"Chapitres","mejs.none":"Aucun","mejs.mute-toggle":"Couper le son","mejs.volume-help-text":"Utilisez les fl\u00e8ches haut\/bas pour augmenter ou diminuer le volume.","mejs.unmute":"R\u00e9activer le son","mejs.mute":"Muet","mejs.volume-slider":"Curseur de volume","mejs.video-player":"Lecteur vid\u00e9o","mejs.audio-player":"Lecteur audio","mejs.ad-skip":"Passer la publicit\u00e9","mejs.ad-skip-info":["Passer dans %1 seconde","Passer dans %1 secondes"],"mejs.source-chooser":"S\u00e9lecteur de source","mejs.stop":"Arr\u00eater","mejs.speed-rate":"Taux de vitesse","mejs.live-broadcast":"\u00c9mission en direct","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanais","mejs.arabic":"Arabe","mejs.belarusian":"Bi\u00e9lorusse","mejs.bulgarian":"Bulgare","mejs.catalan":"Catalan","mejs.chinese":"Chinois","mejs.chinese-simplified":"Chinois (simplifi\u00e9)","mejs.chinese-traditional":"Chinois (traditionnel)","mejs.croatian":"Croate","mejs.czech":"Tch\u00e8que","mejs.danish":"Danois","mejs.dutch":"N\u00e9erlandais","mejs.english":"Anglais","mejs.estonian":"Estonien","mejs.filipino":"Filipino","mejs.finnish":"Terminer","mejs.french":"Fran\u00e7ais","mejs.galician":"Galicien","mejs.german":"Allemand","mejs.greek":"Grec","mejs.haitian-creole":"Cr\u00e9ole ha\u00eftien","mejs.hebrew":"H\u00e9breu","mejs.hindi":"Hindi","mejs.hungarian":"Hongrois","mejs.icelandic":"Islandais","mejs.indonesian":"Indon\u00e9sien","mejs.irish":"Irlandais","mejs.italian":"Italien","mejs.japanese":"Japonais","mejs.korean":"Cor\u00e9en","mejs.latvian":"Letton","mejs.lithuanian":"Lituanien","mejs.macedonian":"Mac\u00e9donien","mejs.malay":"Malais","mejs.maltese":"Maltais","mejs.norwegian":"Norv\u00e9gien","mejs.persian":"Perse","mejs.polish":"Polonais","mejs.portuguese":"Portugais","mejs.romanian":"Roumain","mejs.russian":"Russe","mejs.serbian":"Serbe","mejs.slovak":"Slovaque","mejs.slovenian":"Slov\u00e9nien","mejs.spanish":"Espagnol","mejs.swahili":"Swahili","mejs.swedish":"Su\u00e9dois","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turc","mejs.ukrainian":"Ukrainien","mejs.vietnamese":"Vietnamien","mejs.welsh":"Ga\u00e9lique","mejs.yiddish":"Yiddish"}};
67</script>
vendor: 1 bytes, line 67
67
68<script type='text/javascript' src='https://mrcup-studio.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.6-78496d1'></script>
vendor: 1 bytes, line 68
68
69<script type='text/javascript' src='https://mrcup-studio.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=5.0.29'></script>
vendor: 1 bytes, line 69
69
70<script type='text/javascript'>
71/* <![CDATA[ */
72var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive"};
73/* ]]> */
74</script>
74
75<link rel='https://api.w.org/' href='https://mrcup-studio.com/wp-json/' />
76<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://mrcup-studio.com/xmlrpc.php?rsd" />
77<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://mrcup-studio.com/wp-includes/wlwmanifest.xml" /> 
78<meta name="generator" content="WordPress 5.0.29" />
79<link rel="canonical" href="https://mrcup-studio.com/about/" />
80<link rel='shortlink' href='https://mrcup-studio.com/?p=472' />
81<link rel="alternate" type="application/json+oembed" href="https://mrcup-studio.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmrcup-studio.com%2Fabout%2F" />
82<link rel="alternate" type="text/xml+oembed" href="https://mrcup-studio.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmrcup-studio.com%2Fabout%2F&#038;format=xml" />
83		<!-- Facebook -->
84		<meta property="og:title" content="mrcup-studio.com &rsaquo; ABOUT" />
85		<meta property="og:url" content="https://mrcup-studio.com/about/" />
86		<meta property="og:site_name" content="mrcup-studio.com"/>
87							<meta property="og:image" content="" />
88		   
89		<!-- bottom admin bar -->
90		<style>html{margin-top:0px!important;}#wpadminbar{top:auto!important;bottom:0;}}</style>
91	</head>
92	<body class="page-template-default page page-id-472">
93						<header class="non-sticky-nav">
94			<div id="navbar-bg" class="navbar" data-navbar-opacity="0" data-dropdown-transparent="disabled"><!-- header bar background --></div>
95			<div id="navbar">
96			<div class="container"><div class="row"><div class="span12 navbar-inner"><div class="logo fourty"><a id="logo" data-logo-height="25" class="has-logo" href="https://mrcup-studio.com" title="mrcup-studio.com"><svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 199.64 37.75"><title>Sans titre - 1</title><path d="M128.52,82.5A7.37,7.37,0,0,1,120.74,75V52.51a7.38,7.38,0,0,1,7.78-7.56c5,0,7.57,3.65,7.57,7.56v2.9c0,0.53-.43.69-2.9,0.69-1.77,0-2.68.11-2.68-.59V52.73a2.23,2.23,0,0,0-2-2.25c-1.66,0-2,1.66-2,3.06V73.75c0,1.5.38,3.06,2,3.06a2,2,0,0,0,2-2.15V71.88c0-.75.48-0.7,2.84-0.7s2.74,0.06,2.74,1V75C136.09,79.44,133.51,82.5,128.52,82.5Z" transform="translate(-85.81 -44.75)"/><path d="M146.71,82.5A7.39,7.39,0,0,1,138.93,75V45.86c0-.86.38-0.91,3-0.91,2.15,0,2.74.11,2.74,0.91V73.81c0,1.45.27,3,2,3s2-1.5,2-3v-28c0-.75.27-0.86,2.68-0.86,2.79,0,3.11.16,3.11,0.8V75C154.54,79.44,151.7,82.5,146.71,82.5Z" transform="translate(-85.81 -44.75)"/><path d="M171.38,66.3a8.82,8.82,0,0,1-6,2c-0.75,0-1.18.32-1.18,1.66V81.64c0,0.91-.54.86-3,0.86s-2.74,0-2.74-1.18V46.61a2.18,2.18,0,0,1,.27-1.34,1.46,1.46,0,0,1,1.34-.32h5.47a9.14,9.14,0,0,1,5.9,1.88A7.5,7.5,0,0,1,174.07,53v7A8,8,0,0,1,171.38,66.3Zm-3.11-12.12a4.5,4.5,0,0,0-.7-3,2.24,2.24,0,0,0-1.77-.64,2.54,2.54,0,0,0-1.45.21,1.14,1.14,0,0,0-.16.75V61.74a1.05,1.05,0,0,0,.32,1.13,6.62,6.62,0,0,0,1.19.06,2.45,2.45,0,0,0,1.93-.86,3.89,3.89,0,0,0,.64-2.74V54.18Z" transform="translate(-85.81 -44.75)"/><path d="M102.12,82.3c-2.63,0-2.79-.11-2.79-0.91,0-7.51,0-17.22-.16-21.46-0.21-.48-0.7-0.32-0.81.21-0.64,3-1.29,5.48-1.82,7.3a0.93,0.93,0,0,1-1.18.81,1,1,0,0,1-1.18-.75c-0.43-1.66-1.07-4.29-1.72-7.24a0.53,0.53,0,0,0-1-.27c-0.16,4.29-.16,13.84-0.16,21.35,0,0.86-.16,1-2.95,1-2.63,0-2.57-.11-2.57-0.91V45.66c0-.91.37-0.86,2.47-0.86,2.31,0,2.68.27,3.22,2,0.81,2.74,1.61,5.15,2.36,7.67C94.39,56.34,95,58,95.36,58s0.91-1.55,1.5-3.54l2.36-7.67c0.48-1.72.86-2,3-2,2.3,0,2.79.05,2.79,0.91V81.33C105,82.19,105,82.3,102.12,82.3Z" transform="translate(-85.81 -44.75)"/><path d="M183.23,65.5c-2.07,0-2.74,0-4.42,0-0.15,0-.78-0.12-0.69-0.57a6.06,6.06,0,0,0,0-1.29c0-.36.27-0.45,0.93-0.45,1,0,2.29,0,3.29,0,0.81,0,1.38.15,1.38,0.48a7,7,0,0,0,.09,1.38C183.87,65.26,183.84,65.5,183.23,65.5Z" transform="translate(-85.81 -44.75)"/><path d="M115.44,67.31c-1.51,0-1.63,0-1.63-.53V59.56c0-1.1-.37-2-1.16-2-1.1,0-1.22,0-1.22.41v8.72c0,0.6-.25.6-1.82,0.6-1.29,0-1.54,0-1.54-.69V46.32a1.81,1.81,0,0,1,.12-0.78,0.84,0.84,0,0,1,.82-0.19h3.11a5.24,5.24,0,0,1,3.67,1.29,4.57,4.57,0,0,1,1.29,3.45v2.67a3.26,3.26,0,0,1-.53,2.07A3.94,3.94,0,0,1,115,55.95a4.2,4.2,0,0,1,1.6,1,3,3,0,0,1,.56,2V66.8C117.16,67.31,116.94,67.31,115.44,67.31Zm-1.73-16.56a2.47,2.47,0,0,0-.44-1.73,1.2,1.2,0,0,0-1.13-.38,0.77,0.77,0,0,0-.63.16,0.88,0.88,0,0,0-.09.41v4.67a0.78,0.78,0,0,0,.15.63,1,1,0,0,0,.57.06,1.6,1.6,0,0,0,1.13-.47,1.68,1.68,0,0,0,.44-1.22V50.74Z" transform="translate(-85.81 -44.75)"/><path d="M200.48,78c-1.83,3.27-3.06,4.46-6.92,4.46-4.4,0-7.78-2.63-7.78-7.51V72c0-.48.49-0.54,2.63-0.54s3.16,0,3.16.43v2.25c0,2,.38,3.17,2,3.17a1.9,1.9,0,0,0,1.93-2c0.06-.91.11-1.72,0.11-2.47,0-4.67-10.14-11.16-10.14-19.2a13.15,13.15,0,0,1,1.34-5.2,7.05,7.
9605,0,0,1,6.27-3.49,7.32,7.32,0,0,1,7.62,7.3v2.63c0,0.38-.76.33-2.57,0.33-2,0-3.12,0-3.12-.38V52.35a2.21,2.21,0,0,0-1.93-2.41,2,2,0,0,0-1.82,1.72,14.85,14.85,0,0,0-.16,2.15c0,6.33,10.25,10.68,10.25,19.42A11.39,11.39,0,0,1,200.48,78Z" transform="translate(-85.81 -44.75)"/><path d="M217.91,50.21H215.6a6.13,6.13,0,0,0-1.55.11c-0.48.38-.38,1.29-0.38,2V82c0,0.49-.59.54-3.11,0.54-2.26,0-2.74,0-2.74-.54V52.3c0-.7.11-1.61-0.38-2a6.11,6.11,0,0,0-1.55-.11h-2c-0.81,0-1-.38-1-2.63s0.11-2.63.76-2.63h14.16c0.64,0,.69.48,0.69,2.52C218.56,49.94,218.51,50.21,217.91,50.21Z" transform="translate(-85.81 -44.75)"/><path d="M228.91,82.5A7.39,7.39,0,0,1,221.13,75V45.86c0-.86.38-0.91,3-0.91,2.15,0,2.74.11,2.74,0.91V73.81c0,1.45.27,3,2,3s2-1.5,2-3v-28c0-.75.27-0.86,2.68-0.86,2.79,0,3.11.16,3.11,0.8V75C236.74,79.44,233.9,82.5,228.91,82.5Z" transform="translate(-85.81 -44.75)"/><path d="M254,80.19a8.56,8.56,0,0,1-6.17,2.31h-5.58c-0.69,0-1.12.05-1.34-.38a2.22,2.22,0,0,1-.21-1.29V46.61a2.33,2.33,0,0,1,.21-1.34,1.57,1.57,0,0,1,1.39-.32h5.47a9.21,9.21,0,0,1,6.33,2.2,7.84,7.84,0,0,1,2.2,5.9v21.3A7.88,7.88,0,0,1,254,80.19Zm-3.48-26a4.5,4.5,0,0,0-.7-3,3.41,3.41,0,0,0-3.22-.43,1.14,1.14,0,0,0-.16.75V75.68a1.53,1.53,0,0,0,.21,1.07,2.59,2.59,0,0,0,1.23.11,2.53,2.53,0,0,0,2-1,4.09,4.09,0,0,0,.59-2.63V54.18Z" transform="translate(-85.81 -44.75)"/><path d="M262.92,82.45c-2.63,0-2.74,0-2.74-.76V45.86c0-.8.21-0.86,2.74-0.86,2.84,0,3,.05,3,0.91V81.59C265.93,82.39,265.87,82.45,262.92,82.45Z" transform="translate(-85.81 -44.75)"/><path d="M277.62,82.5c-4.94,0-7.78-3.33-7.78-7.72V52.62c0-4.67,3.33-7.67,7.78-7.67,4.61,0,7.83,3,7.83,7.67V74.77C285.45,79.28,282.83,82.5,277.62,82.5Zm2-28.81c0-1.5-.48-3.22-2-3.22s-2,1.72-2,3.22v19.9c0,1.5.05,3.22,2,3.22s2-1.72,2-3.22V53.69Z" transform="translate(-85.81 -44.75)"/></svg></a></div><div class="nav-wrapper"><nav class="standard regular"><ul id="menu-menu-black" class="menu"><li id="menu-item-832" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-832"><a href="https://mrcup-studio.com/all/">ALL</a></li>
97<li id="menu-item-660" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-660"><a href="https://mrcup-studio.com/commissioned/">COMMISSIONED</a></li>
98<li id="menu-item-661" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-661"><a href="https://mrcup-studio.com/self-initiated/">SELF-INITIATED</a></li>
99<li id="menu-item-508" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-508"><a target="_blank" href="https://mrcup-shop.com/">SHOP</a></li>
100<li id="menu-item-506" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-472 current_page_item menu-item-506"><a href="https://mrcup-studio.com/about/">ABOUT</a></li>
101</ul></nav><div class="controls">
102					<a class="open-nav menu-responsive">
103						<span class="nav-icon"></span>
104					</a>
105				</div></div></div></div></div>			</div>
106		</header>
107		<div id="fullscreen-menu" class="full-height">
108			<div class="menu-inner">
109				<nav class="fs-20px regular">
110					<ul id="menu-menu-black-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-832"><a href="https://mrcup-studio.com/all/">ALL</a></li>
111<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-660"><a href="https://mrcup-studio.com/commissioned/">COMMISSIONED</a></li>
112<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-661"><a href="https://mrcup-studio.com/self-initiated/">SELF-INITIATED</a></li>
113<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-508"><a target="_blank" href="https://mrcup-shop.com/">SHOP</a></li>
114<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-472 current_page_item menu-item-506"><a href="https://mrcup-studio.com/about/">ABOUT</a></li>
115</ul>				</nav>
116				<div class="follow-links">
117					<ul>
118											</ul>
119				</div>
120			</div>
121		</div>
122		<div id="wrapper">
123			<div id="content">
124
125			
126				
127					
128			
129						
130			<!-- content fade -->
131			<div class="fade-content">
132				<div id="content-holder" class=""><div id="content_s2yxw7anv" class="multi-column" data-sort="1">
133				
134				
135				
136				
137				
138				
139				
140				
141				
142				
143				
144				
145				
146				
147				
148				
149				
150				
151				
152				
153				
154				
155				
156				
157				
158				
159				
160				
161				
162				
163				
164				
165				
166				
167				
168				
169				
170				
171				
172				
173				
174				
175				
176				
177				
178				
179				
180				
181				
182				
183				
184				
185				
186				
187				
188				
189				
190				
191				
192				
193				
194				
195				
196				<div class="mc-content-container" style="padding-top: 100px; padding-bottom: 100px; background-color: rgb(255, 255, 255); display: block;" data-content-id="content_s2yxw7anv" data-content-type="multi-column"><div id="masonry-content_s2yxw7anv" class="container" style="background-color: transparent; position: relative; height: 672px;"><div class="row"><div class="grid-sizer"></div><div class="gutter-sizer"></div><div class="span6 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 0px; top: 0px;"><div class="mc-sub-content-container" style="padding-right: 20px;padding-left: 20px;background-color: #ffffff;" data-content-id="content_s2yxw7anv" data-content-type="multi-column">
197				<div class="single-edit" style="display: none;">
198					<ul>
199						<li><a class="edit-single" data-single-edit-content-id="column_content_ndwdq0yb4" data-single-edit-column-id="#column_alq8bgkil" data-single-edit-content-type="column-content-p">Single Edit</a></li>
200						<li><a class="edit-column">Column Edit</a></li>
201					</ul>
202				</div>
203			<div data-content-id="content_s2yxw7anv" data-paragraph-id="content_s2yxw7anv" data-content-type="multi-column" class="wysiwyg-ce  "><p data-font-size="26px" data-line-height="20px"><span style="letter-spacing:2px;"><span class="bold">
203ABOUT</span></span></p><p data-font-size="15px" data-line-height="26px"><span class="regular">Fabien Barral is a happy graphic designer whose innovative and unique designs attract clients from around the world. He runs the <span class="regular_italic">Mr</span><span class="regular_italic"> Cup</span> blog, a popular online venue for graphic designers. He learned his trade as an agency art director, working on projects for large corporations. For him, relationships and exchange of ideas are the most important elements to achieve a project. In parallel to his commissioned projects, he develops his own products to express his passion of type: letterpress calendars, wall stickers, posters...</span></p><p data-font-size="15px" data-line-height="26px"><span class="regular">In 2012, he moved with his family to Thailand then to Bali to see what life can offer and share experience with other designers. There he met craftsmen to work with them on wood products... After a year and a half of this hobo life, he got back to France and created two magazines: <span class="regular_italic">Niépi</span>, with his wife Frédérique, about the gluten-free way of life, and <span class="regular_italic">Walter</span>, to share inspiring creative stories. In 2015 he moved to the very inspiring Arles city. There he found a studio and develop new projects such as playing cards.</span></p></div></div></div><div class="span1 masonry-item remove-gutter- masonry-offset" style="background-color: transparent; position: absolute; left: 600px; top: 0px;"><!-- Masonry offset --></div><div class="span4 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 700px; top: 0px;"><div class="mc-sub-content-container" style="padding-top: 70px;background-color: transparent;" data-content-id="content_s2yxw7anv" data-content-type="multi-column">
204				<div class="single-edit" style="display: none;">
205					<ul>
206						<li><a class="edit-single" data-single-edit-content-id="column_content_rubfnzzkl" data-single-edit-column-id="#column_iou6wcq18" data-single-edit-content-type="column-content-img">Single Edit</a></li>
207						<li><a class="edit-column">Column Edit</a></li>
208					</ul>
209				</div>
210			<div class="column-image no right"><img class="ce-image" src="http://mrcup-studio.com/wp-content/uploads/2019/08/IMG_0848.jpg" alt="IMG_0848" style=""><img class="live-image" src="https://mrcup-studio.com/wp-content/uploads/2019/08/IMG_0848.jpg" alt="IMG_0848" style="" /></div></div></div><div class="span6 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 0px; top: 459px;"><div class="mc-sub-content-container" style="padding-top: 100px;padding-right: 70px;padding-left: 70px;background-color: transparent;" data-content-id="content_s2yxw7anv" data-content-type="multi-column">
211				<div class="single-edit" style="display: none;">
212					<ul>
213						<li><a class="edit-single" data-single-edit-content-id="column_content_9rc95xzpw" data-single-edit-column-id="#column_p6g2e4rn2" data-single-edit-content-type="column-content-p">Single Edit</a></li>
214						<li><a class="edit-column">Column Edit</a></li>
215					</ul>
216				</div>
217			<div data-content-id="content_s2yxw7anv" data-paragraph-id="content_s2yxw7anv" data-content-type="multi-column" class="wysiwyg-ce  "><p style="text-align: right;" data-line-height="14px" data-font-size="60px"><span class="bold">—</span></p><p data-font-size="20px" style="text-align: right;"><span style="letter-spacing:1px;"><span class="bold">«&nbsp;The best designers are the one who find the good clients&nbsp;».</span></span></p></div></div></div></div></div>
218		
218<script type="text/javascript">
219			(function ($) {
220				$(document).ready(function () {
221					/* init masonry */
222					var $grid = $("#masonry-content_s2yxw7anv");
223
224					$grid.masonry({
225						itemSelector: ".masonry-item",
226						columnWidth: ".grid-sizer",
227						gutter: ".gutter-sizer",
228						transitionDuration: 0,
229						isResizable: true,
230						
231						
232					});
233
234                	/* layout Masonry after each image loads */
235                	$grid.imagesLoaded().progress(function() {
236	                  	$grid.masonry("layout");
237                	});
238
239				});
240			})(jQuery);
241		</script>
241
242		</div></div><div id="content_lcwjkqmcr" class="multi-column" data-sort="1" style="">
243				
244				
245				<div class="mc-content-container" style="background-color: transparent;" data-content-id="content_lcwjkqmcr" data-content-type="multi-column"><div id="masonry-content_lcwjkqmcr" class="container" style="background-color: transparent; position: relative; height: 661.328px;"><div class="row"><div class="grid-sizer"></div><div class="gutter-sizer"></div><div class="span4 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 0px; top: 0px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_lcwjkqmcr" data-content-type="multi-column">
246				<div class="single-edit" style="display: none;">
247					<ul>
248						<li><a class="edit-single" data-single-edit-content-id="column_content_d2h7wefog" data-single-edit-column-id="#column_8703zphxw" data-single-edit-content-type="column-content-img">Single Edit</a></li>
249						<li><a class="edit-column">Column Edit</a></li>
250					</ul>
251				</div>
252			<div class="column-image no left"><img class="ce-image" src="http://mrcup-studio.com/wp-content/uploads/2019/08/IMG_1180.jpg" alt="IMG_1180" style=""><img class="live-image" src="https://mrcup-studio.com/wp-content/uploads/2019/08/IMG_1180.jpg" alt="IMG_1180" style="" /></div></div></div><div class="span4 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 400px; top: 0px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_lcwjkqmcr" data-content-type="multi-column">
253				<div class="single-edit" style="display: none;">
254					<ul>
255						<li><a class="edit-single" data-single-edit-content-id="column_content_30n3j473h" data-single-edit-column-id="#column_u2p76sz88" data-single-edit-content-type="column-content-img">Single Edit</a></li>
256						<li><a class="edit-column">Column Edit</a></li>
257					</ul>
258				</div>
259			<div class="column-image no left"><img class="ce-image" src="http://mrcup-studio.com/wp-content/uploads/2019/08/IMG_1602.jpg" alt="IMG_1602" style=""><img class="live-image" src="https://mrcup-studio.com/wp-content/uploads/2019/08/IMG_1602.jpg" alt="IMG_1602" style="" /></div></div></div><div class="span4 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 800px; top: 0px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_lcwjkqmcr" data-content-type="multi-column">
260				<div class="single-edit" style="display: none;">
261					<ul>
262						<li><a class="edit-single" data-single-edit-content-id="column_content_id1pwshl9" data-single-edit-column-id="#column_ladab6vm1" data-single-edit-content-type="column-content-img">Single Edit</a></li>
263						<li><a class="edit-column">Column Edit</a></li>
264					</ul>
265				</div>
266			<div class="column-image no left"><img class="ce-image" src="http://mrcup-studio.com/wp-content/uploads/2019/08/IMG_2706.jpg" alt="IMG_2706" style=""><img class="live-image" src="https://mrcup-studio.com/wp-content/uploads/2019/08/IMG_2706.jpg" alt="IMG_2706" style="" /></div></div></div><div class="span6 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 400px; top: 493px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_lcwjkqmcr" data-content-type="multi-column">
267				<div class="single-edit" style="display: none;">
268					<ul>
269						<li><a class="edit-single" data-single-edit-content-id="column_content_4ug5qe9ae" data-single-edit-column-id="#column_hf1e7i8wq" data-single-edit-content-type="column-content-p">Single Edit</a></li>
270						<li><a class="edit-column">Column Edit</a></li>
271					</ul>
272				</div>
273			<div data-content-id="content_lcwjkqmcr" data-paragraph-id="content_lcwjkqmcr" data-content-type="multi-column" class="wysiwyg-ce  "><h3>&nbsp;</h3><p>&nbsp;</p><p>&nbsp;</p></div></div></div></div></div>
274		
274<script type="text/javascript">
275			(function ($) {
276				$(document).ready(function () {
277					/* init masonry */
278					var $grid = $("#masonry-content_lcwjkqmcr");
279
280					$grid.masonry({
281						itemSelector: ".masonry-item",
282						columnWidth: ".grid-sizer",
283						gutter: ".gutter-sizer",
284						transitionDuration: 0,
285						isResizable: true,
286						
287						
288					});
289
290                	/* layout Masonry after each image loads */
291                	$grid.imagesLoaded().progress(function() {
292	                  	$grid.masonry("layout");
293                	});
294
295				});
296			})(jQuery);
297		</script>
297
298		</div></div><div id="content_9xzy7mu8t" class="multi-column" data-sort="1">
299				
300				
301				
302				
303				
304				
305				
306				
307				
308				
309				
310				
311				
312				
313				
314				
315				
316				
317				
318				
319				
320				
321				
322				
323				
324				
325				
326				
327				<div class="mc-content-container" style="padding-bottom: 100px; background-color: transparent; display: block;" data-content-id="content_9xzy7mu8t" data-content-type="multi-column"><div id="masonry-content_9xzy7mu8t" class="container" style="background-color: transparent; position: relative; height: 493.328px;"><div class="row"><div class="grid-sizer"></div><div class="gutter-sizer"></div><div class="span1 masonry-item remove-gutter- masonry-offset" style="background-color: transparent; position: absolute; left: 0px; top: 0px;"><!-- Masonry offset --></div><div class="span4 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 100px; top: 0px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_9xzy7mu8t" data-content-type="multi-column">
328				<div class="single-edit" style="display: none;">
329					<ul>
330						<li><a class="edit-single" data-single-edit-content-id="column_content_9utr33x71" data-single-edit-column-id="#column_6efa37d1f" data-single-edit-content-type="column-content-img">Single Edit</a></li>
331						<li><a class="edit-column">Column Edit</a></li>
332					</ul>
333				</div>
334			<div class="column-image no left"><img class="ce-image" src="http://mrcup-studio.com/wp-content/uploads/2019/08/IMG_4466.jpg" alt="IMG_4466" style=""><img class="live-image" src="https://mrcup-studio.com/wp-content/uploads/2019/08/IMG_4466.jpg" alt="IMG_4466" style="" /></div></div></div><div class="span2 masonry-item remove-gutter- masonry-offset" style="background-color: transparent; position: absolute; left: 500px; top: 0px;"><!-- Masonry offset --></div><div class="span7 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 500px; top: 1px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_9xzy7mu8t" data-content-type="multi-column">
335				<div class="single-edit" style="display: none;">
336					<ul>
337						<li><a class="edit-single" data-single-edit-content-id="column_content_l6ht94cns" data-single-edit-column-id="#column_6ntmtw8fl" data-single-edit-content-type="column-content-p">Single Edit</a></li>
338						<li><a class="edit-column">Column Edit</a></li>
339					</ul>
340				</div>
341			<div data-content-id="content_9xzy7mu8t" data-paragraph-id="content_9xzy7mu8t" data-content-type="multi-column" class="wysiwyg-ce  "><p data-font-size="16px" data-line-height="26px"><span class="regular_italic">Le Studio Mr Cup est l’espace de création fondé à Arles par Fabien Barral.</span></p><p data-font-size="16px" data-line-height="26px"><span class="regular_italic">Fabien est un graphiste heureux dont le travail innovant et l’approche de la communication attire des clients du monde entier. Le blog <span class="regular">Mr Cup</span>, un site populaire dans le monde du graphisme, c’est aussi lui&nbsp;! Il a fait son apprentissage en agence, en tant que directeur artistique, en travaillant sur des projets pour de «&nbsp;grands&nbsp;» clients. Mais pour lui, la relation et l’échange d’idées sont primordiaux pour l’aboutissement d’un projet. En parallèle des ses commandes clients, il a développé ses propres produits pour exprimer sa passion de la typographie&nbsp;: calendriers en letterpress, stickers muraux, posters…</span></p><p data-font-size="16px" data-line-height="26px"><span class="regular_italic">En 2012, il part vivre en famille en Thaïlande, puis à Bali, pour voir ce que la vie peut offrir et partager son expérience avec d’autres designers. Il y rencontre des artisans pour travailler des produits en bois. Après un an et demi de vie de bohème, il est de retour en France et crée deux magazines&nbsp;: <span class="regular">Niépi</span>, avec sa femme Frédérique, pour une vie sans gluten, et <span class="regular">Walter</span>, pour partager des histoires de créatifs inspirants. En 2015 il aménage dans la ville créative d’Arles. C’est là qu’il trouve son studio et commence à créer de nouveaux produits comme le jeu de cartes Ephemerid.</span></p></div></div></div></div></div>
342		
342<script type="text/javascript">
343			(function ($) {
344				$(document).ready(function () {
345					/* init masonry */
346					var $grid = $("#masonry-content_9xzy7mu8t");
347
348					$grid.masonry({
349						itemSelector: ".masonry-item",
350						columnWidth: ".grid-sizer",
351						gutter: ".gutter-sizer",
352						transitionDuration: 0,
353						isResizable: true,
354						
355						
356					});
357
358                	/* layout Masonry after each image loads */
359                	$grid.imagesLoaded().progress(function() {
360	                  	$grid.masonry("layout");
361                	});
362
363				});
364			})(jQuery);
365		</script>
365
366		</div></div><div id="content_q8lo9zzxm" class="custom-module" data-sort="1">
367				
368				
369				
370				
371				
372				
373				
374				
375				
376				
377				
378				
379				
380				
381				
382				
383				
384				
385				
386				
387				
388				
389				
390				
391				
392				
393				
394				
395				
396				<div class="content-container" style="padding-top: 50px;padding-bottom: 100px;background-color: #ffffff;" data-content-id="content_q8lo9zzxm" data-content-type="custom-module" data-modules-array="instagram"><div class="is-shortcode"><div class="executed">
397				<div class="instagram-error">
398					<img src="https://mrcup-studio.com/wp-content/themes/Semplice_BusinessLicense_v3.0.9/semplice/images/icons/instagram.svg">
399					<p>It looks like you either have no or a wrong access token.<br />Please go to Semplice -> General Settings and setup your access token. <br />Error Message from Instagram: <i></i></p>
400				</div>
401			</div><div class="unexecuted">[unex_ce_instagram id="content_q8lo9zzxm" count="8" span="span3" is_fluid="no" remove_gutter="yes" target="dribbble" random="disabled"][/ce_instagram]</div></div></div></div></div>			</div>	
402			
403									<div class="fade-content footer"><div id="footer-holder"><div id="content_soqw2n4dw" class="multi-column" data-sort="1">
404				
405				
406				
407				
408				
409				
410				
411				
412				
413				
414				
415				
416				
417				
418				
419				<div class="mc-content-container" style="padding-top: 100px;padding-bottom: 100px;background-color: #ffffff;" data-content-id="content_soqw2n4dw" data-content-type="multi-column"><div id="masonry-content_soqw2n4dw" class="container" style="background-color: transparent; position: relative; height: 113px;"><div class="row"><div class="grid-sizer"></div><div class="gutter-sizer"></div><div class="span3 masonry-item remove-gutter-" style="background-color: rgb(255, 255, 255); position: absolute; left: 0px; top: 0px;"><div class="mc-sub-content-container" style="padding-bottom: 20px;background-color: transparent;" data-content-id="content_soqw2n4dw" data-content-type="multi-column">
420				<div class="single-edit" style="display: none;">
421					<ul>
422						<li><a class="edit-single" data-single-edit-content-id="column_content_pq00vna4k" data-single-edit-column-id="#column_ja51qoxmw" data-single-edit-content-type="column-content-p">Single Edit</a></li>
423						<li><a class="edit-column">Column Edit</a></li>
424					</ul>
425				</div>
426			<div data-content-id="content_soqw2n4dw" data-paragraph-id="content_soqw2n4dw" data-content-type="multi-column" class="wysiwyg-ce  "><p data-font-size="15px" data-line-height="30px"><a href="mailto:[email protected]?subject=Contact%20from%20mrcup-studio.com"><span class="regular">[email protected]</span></a><br>+33 (0)4 86 63 13 33</p></div></div></div><div class="span3 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 300px; top: 0px;"><div class="mc-sub-content-container" style="padding-bottom: 20px;background-color: transparent;" data-content-id="content_soqw2n4dw" data-content-type="multi-column">
427				<div class="single-edit" style="display: none;">
428					<ul>
429						<li><a class="edit-single" data-single-edit-content-id="column_content_gl2o1977w" data-single-edit-column-id="#column_fxsrz5tt7" data-single-edit-content-type="column-content-p">Single Edit</a></li>
430						<li><a class="edit-column">Column Edit</a></li>
431					</ul>
432				</div>
433			<div data-content-id="content_soqw2n4dw" data-paragraph-id="content_soqw2n4dw" data-content-type="multi-column" class="wysiwyg-ce  "><p data-font-size="15px" data-line-height="22px"><span class="regular">50 rue Chartrouse<br>13200, Arles<br>France</span></p></div></div></div><div class="span3 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 600px; top: 0px;"><div class="mc-sub-content-container" style="padding-bottom: 20px;background-color: transparent;" data-content-id="content_soqw2n4dw" data-content-type="multi-column">
434				<div class="single-edit" style="display: none;">
435					<ul>
436						<li><a class="edit-single" data-single-edit-content-id="column_content_fskl6b6m0" data-single-edit-column-id="#column_j1vu9jkps" data-single-edit-content-type="column-content-p">Single Edit</a></li>
437						<li><a class="edit-column">Column Edit</a></li>
438					</ul>
439				</div>
440			<div data-content-id="content_soqw2n4dw" data-paragraph-id="content_soqw2n4dw" data-content-type="multi-column" class="wysiwyg-ce  "><p data-line-height="30px" data-font-size="15px"><span class="regular"><a target="_blank" href="https://www.instagram.com/iammrcup/">instagram</a></span><br><span class="regular"><a target="_blank" href="https://twitter.com/iammrcup">twitter</a><br><a target="_blank" href="https://www.facebook.com/iammrcup">facebook</a></span></p></div></div></div><div class="span3 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 900px; top: 0px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_soqw2n4dw" data-content-type="multi-column">
441				<div class="single-edit" style="display: none;">
442					<ul>
443						<li><a class="edit-single" data-single-edit-content-id="column_content_8dq35fjpk" data-single-edit-column-id="#column_m2ily9sq4" data-single-edit-content-type="column-content-p">Single Edit</a></li>
444						<li><a class="edit-column">Column Edit</a></li>
445					</ul>
446				</div>
447			<div data-content-id="content_soqw2n4dw" data-paragraph-id="content_soqw2n4dw" data-content-type="multi-column" class="wysiwyg-ce  "><p data-line-height="24px" data-font-size="15px"><span class="regular"><a target="_blank" href="http://www.mr-cup.com/newsletter.html">Subscribe to the newsletter</a></span></p></div></div></div></div></div>
448		
448<script type="text/javascript">
449			(function ($) {
450				$(document).ready(function () {
451					/* init masonry */
452					var $grid = $("#masonry-content_soqw2n4dw");
453
454					$grid.masonry({
455						itemSelector: ".masonry-item",
456						columnWidth: ".grid-sizer",
457						gutter: ".gutter-sizer",
458						transitionDuration: 0,
459						isResizable: true,
460						
461						
462					});
463
464                	/* layout Masonry after each image loads */
465                	$grid.imagesLoaded().progress(function() {
466	                  	$grid.masonry("layout");
467                	});
468
469				});
470			})(jQuery);
471		</script>
471
472		</div></div></div></div>			<!-- content -->
473			</div>
474		<!-- wrapper -->
475		</div>
476		<div class="to-the-top">
477			<a class="top-button"><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
478	 width="53px" height="20px" viewBox="0 0 53 20" enable-background="new 0 0 53 20" xml:space="preserve">
479<g id="Ebene_3">
480</g>
481<g>
482	<polygon points="43.886,16.221 42.697,17.687 26.5,4.731 10.303,17.688 9.114,16.221 26.5,2.312 	"/>
483</g>
484</svg>
485</a>
486		</div>
487		<div class="overlay fade"></div>
488		
488<script type='text/javascript' src='https://mrcup-studio.com/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=5.0.29'></script>
vendor: 1 bytes, line 488
488
489<script type='text/javascript'>
490/* <![CDATA[ */
491var semplice = {"gallery_prev":"<svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\r\n\twidth=\"18px\" height=\"40px\"  viewBox=\"0 0 18 40\" enable-background=\"new 0 0 18 40\" xml:space=\"preserve\">\r\n<g id=\"Ebene_2\">\r\n\t<g>\r\n\t\t<polygon points=\"16.3,40 0.3,20 16.3,0 17.7,1 2.5,20 17.7,39 \t\t\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<\/svg>\r\n","gallery_next":"<svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\r\n\twidth=\"18px\" height=\"40px\" viewBox=\"0 0 18 40\" enable-background=\"new 0 0 18 40\" xml:space=\"preserve\">\r\n<g id=\"Ebene_2\">\r\n\t<g>\r\n\t\t<polygon points=\"0.3,39 15.5,20 0.3,1 1.7,0 17.7,20 1.7,40 \t\t\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<\/svg>\r\n","lightbox_prev":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"xMidYMid\" width=\"30\" height=\"20\" viewBox=\"0 0 30 20\">\n  <path d=\"M29.255,10.804 L2.624,10.804 L10.327,18.696 C10.619,18.995 10.619,19.481 10.327,19.780 C10.181,19.930 9.989,20.005 9.798,20.005 C9.607,20.005 9.415,19.930 9.269,19.780 L0.290,10.580 C0.220,10.509 0.165,10.424 0.127,10.330 C0.090,10.238 0.071,10.141 0.071,10.043 C0.071,10.041 0.070,10.039 0.070,10.037 C0.070,10.035 0.071,10.034 0.071,10.032 C0.071,9.934 0.090,9.836 0.127,9.745 C0.165,9.650 0.220,9.565 0.290,9.494 L9.269,0.294 C9.561,-0.005 10.035,-0.005 10.327,0.294 C10.619,0.594 10.619,1.079 10.327,1.378 L2.624,9.270 L29.255,9.270 C29.669,9.270 30.003,9.613 30.003,10.037 C30.003,10.461 29.669,10.804 29.255,10.804 Z\"\/>\n<\/svg>\n","lightbox_next":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"xMidYMid\" width=\"30\" height=\"20\" viewBox=\"0 0 30 20\">\n  <path d=\"M29.873,9.745 C29.910,9.836 29.929,9.934 29.929,10.032 C29.929,10.034 29.930,10.035 29.930,10.037 C29.930,10.039 29.929,10.041 29.929,10.043 C29.929,10.141 29.910,10.238 29.873,10.330 C29.835,10.424 29.780,10.509 29.710,10.580 L20.731,19.780 C20.585,19.930 20.393,20.005 20.202,20.005 C20.011,20.005 19.819,19.930 19.673,19.780 C19.381,19.481 19.381,18.995 19.673,18.696 L27.376,10.804 L0.745,10.804 C0.331,10.804 -0.003,10.461 -0.003,10.037 C-0.003,9.613 0.331,9.270 0.745,9.270 L27.376,9.270 L19.673,1.378 C19.381,1.079 19.381,0.594 19.673,0.294 C19.965,-0.005 20.439,-0.005 20.731,0.294 L29.710,9.494 C29.780,9.565 29.835,9.650 29.873,9.745 Z\"\/>\n<\/svg>\n"};
492/* ]]> */
493</script>
vendor: 1 bytes, line 493
493
494<script type='text/javascript' src='https://mrcup-studio.com/wp-content/themes/Semplice_BusinessLicense_v3.0.9/semplice/js/scripts.min.js?ver=5.0.29'></script>
vendor: 1 bytes, line 494
494
495<script type='text/javascript' src='https://mrcup-studio.com/wp-includes/js/wp-embed.min.js?ver=5.0.29'></script>
495
496		
496<script type="text/javascript">
497			(function($) {
498
499				// back button fix (firefox) thx to Jesse from stack overfllow
500				$(window).unload(function () { $(window).unbind('unload'); });
501				// back button fix (safari)
502				$(window).bind('pageshow', function(event) {
503					if (event.originalEvent.persisted) {
504						window.location.reload() 
505					}
506				});
507				
508				$(document).ready(function () {
509
510					/* ce images */
511					$('.ce-image').each(function(){ var parentTag = $(this).parent().get(0).tagName; if(parentTag == 'A') { $(this).parent().remove(); } else { $(this).remove(); }});
512
513					/* remove single edit div */
514					$('.single-edit').remove();
515
516					/* delete gallery brs */
517					$('.gallery br').each(function() {
518						$(this).remove();
519					});
520
521					/* image lightbox */
522					var showOverlay = function() {
523						$('<div class="lightbox-overlay"></div>').appendTo('body');
524					};
525
526					var hideOverlay = function() {
527						$('.lightbox-overlay').remove();
528					};
529
530					/* arrows */
531
532					var arrowsOn = function(instance, selector) {
533
534						var $arrows = $('<div class="lightbox-arrows"><a type="button" class="imagelightbox-arrow imagelightbox-arrow-left">' + semplice.lightbox_prev + '</a><a type="button" class="imagelightbox-arrow imagelightbox-arrow-right">' + semplice.lightbox_next + '</a></div>');
535
536						$arrows.appendTo('body');
537
538						// fade in
539						$('.lightbox-arrows').delay(200).fadeIn('slow');
540
541						$('.imagelightbox-arrow').on('click touchend', function(e) {
542							e.preventDefault();
543
544							var $this	= $(this),
545								$target	= $( selector + '[href="' + $('#imagelightbox').attr('src') + '"]'),
546								index	= $target.index(selector);
547
548							if( $this.hasClass('imagelightbox-arrow-left'))
549							{
550								index = index - 1;
551								if(!$(selector).eq(index).length)
552									index = $(selector).length;
553							}
554							else
555							{
556								index = index + 1;
557								if( !$(selector).eq(index).length)
558									index = 0;
559							}
560
561							instance.switchImageLightbox(index);
562							return false;
563						});
564					};
565
566					var arrowsOff = function() {
567						$('.lightbox-arrows').fadeOut('fast', function() {
568							$('.lightbox-arrows').remove();
569						});
570					};
571
572					/* blog gallery */
573					$('.gallery-icon a').each(function () {
574
575						/* check if attachment or media file type */
576						var isAttachment = $(this).attr('href').slice(-1);
577
578						if(isAttachment !== '/') {
579							$(this).attr('data-rel', 'lightbox');
580						}
581
582					});
583
584					var selectorG = 'a[data-rel^=lightbox]';
585					var instanceG = $(selectorG).imageLightbox(
586					{
587						selector:       'id="imagelightbox"',
588						allowedTypes:   'png|jpg|jpeg|gif|svg',
589						animationSpeed: 250,
590						preloadNext:    true,
591						enableKeyboard: true,
592						quitOnEnd:      false,
593						quitOnImgClick: false,
594						quitOnDocClick: true,
595						onStart:        function() { arrowsOn(instanceG,selectorG); showOverlay(); },
596						onEnd:          function() { arrowsOff(); hideOverlay(); },
597						onLoadStart:    false,
598						onLoadEnd:      false
599					});
600		
601					
602					// content editor self hosted video and blog video
603					$(".live-video video, .live-audio audio, .wysiwyg video, .wysiwyg audio, .cover-video video").mediaelementplayer({
604						
605						// options
606						pauseOtherPlayers: false,
607
608						success:  function (mediaElement, domObject) { 
609
610							// get media element
611							var $thisMediaElement = (mediaElement.id) ? $("#"+mediaElement.id) : $(mediaElement);
612
613							if($thisMediaElement.attr('data-masonry-id')) {
614								// layout masonry to avoid overlapping
615								$('#masonry-' + $thisMediaElement.attr('data-masonry-id')).masonry('layout');
616							}
617
618							// empty poster image to avoid double images
619							$thisMediaElement.attr('poster', '');
620
621							// resize multicolumn on play if needed
622					        mediaElement.addEventListener('canplay', function(e) {
623								$('#masonry-' + $thisMediaElement.attr('data-masonry-id')).masonry('layout');
624							}, false);
625
626							// show poster image after video finished
627				            mediaElement.addEventListener("ended", function(e){
628				                $thisMediaElement.parents(".mejs-inner").find(".mejs-poster").show();
629				            });
630				        }
631					});
632				});
633			})(jQuery);
634		</script>
634
635			</body>
636</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.