{"__browser":{"country":"US","device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer; ambient-light-sensor; camera; display-capture; encrypted-media; geolocation; gyroscope; microphone; midi; payment; vr; web-share","iframe_sandbox":"allow-forms allow-modals allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation allow-downloads allow-presentation"},"__graphql":{"data":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"VoDkNZ","title":"Captain Anonymous","name":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"anon","__typename":"User"},"currentTeamId":null,"username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails"},"__user":{"anon":true,"base_url":"/anon/","cohorts":[],"current_team_hashid":null,"current_team_id":0,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNjk2MTM1MDc2LCJpYXQiOjE2OTYxMzE0NzYsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.Kwkj6oNXgv2tUbeBV5D50pytAqI83849qqTgerqEYlYC2wDn0BLJqVipd6vwtr5uaGe6mPaAP6X8z9_ivCiPofBEV62ZVTQQV7RJlSlhIqbnjDmINSl7a-9IsqdXBO9OR-jTuStstLiFh6RJGTCnLh4j3m0ePbjpcGQWg4Oi5wnXPVFEUS0_bVGmuFQkKl-P68W9xVmdQtkbrfwOPMi41YD57GU2NeF975Ju3ytxcoTvCC5YkyFJk-ig0QT69Qe1n7lchZJJnsQH3omSt6QvVl6vGvFKu0Lggpjxz4vgqQLtBgwxMsulqp1TLKyLH7mhdrAGzSiKz6-OtBcGkyHwyg"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__item":"{\"id\":56248958,\"user_id\":265602,\"html\":\"<!--<img id=\\\"gif\\\" src=\\\"https:\\/\\/i.gifer.com\\/BaS.gif\\\">-->\\n\\n<h1 id=\\\"titre\\\"><span>Édition<br> et machines<br> à jouer<\\/span><\\/h1>\\n\\n\\n\\n<div class=\\\"container\\\">\\n\\n\\t<div id=\\\"gauche\\\">\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\">\\n\\t\\t\\t<div class=\\\"pointProjet popup1_open\\\"><\\/div>\\n\\t\\t\\t<\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointMedia\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointMedia\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointMedia\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointMedia\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t<\\/div>\\n\\n\\t<div id=\\\"milieu\\\">\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointMedia\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointMedia\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align popup2_open\\\">\\n\\t\\t\\t<div class=\\\"pointMedia\\\"><\\/div>\\n\\t\\t\\t<\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t<\\/div>\\n\\n\\t<div id=\\\"droite\\\">\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"info\\\"><\\/div><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup3_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointMedia\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><div class=\\\"pointProjet popup1_open\\\"><\\/div><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t\\t<div class=\\\"align\\\"><\\/div>\\n\\t<\\/div>\\n\\n\\n<\\/div>\\n\\n\\n\\n\\n<section id=\\\"popup1\\\">\\n <h2>Titre média<\\/h2>\\n <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\\/p>\\n\\t <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\\/p>\\n<\\/section>\\n\\n\\n<section id=\\\"popup2\\\">\\n <h2>Titre média<\\/h2>\\n <p>La classe cette grille !<\\/p>\\n\\t <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\\/p>\\n\\t<img src=\\\"https:\\/\\/risibank.fr\\/cache\\/stickers\\/d1254\\/125482-full.gif\\\">\\n<\\/section>\\n\\n\\n<section id=\\\"popup3\\\">\\n <h2>Titre média<\\/h2>\\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<\\/p>\\n\\t\\n\\t\\t <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\\/p>\\n<\\/section>\",\"css\":\"@import url('https:\\/\\/fonts.googleapis.com\\/css2?family=Zen+Kaku+Gothic+Antique&display=swap');\\n\\nbody {\\n\\tbackground-color: black;\\n\\tmargin: 0;\\n\\tfont-family: 'Zen Kaku Gothic Antique', sans-serif;\\n\\tbackground-color: white;\\n}\\n\\n\\/*\\n#gif {\\n\\tposition: absolute;\\n\\tleft:0;\\n\\tright:0;\\n\\ttop:35%;\\n\\tmargin:auto;\\n}\\n*\\/\\n\\n\\n\\/*le titre du site*\\/\\nh1 {\\n\\tposition: absolute;\\n\\tleft:0;\\n\\ttop:0;\\n\\tmargin:0;\\n\\tpadding:0;\\n\\tcolor:white;\\n\\tfont-size: 12em;\\n\\tline-height: 1.2em;\\n}\\n\\nh1>span {\\n\\tbackground-color:brown;\\n}\\n\\n\\/*la grille complète qui se divise en trois*\\/\\n.container {\\n\\theight: 100vh;\\n\\tdisplay: grid;\\n\\tgrid-template-columns: 1fr 1fr 1fr;\\n\\tgrid-template-rows: 1fr;\\n}\\n\\n\\/*grille de gauche*\\/\\n#gauche {\\n\\theight: 100vh;\\n\\tdisplay: grid;\\n\\tgrid-template-columns: repeat(5, 1fr);\\n\\tgrid-template-rows: repeat(15, 1fr);\\n\\tbackground-color: #000000;\\n}\\n\\n\\/*grille du milieu*\\/\\n#milieu {\\n\\theight: 100vh;\\n\\tdisplay: grid;\\n\\tgrid-template-columns: repeat(5, 1fr);\\n\\tgrid-template-rows: repeat(15, 1fr);\\n\\tbackground-color: #000000;\\n}\\n\\n\\/*grille de droite*\\/\\n#droite {\\n\\theight: 100vh;\\n\\tdisplay: grid;\\n\\tgrid-template-columns: repeat(5, 1fr);\\n\\tgrid-template-rows: repeat(15, 1fr);\\n\\tbackground-color: #000000;\\n}\\n\\n\\/*pour tracer les contours de la grille et les cellules en blanc*\\/\\n.container div {\\n\\tborder: 1px solid #EEEEEE;\\n}\\n\\n\\n\\/*pour aligner au centre les cercles dans les cellules*\\/\\n.align {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n}\\n\\n.pointProjet {\\n\\tbackground-color: white;\\n\\twidth: 30px;\\n\\theight: 30px;\\n\\tborder-radius: 50%;\\n\\topacity:0;\\n animation-duration: 3s;\\n animation-delay: 5s;\\n animation-name: fondu;\\n animation-iteration-count: 1;\\n\\tanimation-fill-mode: forwards;\\n}\\n\\n@keyframes fondu {\\n 0% {\\n\\t\\topacity:0;\\n }\\n 100% {\\n\\t\\topacity:1;\\n }\\n}\\n\\n.pointProjet:hover {\\n\\tcursor: pointer;\\n}\\n\\n.pointMedia {\\n\\tbackground-color: none;\\n\\twidth: 20px;\\n\\theight: 20px;\\n\\tborder-radius: 50%;\\n\\tborder: 1px solid white;\\n\\topacity:0;\\n animation-duration: 1.5s;\\n animation-delay: 5s;\\n animation-name: fondu;\\n animation-iteration-count: 1;\\n\\tanimation-fill-mode: forwards;\\n}\\n\\n.pointMedia:hover {\\n\\tcursor: pointer;\\n}\\n\\n.info {\\n\\tbackground-color: white;\\n\\twidth: 30px;\\n\\theight: 30px;\\n}\\n\\n\\/*style de la popup*\\/\\n.popup_content {\\n\\tmargin: 10px;\\n\\tpadding: 0 10px;\\n\\tmax-width: 30%;\\n\\theight: 500px;\\n\\toverflow-x: hidden;\\n\\toverflow-y: auto;\\n\\tborder: 2px solid #444;\\n\\tbackground: white;\\n\\tborder-radius: 10px;\\n\\tscrollbar-color: rebeccapurple green;\\n scrollbar-width: thin;\\n}\\n\\n.popup_content img {\\n\\twidth: 100%;\\n}\\n\\n@media only screen and (max-width: 767px) {\\n\\th1 {\\n\\t\\tfont-size:5em;\\n\\t}\\n\\t\\/*on adapte la grille pour le smartphone*\\/\\n\\t.container {\\n\\t\\tgrid-template-columns: 1fr; \\/*une seule colonne*\\/\\n\\t\\tgrid-template-rows: 1fr 1fr 1fr; \\/*3 lignes*\\/\\n\\t}\\n\\n\\t.pointProjet {\\n\\t\\tbackground-color: white;\\n\\t\\twidth: 15px;\\n\\t\\theight: 15px;\\n\\t\\tborder-radius: 50%;\\n\\t}\\n\\n\\t.pointMedia {\\n\\t\\tbackground-color: none;\\n\\t\\twidth: 10px;\\n\\t\\theight: 10px;\\n\\t\\tborder-radius: 50%;\\n\\t\\tborder: 1px solid white;\\n\\t}\\n\\t\\n\\t.popup_content {\\n\\t\\tmax-width: 70%;\\n\\t\\tscrollbar-color: rebeccapurple green;\\n \\tscrollbar-width: thin;\\n\\t}\\n}\\n\\n\\n\",\"js\":\"setTimeout(function(){\\n $('#titre').remove();\\n}, 5000);\\n\\n$(\\\"#titre\\\").t({\\n \\/\\/delay: 2,\\n speed: 100,\\n mistype: 1,\\n\\/\\/caret:false,\\n\\/\\/sblink:false,\\n});\\n\\n\\n$('#popup1').popup();\\n$('#popup2').popup();\\n$('#popup3').popup();\",\"html_pre_processor\":\"none\",\"css_pre_processor\":\"none\",\"js_pre_processor\":\"none\",\"html_classes\":\"\",\"css_starter\":\"neither\",\"js_library\":null,\"created_at\":\"2021-10-29T06:24:33.494Z\",\"updated_at\":\"2021-11-10T07:50:57.363Z\",\"title\":\"grille site pad\",\"description\":\"\",\"slug_hash\":\"bGrrpyJ\",\"head\":\"\",\"private\":true,\"slug_hash_private\":\"f5595776f85dd0ffaf5cba519e66ae52\",\"has_animation\":true,\"team_id\":0,\"css_prefix\":\"neither\",\"template\":false,\"parent_id\":0,\"comments_count\":0,\"custom_screenshot_filename\":null,\"loves_count\":0,\"pick\":false,\"popularity_score\":0,\"views_count\":0,\"pick_visible_at\":null,\"cpid\":\"017ccab8-aed6-721c-8928-aa29bc589cfe\",\"is_new_editor_pen\":false,\"pen_hash\":null,\"hashid\":\"bGrrpyJ\"}"}