<!doctype html>
<html lang="fr-FR" prefix="og: http://ogp.me/ns#" >
<head>
<!-- Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
<!--Shortcut icon-->
<link rel="shortcut icon" href="https://www.mathieuclauss.com/wp-content/uploads/2017/02/favicon-mathieu-clauss-2.png" />
<title> Portfolio de Mathieu Clauss - Graphiste freelance à Strasbourg </title>
<script data-cfasync='false'>
window.$crisp=[];
CRISP_RUNTIME_CONFIG = {
locale : 'fr'
};
CRISP_WEBSITE_ID = 'a087c5a8-9f2b-45aa-b2d1-587a96b309d7';(function(){
d=document;s=d.createElement('script');
s.src='https://client.crisp.chat/l.js';
s.async=1;d.getElementsByTagName('head')[0].appendChild(s);
})();</script>
<!-- This site is optimized with the Yoast SEO plugin v4.4 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Portfolio de Mathieu Clauss, graphiste freelance à Strasbourg. Plus de 9 ans d'expérience dans la création de logotype, le design web et la communication."/>
<meta name="robots" content="noodp"/>
<link rel="canonical" href="https://www.mathieuclauss.com/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Portfolio de Mathieu Clauss - Graphiste freelance à Strasbourg" />
<meta property="og:description" content="Portfolio de Mathieu Clauss, graphiste freelance à Strasbourg. Plus de 9 ans d'expérience dans la création de logotype, le design web et la communication." />
<meta property="og:url" content="https://www.mathieuclauss.com/" />
<meta property="og:site_name" content="Graphiste à Strasbourg - Portfolio de Mathieu Clauss" />
<meta property="og:image" content="https://www.mathieuclauss.com/wp-content/uploads/2016/01/17309444_10155059002304820_8915566671036010059_n.jpg" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="Portfolio de Mathieu Clauss, graphiste freelance à Strasbourg. Plus de 9 ans d'expérience dans la création de logotype, le design web et la communication." />
<meta name="twitter:title" content="Portfolio de Mathieu Clauss - Graphiste freelance à Strasbourg" />
<meta name="twitter:site" content="@icimathieu" />
<meta name="twitter:image" content="https://www.mathieuclauss.com/wp-content/uploads/2016/01/17309444_10155059002304820_8915566671036010059_n.jpg" />
<meta name="twitter:creator" content="@icimathieu" />
<script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"WebSite","@id":"#website","url":"https:\/\/www.mathieuclauss.com\/","name":"Graphiste \u00e0 Strasbourg - Portfolio de Mathieu Clauss","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.mathieuclauss.com\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>
<script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"Person","url":"https:\/\/www.mathieuclauss.com\/","sameAs":["https:\/\/www.facebook.com\/mathieu.clauss","http:\/\/instagram.com\/icimathieu\/","http:\/\/fr.linkedin.com\/in\/mathieu-clauss-288a9335","https:\/\/twitter.com\/icimathieu"],"@id":"#person","name":"Mathieu Clauss"}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Graphiste à Strasbourg - Portfolio de Mathieu Clauss » Flux" href="https://www.mathieuclauss.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Graphiste à Strasbourg - Portfolio de Mathieu Clauss » Flux des commentaires" href="https://www.mathieuclauss.com/comments/feed/" />
<link rel='stylesheet' id='contact-form-7-css' href='https://www.mathieuclauss.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.3.1' type='text/css' media='all' />
<link rel='stylesheet' id='rgs-css' href='https://www.mathieuclauss.com/wp-content/themes/mathieuclauss/css/rgs.css?ver=6.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-css' href='https://www.mathieuclauss.com/wp-content/themes/mathieuclauss/css/font-awesome.min.css?ver=4.4.32' type='text/css' media='all' />
<link rel='stylesheet' id='main-styles-css' href='https://www.mathieuclauss.com/wp-content/themes/mathieuclauss/style.css?ver=7.0.7' type='text/css' media='all' />
<link rel='stylesheet' id='pretty_photo-css' href='https://www.mathieuclauss.com/wp-content/themes/mathieuclauss/css/prettyPhoto.css?ver=7.0.1' type='text/css' media='all' />
<!--[if lt IE 9]>
<link rel='stylesheet' id='nectar-ie8-css' href='https://www.mathieuclauss.com/wp-content/themes/mathieuclauss/css/ie8.css?ver=4.4.32' type='text/css' media='all' />
<![endif]-->
<link rel='stylesheet' id='responsive-css' href='https://www.mathieuclauss.com/wp-content/themes/mathieuclauss/css/responsive.css?ver=7.0.7' type='text/css' media='all' />
<link rel='stylesheet' id='js_composer_front-css' href='https://www.mathieuclauss.com/wp-content/plugins/js_composer_salient/assets/css/js_composer.css?ver=4.7.4' type='text/css' media='all' />
<script type='text/javascript' src='https://www.mathieuclauss.com/wp-includes/js/jquery/jquery.js?ver=1.11.3'></script>
<script type='text/javascript' src='https://www.mathieuclauss.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='https://www.mathieuclauss.com/wp-content/themes/mathieuclauss/js/modernizr.js?ver=2.6.2'></script>
<link rel='https://api.w.org/' href='https://www.mathieuclauss.com/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.mathieuclauss.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.mathieuclauss.com/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 4.4.32" />
<link rel='shortlink' href='https://www.mathieuclauss.com/' />
<style type="text/css">body a{color:#000000;}#header-outer:not([data-lhe="animated_underline"]) header#top nav > ul > li > a:hover,#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li.sfHover > a,header#top nav > ul > li.button_bordered > a:hover,#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current-menu-item-O > a,header#top nav .sf-menu li.current_page_item_0 > a .sf-sub-indicator i,header#top nav .sf-menu li.current_page_ancestor > a .sf-sub-indicator i,#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current_page_ancestor > a,#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current-menu-ancestor > a,#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current_page_item_0 > a,body header#top nav .sf-menu li.current_page_item_0 > a .sf-sub-indicator [class^="icon-"],header#top nav .sf-menu li.current_page_ancestor > a .sf-sub-indicator [class^="icon-"],.sf-menu li ul li.sfHover > a .sf-sub-indicator [class^="icon-"],ul.sf-menu > li > a:hover > .sf-sub-indicator i,ul.sf-menu > li > a:active > .sf-sub-indicator i,ul.sf-menu > li.sfHover > a > .sf-sub-indicator i,.sf-menu ul li.current_page_item_0 > a,.sf-menu ul li.current-menu-ancestor > a,.sf-menu ul li.current_page_ancestor > a,.sf-menu ul a:focus,.sf-menu ul a:hover,.sf-menu ul a:active,.sf-menu ul li:hover > a,.sf-menu ul li.sfHover > a,.sf-menu li ul li a:hover,.sf-menu li ul li.sfHover > a,#footer-outer a:hover,.recent-posts .post-header a:hover,article.post .post-header a:hover,article.result a:hover,article.post .post-header h2 a,.single article.post .post-meta a:hover,.comment-list .comment-meta a:hover,label span,.wpcf7-form p span,.icon-3x[class^="icon-"],.icon-3x[class*=" icon-"],.icon-tiny[class^="icon-"],body .circle-border,article.result .title a,.home .blog-recent .col .post-header a:hover,.home .blog-recent .col .post-header h3 a,#single-below-header a:hover,header#top #logo:hover,.sf-menu > li.current_page_ancestor > a > .sf-sub-indicator [class^="icon-"],.sf-menu > li.current-menu-ancestor > a > .sf-sub-indicator [class^="icon-"],body #mobile-menu li.open > a [class^="icon-"],.pricing-column h3,.pricing-table[data-style="flat-alternative"] .pricing-column.accent-color h4,.pricing-table[data-style="flat-alternative"] .pricing-column.accent-color .interval,.comment-author a:hover,.project-attrs li i,#footer-outer #copyright li a i:hover,.col:hover > [class^="icon-"].icon-3x.accent-color.alt-style.hovered,.col:hover > [class*=" icon-"].icon-3x.accent-color.alt-style.hovered,#header-outer .widget_shopping_cart .cart_list a,.woocommerce .star-rating,.woocommerce-page table.cart a.remove,.woocommerce form .form-row .required,.woocommerce-page form .form-row .required,body #header-secondary-outer #social a:hover i,.woocommerce ul.products li.product .price,body .twitter-share:hover i,.twitter-share.hovered i,body .linkedin-share:hover i,.linkedin-share.hovered i,body .google-plus-share:hover i,.google-plus-share.hovered i,.pinterest-share:hover i,.pinterest-share.hovered i,.facebook-share:hover i,.facebook-share.hovered i,.woocommerce-page ul.products li.product .price,.nectar-milestone .number.accent-color,header#top nav > ul > li.megamenu > ul > li > a:hover,header#top nav > ul > li.megamenu > ul > li.sfHover > a,body #portfolio-nav a:hover i,span.accent-color,.nectar-love:hover i,.nectar-love.loved i,.portfolio-items .nectar-love:hover i,.portfolio-items .nectar-love.loved i,body .hovered .nectar-love i,header#top nav ul #search-btn a:hover span,header#top nav ul .slide-out-widget-area-toggle a:hover span,#search-outer #search #close a span:hover,.carousel-wrap[data-full-width="true"] .carousel-heading a:hover i,#search-outer .ui-widget-content li:hover a .title,#search-outer .ui-widget-content .ui-state-hover .title,#search-outer .ui-widget-content .ui-state-focus .title,.portfolio-filters-inline .container ul li a.active,body [class^="icon-"].icon-default-style,.svg-icon-holder[data-color="accent-color"],.team-member a.accent-color:hover,.ascend .comment-list .reply a,.wpcf7-form .wpcf7-not-valid-tip,.text_on_hover.product .add_to_cart_button,.blog-recent[data-style="minimal"] .col > span,.blog-recent[data-style="title_only"] .col:hover .post-header .title,.woocommerce-checkout-review-order-table .product-info .amount,.tabbed[data-style="minimal"] > ul li a.active-tab,.masonry.classic_enhanced article.post .post-meta a:hover i,.masonry.classic_enhanced article.post .post-meta .icon-salient-heart-2.loved,.single #single-meta ul li:not(.meta-share-count):hover i,.single #single-meta ul li:not(.meta-share-count):hover a,.single #single-meta ul li:not(.meta-share-count):hover span,.single #single-meta ul li.meta-share-count .nectar-social a:hover i,#project-meta #single-meta ul li > a,#project-meta ul li.meta-share-count .nectar-social a:hover i,#project-meta ul li:not(.meta-share-count):hover i,#project-meta ul li:not(.meta-share-count):hover span{color:#000000!important;}.col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.accent-color.alt-style.hovered,body .col:not(#post-area):not(.span_12):not(#sidebar):hover a [class*=" icon-"].icon-3x.accent-color.alt-style.hovered,.ascend #header-outer:not(.transparent) .cart-outer:hover .cart-menu-wrap:not(.has_products) .icon-salient-cart{color:#000000!important;}.orbit-wrapper div.slider-nav span.right,.orbit-wrapper div.slider-nav span.left,.flex-direction-nav a,.jp-play-bar,.jp-volume-bar-value,.jcarousel-prev:hover,.jcarousel-next:hover,.portfolio-items .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg,.portfolio-items .col[data-default-color="true"] .bottom-meta,.portfolio-filters a,.portfolio-filters #sort-portfolio,.project-attrs li span,.progress li span,.nectar-progress-bar span,#footer-outer #footer-widgets .col .tagcloud a:hover,#sidebar .widget .tagcloud a:hover,article.post .more-link span:hover,article.post.quote .post-content .quote-inner,article.post.link .post-content .link-inner,#pagination .next a:hover,#pagination .prev a:hover,.comment-list .reply a:hover,input[type=submit]:hover,input[type="button"]:hover,#footer-outer #copyright li a.vimeo:hover,#footer-outer #copyright li a.behance:hover,.tabbed > ul li a.active-tab,[class*=" icon-"],.icon-normal,.bar_graph li span,.nectar-button[data-color-override="false"].regular-button,.nectar-button.tilt.accent-color,body .swiper-slide .button.transparent_2 a.primary-color:hover,#footer-outer #footer-widgets .col input[type="submit"],.carousel-prev:hover,.carousel-next:hover,.blog-recent .more-link span:hover,.post-tags a:hover,.pricing-column.highlight h3,.pricing-table[data-style="flat-alternative"] .pricing-column.highlight h3 .highlight-reason,.pricing-table[data-style="flat-alternative"] .pricing-column.accent-color:before,#to-top:hover,#to-top.dark:hover,body[data-button-style="rounded"] #to-top:after,#pagination a.page-numbers:hover,#pagination span.page-numbers.current,.single-portfolio .facebook-share a:hover,.single-portfolio .twitter-share a:hover,.single-portfolio .pinterest-share a:hover,.single-post .facebook-share a:hover,.single-post .twitter-share a:hover,.single-post .pinterest-share a:hover,.mejs-controls .mejs-time-rail .mejs-time-current,.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,article.post.quote .post-content .quote-inner,article.post.link .post-content .link-inner,article.format-status .post-content .status-inner,article.post.format-aside .aside-inner,body #header-secondary-outer #social li a.behance:hover,body #header-secondary-outer #social li a.vimeo:hover,#sidebar .widget:hover [class^="icon-"].icon-3x,.woocommerce-page div[data-project-style="text_on_hover"] .single_add_to_cart_button,article.post.quote .content-inner .quote-inner .whole-link,.masonry.classic_enhanced article.post.quote.wide_tall .post-content a:hover .quote-inner,.masonry.classic_enhanced article.post.link.wide_tall .post-content a:hover .link-inner,.iosSlider .prev_slide:hover,.iosSlider .next_slide:hover,body [class^="icon-"].icon-3x.alt-style.accent-color,body [class*=" icon-"].icon-3x.alt-style.accent-color,#slide-out-widget-area,#slide-out-widget-area-bg.fullscreen,#header-outer .widget_shopping_cart a.button,body[data-button-style="rounded"] .wpb_wrapper .twitter-share:before,body[data-button-style="rounded"] .wpb_wrapper .twitter-share.hovered:before,body[data-button-style="rounded"] .wpb_wrapper .facebook-share:before,body[data-button-style="rounded"] .wpb_wrapper .facebook-share.hovered:before,body[data-button-style="rounded"] .wpb_wrapper .google-plus-share:before,body[data-button-style="rounded"] .wpb_wrapper .google-plus-share.hovered:before,body[data-button-style="rounded"] .wpb_wrapper .nectar-social:hover > *:before,body[data-button-style="rounded"] .wpb_wrapper .pinterest-share:before,body[data-button-style="rounded"] .wpb_wrapper .pinterest-share.hovered:before,body[data-button-style="rounded"] .wpb_wrapper .linkedin-share:before,body[data-button-style="rounded"] .wpb_wrapper .linkedin-share.hovered:before,#header-outer a.cart-contents .cart-wrap span,.swiper-slide .button.solid_color a,.swiper-slide .button.solid_color_2 a,.portfolio-filters,button[type=submit]:hover,#buddypress button:hover,#buddypress a.button:hover,#buddypress ul.button-nav li.current a,header#top nav ul .slide-out-widget-area-toggle a:hover i.lines,header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:after,header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:before,#buddypress a.button:focus,.text_on_hover.product a.added_to_cart,.woocommerce div.product .woocommerce-tabs .full-width-content ul.tabs li a:after,.woocommerce div[data-project-style="text_on_hover"] .cart .quantity input.minus,.woocommerce div[data-project-style="text_on_hover"] .cart .quantity input.plus,.woocommerce .span_4 input[type="submit"].checkout-button,.portfolio-filters-inline[data-color-scheme="accent-color"],body[data-fancy-form-rcs="1"] [type="radio"]:checked + label:after,.select2-container .select2-choice:hover,.select2-dropdown-open .select2-choice,header#top nav > ul > li.button_solid_color > a:before,#header-outer.transparent header#top nav > ul > li.button_solid_color > a:before,.tabbed[data-style="minimal"] > ul li a:after,.twentytwenty-handle,.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after,.masonry.classic_enhanced .posts-container article .meta-category a:hover,.masonry.classic_enhanced .posts-container article .video-play-button,.bottom_controls #portfolio-nav .controls li a i:after,.bottom_controls #portfolio-nav ul:first-child a:hover i,.nectar_video_lightbox.nectar-button[data-color="default-accent-color"],.nectar_video_lightbox.nectar-button[data-color="transparent-accent-color"]:hover,.testimonial_slider[data-style="multiple_visible"][data-color*="accent-color"] .flickity-page-dots .dot.is-selected:before,.testimonial_slider[data-style="multiple_visible"][data-color*="accent-color"] blockquote.is-selected p,.nectar-recent-posts-slider .container .strong span:before,#page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:hover,.single .heading-title[data-header-style="default_minimal"] .meta-category a:hover,body.single-post .sharing-default-minimal .nectar-love.loved,.nectar-fancy-box:after{background-color:#000000!important;}.col:hover > [class^="icon-"].icon-3x:not(.alt-style).accent-color.hovered,.col:hover > [class*=" icon-"].icon-3x:not(.alt-style).accent-color.hovered,body .nectar-button.see-through-2[data-hover-color-override="false"]:hover,.col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x:not(.alt-style).accent-color.hovered,.col:not(#post-area):not(.span_12):not(#sidebar):hover a [class*=" icon-"].icon-3x:not(.alt-style).accent-color.hovered{background-color:#000000!important;}.tabbed > ul li a.active-tab,body[data-form-style="minimal"] label:after,body .recent_projects_widget a:hover img,.recent_projects_widget a:hover img,#sidebar #flickr a:hover img,body .nectar-button.see-through-2[data-hover-color-override="false"]:hover,#footer-outer #flickr a:hover img,body[data-button-style="rounded"] .wpb_wrapper .twitter-share:before,body[data-button-style="rounded"] .wpb_wrapper .twitter-share.hovered:before,body[data-button-style="rounded"] .wpb_wrapper .facebook-share:before,body[data-button-style="rounded"] .wpb_wrapper .facebook-share.hovered:before,body[data-button-style="rounded"] .wpb_wrapper .google-plus-share:before,body[data-button-style="rounded"] .wpb_wrapper .google-plus-share.hovered:before,body[data-button-style="rounded"] .wpb_wrapper .nectar-social:hover > *:before,body[data-button-style="rounded"] .wpb_wrapper .pinterest-share:before,body[data-button-style="rounded"] .wpb_wrapper .pinterest-share.hovered:before,body[data-button-style="rounded"] .wpb_wrapper .linkedin-share:before,body[data-button-style="rounded"] .wpb_wrapper .linkedin-share.hovered:before,#featured article .post-title a:hover,#header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a:after,body #featured article .post-title a:hover,div.wpcf7-validation-errors,body[data-fancy-form-rcs="1"] [type="radio"]:checked + label:before,body[data-fancy-form-rcs="1"] [type="radio"]:checked + label:after,body[data-fancy-form-rcs="1"] input[type="checkbox"]:checked + label > span,.select2-container .select2-choice:hover,.select2-dropdown-open .select2-choice,#header-outer:not(.transparent) header#top nav > ul > li.button_bordered > a:hover:before,.single #single-meta ul li:not(.meta-share-count):hover a,.single #project-meta ul li:not(.meta-share-count):hover a{border-color:#000000!important;}.default-loading-icon:before{border-top-color:#000000!important;}#header-outer a.cart-contents span:before{border-color:transparent #000000!important;}body .col:not(#post-area):not(.span_12):not(#sidebar):hover .hovered .circle-border,body #sidebar .widget:hover .circle-border,body .testimonial_slider[data-style="multiple_visible"][data-color*="accent-color"] blockquote .bottom-arrow:after,body .dark .testimonial_slider[data-style="multiple_visible"][data-color*="accent-color"] blockquote .bottom-arrow:after,.portfolio-items[data-ps="6"] .bg-overlay,.portfolio-items[data-ps="6"].no-masonry .bg-overlay{border-color:#000000;}.gallery a:hover img{border-color:#000000!important;}@media only screen and (min-width :1px) and (max-width :1000px){body #featured article .post-title > a{background-color:#000000;}body #featured article .post-title > a{border-color:#000000;}}.nectar-button.regular-button.extra-color-1,.nectar-button.tilt.extra-color-1{background-color:#4c762f!important;}.icon-3x[class^="icon-"].extra-color-1:not(.alt-style),.icon-tiny[class^="icon-"].extra-color-1,.icon-3x[class*=" icon-"].extra-color-1:not(.alt-style),body .icon-3x[class*=" icon-"].extra-color-1:not(.alt-style) .circle-border,.woocommerce-page table.cart a.remove,#header-outer .widget_shopping_cart .cart_list li a.remove,#header-outer .woocommerce.widget_shopping_cart .cart_list li a.remove,.nectar-milestone .number.extra-color-1,span.extra-color-1,.team-member ul.social.extra-color-1 li a,.stock.out-of-stock,body [class^="icon-"].icon-default-style.extra-color-1,.team-member a.extra-color-1:hover,.pricing-table[data-style="flat-alternative"] .pricing-column.highlight.extra-color-1 h3,.pricing-table[data-style="flat-alternative"] .pricing-column.extra-color-1 h4,.pricing-table[data-style="flat-alternative"] .pricing-column.extra-color-1 .interval,.svg-icon-holder[data-color="extra-color-1"]{color:#4c762f!important;}.col:hover > [class^="icon-"].icon-3x.extra-color-1:not(.alt-style),.col:hover > [class*=" icon-"].icon-3x.extra-color-1:not(.alt-style).hovered,body .swiper-slide .button.transparent_2 a.extra-color-1:hover,body .col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.extra-color-1:not(.alt-style).hovered,body .col:not(#post-area):not(#sidebar):not(.span_12):hover a [class*=" icon-"].icon-3x.extra-color-1:not(.alt-style).hovered,#sidebar .widget:hover [class^="icon-"].icon-3x.extra-color-1:not(.alt-style),.portfolio-filters-inline[data-color-scheme="extra-color-1"],.pricing-table[data-style="flat-alternative"] .pricing-column.extra-color-1:before,.pricing-table[data-style="flat-alternative"] .pricing-column.highlight.extra-color-1 h3 .highlight-reason,.nectar-button.nectar_video_lightbox[data-color="default-extra-color-1"],.nectar_video_lightbox.nectar-button[data-color="transparent-extra-color-1"]:hover,.testimonial_slider[data-style="multiple_visible"][data-color*="extra-color-1"] .flickity-page-dots .dot.is-selected:before,.testimonial_slider[data-style="multiple_visible"][data-color*="extra-color-1"] blockquote.is-selected p,.nectar-fancy-box[data-color="extra-color-1"]:after{background-color:#4c762f!important;}body [class^="icon-"].icon-3x.alt-style.extra-color-1,body [class*=" icon-"].icon-3x.alt-style.extra-color-1,[class*=" icon-"].extra-color-1.icon-normal,.extra-color-1.icon-normal,.bar_graph li span.extra-color-1,.nectar-progress-bar span.extra-color-1,#header-outer .widget_shopping_cart a.button,.woocommerce ul.products li.product .onsale,.woocommerce-page ul.products li.product .onsale,.woocommerce span.onsale,.woocommerce-page span.onsale,.woocommerce-page table.cart a.remove:hover,.swiper-slide .button.solid_color a.extra-color-1,.swiper-slide .button.solid_color_2 a.extra-color-1,.toggle.open.extra-color-1 h3 a{background-color:#4c762f!important;}.col:hover > [class^="icon-"].icon-3x.extra-color-1.alt-style.hovered,.col:hover > [class*=" icon-"].icon-3x.extra-color-1.alt-style.hovered,.no-highlight.extra-color-1 h3,.col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.extra-color-1.alt-style.hovered,body .col:not(#post-area):not(.span_12):not(#sidebar):hover a [class*=" icon-"].icon-3x.extra-color-1.alt-style.hovered{color:#4c762f!important;}body .col:not(#post-area):not(.span_12):not(#sidebar):hover .extra-color-1.hovered .circle-border,.woocommerce-page table.cart a.remove,#header-outer .woocommerce.widget_shopping_cart .cart_list li a.remove,#header-outer .woocommerce.widget_shopping_cart .cart_list li a.remove,body #sidebar .widget:hover .extra-color-1 .circle-border,.woocommerce-page table.cart a.remove,body .testimonial_slider[data-style="multiple_visible"][data-color*="extra-color-1"] blockquote .bottom-arrow:after,body .dark .testimonial_slider[data-style="multiple_visible"][data-color*="extra-color-1"] blockquote .bottom-arrow:after{border-color:#4c762f;}.pricing-column.highlight.extra-color-1 h3{background-color:#4c762f!important;}.nectar-button.regular-button.extra-color-2,.nectar-button.tilt.extra-color-2{background-color:#d2c1a4!important;}.icon-3x[class^="icon-"].extra-color-2:not(.alt-style),.icon-3x[class*=" icon-"].extra-color-2:not(.alt-style),.icon-tiny[class^="icon-"].extra-color-2,body .icon-3x[class*=" icon-"].extra-color-2 .circle-border,.nectar-milestone .number.extra-color-2,span.extra-color-2,.team-member ul.social.extra-color-2 li a,body [class^="icon-"].icon-default-style.extra-color-2,.team-member a.extra-color-2:hover,.pricing-table[data-style="flat-alternative"] .pricing-column.highlight.extra-color-2 h3,.pricing-table[data-style="flat-alternative"] .pricing-column.extra-color-2 h4,.pricing-table[data-style="flat-alternative"] .pricing-column.extra-color-2 .interval,.svg-icon-holder[data-color="extra-color-2"]{color:#d2c1a4!important;}.col:hover > [class^="icon-"].icon-3x.extra-color-2:not(.alt-style).hovered,.col:hover > [class*=" icon-"].icon-3x.extra-color-2:not(.alt-style).hovered,body .swiper-slide .button.transparent_2 a.extra-color-2:hover,.col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.extra-color-2:not(.alt-style).hovered,.col:not(#post-area):not(.span_12):not(#sidebar):hover a [class*=" icon-"].icon-3x.extra-color-2:not(.alt-style).hovered,#sidebar .widget:hover [class^="icon-"].icon-3x.extra-color-2:not(.alt-style),.pricing-table[data-style="flat-alternative"] .pricing-column.highlight.extra-color-2 h3 .highlight-reason,.nectar-button.nectar_video_lightbox[data-color="default-extra-color-2"],.nectar_video_lightbox.nectar-button[data-color="transparent-extra-color-2"]:hover,.testimonial_slider[data-style="multiple_visible"][data-color*="extra-color-2"] .flickity-page-dots .dot.is-selected:before,.testimonial_slider[data-style="multiple_visible"][data-color*="extra-color-2"] blockquote.is-selected p,.nectar-fancy-box[data-color="extra-color-2"]:after{background-color:#d2c1a4!important;}body [class^="icon-"].icon-3x.alt-style.extra-color-2,body [class*=" icon-"].icon-3x.alt-style.extra-color-2,[class*=" icon-"].extra-color-2.icon-normal,.extra-color-2.icon-normal,.bar_graph li span.extra-color-2,.nectar-progress-bar span.extra-color-2,.woocommerce .product-wrap .add_to_cart_button.added,.woocommerce-message,.woocommerce-error,.woocommerce-info,.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range,.swiper-slide .button.solid_color a.extra-color-2,.swiper-slide .button.solid_color_2 a.extra-color-2,.toggle.open.extra-color-2 h3 a,.portfolio-filters-inline[data-color-scheme="extra-color-2"],.pricing-table[data-style="flat-alternative"] .pricing-column.extra-color-2:before{background-color:#d2c1a4!important;}.col:hover > [class^="icon-"].icon-3x.extra-color-2.alt-style.hovered,.col:hover > [class*=" icon-"].icon-3x.extra-color-2.alt-style.hovered,.no-highlight.extra-color-2 h3,.col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.extra-color-2.alt-style.hovered,body .col:not(#post-area):not(.span_12):not(#sidebar):hover a [class*=" icon-"].icon-3x.extra-color-2.alt-style.hovered{color:#d2c1a4!important;}body .col:not(#post-area):not(.span_12):not(#sidebar):hover .extra-color-2.hovered .circle-border,body #sidebar .widget:hover .extra-color-2 .circle-border,body .testimonial_slider[data-style="multiple_visible"][data-color*="extra-color-2"] blockquote .bottom-arrow:after,body .dark .testimonial_slider[data-style="multiple_visible"][data-color*="extra-color-2"] blockquote .bottom-arrow:after{border-color:#d2c1a4;}.pricing-column.highlight.extra-color-2 h3{background-color:#d2c1a4!important;}.nectar-button.regular-button.extra-color-3,.nectar-button.tilt.extra-color-3{background-color:#00baec!important;}.icon-3x[class^="icon-"].extra-color-3:not(.alt-style),.icon-3x[class*=" icon-"].extra-color-3:not(.alt-style),.icon-tiny[class^="icon-"].extra-color-3,body .icon-3x[class*=" icon-"].extra-color-3 .circle-border,.nectar-milestone .number.extra-color-3,span.extra-color-3,.team-member ul.social.extra-color-3 li a,body [class^="icon-"].icon-default-style.extra-color-3,.team-member a.extra-color-3:hover,.pricing-table[data-style="flat-alternative"] .pricing-column.highlight.extra-color-3 h3,.pricing-table[data-style="flat-alternative"] .pricing-column.extra-color-3 h4,.pricing-table[data-style="flat-alternative"] .pricing-column.extra-color-3 .interval,.svg-icon-holder[data-color="extra-color-3"]{color:#00baec!important;}.col:hover > [class^="icon-"].icon-3x.extra-color-3:not(.alt-style).hovered,.col:hover > [class*=" icon-"].icon-3x.extra-color-3:not(.alt-style).hovered,body .swiper-slide .button.transparent_2 a.extra-color-3:hover,.col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.extra-color-3:not(.alt-style).hovered,.col:not(#post-area):not(.span_12):not(#sidebar):hover a [class*=" icon-"].icon-3x.extra-color-3:not(.alt-style).hovered,#sidebar .widget:hover [class^="icon-"].icon-3x.extra-color-3:not(.alt-style),.portfolio-filters-inline[data-color-scheme="extra-color-3"],.pricing-table[data-style="flat-alternative"] .pricing-column.extra-color-3:before,.pricing-table[data-style="flat-alternative"] .pricing-column.highlight.extra-color-3 h3 .highlight-reason,.nectar-button.nectar_video_lightbox[data-color="default-extra-color-3"],.nectar_video_lightbox.nectar-button[data-color="transparent-extra-color-3"]:hover,.testimonial_slider[data-style="multiple_visible"][data-color*="extra-color-3"] .flickity-page-dots .dot.is-selected:before,.testimonial_slider[data-style="multiple_visible"][data-color*="extra-color-3"] blockquote.is-selected p,.nectar-fancy-box[data-color="extra-color-3"]:after{background-color:#00baec!important;}body [class^="icon-"].icon-3x.alt-style.extra-color-3,body [class*=" icon-"].icon-3x.alt-style.extra-color-3,.extra-color-3.icon-normal,[class*=" icon-"].extra-color-3.icon-normal,.bar_graph li span.extra-color-3,.nectar-progress-bar span.extra-color-3,.swiper-slide .button.solid_color a.extra-color-3,.swiper-slide .button.solid_color_2 a.extra-color-3,.toggle.open.extra-color-3 h3 a{background-color:#00baec!important;}.col:hover > [class^="icon-"].icon-3x.extra-color-3.alt-style.hovered,.col:hover > [class*=" icon-"].icon-3x.extra-color-3.alt-style.hovered,.no-highlight.extra-color-3 h3,.col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.extra-color-3.alt-style.hovered,body .col:not(#post-area):not(.span_12):not(#sidebar):hover a [class*=" icon-"].icon-3x.extra-color-3.alt-style.hovered{color:#00baec!important;}body .col:not(#post-area):not(.span_12):not(#sidebar):hover .extra-color-3.hovered .circle-border,body #sidebar .widget:hover .extra-color-3 .circle-border,body .testimonial_slider[data-style="multiple_visible"][data-color*="extra-color-3"] blockquote .bottom-arrow:after,body .dark .testimonial_slider[data-style="multiple_visible"][data-color*="extra-color-3"] blockquote .bottom-arrow:after{border-color:#00baec;}.pricing-column.highlight.extra-color-3 h3{background-color:#00baec!important;}#footer-outer{background-color:#0a0a0a!important;}#footer-outer #footer-widgets{border-bottom:none!important;}#footer-outer #footer-widgets .col ul li{border-bottom:1px solid rgba(0,0,0,0.1)!important;}#footer-outer #footer-widgets .col .widget_recent_comments ul li{background-color:rgba(0,0,0,0.07)!important;border-bottom:0!important;}#footer-outer #copyright,body{border:none!important;background-color:#0a0a0a!important;}#footer-outer #copyright li a i,#footer-outer #copyright p{color:#777777!important;}#call-to-action{background-color:#ECEBE9!important;}#call-to-action span{color:#4B4F52!important;}body #slide-out-widget-area-bg{background-color:rgba(0,0,0,0.8);}</style><style type="text/css"> #header-outer{padding-top:28px;}#header-outer #logo img{height:47px;}header#top nav > ul > li > a{padding-bottom:42px;padding-top:14px;}#header-outer .cart-menu{padding-bottom:42px;padding-top:42px;}header#top nav > ul li#search-btn,header#top nav > ul li.slide-out-widget-area-toggle{padding-bottom:13px;padding-top:14px;}header#top .sf-menu > li.sfHover > ul{top:20px;}.sf-sub-indicator{height:20px;}#header-space{height:103px;}body[data-smooth-scrolling="1"] #full_width_portfolio .project-title.parallax-effect{top:103px;}body.single-product div.product .product_title{padding-right:0;}@media only screen and (min-width:1000px){body:not(.ascend)[data-slide-out-widget-area="true"] #header-outer[data-has-menu="false"][data-permanent-transparent="false"] header#top,body.ascend[data-slide-out-widget-area="true"] #header-outer[data-has-menu="false"][data-permanent-transparent="false"][data-full-width="false"] header#top{padding-bottom:28px;}}@media only screen and (max-width:1000px){body header#top #logo img,#header-outer[data-permanent-transparent="false"] #logo .dark-version{height:47px!important;}header#top .col.span_9{min-height:71px;line-height:51px;}}body #header-outer,body[data-header-color="dark"] #header-outer{background-color:rgba(255,255,255,100);}.nectar-slider-loading .loading-icon,.portfolio-loading,#ajax-loading-screen .loading-icon,.loading-icon,.pp_loaderIcon{background-image:url("https://www.mathieuclauss.com/wp-content/uploads/2016/01/logo-mathieu-clauss-noir-2x.png");}@media only screen and (min-width:1000px) and (max-width:1300px){.nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2,.nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content h2,.full-width-content .vc_span12 .swiper-slide .content h2{font-size:45px!important;line-height:51px!important;}.nectar-slider-wrap[data-full-width="true"] .swiper-slide .content p,.nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content p,.full-width-content .vc_span12 .swiper-slide .content p{font-size:18px!important;line-height:31.2px!important;}}@media only screen and (min-width :690px) and (max-width :1000px){.nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2,.nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content h2,.full-width-content .vc_span12 .swiper-slide .content h2{font-size:33px!important;line-height:39px!important;}.nectar-slider-wrap[data-full-width="true"] .swiper-slide .content p,.nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content p,.full-width-content .vc_span12 .swiper-slide .content p{font-size:13.2px!important;line-height:24px!important;}}@media only screen and (max-width :690px){.nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2,.nectar-slider-wrap[data-full-width="boxed-full-width"][data-fullscreen="false"] .swiper-slide .content h2,.full-width-content .vc_span12 .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .content h2{font-size:15px!important;line-height:21px!important;}.nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content p,.nectar-slider-wrap[data-full-width="boxed-full-width"][data-fullscreen="false"] .swiper-slide .content p,.full-width-content .vc_span12 .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .content p{font-size:10px!important;line-height:17.52px!important;}}#mobile-menu #mobile-search,header#top nav ul #search-btn{display:none!important;}.no-rgba #header-space{display:none;}@media only screen and (min-width:1000px){#header-space{display:none;}.nectar-slider-wrap.first-section,.parallax_slider_outer.first-section,.full-width-content.first-section,.parallax_slider_outer.first-section .swiper-slide .content,.nectar-slider-wrap.first-section .swiper-slide .content,#page-header-bg,.nder-page-header,#page-header-wrap,.full-width-section.first-section{margin-top:0!important;}body #page-header-bg,body #page-header-wrap{height:103px;}.swiper-container .slider-prev,.swiper-container .slider-next{top:52%!important;}.first-section .nectar-slider-loading .loading-icon{opacity:0}body #search-outer{z-index:100000;}#header-outer.transparent header#top #logo,#header-outer.transparent header#top #logo:hover{color:#ffffff!important;}#header-outer.transparent header#top nav > ul > li > a,#header-outer.transparent header#top nav ul #search-btn a span.icon-salient-search,#header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class^="icon-"],#header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class*=" icon-"],#header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart,.ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart{color:#ffffff!important;opacity:0.75!important;transition:opacity 0.2s linear,color 0.2s linear;}#header-outer.transparent:not([data-lhe="animated_underline"]) header#top nav > ul > li > a:hover,#header-outer.transparent:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li.sfHover > a,#header-outer.transparent:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li.current_page_ancestor > a,#header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a,#header-outer.transparent:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li.current-menu-ancestor > a,#header-outer.transparent:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li.current_page_item > a,#header-outer.transparent header#top nav > ul > li > a:hover > .sf-sub-indicator > i,#header-outer.transparent header#top nav > ul > li.sfHover > a > span > i,#header-outer.transparent header#top nav ul #search-btn a:hover span,#header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a:hover span,#header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a i,#header-outer.transparent header#top nav .sf-menu > li.current-menu-ancestor > a i,#header-outer.transparent .cart-outer:hover .icon-salient-cart,.ascend #boxed #header-outer.transparent .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart{opacity:1!important;color:#ffffff!important;}#header-outer[data-lhe="animated_underline"].transparent header#top nav > ul > li > a:after,#header-outer.transparent header#top nav>ul>li.button_bordered>a:before{border-color:#ffffff!important;}#header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines,#header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines:before,#header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines:after,#header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i,#header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after,#header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before,#header-outer.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a i.lines,#header-outer.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a i.lines:before,#header-outer.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a i.lines:after,#header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i,#header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after,#header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before{background-color:#ffffff!important;}#header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a i.lines{opacity:0.75!important;}#header-outer.transparent.side-widget-open header#top nav ul .slide-out-widget-area-toggle a i.lines,#header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a:hover i.lines,#header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:before,#header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:after{opacity:1!important;}}@media only screen and (min-width:1000px){.container,.woocommerce-tabs .full-width-content .tab-container,.nectar-recent-posts-slider .flickity-page-dots{max-width:1425px;width:100%;margin:0 auto;padding:0 90px;}body .container .page-submenu.stuck .container:not(.tab-container),.nectar-recent-posts-slider .flickity-page-dots{padding:0 90px!important;}.swiper-slide .content{padding:0 90px;}body .container .container:not(.tab-container):not(.recent-post-container){width:100%!important;padding:0!important;}body .carousel-heading .container{padding:0 10px!important;}body .carousel-heading .container .carousel-next{right:10px;}body .carousel-heading .container .carousel-prev{right:35px;}.carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link{left:90px;}.carousel-wrap[data-full-width="true"] .carousel-heading{margin-left:-20px;margin-right:-20px;}.carousel-wrap[data-full-width="true"] .carousel-next{right:90px!important;}.carousel-wrap[data-full-width="true"] .carousel-prev{right:115px!important;}.carousel-wrap[data-full-width="true"]{padding:0!important;}.carousel-wrap[data-full-width="true"] .caroufredsel_wrapper{padding:20px!important;}#search-outer #search #close a{right:90px;}#boxed,#boxed #header-outer,#boxed #header-secondary-outer,#boxed #slide-out-widget-area-bg.fullscreen,#boxed #page-header-bg[data-parallax="1"],#boxed #featured,body[data-footer-reveal="1"] #boxed #footer-outer,#boxed .orbit > div,#boxed #featured article,.ascend #boxed #search-outer{max-width:1400px!important;width:90%!important;min-width:980px;}body[data-hhun="1"] #boxed #header-outer:not(.detached),body[data-hhun="1"] #boxed #header-secondary-outer{width:100%!important;}#boxed #search-outer #search #close a{right:0!important;}#boxed .container{width:92%;padding:0;}#boxed #footer-outer #footer-widgets,#boxed #footer-outer #copyright{padding-left:0;padding-right:0;}#boxed .carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link{left:35px;}#boxed .carousel-wrap[data-full-width="true"] .carousel-next{right:35px!important;}#boxed .carousel-wrap[data-full-width="true"] .carousel-prev{right:60px!important;}}.pagination-navigation{-webkit-filter:url("https://www.mathieuclauss.com/#goo");filter:url("https://www.mathieuclauss.com/#goo");}</style><style type="text/css"> body,.toggle h3 a,body .ui-widget,table,.bar_graph li span strong,#slide-out-widget-area .tagcloud a,#search-results .result .title span,.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3,.row .col.section-title .nectar-love span,body .nectar-love span,body .nectar-social .nectar-love .nectar-love-count,body .carousel-heading h2,.sharing-default-minimal .nectar-social .social-text,body .sharing-default-minimal .nectar-love{}.nectar-fancy-ul ul li .icon-default-style[class^="icon-"]{}header#top nav > ul > li > a{}header#top .sf-menu li ul li a,#header-secondary-outer nav > ul > li > a,#header-secondary-outer ul ul li a,#header-outer .widget_shopping_cart .cart_list a{}@media only screen and (min-width :1px) and (max-width :1000px){header#top .sf-menu a{font-family:-!important;font-size:14px!important;}}#page-header-bg h1,body h1,body .row .col.section-title h1,.full-width-content .recent-post-container .inner-wrap h2{}@media only screen and (max-width:1300px) and (min-width:1000px){body .row .col.section-title h1,body h1,.full-width-content .recent-post-container .inner-wrap h2{font-size:;line-height:;}}@media only screen and (max-width:1000px) and (min-width:690px){body .row .col.section-title h1,body h1{font-size:;line-height:;}.full-width-content .recent-post-container .inner-wrap h2{font-size:;line-height:;}}@media only screen and (max-width:690px){body .row .col.section-title h1,body h1{font-size:;line-height:;}.full-width-content .recent-post-container .inner-wrap h2{font-size:;line-height:;}}#page-header-bg h2,body h2,article.post .post-header h2,article.post.quote .post-content h2,article.post.link .post-content h2,article.post.format-status .post-content h2,#call-to-action span,.woocommerce .full-width-tabs #reviews h3,.row .col.section-title h2{}@media only screen and (max-width:1300px) and (min-width:1000px){body h2{font-size:;line-height:;}.row .span_2 h2,.row .span_3 h2,.row .span_4 h2,.row .vc_col-sm-2 h2,.row .vc_col-sm-3 h2,.row .vc_col-sm-4 h2{font-size:;line-height:;}}@media only screen and (max-width:690px){.col h2{font-size:;line-height:;}}body h3,.row .col h3,.toggle h3 a,.ascend #respond h3,.ascend h3#comments,.woocommerce ul.products li.product.text_on_hover h3,.masonry.classic_enhanced .masonry-blog-item h3.title{}@media only screen and (min-width:1000px){.ascend .comments-section .comment-wrap.full-width-section > h3,.blog_next_prev_buttons[data-post-header-style="default_minimal"] .col h3{font-size:;line-height:;}.masonry.classic_enhanced .masonry-blog-item.large_featured h3.title{font-size:;line-height:;}}@media only screen and (min-width:1300px) and (max-width:1500px){body .portfolio-items.constrain-max-cols.masonry-items .col.elastic-portfolio-item h3{font-size:;line-height:;}}@media only screen and (max-width:1300px) and (min-width:1000px),(max-width:690px){.row .span_2 h3,.row .span_3 h3,.row .span_4 h3,.row .vc_col-sm-2 h3,.row .vc_col-sm-3 h3,.row .vc_col-sm-4 h3{font-size:;line-height:;}}body h4,.row .col h4,.portfolio-items .work-meta h4,.portfolio-items .col.span_3 .work-meta h4,#respond h3,h3#comments,.portfolio-items[data-ps="6"] .work-meta h4{}@media only screen and (min-width:690px){.portfolio-items[data-ps="6"] .wide_tall .work-meta h4{font-size:;line-height:;}}body h5,.row .col h5,.portfolio-items .work-item.style-3-alt p{}body .wpb_column > .wpb_wrapper > .morphing-outline .inner > h5{font-size:;}body h6,.row .col h6{}body i,body em,.masonry.meta_overlaid article.post .post-header .meta-author > span,#post-area.masonry.meta_overlaid article.post .post-meta .date,#post-area.masonry.meta_overlaid article.post.quote .quote-inner .author,#post-area.masonry.meta_overlaid article.post.link .post-content .destination{}form label,.woocommerce-checkout-review-order-table .product-info .amount,.woocommerce-checkout-review-order-table .product-info .product-quantity,.nectar-progress-bar p,.nectar-progress-bar span strong i,.nectar-progress-bar span strong,.testimonial_slider blockquote span{}.nectar-dropcap{}body #page-header-bg h1,html body .row .col.section-title h1,.nectar-box-roll .overlaid-content h1{}@media only screen and (min-width:690px) and (max-width:1000px){#page-header-bg .span_6 h1,.overlaid-content h1{font-size:;line-height:;}}@media only screen and (min-width:1000px) and (max-width:1300px){#page-header-bg .span_6 h1,.nectar-box-roll .overlaid-content h1{font-size:;line-height:;}}@media only screen and (min-width:1300px) and (max-width:1500px){#page-header-bg .span_6 h1,.nectar-box-roll .overlaid-content h1{font-size:;line-height:;}}@media only screen and (max-width:690px){#page-header-bg.fullscreen-header .span_6 h1,.overlaid-content h1{font-size:;line-height:;}}body #page-header-bg .span_6 span.subheader,body .row .col.section-title > span,.nectar-box-roll .overlaid-content .subheader{}@media only screen and (min-width:1000px) and (max-width:1300px){body #page-header-bg:not(.fullscreen-header) .span_6 span.subheader,body .row .col.section-title > span{font-size:;line-height:;}}@media only screen and (min-width:690px) and (max-width:1000px){body #page-header-bg.fullscreen-header .span_6 span.subheader,.overlaid-content .subheader{font-size:;line-height:;}}@media only screen and (max-width:690px){body #page-header-bg.fullscreen-header .span_6 span.subheader,.overlaid-content .subheader{font-size:;line-height:;}}body #slide-out-widget-area .inner .off-canvas-menu-container li a,body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a{}@media only screen and (min-width:690px) and (max-width:1000px){body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a{font-size:;line-height:;}}@media only screen and (max-width:690px){body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a{font-size:;line-height:;}}#slide-out-widget-area .menuwrapper li small{}@media only screen and (min-width:690px) and (max-width:1000px){#slide-out-widget-area .menuwrapper li small{font-size:;line-height:;}}@media only screen and (max-width:690px){#slide-out-widget-area .menuwrapper li small{font-size:;line-height:;}}.swiper-slide .content h2{}@media only screen and (min-width:1000px) and (max-width:1300px){body .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2,body .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content h2,body .full-width-content .vc_span12 .swiper-slide .content h2{font-size:;line-height:;}}@media only screen and (min-width:690px) and (max-width:1000px){body .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2,body .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content h2,body .full-width-content .vc_span12 .swiper-slide .content h2{font-size:;line-height:;}}@media only screen and (max-width:690px){body .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2,body .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content h2,body .full-width-content .vc_span12 .swiper-slide .content h2{font-size:;line-height:;}}#featured article .post-title h2 span,.swiper-slide .content p,#portfolio-filters-inline #current-category,body .vc_text_separator div{}#portfolio-filters-inline ul{line-height:;}.swiper-slide .content p.transparent-bg span{}@media only screen and (min-width:1000px) and (max-width:1300px){.nectar-slider-wrap[data-full-width="true"] .swiper-slide .content p,.nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content p,.full-width-content .vc_span12 .swiper-slide .content p{font-size:;line-height:;}}@media only screen and (min-width:690px) and (max-width:1000px){.nectar-slider-wrap[data-full-width="true"] .swiper-slide .content p,.nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content p,.full-width-content .vc_span12 .swiper-slide .content p{font-size:;line-height:;}}@media only screen and (max-width:690px){body .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content p,body .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content p,body .full-width-content .vc_span12 .swiper-slide .content p{font-size:;line-height:;}}.testimonial_slider blockquote,.testimonial_slider blockquote span,blockquote{}#footer-outer .widget h4,#sidebar h4,#call-to-action .container a,.uppercase,.nectar-button,body .widget_calendar table th,body #footer-outer #footer-widgets .col .widget_calendar table th,.swiper-slide .button a,header#top nav > ul > li.megamenu > ul > li > a,.carousel-heading h2,body .gform_wrapper .top_label .gfield_label,body .vc_pie_chart .wpb_pie_chart_heading,#infscr-loading div,#page-header-bg .author-section a,.ascend input[type="submit"],.ascend button[type="submit"],.widget h4,.text-on-hover-wrap .categories a,.text_on_hover.product .add_to_cart_button,.woocommerce-page div[data-project-style="text_on_hover"] .single_add_to_cart_button,.woocommerce div[data-project-style="text_on_hover"] .cart .quantity input.qty,.woocommerce-page #respond input#submit,.meta_overlaid article.post .post-header h2,.meta_overlaid article.post.quote .post-content h2,.meta_overlaid article.post.link .post-content h2,.meta_overlaid article.post.format-status .post-content h2,.meta_overlaid article .meta-author a,.pricing-column.highlight h3 .highlight-reason,.blog-recent[data-style="minimal"] .col > span,.masonry.classic_enhanced .posts-container article .meta-category a,.nectar-recent-posts-slider .container .strong,#page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a,.single .heading-title[data-header-style="default_minimal"] .meta-category a,.nectar-fancy-box .link-text{font-weight:normal;}.team-member h4,.row .col.section-title p,.row .col.section-title span,#page-header-bg .subheader,.nectar-milestone .subject,.testimonial_slider blockquote span{}article.post .post-meta .month{line-height:-6px!important;}</style> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<meta name="generator" content="Powered by Visual Composer - drag and drop page builder for WordPress."/>
<!--[if lte IE 9]><link rel="stylesheet" type="text/css" href="https://www.mathieuclauss.com/wp-content/plugins/js_composer_salient/assets/css/vc_lte_ie9.css" media="screen"><![endif]--><!--[if IE 8]><link rel="stylesheet" type="text/css" href="https://www.mathieuclauss.com/wp-content/plugins/js_composer_salient/assets/css/vc-ie8.css" media="screen"><![endif]--><style type="text/css" data-type="vc_shortcodes-custom-css">.vc_custom_1541071106686{padding-top: 200px !important;}.vc_custom_1541090660000{padding-top: 30px !important;padding-bottom: 260px !important;}.vc_custom_1540657098680{padding-bottom: 20px !important;}.vc_custom_1541071142356{padding-top: 50px !important;}.vc_custom_1541090669839{padding-top: 30px !important;padding-bottom: 60px !important;}.vc_custom_1540657203042{padding-bottom: 20px !important;}.vc_custom_1540662225979{padding-top: 10px !important;}.vc_custom_1541071175027{padding-top: 100px !important;}.vc_custom_1541071187503{padding-top: 60px !important;}.vc_custom_1540719542765{padding-top: 160px !important;}.vc_custom_1540548830063{padding-bottom: 60px !important;}.vc_custom_1541071271077{padding-top: 60px !important;}.vc_custom_1541087393688{padding-top: 30px !important;padding-bottom: 60px !important;}.vc_custom_1541240694157{padding-top: 40px !important;}.vc_custom_1541071278926{padding-top: 0px !important;}.vc_custom_1541087409705{padding-top: 30px !important;padding-bottom: 75px !important;}.vc_custom_1541071285916{padding-top: 40px !important;padding-right: 20% !important;padding-left: 10% !important;}.vc_custom_1541087424696{padding-top: 30px !important;padding-right: 20% !important;padding-bottom: 95px !important;padding-left: 10% !important;}.vc_custom_1540655503120{padding-bottom: 95px !important;}.vc_custom_1540552907423{padding-bottom: 70px !important;}.vc_custom_1541071294909{padding-top: 0px !important;}.vc_custom_1541087432916{padding-top: 30px !important;padding-bottom: 70px !important;}.vc_custom_1540719902692{padding-top: 100px !important;}.vc_custom_1540556215146{padding-bottom: 200px !important;}.vc_custom_1541071301222{padding-top: 100px !important;}.vc_custom_1541087447584{padding-top: 30px !important;padding-bottom: 200px !important;}.vc_custom_1540553173104{padding-bottom: 75px !important;}.vc_custom_1541071307461{padding-top: 0px !important;}.vc_custom_1541087458266{padding-top: 30px !important;padding-bottom: 100px !important;}.vc_custom_1540556029976{padding-top: 9% !important;}.vc_custom_1540556135409{padding-bottom: 10% !important;}.vc_custom_1541405093467{padding-top: 25% !important;}.vc_custom_1541071340966{padding-top: 30px !important;padding-bottom: 25% !important;}.vc_custom_1540554471377{padding-top: 30% !important;}.vc_custom_1540554476233{padding-bottom: 30% !important;}.vc_custom_1541405129000{padding-top: 15% !important;}.vc_custom_1540561763416{padding-top: 30px !important;}.vc_custom_1540554775749{padding-bottom: 15% !important;}</style><noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript>
</head>
<body data-rsssl=1 class="home page page-id-2440 page-template-default wpb-js-composer js-comp-ver-4.7.4 vc_responsive" data-footer-reveal="false" data-footer-reveal-shadow="none" data-cae="linear" data-cad="650" data-aie="slide-down" data-ls="pretty_photo" data-apte="standard" data-hhun="0" data-fancy-form-rcs="default" data-form-style="default" data-is="minimal" data-button-style="default" data-header-inherit-rc="false" data-header-search="false" data-animated-anchors="true" data-ajax-transitions="true" data-full-width-header="true" data-slide-out-widget-area="true" data-loading-animation="spin" data-bg-header="true" data-ext-responsive="true" data-header-resize="0" data-header-color="light" data-smooth-scrolling="0" data-permanent-transparent="false" data-responsive="1" >
<script>
(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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-19217075-1', 'auto');
ga('send', 'pageview');
</script>
<div id="header-space" data-header-mobile-fixed='1'></div>
<div id="header-outer" data-has-menu="true" data-transparent-header="true" data-remove-border="true" class="transparent" data-mobile-fixed="1" data-ptnm="false" data-lhe="animated_underline" data-user-set-bg="#ffffff" data-format="default" data-permanent-transparent="false" data-cart="false" data-transparency-option="1" data-shrink-num="6" data-full-width="true" data-using-secondary="0" data-using-logo="1" data-logo-height="47" data-m-logo-height="47" data-padding="28" data-header-resize="0">
<div id="search-outer" class="nectar">
<div id="search">
<div class="container">
<div id="search-box">
<div class="col span_12">
<form action="https://www.mathieuclauss.com" method="GET">
<input type="text" name="s" value="Start Typing..." data-placeholder="Start Typing..." />
</form>
</div><!--/span_12-->
</div><!--/search-box-->
<div id="close"><a href="#"><span class="icon-salient-x" aria-hidden="true"></span></a></div>
</div><!--/container-->
</div><!--/search-->
</div><!--/search-outer-->
<header id="top">
<div class="container">
<div class="row">
<div class="col span_3">
<a id="logo" href="https://www.mathieuclauss.com" >
<img class="stnd default-logo" alt="Graphiste à Strasbourg - Portfolio de Mathieu Clauss" src="https://www.mathieuclauss.com/wp-content/uploads/2016/02/logo-mathieu-clauss-noir.png" /><img class="retina-logo" alt="Graphiste à Strasbourg - Portfolio de Mathieu Clauss" src="https://www.mathieuclauss.com/wp-content/uploads/2016/02/logo-mathieu-clauss-noir-2x.png" /><img class="starting-logo default-logo" alt="Graphiste à Strasbourg - Portfolio de Mathieu Clauss" src="https://www.mathieuclauss.com/wp-content/uploads/2016/01/logo-mathieu-clauss-blanc.png" /><img class="retina-logo starting-logo" alt="Graphiste à Strasbourg - Portfolio de Mathieu Clauss" src="https://www.mathieuclauss.com/wp-content/uploads/2016/01/logo-mathieu-clauss-blanc-2x.png" /><img class="starting-logo dark-version default-logo" alt="Graphiste à Strasbourg - Portfolio de Mathieu Clauss" src="https://www.mathieuclauss.com/wp-content/uploads/2016/01/logo-mathieu-clauss-noir.png" /><img class="retina-logo starting-logo dark-version" alt="Graphiste à Strasbourg - Portfolio de Mathieu Clauss" src="https://www.mathieuclauss.com/wp-content/uploads/2016/01/logo-mathieu-clauss-noir-2x.png" />
</a>
</div><!--/span_3-->
<div class="col span_9 col_last">
<div class="slide-out-widget-area-toggle">
<div> <a href="#sidewidgetarea" class="closed"> <i class="icon-reorder"></i> </a> </div>
</div>
<nav>
<ul class="buttons" data-user-set-ocm="off">
<li id="search-btn"><div><a href="#searchbox"><span class="icon-salient-search" aria-hidden="true"></span></a></div> </li>
<li class="slide-out-widget-area-toggle">
<div> <a href="#sidewidgetarea" class="closed"> <span> <i class="lines-button x2"> <i class="lines"></i> </i> </span> </a> </div>
</li>
</ul>
<ul class="sf-menu">
<li id="menu-item-817" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-817"><a href="https://www.mathieuclauss.com/portfolio-graphiste-strasbourg/">Portfolio</a></li>
<li id="menu-item-2760" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children sf-with-ul menu-item-2760"><a href="https://www.mathieuclauss.com/graphiste-logo-strasbourg/">Prestations<span class="sf-sub-indicator"><i class="icon-angle-down"></i></span></a>
<ul class="sub-menu">
<li id="menu-item-2762" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2762"><a href="https://www.mathieuclauss.com/graphiste-logo-strasbourg/">Design de marque</a></li>
<li id="menu-item-2759" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2759"><a href="https://www.mathieuclauss.com/webdesigner-strasbourg/">Webdesign</a></li>
<li id="menu-item-2761" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2761"><a href="https://www.mathieuclauss.com/design-graphique-strasbourg/">Communication</a></li>
</ul>
</li>
<li id="menu-item-2744" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2744"><a href="https://www.mathieuclauss.com/a-propos/">À propos</a></li>
<li id="menu-item-2743" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2743"><a href="https://www.mathieuclauss.com/contact/">Me contacter</a></li>
</ul>
</nav>
</div><!--/span_9-->
</div><!--/row-->
</div><!--/container-->
</header>
<div class="ns-loading-cover"></div>
</div><!--/header-outer-->
<div id="mobile-menu" data-mobile-fixed="1">
<div class="container">
<ul>
<li><a href="">No menu assigned!</a></li>
</ul>
</div>
</div>
<div id="ajax-loading-screen" data-disable-fade-on-click="0" data-effect="standard" data-method="standard">
<span class="loading-icon spin">
</span>
</div>
<div id="ajax-content-wrap">
<div class="blurred-wrap">
<div class="container-wrap">
<div class="container main-content">
<div class="row">
<div id="fws_662072bfe2c5b" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-content standard_section" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-image using-bg-color" style="background-image: url(https://www.mathieuclauss.com/wp-content/uploads/2018/10/header-mathieu-clauss-graphiste-freelance-strasbourg.png); background-position: right top; background-repeat: no-repeat; background-color: #4b30da; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div style=" color: #ffffff;" class="vc_col-sm-9 vc_hidden-xs wpb_column column_container col padding-12-percent" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1541071106686">
<div class="wpb_wrapper">
<h1><span style="color: #ffffff; font-size: 48px; font-weight: 400; line-height: 56px;">Bonjour ! Je suis Mathieu, graphiste et directeur artistique freelance à Strasbourg depuis plus de 9 ans.</span></h1>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1541090660000">
<div class="wpb_wrapper">
<p><a class="nectar-button-maj" href="https://www.mathieuclauss.com/portfolio-graphiste-strasbourg/">Mes réalisations</a></p>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1540657098680">
<div class="wpb_wrapper">
<h3><span style="color: #04009e; font-size: 16px; font-weight: 600; line-height: 56px; letter-spacing: 3px;">RÉFÉRENCES</span></h3>
</div>
</div>
</div>
</div>
</div></div>
<div id="fws_662072bfe4493" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-content standard_section" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-image" style="background-image: url(https://www.mathieuclauss.com/wp-content/uploads/2018/10/header-mathieu-clauss-graphiste-freelance-strasbourg.png); background-position: center center; background-repeat: no-repeat; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div style=" color: #ffffff;" class="vc_col-sm-9 vc_hidden-lg vc_hidden-md vc_hidden-sm wpb_column column_container col padding-8-percent" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1541071142356">
<div class="wpb_wrapper">
<h1><span style="color: #ffffff; font-size: 33px; font-weight: 400; line-height: 37px;">Bonjour ! Je suis Mathieu, graphiste et directeur artistique freelance à Strasbourg depuis plus de 9 ans.</span></h1>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1541090669839">
<div class="wpb_wrapper">
<p><a class="nectar-button-maj" href="https://www.mathieuclauss.com/portfolio-graphiste-strasbourg/">Mes réalisations</a></p>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1540657203042">
<div class="wpb_wrapper">
<h3><span style="color: #04009e; font-size: 16px; font-weight: 600; line-height: 56px; letter-spacing: 3px;">RÉFÉRENCES</span></h3>
</div>
</div>
</div>
</div>
</div></div>
<div id="fws_662072bfe46f8" data-midnight="light" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-content standard_section" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-bg-color" style="background-color: #f5f5f5; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 light left">
<div class="vc_col-sm-12 vc_col-lg-12 wpb_column column_container col no-extra-padding" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="portfolio-wrap">
<span class="portfolio-loading spin"> </span>
<div class="row portfolio-items masonry-items constrain-max-cols" data-ps="2" data-starting-filter="" data-categories-to-show="" data-col-num="elastic">
<div class="col elastic-portfolio-item wide_tall element communication digital identite-visuelle print" data-project-cat="communication digital identite-visuelle print " data-project-color="#1fbae6" data-title-color="" data-subtitle-color="">
<div class="inner-wrap animated" data-animation="none">
<div class="work-item style-2" data-custom-content="off">
<img width="1200" height="1200" src="https://www.mathieuclauss.com/wp-content/uploads/2016/02/flapit-mathieu-clauss-graphiste-strasbourg-min-1.jpg" class="attachment-wide_tall size-wide_tall wp-post-image" alt="flapit-mathieu-clauss-graphiste-strasbourg-min-1" title="" srcset="https://www.mathieuclauss.com/wp-content/uploads/2016/02/flapit-mathieu-clauss-graphiste-strasbourg-min-1-150x150.jpg 150w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/flapit-mathieu-clauss-graphiste-strasbourg-min-1-300x300.jpg 300w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/flapit-mathieu-clauss-graphiste-strasbourg-min-1-1024x1024.jpg 1024w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/flapit-mathieu-clauss-graphiste-strasbourg-min-1-50x50.jpg 50w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/flapit-mathieu-clauss-graphiste-strasbourg-min-1-100x100.jpg 100w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/flapit-mathieu-clauss-graphiste-strasbourg-min-1-1000x1000.jpg 1000w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/flapit-mathieu-clauss-graphiste-strasbourg-min-1.jpg 1200w" sizes="(max-width: 1200px) 100vw, 1200px" />
<div class="work-info-bg"></div>
<div class="work-info">
<a href="https://www.mathieuclauss.com/portfolio-graphiste-strasbourg/flapit/"></a>
<div class="vert-center">
<h3>Flapit counter</h3>
</div><!--/vert-center-->
</div>
</div><!--work-item-->
</div><!--/inner-wrap-->
</div><!--/col-->
<div class="col elastic-portfolio-item regular element identite-visuelle" data-project-cat="identite-visuelle " data-default-color="true" data-title-color="" data-subtitle-color="">
<div class="inner-wrap animated" data-animation="none">
<div class="work-item style-2" data-custom-content="off">
<img width="1000" height="1000" src="https://www.mathieuclauss.com/wp-content/uploads/2016/02/logotypes-b-min-mathieu-clauss-graphiste-strasbourg-1000x1000.png" class="attachment-regular size-regular wp-post-image" alt="logotypes-b-min-mathieu-clauss-graphiste-strasbourg" title="" srcset="https://www.mathieuclauss.com/wp-content/uploads/2016/02/logotypes-b-min-mathieu-clauss-graphiste-strasbourg-150x150.png 150w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/logotypes-b-min-mathieu-clauss-graphiste-strasbourg-300x300.png 300w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/logotypes-b-min-mathieu-clauss-graphiste-strasbourg-1024x1024.png 1024w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/logotypes-b-min-mathieu-clauss-graphiste-strasbourg-50x50.png 50w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/logotypes-b-min-mathieu-clauss-graphiste-strasbourg-100x100.png 100w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/logotypes-b-min-mathieu-clauss-graphiste-strasbourg-1000x1000.png 1000w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/logotypes-b-min-mathieu-clauss-graphiste-strasbourg-1200x1200.png 1200w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/logotypes-b-min-mathieu-clauss-graphiste-strasbourg.png 1500w" sizes="(max-width: 1000px) 100vw, 1000px" />
<div class="work-info-bg"></div>
<div class="work-info">
<a href="https://www.mathieuclauss.com/portfolio-graphiste-strasbourg/logotypes/"></a>
<div class="vert-center">
<h3>Logotypes</h3>
</div><!--/vert-center-->
</div>
</div><!--work-item-->
</div><!--/inner-wrap-->
</div><!--/col-->
<div class="col elastic-portfolio-item regular element digital identite-visuelle print webdesign" data-project-cat="digital identite-visuelle print webdesign " data-project-color="#67bb84" data-title-color="" data-subtitle-color="">
<div class="inner-wrap animated" data-animation="none">
<div class="work-item style-2" data-custom-content="off">
<img width="1000" height="1000" src="https://www.mathieuclauss.com/wp-content/uploads/2016/02/kawagoo-mathieu-clauss-graphiste-strasbourg-min-1-1000x1000.jpg" class="attachment-regular size-regular wp-post-image" alt="kawagoo-mathieu-clauss-graphiste-strasbourg-min" title="" srcset="https://www.mathieuclauss.com/wp-content/uploads/2016/02/kawagoo-mathieu-clauss-graphiste-strasbourg-min-1-150x150.jpg 150w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/kawagoo-mathieu-clauss-graphiste-strasbourg-min-1-300x300.jpg 300w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/kawagoo-mathieu-clauss-graphiste-strasbourg-min-1-1024x1024.jpg 1024w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/kawagoo-mathieu-clauss-graphiste-strasbourg-min-1-50x50.jpg 50w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/kawagoo-mathieu-clauss-graphiste-strasbourg-min-1-100x100.jpg 100w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/kawagoo-mathieu-clauss-graphiste-strasbourg-min-1-1000x1000.jpg 1000w, https://www.mathieuclauss.com/wp-content/uploads/2016/02/kawagoo-mathieu-clauss-graphiste-strasbourg-min-1.jpg 1200w" sizes="(max-width: 1000px) 100vw, 1000px" />
<div class="work-info-bg"></div>
<div class="work-info">
<a href="https://www.mathieuclauss.com/portfolio-graphiste-strasbourg/kawagoo/"></a>
<div class="vert-center">
<h3>Kawagoo</h3>
</div><!--/vert-center-->
</div>
</div><!--work-item-->
</div><!--/inner-wrap-->
</div><!--/col-->
<div class="col elastic-portfolio-item wide element digital identite-visuelle print" data-project-cat="digital identite-visuelle print " data-project-color="#669140" data-title-color="" data-subtitle-color="">
<div class="inner-wrap animated" data-animation="none">
<div class="work-item style-2" data-custom-content="off">
<img width="1200" height="600" src="https://www.mathieuclauss.com/wp-content/uploads/2016/02/chick-and-nat-mathieu-clauss-graphiste-freelance-vignette-ok-1-1200x600.jpg" class="attachment-wide size-wide wp-post-image" alt="chick-and-nat-mathieu-clauss-graphiste-freelance-vignette-ok-1" title="" />
<div class="work-info-bg"></div>
<div class="work-info">
<a href="https://www.mathieuclauss.com/portfolio-graphiste-strasbourg/chick-and-nat/"></a>
<div class="vert-center">
<h3>Chick&Nat</h3>
</div><!--/vert-center-->
</div>
</div><!--work-item-->
</div><!--/inner-wrap-->
</div><!--/col-->
</div><!--/portfolio-->
</div><!--/portfolio wrap-->
</div>
</div>
</div></div>
<div id="fws_662072bfe8bef" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-content standard_section" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-bg-color" style="background-color: #ffffff; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div class="vc_col-sm-12 wpb_column column_container col padding-3-percent" data-bg-cover="" data-padding-pos="top-bottom" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1540662225979">
<div class="wpb_wrapper">
<div class="voir-plus">
<div class="icone-projets"><a href="https://www.mathieuclauss.com/portfolio-graphiste-strasbourg/"><img class="size-full wp-image-2419" src="https://www.mathieuclauss.com/wp-content/uploads/2018/10/icone-projets.svg" alt="icone-projets" /></a></div>
<div class="text-voir-plus"><span style="color: #b5a7a2; font-size: 23px; font-weight: 400;"><a href="https://www.mathieuclauss.com/portfolio-graphiste-strasbourg/">Voir plus de projets</a></span></div>
<div class="text-voir-plus"></div>
<div class="fleche-projet"><a href="https://www.mathieuclauss.com/portfolio-graphiste-strasbourg/"><img class="alignnone size-full wp-image-2435" src="https://www.mathieuclauss.com/wp-content/uploads/2018/10/fleche-projets.svg" alt="fleche-projets" /></a></div>
</div>
</div>
</div>
</div>
</div>
</div></div>
<div id="fws_662072bfe8dc8" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-content standard_section" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-bg-color" style="background-color: #f9f5f3; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div class="vc_col-sm-12 vc_hidden-xs wpb_column column_container col padding-3-percent" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1541071175027">
<div class="wpb_wrapper">
<h2 style="text-align: center;"><span style="color: #131313; font-size: 48px; font-weight: 400; line-height: 56px;">Mon expertise<br />
au service de votre projet</span></h2>
</div>
</div>
</div>
</div>
</div></div>
<div id="fws_662072bfe8f30" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-content standard_section" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-bg-color" style="background-color: #f9f5f3; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div class="vc_col-sm-12 vc_hidden-lg vc_hidden-md vc_hidden-sm wpb_column column_container col padding-3-percent" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1541071187503">
<div class="wpb_wrapper">
<h2 style="text-align: center;"><span style="color: #131313; font-size: 38px; font-weight: 400; line-height: 46px;">Mon expertise<br />
au service de votre projet</span></h2>
</div>
</div>
</div>
</div>
</div></div>
<div id="fws_662072bfea27b" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-content standard_section vertically-align-columns" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-image using-bg-color" style="background-image: url(https://www.mathieuclauss.com/wp-content/uploads/2018/10/fond-illus-design-de-marque.png); background-position: left bottom; background-repeat: no-repeat; background-color: #f9f5f3; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div class="vc_col-sm-7 vc_hidden-sm vc_hidden-xs wpb_column column_container col has-animation padding-8-percent" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="fade-in" data-delay="0">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1540719542765">
<div class="wpb_wrapper">
</div>
</div>
<div class="img-with-aniamtion-wrap"><img class="img-with-animation" data-delay="0" height="100%" width="100%" data-animation="none" src="https://www.mathieuclauss.com/wp-content/uploads/2018/11/illustration-design-de-marque-mathieu-clauss-graphiste-2610.png" alt="" /></div>
<div class="wpb_text_column wpb_content_element vc_custom_1540548830063">
<div class="wpb_wrapper">
</div>
</div>
</div>
</div>
<div class="vc_col-sm-3 vc_col-lg-4 vc_col-md-4 vc_hidden-sm vc_hidden-xs wpb_column column_container col has-animation no-extra-padding" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="fade-in" data-delay="150">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1541071271077">
<div class="wpb_wrapper">
<p><img class="size-full wp-image-1428 alignnone" src="https://www.mathieuclauss.com/wp-content/uploads/2018/10/picto-design-de-marque.svg" alt="picto-design-de-marque" /></p>
<h3><span style="color: #131313; font-size: 42px; font-weight: 400; line-height: 45px; display: inline-block; padding-bottom: 10px;">Design de marque</span></h3>
<p><span style="color: #a29e9b; font-size: 21px; font-weight: 300; line-height: 29px;">Je vous accompagne dans la création de votre logotype et votre charte graphique avec une conviction : la clé d’une identité visuelle forte et mémorable est la simplicité.</span></p>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1541087393688">
<div class="wpb_wrapper">
<p><a class="bouton-design-de-marque" href="https://www.mathieuclauss.com/graphiste-logo-strasbourg">en savoir plus</a></p>
</div>
</div>
</div>
</div>
</div></div>
<div id="fws_662072bfeada8" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex standard_section vertically-align-columns" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-bg-color" style="background-color: #f9f5f3; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div class="vc_col-sm-7 vc_hidden-lg vc_hidden-md wpb_column column_container col padding-8-percent" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1541240694157">
<div class="wpb_wrapper">
</div>
</div>
<div class="img-with-aniamtion-wrap"><img class="img-with-animation" data-delay="0" height="100%" width="100%" data-animation="fade-in" src="https://www.mathieuclauss.com/wp-content/uploads/2018/11/illustration-design-de-marque-mathieu-clauss-graphiste-2610.png" alt="" /></div>
</div>
</div>
<div class="vc_col-sm-3 vc_col-lg-4 vc_hidden-lg vc_col-md-4 vc_hidden-md wpb_column column_container col has-animation padding-8-percent" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="fade-in" data-delay="650">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1541071278926">
<div class="wpb_wrapper">
<p><img class="size-full wp-image-1428 alignnone" src="https://www.mathieuclauss.com/wp-content/uploads/2018/10/picto-design-de-marque.svg" alt="picto-design-de-marque" /></p>
<h3><span style="color: #131313; font-size: 32px; font-weight: 400; line-height: 35px; display: inline-block; padding-bottom: 10px;">Design de marque</span></h3>
<p><span style="color: #a29e9b; font-size: 21px; font-weight: 300; line-height: 29px;">Je vous accompagne dans la création de votre logotype et votre charte graphique avec une conviction : la clé d’une identité visuelle forte et mémorable est la simplicité.</span></p>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1541087409705">
<div class="wpb_wrapper">
<p><a class="bouton-design-de-marque" href="https://www.mathieuclauss.com/graphiste-logo-strasbourg">en savoir plus</a></p>
</div>
</div>
</div>
</div>
</div></div>
<div id="fws_662072bfebef1" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex standard_section vertically-align-columns" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-image using-bg-color" style="background-image: url(https://www.mathieuclauss.com/wp-content/uploads/2018/10/fond-accueil-02.png); background-position: right bottom; background-repeat: no-repeat; background-color: #f9f5f3; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div class="vc_col-sm-2 vc_col-md-1 vc_hidden-sm vc_hidden-xs wpb_column column_container col no-extra-padding" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
</div>
</div>
<div class="vc_col-sm-4 vc_col-lg-4 vc_col-md-5 vc_hidden-sm vc_hidden-xs wpb_column column_container col has-animation no-extra-padding" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="fade-in" data-delay="150">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1541071285916">
<div class="wpb_wrapper">
<p><img class="size-full wp-image-1428 alignnone" src="https://www.mathieuclauss.com/wp-content/uploads/2018/10/picto-webdesign.svg" alt="picto-webdesign" /></p>
<h3><span style="color: #131313; font-size: 42px; font-weight: 400; line-height: 45px; display: inline-block; padding-bottom: 10px;">Webdesign</span></h3>
<p><span style="color: #a29e9b; font-size: 21px; font-weight: 300; line-height: 29px;">Aussi bien spécialisé dans la conception graphique de sites internet que d’applications mobiles, je me tiens à vos côtés dans la mise en image de votre présence digitale avec sens et singularité.</span></p>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1541087424696">
<div class="wpb_wrapper">
<p><a class="bouton-webdesign" href="https://www.mathieuclauss.com/webdesigner-strasbourg">en savoir plus</a></p>
</div>
</div>
</div>
</div>
<div class="vc_col-sm-6 vc_hidden-sm vc_hidden-xs wpb_column column_container col no-extra-padding" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="img-with-aniamtion-wrap right"><img class="img-with-animation" data-delay="0" height="100%" width="100%" data-animation="fade-in" src="https://www.mathieuclauss.com/wp-content/uploads/2018/11/illustration-webdesign-graphiste-strasbourg.jpg" alt="" /></div>
<div class="wpb_text_column wpb_content_element vc_custom_1540655503120">
<div class="wpb_wrapper">
</div>
</div>
</div>
</div>
</div></div>
<div id="fws_662072bfecc4d" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex standard_section vertically-align-columns" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-bg-color" style="background-color: #f9f5f3; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div class="vc_col-sm-7 vc_hidden-lg vc_hidden-md wpb_column column_container col padding-8-percent" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="img-with-aniamtion-wrap"><img class="img-with-animation" data-delay="0" height="100%" width="100%" data-animation="fade-in" src="https://www.mathieuclauss.com/wp-content/uploads/2018/11/illustration-webdesign-graphiste-strasbourg.jpg" alt="" /></div>
<div class="wpb_text_column wpb_content_element vc_custom_1540552907423">
<div class="wpb_wrapper">
</div>
</div>
</div>
</div>
<div class="vc_col-sm-3 vc_col-lg-4 vc_hidden-lg vc_col-md-4 vc_hidden-md wpb_column column_container col has-animation padding-8-percent" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="fade-in" data-delay="650">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1541071294909">
<div class="wpb_wrapper">
<p><img class="size-full wp-image-1428 alignnone" src="https://www.mathieuclauss.com/wp-content/uploads/2018/10/picto-webdesign.svg" alt="picto-webdesign" /></p>
<h3><span style="color: #131313; font-size: 32px; font-weight: 400; line-height: 35px; display: inline-block; padding-bottom: 10px;">Webdesign</span></h3>
<p><span style="color: #a29e9b; font-size: 21px; font-weight: 300; line-height: 29px;">Aussi bien spécialisé dans la conception graphique de sites internet que d’applications mobiles, je me tiens à vos côtés dans la mise en image de votre présence digitale avec sens et singularité.</span></p>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1541087432916">
<div class="wpb_wrapper">
<p><a class="bouton-webdesign" href="https://www.mathieuclauss.com/webdesigner-strasbourg">en savoir plus</a></p>
</div>
</div>
</div>
</div>
</div></div>
<div id="fws_662072bfeda0f" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex standard_section vertically-align-columns" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-image using-bg-color" style="background-image: url(https://www.mathieuclauss.com/wp-content/uploads/2018/10/fond-communication-accueil-1.png); background-position: left top; background-repeat: no-repeat; background-color: #f9f5f3; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div class="vc_col-sm-7 vc_hidden-sm vc_hidden-xs wpb_column column_container col padding-8-percent" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1540719902692">
<div class="wpb_wrapper">
</div>
</div>
<div class="img-with-aniamtion-wrap"><img class="img-with-animation" data-delay="0" height="100%" width="100%" data-animation="fade-in" src="https://www.mathieuclauss.com/wp-content/uploads/2018/11/illustration-communication-mathieu-clauss-graphiste-1-1.jpg" alt="" /></div>
<div class="wpb_text_column wpb_content_element vc_custom_1540556215146">
<div class="wpb_wrapper">
</div>
</div>
</div>
</div>
<div class="vc_col-sm-3 vc_col-lg-4 vc_col-md-4 vc_hidden-sm vc_hidden-xs wpb_column column_container col has-animation no-extra-padding" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="fade-in" data-delay="150">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1541071301222">
<div class="wpb_wrapper">
<p><img class="size-full wp-image-1428 alignnone" src="https://www.mathieuclauss.com/wp-content/uploads/2018/10/picto-communication.svg" alt="picto-communication" /></p>
<h3><span style="color: #131313; font-size: 42px; font-weight: 400; line-height: 45px; display: inline-block; padding-bottom: 10px;">Communication</span></h3>
<p><span style="color: #a29e9b; font-size: 21px; font-weight: 300; line-height: 29px;">Je mets en forme votre message grâce à un éventail de compétences dans la conception de supports de communication. Dopons votre message et réalisons vos objectifs !</span></p>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1541087447584">
<div class="wpb_wrapper">
<p><a class="bouton-com" href="https://www.mathieuclauss.com/design-graphique-strasbourg">en savoir plus</a></p>
</div>
</div>
</div>
</div>
</div></div>
<div id="fws_662072bfee50b" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex standard_section vertically-align-columns" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-bg-color" style="background-color: #f9f5f3; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div class="vc_col-sm-7 vc_hidden-lg vc_hidden-md wpb_column column_container col padding-8-percent" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="img-with-aniamtion-wrap"><img class="img-with-animation" data-delay="0" height="100%" width="100%" data-animation="fade-in" src="https://www.mathieuclauss.com/wp-content/uploads/2018/11/illustration-communication-mathieu-clauss-graphiste-1-1.jpg" alt="" /></div>
<div class="wpb_text_column wpb_content_element vc_custom_1540553173104">
<div class="wpb_wrapper">
</div>
</div>
</div>
</div>
<div class="vc_col-sm-3 vc_col-lg-4 vc_hidden-lg vc_col-md-4 vc_hidden-md wpb_column column_container col has-animation padding-8-percent" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="fade-in" data-delay="650">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1541071307461">
<div class="wpb_wrapper">
<p><img class="size-full wp-image-1428 alignnone" src="https://www.mathieuclauss.com/wp-content/uploads/2018/10/picto-communication.svg" alt="picto-communication" /></p>
<h3><span style="color: #131313; font-size: 32px; font-weight: 400; line-height: 35px; display: inline-block; padding-bottom: 10px;">Communication</span></h3>
<p><span style="color: #a29e9b; font-size: 21px; font-weight: 300; line-height: 29px;">Je mets en forme votre message grâce à un éventail de compétences dans la conception de supports de communication. Dopons votre message et réalisons vos objectifs !</span></p>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1541087458266">
<div class="wpb_wrapper">
<p><a class="bouton-com" href="https://www.mathieuclauss.com/design-graphique-strasbourg">en savoir plus</a></p>
</div>
</div>
</div>
</div>
</div></div>
<div id="fws_662072bfee8a8" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-content standard_section vertically-align-columns" style="padding-top: 0px; padding-bottom: 30px; "><div class="row-bg-wrap"> <div class="row-bg using-bg-color" style="background-color: #ffffff; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div class="vc_col-sm-12 wpb_column column_container col centered-text padding-3-percent" data-bg-cover="" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1540556029976">
<div class="wpb_wrapper">
<h2 style="text-align: center;"><span style="color: #131313; font-size: 48px; font-weight: 400; line-height: 56px;">L’avis de mes clients</span></h2>
</div>
</div>
</div>
</div>
</div></div>
<div id="fws_662072bfeea14" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-section standard_section" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-bg-color" style="background-color: #ffffff; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div class="vc_col-sm-2 vc_hidden-sm vc_hidden-xs wpb_column column_container col no-extra-padding" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
</div>
</div>
<div class="vc_col-sm-8 wpb_column column_container col no-extra-padding" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="col span_12 testimonial_slider" data-color="" data-autorotate="" data-style="default" ><div class="slides"><blockquote> <p>Dans le cadre du lancement de notre jeune marque de café de spécialité Omnino à Strasbourg, Mathieu nous a aidé à donner vie à notre identité graphique ainsi qu'à nos outils de communication. La collaboration de rêve : Mathieu est minutieux et exigeant, le tout avec sensibilité et sincérité. Foncez ! <span class="bottom-arrow"></span></p><div class="image-icon has-bg" style="background-image: url(https://www.mathieuclauss.com/wp-content/uploads/2018/10/avatar-testimonial-omnino.png);">“</div> <span style="font-size: 22px; font-weight: 400; line-height: 29px;">Thomas Lesage</span><span class="title">Omnino</span></blockquote><blockquote> <p>Mathieu travaille avec notre société depuis plusieurs années et continue de nous créer des supports de communication (logos, sites web, etc.) parfaitement adaptés à nos besoins. À notre écoute, très réactif et avec un style à la fois épuré et très efficace, je ne peux que vivement le recommander. <span class="bottom-arrow"></span></p><div class="image-icon has-bg" style="background-image: url(https://www.mathieuclauss.com/wp-content/uploads/2018/10/avatar-testimonial-efnium.png);">“</div> <span style="font-size: 22px; font-weight: 400; line-height: 29px;">Quentin Courrier</span><span class="title">Efnium</span></blockquote><blockquote> <p>Nous avons fait appel à Mathieu Clauss pour le design du logo de notre nouvelle structure. Nous avions déjà pu apprécier la qualité de son travail et nous n'avons pas été déçu par le résultat. Notre logo est simple et efficace et il porte fièrement l'image de notre marque.<br />
Je recommande. <span class="bottom-arrow"></span></p><div class="image-icon has-bg" style="background-image: url(https://www.mathieuclauss.com/wp-content/uploads/2018/10/avatar-testimonial-factory.png);">“</div> <span style="font-size: 22px; font-weight: 400; line-height: 29px;">Sylvain Claudel</span><span class="title">Factoryyy</span></blockquote><blockquote> <p>Nous avons travaillé avec Mathieu sur la conception d'un nouveau logo et la charte graphique de Mister EV. Le résultat est très réussi et nos clients apprécient vraiment la nouvelle identité.<br />
Matthieu a su tirer l'essentiel de notre brief et proposer des solutions créatives. Je le recommande pour son professionnalisme et son savoir-faire. <span class="bottom-arrow"></span></p><div class="image-icon has-bg" style="background-image: url(https://www.mathieuclauss.com/wp-content/uploads/2018/10/avatar-testimonial-mister-ev.png);">“</div> <span style="font-size: 22px; font-weight: 400; line-height: 29px;">Yoann Nussbaumer</span><span class="title">Mister EV</span></blockquote><blockquote> <p>Super boulot, cahier des charges 100% respecté, client 100% satisfait et planning tenu. Que demander de plus. Bravo Mathieu. <span class="bottom-arrow"></span></p><div class="image-icon has-bg" style="background-image: url(https://www.mathieuclauss.com/wp-content/uploads/2018/10/avatar-testimonial-devguys.png);">“</div> <span style="font-size: 22px; font-weight: 400; line-height: 29px;"> Khanh Dang</span><span class="title">Devguys</span></blockquote><blockquote> <p>Je travaille avec Mathieu depuis maintenant 10 ans, sur de nombreux projets, et il a toujours été très professionnel, offrant de très bonnes interfaces. Mathieu est un individu très talentueux, et je le recommande fortement ! <span class="bottom-arrow"></span></p><div class="image-icon has-bg" style="background-image: url(https://www.mathieuclauss.com/wp-content/uploads/2018/10/avatar-testimonial-mansagaming.png);">“</div> <span style="font-size: 22px; font-weight: 400; line-height: 29px;">Guillaume Garin</span><span class="title">Mansa Gaming</span></blockquote><blockquote> <p>Je recommande avec sincérité et de ma position d’expert, Mathieu Clauss parce qu’il est capable talentueusement, de mettre en résonance ses ingrédients et sa touche, pour un résultat qui semble au final si évident et si positivement impactant. <span class="bottom-arrow"></span></p><div class="image-icon has-bg" style="background-image: url(https://www.mathieuclauss.com/wp-content/uploads/2018/10/avatar-testimonial-ideematic.png);">“</div> <span style="font-size: 22px; font-weight: 400; line-height: 29px;">Grégory Toucas</span><span class="title">Agence Idéematic</span></blockquote></div></div>
<div class="wpb_text_column wpb_content_element vc_custom_1540556135409">
<div class="wpb_wrapper">
</div>
</div>
</div>
</div>
<div class="vc_col-sm-2 wpb_column column_container col no-extra-padding" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
</div>
</div>
</div></div>
<div id="fws_662072bff3386" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-section standard_section" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-bg-color" style="background-color: #131313; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div class="vc_col-sm-8 vc_hidden-sm vc_hidden-xs wpb_column column_container col padding-11-percent" data-bg-cover="" data-padding-pos="right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1541405093467">
<div class="wpb_wrapper">
<h1><span style="color: #ffffff; font-size: 48px; font-weight: 400; line-height: 56px;">Vous avez un projet et cherchez un graphiste freelance ?</span></h1>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1541071340966">
<div class="wpb_wrapper">
<p><a class="nectar-button-maj" href="https://www.mathieuclauss.com/contact">Contactez-moi</a></p>
</div>
</div>
</div>
</div>
<div class="vc_col-sm-4 vc_hidden-sm vc_hidden-xs wpb_column column_container col centered-text padding-2-percent" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1540554471377">
<div class="wpb_wrapper">
</div>
</div>
<div class="wpb_text_column wpb_content_element">
<div class="wpb_wrapper">
<p><img class="alignleft size-full wp-image-1585" src="https://www.mathieuclauss.com/wp-content/uploads/2018/10/anim7.gif" alt="anim7" width="300" height="298" /></p>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1540554476233">
<div class="wpb_wrapper">
</div>
</div>
</div>
</div>
</div></div>
<div id="fws_662072bff3746" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row full-width-section standard_section" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg using-bg-color" style="background-color: #131313; " data-color_overlay="" data-color_overlay_2="" data-gradient_direction="" data-overlay_strength="0.3" data-enable_gradient="false"></div> </div><div class="col span_12 dark left">
<div class="vc_col-sm-8 vc_hidden-lg vc_hidden-md wpb_column column_container col padding-8-percent" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element vc_custom_1541405129000">
<div class="wpb_wrapper">
<h1><span style="color: #ffffff; font-size: 48px; font-weight: 400; line-height: 56px;">Vous avez un projet et cherchez un graphiste freelance ?</span></h1>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1540561763416">
<div class="wpb_wrapper">
<p><a class="nectar-button-maj" href="https://www.mathieuclauss.com/contact">Demande de devis</a></p>
</div>
</div>
</div>
</div>
<div class="vc_col-sm-4 vc_hidden-lg vc_hidden-md wpb_column column_container col padding-8-percent" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element">
<div class="wpb_wrapper">
<p><img class="size-full wp-image-1585 aligncenter" src="https://www.mathieuclauss.com/wp-content/uploads/2018/10/anim7.gif" alt="anim7" width="300" height="298" /></p>
</div>
</div>
<div class="wpb_text_column wpb_content_element vc_custom_1540554775749">
<div class="wpb_wrapper">
</div>
</div>
</div>
</div>
</div></div>
</div><!--/row-->
</div><!--/container-->
</div>
<div id="footer-outer" data-midnight="light" data-using-widget-area="true">
<div id="footer-widgets">
<div class="container">
<div class="row">
<div class="col span_3">
<!-- Footer widget area 1 -->
<div id="text-2" class="widget widget_text"> <div class="textwidget"><p><span style="font-size:25px; font-weight:400; color:#fff;">Prestations</span></p>
<div class="txt-footer">
<a href="https://www.mathieuclauss.com/graphiste-logo-strasbourg">Design de marque</a><br />
<a href="https://www.mathieuclauss.com/webdesigner-strasbourg">Webdesign</a><br />
<a href="https://www.mathieuclauss.com/design-graphique-strasbourg">Communication</a></div>
</div>
</div> </div><!--/span_3-->
<div class="col span_3">
<!-- Footer widget area 2 -->
<div id="text-3" class="widget widget_text"> <div class="textwidget"><p><span style="font-size:25px; color:#fff; font-weight:400;">Me suivre</span></p>
<div class="txt-footer">
<a href="https://www.instagram.com/icimathieu" target="_blank">Instagram</a><br />
<a href="https://www.facebook.com/mathieu.clauss" target="_blank">Facebook</a><br />
<a href="https://www.twitter.com/icimathieu" target="_blank">Twitter</a></div>
</div>
</div>
</div><!--/span_3-->
<div class="col span_3">
<!-- Footer widget area 3 -->
<div id="text-4" class="widget widget_text"> <div class="textwidget"><p><span style="font-size:25px; font-weight:400; color:#fff;">Contact</span></p>
<div class="txt-footer">
<a href="mailto:contact@mathieuclauss.com">contact@mathieuclauss.com</a><br />
Tél. +33 06 30 56 26 09<br />
Skype : mathieuclauss</div>
</div>
</div>
</div><!--/span_3-->
<div class="col span_3">
<!-- Footer widget area 4 -->
<div id="text-5" class="widget widget_text"> <div class="textwidget"><div class="logo-footer"><img src="https://www.mathieuclauss.com/wp-content/uploads/2016/03/logo-mathieuclauss-footer.svg" alt="picto-print-mathieuclauss" /></div>
</div>
</div>
</div><!--/span_3-->
</div><!--/row-->
</div><!--/container-->
</div><!--/footer-widgets-->
<div class="row" id="copyright">
<div class="container">
<div class="col span_5">
<p>© 2024 Graphiste à Strasbourg - Portfolio de Mathieu Clauss. <a href="https://www.mathieuclauss.com/mentions-legales/">Mentions légales</a> </p>
</div><!--/span_5-->
<div class="col span_7 col_last">
<ul id="social">
</ul>
</div><!--/span_7-->
</div><!--/container-->
</div><!--/row-->
</div><!--/footer-outer-->
</div><!--blurred-wrap-->
<div id="slide-out-widget-area-bg" class="fullscreen dark"></div>
<div id="slide-out-widget-area" class="fullscreen" data-back-txt="Retour">
<div class="inner-wrap">
<div class="inner">
<a class="slide_out_area_close" href="#"><span class="icon-salient-x icon-default-style"></span></a>
<div class="off-canvas-menu-container mobile-only">
<ul class="menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-817"><a href="https://www.mathieuclauss.com/portfolio-graphiste-strasbourg/">Portfolio</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2760"><a href="https://www.mathieuclauss.com/graphiste-logo-strasbourg/">Prestations</a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2762"><a href="https://www.mathieuclauss.com/graphiste-logo-strasbourg/">Design de marque</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2759"><a href="https://www.mathieuclauss.com/webdesigner-strasbourg/">Webdesign</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2761"><a href="https://www.mathieuclauss.com/design-graphique-strasbourg/">Communication</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2744"><a href="https://www.mathieuclauss.com/a-propos/">À propos</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2743"><a href="https://www.mathieuclauss.com/contact/">Me contacter</a></li>
</ul>
</div>
</div>
</div> <!--/inner-wrap-->
</div>
</div> <!--/ajax-content-wrap-->
<script type='text/javascript' src='https://www.mathieuclauss.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"https:\/\/www.mathieuclauss.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","recaptchaEmpty":"Please verify that you are not a robot.","sending":"Envoi en cours ..."};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.mathieuclauss.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.3.1'></script>
<script type='text/javascript' src='https://www.mathieuclauss.com/wp-content/themes/mathieuclauss/js/prettyPhoto.js?ver=7.0.1'></script>
<script type='text/javascript' src='https://www.mathieuclauss.com/wp-content/themes/mathieuclauss/js/isotope.min.js?ver=7.0.1'></script>
<script type='text/javascript' src='https://www.mathieuclauss.com/wp-content/themes/mathieuclauss/js/superfish.js?ver=1.4.8'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var nectarLove = {"ajaxurl":"https:\/\/www.mathieuclauss.com\/wp-admin\/admin-ajax.php","postID":"2440","rooturl":"https:\/\/www.mathieuclauss.com","pluginPages":[],"disqusComments":"false"};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.mathieuclauss.com/wp-content/themes/mathieuclauss/js/init.js?ver=7.0.7'></script>
<script type='text/javascript' src='https://www.mathieuclauss.com/wp-content/themes/mathieuclauss/js/vivus.min.js?ver=6.0.1'></script>
<script type='text/javascript' src='https://www.mathieuclauss.com/wp-includes/js/wp-embed.min.js?ver=4.4.32'></script>
<script type='text/javascript' src='https://www.mathieuclauss.com/wp-content/plugins/js_composer_salient/assets/js/js_composer_front.js?ver=4.7.4'></script>
</body>
</html><!-- WP Fastest Cache file was created in 0.28989505767822 seconds, on 18-04-24 2:09:20 -->
