{"id":731,"date":"2019-04-02T18:19:44","date_gmt":"2019-04-02T16:19:44","guid":{"rendered":"http:\/\/huppy-patrimoine.fr\/?page_id=731"},"modified":"2019-04-14T14:59:22","modified_gmt":"2019-04-14T12:59:22","slug":"le-blason","status":"publish","type":"page","link":"https:\/\/www.huppy-patrimoine.fr\/index.php\/le-blason\/","title":{"rendered":"Le blason"},"content":{"rendered":"<p style=\"text-align: center;\"><span style=\"font-size: 12pt;\"><strong><span style=\"font-family: 'times new roman', times, serif; color: #000000;\">Le blason officiel de la commune de Huppy dans le Vimeu.<\/span><\/strong><\/span><\/p>\n<figure id=\"attachment_866\" aria-describedby=\"caption-attachment-866\" style=\"width: 469px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive wp-image-866 size-full\" src=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/Capturem.png\" alt=\"\" width=\"469\" height=\"680\" srcset=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/Capturem.png 469w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/Capturem-207x300.png 207w\" sizes=\"auto, (max-width: 469px) 100vw, 469px\" \/><figcaption id=\"caption-attachment-866\" class=\"wp-caption-text\">Source: ASPACHuppy<\/figcaption><\/figure>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Lors de la s\u00e9ance du conseil municipal de Huppy du 17 avril 2018, Monsieur le Maire propose le projet de blason de la commune. <\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Ce blason reprend celui d\u00e9j\u00e0 existant de l&rsquo;ASPACHuppy sur lequel deux modifications sont apport\u00e9es.<\/span><\/p>\n<ul>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Le nom de Huppy en Vimeu est corrig\u00e9. Sont ajout\u00e9s \u00e0 Huppy les noms de ses deux hameaux\u00a0 Trinquies et Poulti\u00e9res;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Un symbole est \u00e9galement ajout\u00e9 dans le quartier gauche du bas, une poterie rappelant les fouilles de Trinquies;<\/span><\/li>\n<\/ul>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">L\u2019ensemble du conseil municipal donne un avis favorable. Son adoption, \u00e0 l\u2019unanimit\u00e9, est valid\u00e9e lors de la s\u00e9ance du 20 juin 2018. Ce blason devient officiellement celui de la commune de Huppy.<\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"> Retrouvez toute la description du blason de la commune de Huppy, tel que l\u2019a pens\u00e9 et dessin\u00e9 Claude PIETTE. Toutes les caract\u00e9ristiques historiques du village sont repr\u00e9sent\u00e9es sur ce blason. Ci-apr\u00e8s sa description parue dans le n\u00b0 100 du Bulletin Municipal de Huppy \u00abL\u2019Echo de la Huppe\u00bb, de 2018.<\/span><\/p>\n<style>\r\n\/*===== general options =========*\/\r\na {\r\n    box-shadow: none !important;\r\n}\r\n\r\n.view *, .album_categories *, .album_back_button *, #album_disabled_layer {\r\n    font-family: sans-serif, Arial, Verdana, Sylfaen !important;\r\n}\r\n\r\n#album_disabled_layer {\r\n    display: none;\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-align: center;\r\n    background-color: transparent;\r\n    z-index: 10;\r\n    padding-top: 20px;\r\n    color: #fff;\r\n}\r\n\r\n#album_list_container {\r\n    position: relative;\r\n}\r\n\r\n\/* ====================== album onhover styles ==========================*\/\r\n\r\n#album_list .view {\r\n    -webkit-box-sizing: border-box;\r\n    -moz-box-sizing: border-box;\r\n    -o-box-sizing: border-box;\r\n    display: none;\r\n\r\n}\r\n\r\n.view .mask,\r\n.view .content {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    overflow: hidden;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.view h2 {\r\n    text-transform: uppercase;\r\n    color: #fff;\r\n    text-align: center;\r\n    position: relative;\r\n    font-size: 17px;\r\n    font-family: Raleway, serif;\r\n    padding: 10px;\r\n    \/*background: rgba(0, 0, 0, 0.8);*\/\r\n    margin: 20px 0 0 0;\r\n\r\n}\r\n\r\n.album_back_button a, .view a {\r\n    text-decoration: none !important;\r\n}\r\n\r\n.view p {\r\n    font-family: Merriweather, serif;\r\n    font-style: italic;\r\n    font-size: 14px;\r\n    position: relative;\r\n    color: #fff;\r\n    padding: 0px 20px 0px;\r\n    text-align: center;\r\n\r\n}\r\n\r\n.view a.info {\r\n    display: inline-block;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    padding: 2px 14px;\r\n    margin-bottom: 3px;\r\n    background: #000;\r\n    color: #fff;\r\n    font-family: Raleway, serif;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 0 1px #000\r\n}\r\n\r\n.mask-text h2 {\r\n    font-size: 20px !important;\r\n}\r\n\r\n.view a.info:hover {\r\n    box-shadow: 0 0 5px #000\r\n}\r\n\r\n.view .mask-bg {\r\n    height: 100%;\r\n}\r\n\r\n.view .album_social {\r\n    color: #fff;\r\n    position: absolute;\r\n    bottom: 3px;\r\n    left: 3px;\r\n    border: 1px solid #ffffff;\r\n    -webkit-border-radius: 3px;\r\n    -moz-border-radius: 3px;\r\n    border-radius: 3px;\r\n    padding: 3px 5px;\r\n\r\n}\r\n\r\n.view .album_social:active, .view .album_social:focus, .view .album_social:hover {\r\n    color: #ffffff;\r\n    outline: none;\r\n}\r\n\r\n\/*1*\/\r\n\r\n.view .info {\r\n    margin-top: 5px;\r\n}\r\n\r\n.view-first .mask {\r\n    opacity: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    transition: all 0.4s ease-in-out;\r\n\r\n}\r\n\r\n.view-first h2 {\r\n    transform: translateY(-100px);\r\n    opacity: 0;\r\n    font-family: Raleway, serif;\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.view-first p {\r\n    transform: translateY(100px);\r\n    opacity: 0;\r\n    transition: all 0.2s linear;\r\n}\r\n\r\n.view-first a.info {\r\n    opacity: 0;\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.view-first .mask-text * {\r\n    color: #fff !important;\r\n}\r\n\r\n\/* *\/\r\n\r\n.view-first:hover img {\r\n    \/*transform: scale(1.1);*\/\r\n}\r\n\r\n.view-first:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-first:hover h2,\r\n.view-first:hover p,\r\n.view-first:hover a.info {\r\n    opacity: 1;\r\n    transform: translateY(0px);\r\n}\r\n\r\n.view-first:hover p {\r\n    transition-delay: 0.1s;\r\n}\r\n\r\n.view-first:hover a.info {\r\n    transition-delay: 0.2s;\r\n}\r\n\r\n\/*2*\/\r\n.view-second img {\r\n    -webkit-filter: grayscale(0) blur(0);\r\n    filter: grayscale(0) blur(0);\r\n    -webkit-transition: .3s ease-in-out;\r\n    transition: .3s ease-in-out;\r\n}\r\n\r\n.view-second .mask {\r\n    background-color: rgba(226, 200, 127, 0.2);\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-second h2 {\r\n    background: transparent;\r\n    margin: 20px 10px 0px 10px;\r\n    transform: scale(0);\r\n    color: #333;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-second p {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-second a.info {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-second:hover img {\r\n    -webkit-filter: grayscale(100%) blur(3px);\r\n    filter: grayscale(100%) blur(3px);\r\n}\r\n\r\n.view-second:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-second .mask-text * {\r\n    color: #333 !important;\r\n}\r\n\r\n.view-second:hover h2,\r\n.view-second:hover p,\r\n.view-second:hover a.info {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n}\r\n\r\n.view-second img {\r\n    -webkit-filter: grayscale(0) blur(0);\r\n    filter: grayscale(0) blur(0);\r\n    -webkit-transition: .3s ease-in-out;\r\n    transition: .3s ease-in-out;\r\n}\r\n\r\n.view-second:hover img {\r\n    -webkit-filter: grayscale(100%) blur(3px);\r\n    filter: grayscale(100%) blur(3px);\r\n}\r\n\r\n\/*3*\/\r\n\r\n.view-third img {\r\n    transform: scaleY(1);\r\n    transition: all .7s ease-in-out;\r\n}\r\n\r\n.view-third a.info {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-third:hover img {\r\n    -webkit-transform: scale(10);\r\n    transform: scale(10);\r\n    opacity: 0;\r\n}\r\n\r\n.view-third:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-third:hover h2,\r\n.view-third:hover p,\r\n.view-third:hover a.info {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n}\r\n\r\n.view-third .mask-text * {\r\n    color: #333 !important;\r\n}\r\n\r\n\/* ==== view 4 ===*\/\r\n\r\n.view-forth-wrapper {\r\n    overflow: hidden;\r\n    position: relative !important;\r\n    height: 100%;\r\n    \/* cursor: pointer;*\/\r\n}\r\n\r\n.view-forth img {\r\n    max-width: 100%;\r\n    position: relative;\r\n    top: 0;\r\n    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n}\r\n\r\n.view-forth .mask {\r\n    position: absolute;\r\n    width: 100%;\r\n    \/*    height: 70px;*\/\r\n    \/*    bottom: -70px;*\/\r\n    height: 50%;\r\n    bottom: -50%;\r\n    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    top: inherit;\r\n}\r\n\r\n.view-forth:hover .mask {\r\n    bottom: 0;\r\n}\r\n\r\n.view-forth:hover img {\r\n    top: -30px;\r\n}\r\n\r\n.view-forth .mask-text * {\r\n    color: #fff !important;\r\n}\r\n\r\n.view-forth .mask-text h2 {\r\n    margin-top: 0px !important;\r\n}\r\n\r\n\/*==  view 5 ==*\/\r\n\r\n.view-fifth .view-fifth-wrapper,\r\n.view-fifth .view-fifth-wrapper img {\r\n    display: block;\r\n    position: relative;\r\n}\r\n\r\n.view-fifth .view-fifth-wrapper {\r\n    overflow: hidden;\r\n    height: 100%;\r\n}\r\n\r\n.view-fifth .view-fifth-wrapper .mask {\r\n    display: none;\r\n    position: absolute;\r\n    background: #333;\r\n    background: rgba(75, 75, 75, 0.7);\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.view-fifth .mask-text * {\r\n    color: #fff !important;\r\n}\r\n\r\n\/* ====================== album category styles ==========================*\/\r\n\r\n#filters {\r\n    margin: 1% 0;\r\n    padding: 0;\r\n    list-style: none;\r\n    list-style-type: none !important;\r\n\r\n}\r\n\r\n#filters li {\r\n    float: left;\r\n    list-style-type: none !important;\r\n}\r\n\r\n#filters li:first-child span {\r\n    margin-left: 0px;\r\n}\r\n\r\n#filters li span {\r\n    display: block;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n}\r\n\r\n.album_categories {\r\n    list-style-type: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    padding-top: 5px;\r\n}\r\n\r\n\/*=========  sharing buttons  ============*\/\r\n\r\n.album_socials {\r\n    position: relative;\r\n    top: 3px;\r\n    width: 100px;\r\n    height: 28px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.album_socials .rwd-share-buttons {\r\n    top: 0px !important;\r\n    width: 100% !important;\r\n    margin: 0px !important;\r\n}\r\n\r\n.album_socials a {\r\n    text-decoration: underline !important;\r\n}\r\n\r\n.gallery_images, .album_image_place {\r\n    margin-top: 15px;\r\n    margin-top: 15px;\r\n}\r\n\r\n#rwd-share-facebook:hover {\r\n    background-position: 0 -31px !important;\r\n}\r\n\r\n#rwd-share-twitter:hover {\r\n    background-position: -31px 32px !important;\r\n}\r\n\r\n#rwd-share-googleplus:hover {\r\n    background-position: -66px -31px !important;\r\n}\r\n\r\n.rwd-share-buttons li, .rwd-share-buttons li a {\r\n    width: 26px !important;\r\n    border: 0px !important;\r\n}\r\n\r\n.rwd-share-buttons {\r\n    top: 0 !important;\r\n}\r\n\r\n.img_link_btn {\r\n    position: absolute;\r\n    z-index: 99999;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    width: 100%;\r\n    padding: 8px;\r\n}\r\n\r\n.rwd-title {\r\n    padding: 10px 0px !important;\r\n}\r\n\r\n@media only screen and (max-width: 475px) {\r\n    .rwd-share-buttons {\r\n        top: -25px !important;\r\n    }\r\n\r\n    .rwd-title-text {\r\n        line-height: 15px;\r\n    }\r\n}\r\n\r\n\/*=========  hover style ===========*\/\r\n\r\n#hover {\r\n    color: rgba(188, 175, 204, 0.9);\r\n}\r\n\r\nh2#testimonials {\r\n    color: #fffae3;\r\n}\r\n\r\ndiv#all {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.view img {\r\n    height: auto;\r\n}\r\n\r\n.view {\r\n    color: #fff;\r\n    margin: 0 10px 10px 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    text-align: center;\r\n    float: left;\r\n    cursor: default;\r\n    border: 1px solid #ccc;\r\n}\r\n\r\n.view-wrapper {\r\n    height: 100%;\r\n}\r\n\r\n.view img {\r\n    display: block;\r\n    position: relative;\r\n    transition: all 0.2s linear;\r\n    height: 100%;\r\n    width: auto;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n.mask-text h2 {\r\n    font-size: 18px !important;\r\n    margin-top: 20px !important;\r\n    font-weight: normal !important;\r\n}\r\n\r\n\/* view 1 *\/\r\n\r\n.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {\r\n    color: #fff;\r\n}\r\n\r\n\/*  view 2 *\/\r\n.view-second .text-category, .view-second .mask-text h2, .view-second p {\r\n    color: #333;\r\n}\r\n\r\n.view-second .mask-text h2 {\r\n    border-bottom: 1px solid #333;\r\n}\r\n\r\n\/* view 3*\/\r\n.view-third .mask {\r\n    background-color: #ccc;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n    color: #333;\r\n}\r\n\r\n.view-third h2 {\r\n    border-bottom: 1px solid #333;\r\n    background: transparent;\r\n    margin: 20px 10px 0px 10px;\r\n    transform: scale(0);\r\n    color: #333;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-third p {\r\n    color: #333;\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-third .text-category {\r\n    color: #333;\r\n}\r\n\r\n\/* view 4 *\/\r\n\r\n.view-forth .mask-bg {\r\n    background: #333;\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.view-forth .mask-text {\r\n    color: #fff;\r\n    position: relative;\r\n    z-index: 500;\r\n    padding: 5px 8px;\r\n}\r\n\r\n.view-forth .mask-text h2 {\r\n    margin: 0px;\r\n    font-size: 13px;\r\n    padding: 2px;\r\n    color: #fff;\r\n}\r\n\r\n.view-forth .mask-text h2:hover {\r\n    cursor: pointer;\r\n}\r\n\r\n.view-forth .text-category {\r\n    display: block;\r\n    font-size: 15px;\r\n    color: #fff;\r\n}\r\n\r\n.view-forth p {\r\n    color: #fff;\r\n}\r\n\r\n\/* view 5 *\/\r\n.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {\r\n    color: #fff;\r\n}\r\n\r\n<\/style>\r\n    <input type=\"hidden\" name=\"view_style\" value=\"view-first\">\r\n    <section id=\"thumbwrapper26\" class=\"gallery-img-content\"\r\n             data-rating-type=\"off\" style=\"position: relative\">\r\n        <div class=\"ph-gallery-wp-loading-icon\"><\/div>\r\n        <input type=\"hidden\" class=\"pagenum\" value=\"1\"\/>\r\n        <div style=\"visibility: hidden\" id=\"huge_it_gallery\"\r\n             class=\"ph-gallery-wp-loading-class huge_it_gallery view-thumbnails\">\r\n            <li id=\"fullPreview\"><\/li>\r\n           \r\n            <input type=\"hidden\" id=\"total\" value=\"1\"\/>\r\n                            <div class=\"huge_it_big_li view  view-first\">\r\n                    <div class=\"view-first-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group26 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img087-2.jpg\"\r\n                                   title=\"Bulletin municipal n\u00b0100\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img087-2-207x300.jpg\"\r\n                                            alt=\"Bulletin municipal n\u00b0100\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Bulletin municipal n\u00b0100<\/h2>\r\n                                                                                        <span class=\"text-category\">L\u2019\u00c9cho de la huppe<\/span>\r\n                                        <\/div>\r\n                                        <div class=\"mask-bg\"><\/div>\r\n                                    <\/div>\r\n                                <\/a>\r\n\r\n                                                    <\/div>\r\n\r\n                                    <\/div>\r\n                            <div class=\"huge_it_big_li view  view-first\">\r\n                    <div class=\"view-first-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group26 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img079-3.jpg\"\r\n                                   title=\"Bulletin municipal n\u00b0100\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img079-3-212x300.jpg\"\r\n                                            alt=\"Bulletin municipal n\u00b0100\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Bulletin municipal n\u00b0100<\/h2>\r\n                                                                                        <span class=\"text-category\">page 1<\/span>\r\n                                        <\/div>\r\n                                        <div class=\"mask-bg\"><\/div>\r\n                                    <\/div>\r\n                                <\/a>\r\n\r\n                                                    <\/div>\r\n\r\n                                    <\/div>\r\n                            <div class=\"huge_it_big_li view  view-first\">\r\n                    <div class=\"view-first-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group26 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img080-2.jpg\"\r\n                                   title=\"Bulletin municipal n\u00b0100\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img080-2-212x300.jpg\"\r\n                                            alt=\"Bulletin municipal n\u00b0100\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Bulletin municipal n\u00b0100<\/h2>\r\n                                                                                        <span class=\"text-category\">Page 2<\/span>\r\n                                        <\/div>\r\n                                        <div class=\"mask-bg\"><\/div>\r\n                                    <\/div>\r\n                                <\/a>\r\n\r\n                                                    <\/div>\r\n\r\n                                    <\/div>\r\n                            <div class=\"huge_it_big_li view  view-first\">\r\n                    <div class=\"view-first-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group26 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img081-2.jpg\"\r\n                                   title=\"Bulletin municipal n\u00b0100\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img081-2-212x300.jpg\"\r\n                                            alt=\"Bulletin municipal n\u00b0100\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Bulletin municipal n\u00b0100<\/h2>\r\n                                                                                        <span class=\"text-category\">Page 3<\/span>\r\n                                        <\/div>\r\n                                        <div class=\"mask-bg\"><\/div>\r\n                                    <\/div>\r\n                                <\/a>\r\n\r\n                                                    <\/div>\r\n\r\n                                    <\/div>\r\n                            <div class=\"huge_it_big_li view  view-first\">\r\n                    <div class=\"view-first-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group26 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img082-2.jpg\"\r\n                                   title=\"Bulletin municipal n\u00b0100\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img082-2-212x300.jpg\"\r\n                                            alt=\"Bulletin municipal n\u00b0100\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Bulletin municipal n\u00b0100<\/h2>\r\n                                                                                        <span class=\"text-category\">Page 4<\/span>\r\n                                        <\/div>\r\n                                        <div class=\"mask-bg\"><\/div>\r\n                                    <\/div>\r\n                                <\/a>\r\n\r\n                                                    <\/div>\r\n\r\n                                    <\/div>\r\n                    <\/div>\r\n            <\/section>\r\n\r\n<style>\tsection #huge_it_gallery {\r\n\t\tpadding: 28px !important;\r\n\t\tmin-width: 100%;\r\n\t\twidth: 100%;\r\n\t\tmin-height: 100%;\r\n\t\ttext-align: center;\r\n\t\tmargin: 0;\r\n\t\tmargin-bottom: 30px;\r\n\t  background-color: #333333; \tbox-shadow: 0 0 10px;\t}\r\n\t#huge_it_gallery .huge_it_big_li {\r\n\t\t\toverflow:hidden;\r\n\t\twidth: 232px;\r\n\t\tmax-width: 232px;\r\n\t\theight: 152px;\r\n\t\tmargin: 1px -1px !important;\r\n\t\tborder-radius: 5px;\r\n\t\tpadding:0 !important;\r\n\t\t\tborder-radius: 5px;\r\n\t\tborder: 1px solid #444444;\r\n\t\tbox-sizing: border-box;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t#huge_it_gallery li img {\r\n\t\t\twidth: 100%;\r\n\t\tmax-width: 230px;\r\n\t\theight: 150px;\r\n\t\tmargin:0 !important;\r\n\t\t\tborder-radius: 0px;\r\n\t}\r\n\tsection #huge_it_gallery li .overLayer ul li h2,\r\n\tsection #huge_it_gallery li .infoLayer ul li h2 {\r\n\t\tfont-size: 16px;\r\n\t\tcolor: #FFFFFF;\r\n\t}\r\n\tsection #huge_it_gallery li .infoLayer ul li p {\r\n\t\tcolor: #FFFFFF;\r\n\t}\r\n\tsection #huge_it_gallery li .overLayer,\r\n\tsection #huge_it_gallery li .infoLayer {\r\n\t\t-webkit-transition: opacity 0.3s linear;\r\n\t\t-moz-transition: opacity 0.3s linear;\r\n\t\t-ms-transition: opacity 0.3s linear;\r\n\t\t-o-transition: opacity 0.3s linear;\r\n\t\ttransition: opacity 0.3s linear;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 232px;\r\n\t\theight: 152px;\r\n\t\tposition: absolute;\r\n\t\ttext-align: center;\r\n\t\topacity: 0;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 4;\r\n\t\tmax-height: 100%;\r\n\t\tborder-radius: 0px;\r\n\t}\r\n\tsection #huge_it_gallery li a {\r\n\t\tposition: absolute;\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 232px;\r\n\t\theight: 152px;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 6;\r\n\t\tmax-height: 100%;\r\n\t}\r\n\t.load_more3 {\r\n\t\tmargin: 10px 0;\r\n\t\tposition:relative;\r\n\t\ttext-align:center;\r\n\t\twidth:100%;\r\n\t}\r\n\t.load_more_button3 {\r\n\t\tborder-radius: 10px;\r\n\t\tdisplay:inline-block;\r\n\t\tpadding:5px 15px;\r\n\t\tfont-size:19px !important;;\r\n\t\tcolor:#CCCCCC !important;;\r\n\t\tbackground:# !important;\r\n\t\tcursor:pointer;\r\n\t}\r\n\t.load_more_button3:hover{\r\n\t\tcolor:#D9D9D9 !important;\r\n\t\tbackground:#8F827C !important;\r\n\t}\r\n\t.loading3 {\r\n\t\tdisplay:none;\r\n\t}\r\n\t.paginate3{\r\n\t\tfont-size:22px !important;\r\n\t\tcolor:#0A0202 !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\t.paginate3 a{\r\n\t\tborder-bottom: none !important;\r\n\t}\r\n\t.icon-style3{\r\n\t\tfont-size: 22px !important;\r\n\t\tcolor:#333333 !important;\r\n\t}\r\n\t.clear{\r\n\t\tclear:both;\r\n\t}\r\n\tsection #huge_it_gallery li:hover .overLayer {\r\n\t\t-webkit-transition: opacity 0.3s linear;\r\n\t\t-moz-transition: opacity 0.3s linear;\r\n\t\t-ms-transition: opacity 0.3s linear;\r\n\t\t-o-transition: opacity 0.3s linear;\r\n\t\ttransition: opacity 0.3s linear;\r\n\t\topacity: 0.701;\r\n\t\tdisplay: block;\r\n\t\tbackground: #CCCCCC;\r\n\t\t\/*border-radius: 0px;*\/\r\n\t}\r\n\tsection #huge_it_gallery li:hover .infoLayer {\r\n\t\t-webkit-transition: opacity 0.3s linear;\r\n\t\t-moz-transition: opacity 0.3s linear;\r\n\t\t-ms-transition: opacity 0.3s linear;\r\n\t\t-o-transition: opacity 0.3s linear;\r\n\t\ttransition: opacity 0.3s linear;\r\n\t\topacity: 1;\r\n\t\tdisplay: block;\r\n\t}\r\n\tsection #huge_it_gallery p {text-align:center;}\r\n\t.ph-gallery-wp-loading-icon {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\tbackground:  url(https:\/\/www.huppy-patrimoine.fr\/wp-content\/plugins\/gallery-and-caption\/assets\/images\/loading\/loading-1.svg) center top ;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: 60px auto;\r\n}\r\n\r\n.view {float:none;display:inline-block;}\r\n.view img{\r\n    margin: 0 auto !important;\r\n}\r\n\r\n .view-second h2, .view-third h2{\r\n    border-bottom: 1px solid #333 !important;\r\n    margin:20px 10px 0 10px !important;\r\n}\r\n\r\n<\/style>\n<p style=\"text-align: center;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 14pt; color: #000000;\"><strong>\u00a0 \u00a0<span style=\"font-size: 12pt;\">L\u2019historique de ce blason :<\/span><\/strong><\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><span style=\"font-family: 'times new roman', times, serif; color: #000000;\"><strong>La Maison DE GROUCHES \u00abtrois bandes d\u2019azur et quatre bandes d\u2019or altern\u00e9s horizontales surmont\u00e9 de la couronne de Marquisat\u00bb.<\/strong><\/span><\/span><\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-863 img-responsive aligncenter\" src=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/de-grouches-2-001.jpg\" alt=\"\" width=\"875\" height=\"988\" srcset=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/de-grouches-2-001.jpg 875w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/de-grouches-2-001-266x300.jpg 266w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/de-grouches-2-001-768x867.jpg 768w\" sizes=\"auto, (max-width: 875px) 100vw, 875px\" \/><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>Le seul et unique blason pouvant revendiquer le nom de Huppy et celui de la Seigneurie de la Maison DE GROUCHES.<\/strong><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><span style=\"font-family: 'times new roman', times, serif; color: #000000;\">\u00a0 \u00a0La Maison DE GROUCHES, l\u2019une des plus nobles &amp; illustres de la Picardie. Elle tire son nom de la Terre <\/span><span style=\"font-family: 'times new roman', times, serif; color: #000000;\">de Grouches, dont la Seigneurie \u00e9tait situ\u00e9e pr\u00e9s de la ville de Doullens. Nous trouvons dans <\/span><span style=\"font-family: 'times new roman', times, serif; color: #000000;\">le vitrail de l\u2019\u00e9glise Saint Sulpice de Huppy, pan sud-est, les relations qui existent avec la Maison DE GROUCHES. Le blason est de conception assez simpliste, <strong>trois bandes d\u2019azu<\/strong><span style=\"color: #000000;\"><strong>r<\/strong> (bleues) sont les trois fleuves de la Somme, au nord l\u2019Authie, au milieu la Somme, au sud la Bresle et <strong>quatre band<\/strong><\/span><strong>es d\u2019or<\/strong> (jaunes) les riches plaines de bl\u00e9, altern\u00e9es horizontalement et surmont\u00e9es de la couronne de Marquisat. <\/span><span style=\"font-family: 'times new roman', times, serif; color: #000000;\">Les Seigneurs DE GROUCHES furent les b\u00e2tisseurs et premiers propri\u00e9taires du ch\u00e2teau de Huppy. Ses liens de parent\u00e9 s\u2019affichent avec des Rois de France et d\u2019Europe, d\u2019o\u00f9 sa concordance avec le blason actuel de Huppy de cette lign\u00e9e royale et de cette <\/span><span style=\"font-family: 'times new roman', times, serif; color: #000000;\">route du lys de France et de la rose de Picardie.<\/span><\/span><\/p>\n<style>\r\n\/*===== general options =========*\/\r\na {\r\n    box-shadow: none !important;\r\n}\r\n\r\n.view *, .album_categories *, .album_back_button *, #album_disabled_layer {\r\n    font-family: sans-serif, Arial, Verdana, Sylfaen !important;\r\n}\r\n\r\n#album_disabled_layer {\r\n    display: none;\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-align: center;\r\n    background-color: transparent;\r\n    z-index: 10;\r\n    padding-top: 20px;\r\n    color: #fff;\r\n}\r\n\r\n#album_list_container {\r\n    position: relative;\r\n}\r\n\r\n\/* ====================== album onhover styles ==========================*\/\r\n\r\n#album_list .view {\r\n    -webkit-box-sizing: border-box;\r\n    -moz-box-sizing: border-box;\r\n    -o-box-sizing: border-box;\r\n    display: none;\r\n\r\n}\r\n\r\n.view .mask,\r\n.view .content {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    overflow: hidden;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.view h2 {\r\n    text-transform: uppercase;\r\n    color: #fff;\r\n    text-align: center;\r\n    position: relative;\r\n    font-size: 17px;\r\n    font-family: Raleway, serif;\r\n    padding: 10px;\r\n    \/*background: rgba(0, 0, 0, 0.8);*\/\r\n    margin: 20px 0 0 0;\r\n\r\n}\r\n\r\n.album_back_button a, .view a {\r\n    text-decoration: none !important;\r\n}\r\n\r\n.view p {\r\n    font-family: Merriweather, serif;\r\n    font-style: italic;\r\n    font-size: 14px;\r\n    position: relative;\r\n    color: #fff;\r\n    padding: 0px 20px 0px;\r\n    text-align: center;\r\n\r\n}\r\n\r\n.view a.info {\r\n    display: inline-block;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    padding: 2px 14px;\r\n    margin-bottom: 3px;\r\n    background: #000;\r\n    color: #fff;\r\n    font-family: Raleway, serif;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 0 1px #000\r\n}\r\n\r\n.mask-text h2 {\r\n    font-size: 20px !important;\r\n}\r\n\r\n.view a.info:hover {\r\n    box-shadow: 0 0 5px #000\r\n}\r\n\r\n.view .mask-bg {\r\n    height: 100%;\r\n}\r\n\r\n.view .album_social {\r\n    color: #fff;\r\n    position: absolute;\r\n    bottom: 3px;\r\n    left: 3px;\r\n    border: 1px solid #ffffff;\r\n    -webkit-border-radius: 3px;\r\n    -moz-border-radius: 3px;\r\n    border-radius: 3px;\r\n    padding: 3px 5px;\r\n\r\n}\r\n\r\n.view .album_social:active, .view .album_social:focus, .view .album_social:hover {\r\n    color: #ffffff;\r\n    outline: none;\r\n}\r\n\r\n\/*1*\/\r\n\r\n.view .info {\r\n    margin-top: 5px;\r\n}\r\n\r\n.view-first .mask {\r\n    opacity: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    transition: all 0.4s ease-in-out;\r\n\r\n}\r\n\r\n.view-first h2 {\r\n    transform: translateY(-100px);\r\n    opacity: 0;\r\n    font-family: Raleway, serif;\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.view-first p {\r\n    transform: translateY(100px);\r\n    opacity: 0;\r\n    transition: all 0.2s linear;\r\n}\r\n\r\n.view-first a.info {\r\n    opacity: 0;\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.view-first .mask-text * {\r\n    color: #fff !important;\r\n}\r\n\r\n\/* *\/\r\n\r\n.view-first:hover img {\r\n    \/*transform: scale(1.1);*\/\r\n}\r\n\r\n.view-first:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-first:hover h2,\r\n.view-first:hover p,\r\n.view-first:hover a.info {\r\n    opacity: 1;\r\n    transform: translateY(0px);\r\n}\r\n\r\n.view-first:hover p {\r\n    transition-delay: 0.1s;\r\n}\r\n\r\n.view-first:hover a.info {\r\n    transition-delay: 0.2s;\r\n}\r\n\r\n\/*2*\/\r\n.view-second img {\r\n    -webkit-filter: grayscale(0) blur(0);\r\n    filter: grayscale(0) blur(0);\r\n    -webkit-transition: .3s ease-in-out;\r\n    transition: .3s ease-in-out;\r\n}\r\n\r\n.view-second .mask {\r\n    background-color: rgba(226, 200, 127, 0.2);\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-second h2 {\r\n    background: transparent;\r\n    margin: 20px 10px 0px 10px;\r\n    transform: scale(0);\r\n    color: #333;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-second p {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-second a.info {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-second:hover img {\r\n    -webkit-filter: grayscale(100%) blur(3px);\r\n    filter: grayscale(100%) blur(3px);\r\n}\r\n\r\n.view-second:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-second .mask-text * {\r\n    color: #333 !important;\r\n}\r\n\r\n.view-second:hover h2,\r\n.view-second:hover p,\r\n.view-second:hover a.info {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n}\r\n\r\n.view-second img {\r\n    -webkit-filter: grayscale(0) blur(0);\r\n    filter: grayscale(0) blur(0);\r\n    -webkit-transition: .3s ease-in-out;\r\n    transition: .3s ease-in-out;\r\n}\r\n\r\n.view-second:hover img {\r\n    -webkit-filter: grayscale(100%) blur(3px);\r\n    filter: grayscale(100%) blur(3px);\r\n}\r\n\r\n\/*3*\/\r\n\r\n.view-third img {\r\n    transform: scaleY(1);\r\n    transition: all .7s ease-in-out;\r\n}\r\n\r\n.view-third a.info {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-third:hover img {\r\n    -webkit-transform: scale(10);\r\n    transform: scale(10);\r\n    opacity: 0;\r\n}\r\n\r\n.view-third:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-third:hover h2,\r\n.view-third:hover p,\r\n.view-third:hover a.info {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n}\r\n\r\n.view-third .mask-text * {\r\n    color: #333 !important;\r\n}\r\n\r\n\/* ==== view 4 ===*\/\r\n\r\n.view-forth-wrapper {\r\n    overflow: hidden;\r\n    position: relative !important;\r\n    height: 100%;\r\n    \/* cursor: pointer;*\/\r\n}\r\n\r\n.view-forth img {\r\n    max-width: 100%;\r\n    position: relative;\r\n    top: 0;\r\n    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n}\r\n\r\n.view-forth .mask {\r\n    position: absolute;\r\n    width: 100%;\r\n    \/*    height: 70px;*\/\r\n    \/*    bottom: -70px;*\/\r\n    height: 50%;\r\n    bottom: -50%;\r\n    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    top: inherit;\r\n}\r\n\r\n.view-forth:hover .mask {\r\n    bottom: 0;\r\n}\r\n\r\n.view-forth:hover img {\r\n    top: -30px;\r\n}\r\n\r\n.view-forth .mask-text * {\r\n    color: #fff !important;\r\n}\r\n\r\n.view-forth .mask-text h2 {\r\n    margin-top: 0px !important;\r\n}\r\n\r\n\/*==  view 5 ==*\/\r\n\r\n.view-fifth .view-fifth-wrapper,\r\n.view-fifth .view-fifth-wrapper img {\r\n    display: block;\r\n    position: relative;\r\n}\r\n\r\n.view-fifth .view-fifth-wrapper {\r\n    overflow: hidden;\r\n    height: 100%;\r\n}\r\n\r\n.view-fifth .view-fifth-wrapper .mask {\r\n    display: none;\r\n    position: absolute;\r\n    background: #333;\r\n    background: rgba(75, 75, 75, 0.7);\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.view-fifth .mask-text * {\r\n    color: #fff !important;\r\n}\r\n\r\n\/* ====================== album category styles ==========================*\/\r\n\r\n#filters {\r\n    margin: 1% 0;\r\n    padding: 0;\r\n    list-style: none;\r\n    list-style-type: none !important;\r\n\r\n}\r\n\r\n#filters li {\r\n    float: left;\r\n    list-style-type: none !important;\r\n}\r\n\r\n#filters li:first-child span {\r\n    margin-left: 0px;\r\n}\r\n\r\n#filters li span {\r\n    display: block;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n}\r\n\r\n.album_categories {\r\n    list-style-type: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    padding-top: 5px;\r\n}\r\n\r\n\/*=========  sharing buttons  ============*\/\r\n\r\n.album_socials {\r\n    position: relative;\r\n    top: 3px;\r\n    width: 100px;\r\n    height: 28px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.album_socials .rwd-share-buttons {\r\n    top: 0px !important;\r\n    width: 100% !important;\r\n    margin: 0px !important;\r\n}\r\n\r\n.album_socials a {\r\n    text-decoration: underline !important;\r\n}\r\n\r\n.gallery_images, .album_image_place {\r\n    margin-top: 15px;\r\n    margin-top: 15px;\r\n}\r\n\r\n#rwd-share-facebook:hover {\r\n    background-position: 0 -31px !important;\r\n}\r\n\r\n#rwd-share-twitter:hover {\r\n    background-position: -31px 32px !important;\r\n}\r\n\r\n#rwd-share-googleplus:hover {\r\n    background-position: -66px -31px !important;\r\n}\r\n\r\n.rwd-share-buttons li, .rwd-share-buttons li a {\r\n    width: 26px !important;\r\n    border: 0px !important;\r\n}\r\n\r\n.rwd-share-buttons {\r\n    top: 0 !important;\r\n}\r\n\r\n.img_link_btn {\r\n    position: absolute;\r\n    z-index: 99999;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    width: 100%;\r\n    padding: 8px;\r\n}\r\n\r\n.rwd-title {\r\n    padding: 10px 0px !important;\r\n}\r\n\r\n@media only screen and (max-width: 475px) {\r\n    .rwd-share-buttons {\r\n        top: -25px !important;\r\n    }\r\n\r\n    .rwd-title-text {\r\n        line-height: 15px;\r\n    }\r\n}\r\n\r\n\/*=========  hover style ===========*\/\r\n\r\n#hover {\r\n    color: rgba(188, 175, 204, 0.9);\r\n}\r\n\r\nh2#testimonials {\r\n    color: #fffae3;\r\n}\r\n\r\ndiv#all {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.view img {\r\n    height: auto;\r\n}\r\n\r\n.view {\r\n    color: #fff;\r\n    margin: 0 10px 10px 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    text-align: center;\r\n    float: left;\r\n    cursor: default;\r\n    border: 1px solid #ccc;\r\n}\r\n\r\n.view-wrapper {\r\n    height: 100%;\r\n}\r\n\r\n.view img {\r\n    display: block;\r\n    position: relative;\r\n    transition: all 0.2s linear;\r\n    height: 100%;\r\n    width: auto;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n.mask-text h2 {\r\n    font-size: 18px !important;\r\n    margin-top: 20px !important;\r\n    font-weight: normal !important;\r\n}\r\n\r\n\/* view 1 *\/\r\n\r\n.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {\r\n    color: #fff;\r\n}\r\n\r\n\/*  view 2 *\/\r\n.view-second .text-category, .view-second .mask-text h2, .view-second p {\r\n    color: #333;\r\n}\r\n\r\n.view-second .mask-text h2 {\r\n    border-bottom: 1px solid #333;\r\n}\r\n\r\n\/* view 3*\/\r\n.view-third .mask {\r\n    background-color: #ccc;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n    color: #333;\r\n}\r\n\r\n.view-third h2 {\r\n    border-bottom: 1px solid #333;\r\n    background: transparent;\r\n    margin: 20px 10px 0px 10px;\r\n    transform: scale(0);\r\n    color: #333;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-third p {\r\n    color: #333;\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-third .text-category {\r\n    color: #333;\r\n}\r\n\r\n\/* view 4 *\/\r\n\r\n.view-forth .mask-bg {\r\n    background: #333;\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.view-forth .mask-text {\r\n    color: #fff;\r\n    position: relative;\r\n    z-index: 500;\r\n    padding: 5px 8px;\r\n}\r\n\r\n.view-forth .mask-text h2 {\r\n    margin: 0px;\r\n    font-size: 13px;\r\n    padding: 2px;\r\n    color: #fff;\r\n}\r\n\r\n.view-forth .mask-text h2:hover {\r\n    cursor: pointer;\r\n}\r\n\r\n.view-forth .text-category {\r\n    display: block;\r\n    font-size: 15px;\r\n    color: #fff;\r\n}\r\n\r\n.view-forth p {\r\n    color: #fff;\r\n}\r\n\r\n\/* view 5 *\/\r\n.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {\r\n    color: #fff;\r\n}\r\n\r\n<\/style>\r\n    <input type=\"hidden\" name=\"view_style\" value=\"view-first\">\r\n    <section id=\"thumbwrapper27\" class=\"gallery-img-content\"\r\n             data-rating-type=\"off\" style=\"position: relative\">\r\n        <div class=\"ph-gallery-wp-loading-icon\"><\/div>\r\n        <input type=\"hidden\" class=\"pagenum\" value=\"1\"\/>\r\n        <div style=\"visibility: hidden\" id=\"huge_it_gallery\"\r\n             class=\"ph-gallery-wp-loading-class huge_it_gallery view-thumbnails\">\r\n            <li id=\"fullPreview\"><\/li>\r\n           \r\n            <input type=\"hidden\" id=\"total\" value=\"1\"\/>\r\n                            <div class=\"huge_it_big_li view  view-first\">\r\n                    <div class=\"view-first-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group27 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/Capturechepy-2.png\"\r\n                                   title=\"Armoiries DE GROUCHES\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/Capturechepy-2-231x300.png\"\r\n                                            alt=\"Armoiries DE GROUCHES\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Armoiries DE GROUCHES<\/h2>\r\n                                                                                        <span class=\"text-category\">Tombeau Marquis de Chepy \/dessin de Gillard \r\nsource: Biblioth\u00e8que Abbeville<\/span>\r\n                                        <\/div>\r\n                                        <div class=\"mask-bg\"><\/div>\r\n                                    <\/div>\r\n                                <\/a>\r\n\r\n                                                    <\/div>\r\n\r\n                                    <\/div>\r\n                            <div class=\"huge_it_big_li view  view-first\">\r\n                    <div class=\"view-first-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group27 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/Capturechepy1-2.png\"\r\n                                   title=\"Armoiries DE GROUCHES\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/Capturechepy1-2-300x265.png\"\r\n                                            alt=\"Armoiries DE GROUCHES\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Armoiries DE GROUCHES<\/h2>\r\n                                                                                        <span class=\"text-category\">Tombeau Marquis de Chepy \/dessin Macron\r\nsource: Biblioth\u00e8que Abbeville<\/span>\r\n                                        <\/div>\r\n                                        <div class=\"mask-bg\"><\/div>\r\n                                    <\/div>\r\n                                <\/a>\r\n\r\n                                                    <\/div>\r\n\r\n                                    <\/div>\r\n                    <\/div>\r\n            <\/section>\r\n\r\n<style>\tsection #huge_it_gallery {\r\n\t\tpadding: 28px !important;\r\n\t\tmin-width: 100%;\r\n\t\twidth: 100%;\r\n\t\tmin-height: 100%;\r\n\t\ttext-align: center;\r\n\t\tmargin: 0;\r\n\t\tmargin-bottom: 30px;\r\n\t  background-color: #333333; \tbox-shadow: 0 0 10px;\t}\r\n\t#huge_it_gallery .huge_it_big_li {\r\n\t\t\toverflow:hidden;\r\n\t\twidth: 232px;\r\n\t\tmax-width: 232px;\r\n\t\theight: 152px;\r\n\t\tmargin: 1px -1px !important;\r\n\t\tborder-radius: 5px;\r\n\t\tpadding:0 !important;\r\n\t\t\tborder-radius: 5px;\r\n\t\tborder: 1px solid #444444;\r\n\t\tbox-sizing: border-box;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t#huge_it_gallery li img {\r\n\t\t\twidth: 100%;\r\n\t\tmax-width: 230px;\r\n\t\theight: 150px;\r\n\t\tmargin:0 !important;\r\n\t\t\tborder-radius: 0px;\r\n\t}\r\n\tsection #huge_it_gallery li .overLayer ul li h2,\r\n\tsection #huge_it_gallery li .infoLayer ul li h2 {\r\n\t\tfont-size: 16px;\r\n\t\tcolor: #FFFFFF;\r\n\t}\r\n\tsection #huge_it_gallery li .infoLayer ul li p {\r\n\t\tcolor: #FFFFFF;\r\n\t}\r\n\tsection #huge_it_gallery li .overLayer,\r\n\tsection #huge_it_gallery li .infoLayer {\r\n\t\t-webkit-transition: opacity 0.3s linear;\r\n\t\t-moz-transition: opacity 0.3s linear;\r\n\t\t-ms-transition: opacity 0.3s linear;\r\n\t\t-o-transition: opacity 0.3s linear;\r\n\t\ttransition: opacity 0.3s linear;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 232px;\r\n\t\theight: 152px;\r\n\t\tposition: absolute;\r\n\t\ttext-align: center;\r\n\t\topacity: 0;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 4;\r\n\t\tmax-height: 100%;\r\n\t\tborder-radius: 0px;\r\n\t}\r\n\tsection #huge_it_gallery li a {\r\n\t\tposition: absolute;\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 232px;\r\n\t\theight: 152px;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 6;\r\n\t\tmax-height: 100%;\r\n\t}\r\n\t.load_more3 {\r\n\t\tmargin: 10px 0;\r\n\t\tposition:relative;\r\n\t\ttext-align:center;\r\n\t\twidth:100%;\r\n\t}\r\n\t.load_more_button3 {\r\n\t\tborder-radius: 10px;\r\n\t\tdisplay:inline-block;\r\n\t\tpadding:5px 15px;\r\n\t\tfont-size:19px !important;;\r\n\t\tcolor:#CCCCCC !important;;\r\n\t\tbackground:# !important;\r\n\t\tcursor:pointer;\r\n\t}\r\n\t.load_more_button3:hover{\r\n\t\tcolor:#D9D9D9 !important;\r\n\t\tbackground:#8F827C !important;\r\n\t}\r\n\t.loading3 {\r\n\t\tdisplay:none;\r\n\t}\r\n\t.paginate3{\r\n\t\tfont-size:22px !important;\r\n\t\tcolor:#0A0202 !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\t.paginate3 a{\r\n\t\tborder-bottom: none !important;\r\n\t}\r\n\t.icon-style3{\r\n\t\tfont-size: 22px !important;\r\n\t\tcolor:#333333 !important;\r\n\t}\r\n\t.clear{\r\n\t\tclear:both;\r\n\t}\r\n\tsection #huge_it_gallery li:hover .overLayer {\r\n\t\t-webkit-transition: opacity 0.3s linear;\r\n\t\t-moz-transition: opacity 0.3s linear;\r\n\t\t-ms-transition: opacity 0.3s linear;\r\n\t\t-o-transition: opacity 0.3s linear;\r\n\t\ttransition: opacity 0.3s linear;\r\n\t\topacity: 0.701;\r\n\t\tdisplay: block;\r\n\t\tbackground: #CCCCCC;\r\n\t\t\/*border-radius: 0px;*\/\r\n\t}\r\n\tsection #huge_it_gallery li:hover .infoLayer {\r\n\t\t-webkit-transition: opacity 0.3s linear;\r\n\t\t-moz-transition: opacity 0.3s linear;\r\n\t\t-ms-transition: opacity 0.3s linear;\r\n\t\t-o-transition: opacity 0.3s linear;\r\n\t\ttransition: opacity 0.3s linear;\r\n\t\topacity: 1;\r\n\t\tdisplay: block;\r\n\t}\r\n\tsection #huge_it_gallery p {text-align:center;}\r\n\t.ph-gallery-wp-loading-icon {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\tbackground:  url(https:\/\/www.huppy-patrimoine.fr\/wp-content\/plugins\/gallery-and-caption\/assets\/images\/loading\/loading-1.svg) center top ;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: 60px auto;\r\n}\r\n\r\n.view {float:none;display:inline-block;}\r\n.view img{\r\n    margin: 0 auto !important;\r\n}\r\n\r\n .view-second h2, .view-third h2{\r\n    border-bottom: 1px solid #333 !important;\r\n    margin:20px 10px 0 10px !important;\r\n}\r\n\r\n<\/style>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Nous vous invitons \u00e0 parcourir la G\u00e9n\u00e9alogie historique de la maison DE GROUCHES \u2013 DE CHEPY en Picardie.<\/span><\/p>\n<p><span style=\"text-decoration: underline; font-size: 10pt;\"><a href=\"https:\/\/gallica.bnf.fr\/ark:\/12148\/bpt6k854313b.image\"><span style=\"color: #0000ff;\"><em><strong><span style=\"font-family: 'times new roman', times, serif;\">G\u00e9n\u00e9alogie de la Maison DE GROUCHES\u00a0<\/span><\/strong><\/em><\/span><\/a><\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 12pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">De Saint Denis \u00e0 Boulogne-sur-Mer<\/span><\/strong><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive aligncenter wp-image-872 size-large\" src=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img086-2-001-1016x1024.jpg\" alt=\"\" width=\"1016\" height=\"1024\" srcset=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img086-2-001-1016x1024.jpg 1016w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img086-2-001-150x150.jpg 150w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img086-2-001-298x300.jpg 298w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img086-2-001-768x774.jpg 768w\" sizes=\"auto, (max-width: 1016px) 100vw, 1016px\" \/><\/p>\n<p><span style=\"font-size: 10pt;\"><span style=\"text-decoration: underline;\"><span style=\"color: #000000;\"><strong>M\u00e9fiance:<\/strong><\/span><\/span><span style=\"font-family: 'times new roman', times, serif; color: #000000;\">\u00a0Sur certains sites du web, des blasons<span style=\"color: #000000;\"><span style=\"font-family: 'times new roman', times, serif;\"> ou des \u00e9cussons portant le nom Huppy se baladent sur la toile.<\/span><\/span> Ils se revendiquent comme \u00e9tant ceux de la commune de Huppy. Les descriptions qui en sont faites sont parfois totalement erron\u00e9es.\u00a0<\/span><\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 12pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">Origine du blason de la commune de Huppy:<\/span><\/strong><\/span><\/p>\n<figure id=\"attachment_156\" aria-describedby=\"caption-attachment-156\" style=\"width: 305px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" class=\" img-responsive wp-image-156\" src=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/0053-2.jpg\" alt=\"\" width=\"305\" height=\"354\" srcset=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/0053-2.jpg 553w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/0053-2-259x300.jpg 259w\" sizes=\"auto, (max-width: 305px) 100vw, 305px\" \/><figcaption id=\"caption-attachment-156\" class=\"wp-caption-text\">Source: ASPACHuppy &amp; Cr\u00e9ation: Claude PIETTE<\/figcaption><\/figure>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 14pt; color: #000000;\">\u00a0 <span style=\"font-size: 10pt;\">L\u2019ASPACHuppy, lors de sa cr\u00e9ation officielle le 10 mai 1984, avait opt\u00e9 pour logo ce dessin ci-contre, repr\u00e9sentant en graphiques symboliques ou suggestifs les sp\u00e9cificit\u00e9s du village de Huppy. Nous y voyons au travers des divers traits, le clocher de l\u2019\u00e9glise; une baie aux vitraux histori\u00e9s; le ch\u00e2teau comme l\u2019\u00e9glise class\u00e9 aux monuments historiques; une croix de Lorraine; les ailes et engrenages des moulins \u00e0 vent de jadis; un sac de farine; des cadenas ou clefs.<\/span><\/span><\/p>\n<figure id=\"attachment_741\" aria-describedby=\"caption-attachment-741\" style=\"width: 359px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive wp-image-741\" style=\"color: #000000; font-family: 'times new roman', times, serif;\" src=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img084-2.jpg\" alt=\"\" width=\"359\" height=\"503\" srcset=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img084-2.jpg 1970w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img084-2-214x300.jpg 214w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img084-2-768x1075.jpg 768w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img084-2-732x1024.jpg 732w\" sizes=\"auto, (max-width: 359px) 100vw, 359px\" \/><figcaption id=\"caption-attachment-741\" class=\"wp-caption-text\"><span style=\"font-size: 10pt;\">Source: ASPACHuppy &amp; Cr\u00e9ation: Claude PIETTE 14\/07\/1989<\/span><\/figcaption><\/figure>\n<p><span style=\"font-size: 10pt;\"><span style=\"font-family: 'times new roman', times, serif; color: #000000;\">\u00a0 Apr\u00e8s quelques ann\u00e9es de travail et de recherches au sein de l\u2019association, Claude PIETTE, qui avait d\u00e9j\u00e0 dessin\u00e9 le premier logo de l\u2019ASPACHuppy, en con\u00e7u un second plus repr\u00e9sentatif du village avec \u00e0 peu pr\u00e8s toutes ses caract\u00e9ristiques historiques. Il faut noter ici que le quartier gauche en haut est <strong>inspir\u00e9 du blason de la Maison DE GROUCHES.<\/strong> Nous retrouvons les m\u00eames couleurs avec l&rsquo;insertion d&rsquo;une rivi\u00e8re suppl\u00e9mentaire,<strong> La Vimeuse<\/strong>. Sur ce dessin ce ne sont plus les trois fleuves ou rivi\u00e8res, qui composent le blason de la Maison DE GROUCHES, mais maintenant quatre dont les couleurs s&rsquo;inversent. La Vimeuse se positionnant entre la Somme et la Bresle.<\/span> <span style=\"font-family: 'times new roman', times, serif; color: #000000;\">Le 14 juillet 1989, naissait cette nouvelle maquette, reprenant dans le quartier bas \u00e0 gauche le premier logo de l\u2019ASPACHuppy. Celui-ci prenait le nom de <strong>\u00abHuppy-en-Vimeu\u00a0\u00bb.<\/strong><\/span><\/span><span style=\"font-family: 'times new roman', times, serif; font-size: 14pt; color: #000000;\"><span style=\"font-size: 10pt;\">\u00a0<\/span> \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <span style=\"font-family: 'times new roman', times, serif; font-size: 8pt; color: #000000;\">\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0<\/span><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Cette nouvelle maquette en couleur devenait le nouveau logo de l\u2019ASPACHuppy.<\/span><\/p>\n<figure id=\"attachment_744\" aria-describedby=\"caption-attachment-744\" style=\"width: 342px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive wp-image-744\" src=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img085-3.jpg\" alt=\"\" width=\"342\" height=\"486\" srcset=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img085-3.jpg 805w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img085-3-211x300.jpg 211w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img085-3-768x1093.jpg 768w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/img085-3-719x1024.jpg 719w\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" \/><figcaption id=\"caption-attachment-744\" class=\"wp-caption-text\">Source: ASPACHuppy &amp; Cr\u00e9ation: Claude PIETTE<\/figcaption><\/figure>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 14pt; color: #000000;\">\u00a0 <span style=\"font-size: 10pt;\">\u00a0Suite \u00e0 l\u2019adoption par le conseil municipal du blason communal, de sa ressemblance avec le logo de l\u2019ASPACHuppy, de la r\u00e9union de l\u2019association tenue le 4 mars 2019, l&rsquo;ASPACHuppy a d\u00e9cid\u00e9 de reprendre et d\u2019officialiser son premier logo cr\u00e9\u00e9 lors de la cr\u00e9ation de l\u2019association. Ceci afin de se diff\u00e9rencier du blason communal de Huppy.<\/span><\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif; color: #000000;\">Ce logo cr\u00e9\u00e9 en 1984, devient dor\u00e9navant celui officiel de l\u2019ASPACHuppy.<\/span><\/strong><\/span><\/p>\n<figure id=\"attachment_183\" aria-describedby=\"caption-attachment-183\" style=\"width: 615px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive wp-image-183\" src=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/logo-aspach.png\" alt=\"\" width=\"615\" height=\"642\" srcset=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/logo-aspach.png 1304w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/logo-aspach-288x300.png 288w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/logo-aspach-768x801.png 768w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/logo-aspach-982x1024.png 982w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption id=\"caption-attachment-183\" class=\"wp-caption-text\">Source: ASPACHuppy &amp; Cr\u00e9ation: Claude PIETTE<\/figcaption><\/figure>\n<p style=\"text-align: center;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 12pt; color: #000000;\"><strong>Une remarque importante s\u2019impose :<\/strong><\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif; color: #000000;\">La famille DE HUPPY \u00abargent au chevron d\u2019or accompagn\u00e9 de trois huppes de <\/span><span style=\"font-family: 'times new roman', times, serif; color: #000000;\">m\u00eame couleur\u00bb.<\/span><\/strong><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-762 img-responsive aligncenter\" src=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/Blason_Huppy.svg_.png\" alt=\"\" width=\"308\" height=\"339\" srcset=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/Blason_Huppy.svg_.png 800w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/Blason_Huppy.svg_-273x300.png 273w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/04\/Blason_Huppy.svg_-768x845.png 768w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 10pt;\"><span style=\"font-family: 'times new roman', times, serif; color: #000000;\">Blason de la famille DE HUPPY n\u2019ayant <\/span><span style=\"font-family: 'times new roman', times, serif; color: #000000;\">aucun lien avec la commune Huppy<\/span><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Cette famille n\u2019a aucun lien avec notre village sauf le nom \u00abHuppy\u00bb. Elle n\u2019y a jamais poss\u00e9d\u00e9 de fiefs, n\u2019en a jamais poss\u00e9d\u00e9 la Seigneurie et n\u2019a jamais habit\u00e9 Huppy. Il y a en France et dans la Somme un grand nombre de patronymes \u00abHuppy\u00bb avec ou sans la particule \u00abDe\u00bb.<\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Claude PIETTE a rencontr\u00e9 il y a plusieurs ann\u00e9es des descendants de cette famille qui portent encore ce nom et qui lui ont confirm\u00e9 apr\u00e8s de nombreuses recherches aux archives qu\u2019il n\u2019y avait probablement aucun lien entre leur famille et notre village \u00e0 part ce nom tr\u00e8s r\u00e9pandu encore.<\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Le Marquis De BELLEVAL \u00e9crit dans le Nobiliaire de Ponthieu et de Vimeu \u00e9dit\u00e9 en 1876\u00a0:<\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>\u00a0Une seule branche de cette famille a poss\u00e9d\u00e9 la noblesse, sans anoblissement, en passant ainsi insensiblement de la bourgeoisie \u00e0 la noblesse<\/strong><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">C&rsquo;est-\u00e0-dire qu\u2019\u00e0 une certaine \u00e9poque (vers 1164) apr\u00e8s enrichissement ou apr\u00e8s une certaine notori\u00e9t\u00e9 ces bourgeois ont purement et simplement ajout\u00e9 la particule \u00ab<strong>DE<\/strong>\u00bb \u00e0 leur nom passant ainsi de la famille de bourgeois <strong>HUPPY<\/strong>, \u00e0 la famille <strong>DE HUPPY<\/strong>. Pour cet acte illicite cette famille DE HUPPY f\u00fbt inqui\u00e9t\u00e9e en 1620 pour sa possession de titre de Noblesse.<\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Il n\u2019y a donc aucune relation de lien de famille entre ce nom et le village. Nous pouvons n\u00e9anmoins envisager qu\u2019une possibilit\u00e9 existe dans les origines du nom de la commune de Huppy, rien d\u2019autre, un point c\u2019est tout. Voir dans les <span style=\"color: #0000ff;\">\u00a0<a style=\"color: #0000ff;\" href=\"http:\/\/huppy-patrimoine.fr\/index.php\/origines-du-nom\/\"><strong><em><u>\u00abLes origines du nom\u00bb.<\/u><\/em><\/strong><\/a><\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: left;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 14pt; color: #000000;\"><span style=\"font-size: 14pt;\">\u00a0\u00a0<\/span><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le blason officiel de la commune de Huppy dans le Vimeu. Lors de la s\u00e9ance du conseil municipal de Huppy du 17 avril 2018, Monsieur<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-731","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/pages\/731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/comments?post=731"}],"version-history":[{"count":109,"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/pages\/731\/revisions"}],"predecessor-version":[{"id":1133,"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/pages\/731\/revisions\/1133"}],"wp:attachment":[{"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/media?parent=731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/categories?post=731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/tags?post=731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}