@@@SPIP_DIFF0@@@ @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@<!@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@doctype html>[(#REM) ] @@@SPIP_DIFF1@@@@@@SPIP_DIFF6@@@#TITRE@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@charset="utf-8"><meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@name="viewport@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@" @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><title@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@#TITRE@@@SPIP_DIFF1@@@ - @@@SPIP_DIFF6@@@#NOM_SITE_SPIP</title@@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<link @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@#NOM_SITE_SPIP<link @@@SPIP_DIFF1@@@ rel="canonical" href="#URL_SITE_SPIP/#URL_ARTICLE" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<style @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@amp-boilerplate@@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@="" @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@type="text/css@@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@"> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@/*<!@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@/><script @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@src="https://cdn@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@.@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@ampproject.@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@org/v0.@@@SPIP_DIFF1@@@@@@SPIP_DIFF6@@@[CDATA@@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@[*/ @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@js@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@" @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@async><style @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@amp-boilerplate@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@> @@@SPIP_DIFF1@@@ body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -@@@SPIP_DIFF6@@@amp-start{from{visibility:hidden}to{visibility:visible}}@@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@ /*]]@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@amp-start{from{visibility:hidden}to{visibility:visible}}

<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@name="description@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@" @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@content="[(#INTRODUCTION|textebrut@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@)]@@@SPIP_DIFF1@@@ @@@SPIP_DIFF88@@@@@@SPIP_DIFF6@@@>*/ @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@</style@@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<style @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@amp-boilerplate@@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@="" @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@type="text/css@@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@"> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@/*<!@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@com/chrisgaillard@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@", @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@"https://plus@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@.@@@SPIP_DIFF1@@@ @@@SPIP_DIFF1@@@@@@SPIP_DIFF6@@@[CDATA[*/ body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none} /*]]@@@SPIP_DIFF1@@@@@@SPIP_DIFF6@@@>*/ <meta name="description" content="[(#INTRODUCTION|textebrut)]@@@SPIP_DIFF1@@@" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@/><meta @@@SPIP_DIFF1@@@ property="og:title" content="#TITRE - #SOUSTITRE" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@ /><@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@meta @@@SPIP_DIFF1@@@ property="og:description" content="[(#INTRODUCTION|textebrut)]" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@/><meta @@@SPIP_DIFF1@@@ property="og:url" content="#URL_SITE_SPIP/#URL_ARTICLE" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@/><meta @@@SPIP_DIFF1@@@ property="og:image" content="#URL_SITE_SPIP/[(#LOGO_ARTICLE|image_reduire{300,300}|extraire_attribut{src})]" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@/><meta @@@SPIP_DIFF1@@@ property="og:site_name" content="Chris Gaillard Webdesign Grenoble" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@/><meta @@@SPIP_DIFF1@@@ property="fb:app_id" @@@SPIP_DIFF6@@@content="185253479000@@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@" @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@content="185253479000"/><meta @@@SPIP_DIFF1@@@ property="og:type" content="article" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@/><meta @@@SPIP_DIFF1@@@ name="twitter:card" content="summary" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@/><meta @@@SPIP_DIFF1@@@ name="twitter:site" content="@chrisgaillard" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@/><meta @@@SPIP_DIFF1@@@ name="twitter:title" content="#TITRE - #SOUSTITRE" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@ /><@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@meta @@@SPIP_DIFF1@@@ name="twitter:description" content="[(#INTRODUCTION|textebrut)]" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@/><meta @@@SPIP_DIFF1@@@ name="twitter:image" content="#URL_SITE_SPIP/[(#LOGO_ARTICLE|image_reduire{180,180}|extraire_attribut{src})]" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<meta @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@/><meta @@@SPIP_DIFF1@@@ name="twitter:url" content="#URL_SITE_SPIP/#URL_ARTICLE" @@@SPIP_DIFF6@@@/> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@<style @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@amp-custom@@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@="" @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@type="text/css@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@/><script @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@type="application/ld+json@@@SPIP_DIFF1@@@ "> @@@SPIP_DIFF6@@@/*<!@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@{ @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@"@context@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@": @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@"http://schema@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@.@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@org", "@type": "WebSite", "name": "Chris Gaillard", "url": "#URL_SITE_SPIP/#URL_ARTICLE", "sameAs": [ "https://twitter.@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@com/+chrisgaillard/", "https://www.@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@facebook.@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@com/webdesign.@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@grenoble/", "https://www.@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@instagram.@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@com/chris_gaillard_com/", "https://www.@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@linkedin.@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@com/in/webdesigngrenoble" ] @@@SPIP_DIFF1@@@@@@SPIP_DIFF6@@@[CDATA@@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@[*/ @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@}@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@ </@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@script><style @@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@amp-custom@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@> @@@SPIP_DIFF1@@@ /* Generic WP styling */ .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .amp-wp-enforced-sizes { /** Our sizes fallback is 100vw, and we have a padding on the container; the max-width here prevents the element from overflowing. **/ max-width: 100%; margin: 0 auto; } .amp-wp-unknown-size img { /** Worst case scenario when we can't figure out dimensions for an image. **/ /** Force the image into a box of fixed dimensions and use object-fit to scale. **/ object-fit: contain; } /* Template Styles */ .amp-wp-content, .amp-wp-title-bar div { margin: 0 auto; max-width: 1080px; } html { background: #ff9100; } body { background: #fff; color: #353535; font-family: 'Arial', sans-serif; font-weight: 300; line-height: 1.75em; } p, ol, ul, figure { margin: 0 0 1em; padding: ; } a, a:visited { color: #ff9100; } a:hover, a:active, a:focus { color: #353535; } /* Quotes */ blockquote { color: #353535; background: rgba(127,127,127,.125); border-left: 2px solid #ff9100; margin: 8px 0 24px ; padding: 16px; } blockquote p:last-child { margin-bottom: ; } /* UI Fonts */ /* Header */ .amp-wp-header { background-color: #ff9100; } .amp-wp-header div { color: #000; font-size: 1.2em; font-weight: 400; margin: 0 auto; max-width: calc(840px - 32px); padding: .875em 16px; position: relative; } .amp-wp-header a { color: #000; text-decoration: none; } /* Site Icon */ .amp-wp-header .amp-wp-site-icon { /** site icon is 32px **/ background-color: #fff; border: 1px solid #fff; border-radius: 50%; position: absolute; right: 18px; top: 10px; } /* Article */ .amp-wp-article { color: #353535; font-weight: 400; margin: 1.5em auto; max-width: 840px; overflow-wrap: break-word; word-wrap: break-word; } /* Article Header */ .amp-wp-article-header { margin: 1.5em 16px 1.5em; } .amp-wp-title { color: #353535; display: block; flex: 1 0 100%; font-weight: 900; margin: 0 ; width: 100%; } h2{margin:0 0 5px ; font-weight:normal; font-size:1.2em;} /* Article Meta */ .amp-wp-meta { color: #696969; display: inline-block; flex: 2 1 50%; font-size: .875em; line-height: 1.5em; margin: ; padding: ; } .amp-wp-article-header .amp-wp-meta:last-of-type { text-align: right; } .amp-wp-article-header .amp-wp-meta:first-of-type { text-align: left; } .amp-wp-byline amp-img, .amp-wp-byline .amp-wp-author { display: inline-block; vertical-align: middle; } .amp-wp-byline amp-img { border: 1px solid #ff9100; border-radius: 50%; position: relative; margin-right: 6px; } .amp-wp-posted-on { text-align: right; } /* Featured image */ .amp-wp-article-featured-image { margin: 0 0 1em; } .amp-wp-article-featured-image amp-img { margin: 0 auto; } .amp-wp-article-featured-image.wp-caption .wp-caption-text { margin: 0 18px; } /* Article Content */ .amp-wp-article-content { margin: 0 16px; } .amp-wp-article-content ul, .amp-wp-article-content ol { margin-left: 1em; } .amp-wp-article-content amp-img { margin: 0 auto; } .amp-wp-article-content amp-img.alignright { margin: 0 0 1em 16px; } .amp-wp-article-content amp-img.alignleft { margin: 0 16px 1em ; } /* Captions */ .wp-caption { padding: ; } .wp-caption.alignleft { margin-right: 16px; } .wp-caption.alignright { margin-left: 16px; } .wp-caption .wp-caption-text { border-bottom: 1px solid #c2c2c2; color: #696969; font-size: .875em; line-height: 1.5em; margin: ; padding: .66em 10px .75em; } /* AMP Media */ amp-carousel { background: #c2c2c2; margin: -16px 1.5em; } amp-iframe, amp-youtube, amp-instagram, amp-vine { background: #c2c2c2; margin: -16px 1.5em; } .amp-wp-article-content amp-carousel amp-img { border: none; } amp-carousel > amp-img > img { object-fit: contain; } /* Article Footer Meta */ .amp-wp-article-footer .amp-wp-meta { display: block; } .amp-wp-tax-category, .amp-wp-tax-tag { color: #696969; font-size: .875em; line-height: 1.5em; margin: 1.5em 16px; } .amp-wp-comments-link { color: #696969; font-size: .875em; line-height: 1.5em; text-align: center; margin: 2.25em 0 1.5em; } .amp-wp-comments-link a { border-style: solid; border-color: #c2c2c2; border-width: 1px 1px 2px; border-radius: 4px; background-color: transparent; color: #ff9100; cursor: pointer; display: block; font-size: 14px; font-weight: 600; line-height: 18px; margin: 0 auto; max-width: 200px; padding: 11px 16px; text-decoration: none; width: 50%; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; } /* AMP Footer */ .amp-wp-footer { border-top: 1px solid #c2c2c2; margin: calc(1.5em - 1px) 0 ; } .amp-wp-footer div { margin: 0 auto; max-width: calc(840px - 32px); padding: 1.25em 16px 1.25em; position: relative; } .amp-wp-footer h2 { font-size: 1em; line-height: 1.375em; margin: 0 .5em; } .amp-wp-footer p { color: #696969; font-size: .8em; line-height: 1.5em; margin: 0 85px 0 ; } .amp-wp-footer a { text-decoration: none; } .back-to-top { bottom: 1.275em; font-size: .8em; font-weight: 600; line-height: 2em; position: absolute; right: 16px; } .@@@SPIP_DIFF6@@@redige{display:inline; } /*]]@@@SPIP_DIFF1@@@@@@SPIP_DIFF88@@@@@@SPIP_DIFF6@@@>*/ @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@</style@@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@> @@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@</head@@@SPIP_DIFF1@@@ @@@SPIP_DIFF6@@@>@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@google@@@SPIP_DIFF1@@@ @@@SPIP_DIFF2@@@.@@@SPIP_DIFF1@@@ @@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@redige{display:inline; }

Chris Gaillard Webdesigner Grenoble

#TITRE

#SOUSTITRE

Rédigé par chris le [(#DATE|affdate)] @@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@

<amp-img width="600" height="300" src="[(#LOGO_ARTICLE|image_passe_partout{600,300}|image_recadre{600,300,center}|extraire_attribut{src})]@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@" class="attachment-large size-large wp-post-image amp-wp-enforced-sizes" alt="#TITRE" srcset="[(#LOGO_ARTICLE|image_passe_partout{600,300}|image_recadre{600,300,center}|extraire_attribut{src})] @@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@600w, [(#LOGO_ARTICLE|image_passe_partout{600,300}|image_recadre{300,150,center}|extraire_attribut{src})] @@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@300w" sizes="(min-width: 600px) 600px, 100vw">

[ (#CHAPO) ] @@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@#TEXTE [

Visiter le site > (#URL_SITE|replace{http://, })

] @@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@

<amp-img class="alignnone size-full amp-wp-enforced-sizes" src="[(#FICHIER|image_passe_partout{600}|extraire_attribut{src})]@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@" alt="#TITRE" width="[(#FICHIER|image_passe_partout{600}|extraire_attribut{width})]@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@" height="[(#FICHIER|image_passe_partout{600}|extraire_attribut{height})]@@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@" srcset=" [(#FICHIER|image_passe_partout{600}|extraire_attribut{src})] @@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@600w, [(#FICHIER|image_passe_partout{150}|extraire_attribut{src})] @@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@150w, [(#FICHIER|image_passe_partout{300}|extraire_attribut{src})] @@@SPIP_DIFF1@@@@@@SPIP_DIFF2@@@300w ">