{"content":"<div class=\"popup-content\">\n  <div class=\"popup-bg\" style=\"background-image: url(https:\/\/cdn.greenpeace.fr\/site\/uploads\/2021\/03\/GPV-2021-01_Avions-2-e1616780489835-640x288.jpg);\"><\/div>\n\t<div class=\"popup-inner\" style=\"background-image: linear-gradient(180deg, transparent 0%, #000 3rem, #000 100%);\">\n\t\t<div class=\"popup-title\" style=\"color:#ffe500\">\n\t\t\tApprenez \u00e0 voyager autrement !\n\t\t<\/div>\n\n\t\t<div class=\"popup-intro\" style=\"color:#FFFFFF\">\n\t\t\tD\u00e9couvrez 41 id\u00e9es de voyages \u00e9cologiques \u00e0 travers l'Europe.\n\t\t<\/div>\n\n\t\t<div class=\"popup-cta\">\n\t\t\t<a href=\"https:\/\/www.greenpeace.fr\/voyage-ecologique\/telecharger-le-guide\/?codespec=701bE00000ApXoz\" class=\" popup-link\"   style=\"color:#000000; background-color:#ffe500\">\n\t\t\t\tT\u00e9l\u00e9chargez le guide\n\n\t\t\t\t\n\t\t\t<\/a>\n\t\t<\/div>\n\t<\/div>\n<\/div>","css":".popup-wrapper {\n\tjustify-content: stretch;\n\talign-items: flex-end;\n\n}\n\n.popup-container {\n\tbox-shadow: 0 0 20px 6px rgba(0, 0, 0, .4);\n\tborder-radius: 1rem 1rem 0 0;\n\topacity: 0;\n\ttransform: translateY(120%);\n\ttransition: transform 1s, opacity .66s;\n}\n\n\n.popup-show .popup-container {\n\ttransition: transform 1s, opacity .66s;\n\topacity: 1;\n\ttransform: none;\n}\n\n\n.popup-close-button::before,\n.popup-close-button::after {\n\tbackground-color: #000;\n}\n\n.popup-close-button {\n\tbackground-color: #fff;\nz-index:9;\n}\n\n\n@media(min-width: 640px) {\n\n\t.popup-wrapper {\n\t\tjustify-content: flex-end;\n\t\talign-items: center;\n\n\t}\n\n\t.popup-container {\n\t\tmax-width: 410px;\n\t\tborder-radius: 1rem 0 0 1rem;\n\t\ttransform: translateX(120%);\n\t}\n\n}\n\n\n\n\n\n.popup-content {\n\n\tpadding-top: 5.5rem;\n}\n\n.popup-bg {\nposition: absolute;\ntop:0;\nleft:0;\nright:0;\nheight:9rem;\n\tbackground-position: bottom center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: 100% auto;\nz-index:1;\n}\n\n.popup-inner {\n\tpadding: 1rem 1rem 1.5rem;\n\ttext-align: center;\nz-index:2;\nposition: relative;\n}\n\n.popup-title {\n\tfont-weight: bold;\n\tfont-size: 1.5rem;\n\tmargin-bottom: 1rem;\n}\n\n.popup-intro {\n\tmargin-bottom: 1.5rem;\n}\n\n.popup-cta {\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\n.popup-cta a {\n\tpadding: .75rem 2rem;\n\tfont-weight: bold;\n\tborder-radius: 8px;\n\tcursor: pointer;\n\tborder: none;\n\topacity: 1;\n\ttransition: opacity .5s;\n\ttext-align: center;\n\tdisplay: inline-block;\n\ttext-decoration: none;\n}\n\n.popup-cta:hover {\n\topacity: .9;\n\ttransition: opacity .5s;\n}\n\n.popup-cta a::after {\n\tcolor: currentColor;\n}\n\n\n\n\n.picto-petition .picto {\n\theight: 1em;\n\twidth: auto;\n\tdisplay: inline-block;\n\tmargin-left: 1em;\n\tvertical-align: sub;\n}\n\n.picto-heart::after {\n\tfont-family: \"GPFIcons\" !important;\n\tfont-style: normal;\n\tfont-weight: normal;\n\tfont-variant: normal;\n\ttext-transform: none;\n\tline-height: 1;\n\tcontent: \"\\e802\";\n\tcolor: currentColor;\n\tmargin-left: 1em;\n\tfont-size: 1em;\n}","js":"","css_files":[],"js_files":[],"copyright":"Lucas Wahl","scroll":"","timeout":2000}