
{"id":421,"date":"2019-03-15T11:31:29","date_gmt":"2019-03-15T10:31:29","guid":{"rendered":"http:\/\/huppy-patrimoine.fr\/?page_id=421"},"modified":"2019-04-14T19:10:11","modified_gmt":"2019-04-14T17:10:11","slug":"origines-du-nom","status":"publish","type":"page","link":"https:\/\/www.huppy-patrimoine.fr\/index.php\/origines-du-nom\/","title":{"rendered":"Origines du nom"},"content":{"rendered":"<h3 style=\"text-align: center;\"><span style=\"color: #000000; font-size: 12pt;\"><strong><em><span style=\"font-family: 'times new roman', times, serif;\">LES ORIGINES DU NOM<\/span><\/em><\/strong><\/span><\/h3>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive aligncenter wp-image-476\" src=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img005-2.jpg\" alt=\"\" width=\"300\" height=\"144\" \/><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Ecrire l&rsquo;histoire d&rsquo;un village n&rsquo;est pas chose ais\u00e9e pour les n\u00e9ophytes que nous sommes!<\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">\u00a0 Par o\u00f9 commencer ? Quelle est la meilleure entr\u00e9e en mati\u00e8re pour captiver d&rsquo;entr\u00e9e l&rsquo;attention du lecteur ? Sans-doute l&rsquo;origine du nom quand il semble sortir des ordinaires. <strong><em>MACHINVILLE, TRUCVILLE,\u00a0 CHOSECAMPS, TRIFOUILLIS AU VAL ! ou AU MONT!<\/em><\/strong><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>HUPPY<\/strong>, \u00e7\u00e0 c&rsquo;est pas banal !<\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">\u00a0 C&rsquo;est d&rsquo;ailleurs ce qu&rsquo;ont pens\u00e9 quelques <em>grosses t\u00eates\u00a0<\/em> qui ont cherch\u00e9 ou <em>invent\u00e9<\/em> l&rsquo;origine.<\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; color: #000000; font-size: 10pt;\">\u00a0 Nous allons reprendre ces \u00e9crits en y ajoutant quelques versions glan\u00e9es \u00e7\u00e0 et l\u00e0 parmi des t\u00e9moignages oraux, qui, nous le savons, sont toujours \u00e0 prendre avec prudence m\u00eame s&rsquo;ils ont travers\u00e9 les si\u00e8cles sans jamais rencontrer vraiment de contradictions ou de d\u00e9mentis formels, tant ils paraissent aussi plausibles que ceux de nos \u00e9minents chercheurs.<\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">\u00a0 Nous pr\u00e9senterons donc sur ce site de l\u2019ASPACHuppy l&rsquo;ensemble de ce que nous avons recueilli sur les origines de ce nom <strong>HUPPY.<\/strong><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Voici les onze origines possibles et recens\u00e9es que nous allons argumenter :<\/span><\/p>\n<ul>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">1) de <strong>renard<\/strong> ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">2)\u00a0 de <strong>Huppy hameau<\/strong> de Douvrend ;\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><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">3) de <strong>famille de Huppy<\/strong> ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">4) de <strong>huppe<\/strong> ;\u00a0 \u00a0\u00a0<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">5) de <strong>houppe<\/strong> ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">6) de <strong>houppier<\/strong> ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">7)\u00a0 de <strong>haut pays<\/strong> ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">8) de <strong>Notre Dame d&rsquo;O.Pie<\/strong> ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">9) de <strong>aux puits<\/strong> ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">10) de <strong>aux pies<\/strong> ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">11)\u00a0 de <strong>domaine de Huppo<\/strong> ;<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #000000; font-size: 10pt;\"><span style=\"font-family: 'times new roman', times, serif;\">Nous avons \u00e9galement des noms de villes ou de villages dont le nom approche celui de Huppy. Nous les indiquons avec leur d\u00e9partement e<\/span>t code postal;<\/span><\/p>\n<ul>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>UPIE<\/strong>\u00a0 \u00a0(Drome 26120 Chabeuil) ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>APPY\u00a0<\/strong> (Ari\u00e8ge 09250 Luzenac) ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>HUPPAIN<\/strong> (Calvados 14250 Port-en-Bessin) ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>CHEPPY<\/strong> (Meuse 55270 Varenne-en-Argonne) ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>OPPY<\/strong>\u00a0(Pas-de-Calais 62165 Bailleul-sur-Berthoult) ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>HOUPPEVILLE<\/strong> (Sein-Maritime 76230 Bois-Guillaume) ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>CHEPY<\/strong> (Somme)<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>HOUPLINES<\/strong> (Nord 59116) ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>ROUPY<\/strong> (Aisne\u00a0 02) ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>OPIO<\/strong> (Alpes-Maritime) ;<\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>PIA<\/strong> (Pyr\u00e9n\u00e9es-Orientales)<\/span><\/li>\n<\/ul>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">et peut-\u00eatre d&rsquo;autres lieux ?<\/span><\/p>\n<h3 style=\"text-align: center;\"><span style=\"color: #000000; font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">D\u00e9veloppons les argumentations des diff\u00e9rentes\u00a0<\/span><\/strong><span style=\"font-family: times new roman, times, serif;\">hypoth\u00e8ses<\/span><\/span><\/h3>\n<h3><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">1) <strong>RENARD<\/strong> :\u00a0<\/span><\/h3>\n<p style=\"text-align: left;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Selon Ren\u00e9 DEBRIE, docteur es-lettres, <strong>HUPPY<\/strong> viendrait de <strong>VULPE<\/strong>. <\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Il cite, dans \u00ab\u00a0Prononciation et \u00e9tymologie des noms de lieux habit\u00e9s\u00a0\u00bb EKLITRA n\u00b017 page 66, aux archives d\u00e9partementale de la Somme en 1974, ceci:<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">VULPE \u00ab\u00a0RENARD\u00a0\u00bb<\/span><\/strong><\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">HUPPY \u00ab\u00a0UPI\u00a0\u00bb<\/span><\/strong><\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">J-BLED (393) metairie<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Gys (527) anciennes graphies<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Dau (538) VULPIACUM (gamillscheg)<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Lat. Vulpes (renard)<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Racum (suffixe.douteux)<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">CRI : QUID: Le renard glapit ou jappe<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Donc vient de<strong> RENARD<\/strong><\/span><\/p>\n<h3><span style=\"font-size: 10pt; color: #000000;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">2) Huppy hameau de Douvrend :<\/span><\/strong><\/span><\/h3>\n<p><span style=\"font-size: 10pt; font-family: 'times new roman', times, serif; color: #000000;\">\u00a0 Dans la Seine-Maritime sur la commune de Douvrend, il existe un hameau portant le m\u00eame nom avec la m\u00eame orthographie,<strong> HUPPY<\/strong>. En fin d&rsquo;ann\u00e9e 1992, Claude PIETTE a visit\u00e9 ce hameau et rencontr\u00e9 le propri\u00e9taire de ce petit manoir afin de connaitre s&rsquo;il existait une relation entre les deux communes. Rien ne semble appara\u00eetre d&rsquo;une quelconque relation entre les deux communes. Quelques ann\u00e9es auparavant, en 1976, M. Jaques BUIRET, maire de Huppy, avait \u00e9galement effectu\u00e9 cette m\u00eame d\u00e9marche avec la commune de Douvrend. La r\u00e9ponse \u00e9tait identique : Aucune relation.<\/span><\/p>\n<p><span style=\"font-size: 10pt; font-family: 'times new roman', times, serif; color: #000000;\">Ci-apr\u00e8s le courrier de M. Henri CAHINGT<\/span><\/p>\n<figure id=\"attachment_439\" aria-describedby=\"caption-attachment-439\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive wp-image-439\" src=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/douvrend.jpg\" alt=\"\" width=\"700\" height=\"1135\" srcset=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/douvrend.jpg 1005w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/douvrend-185x300.jpg 185w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/douvrend-768x1245.jpg 768w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/douvrend-632x1024.jpg 632w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><figcaption id=\"caption-attachment-439\" class=\"wp-caption-text\">(Source: archives ASPACHuppy)<\/figcaption><\/figure>\n<p style=\"text-align: left;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 14pt; color: #000000;\">\u00a0<span style=\"font-size: 10pt;\"> Apr\u00e8s sa visite \u00e0 Douvrend Claude PIETTE dessine, les 3, 4 et 5 janvier 1993, ces trois dessins du hameau de HUPPY de la commune de Douvrend. Dans le diaporama ci-dessous ses dessins ainsi que les photos correspondantes.<\/span><\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt;\"><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-fifth\">\r\n    <section id=\"thumbwrapper5\" 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=\"2\"\/>\r\n                            <div class=\"huge_it_big_li view  view-fifth\">\r\n                    <div class=\"view-fifth-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group5 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/Manoir-douvrend-2.jpg\"\r\n                                   title=\"Dessin de Claude PIETTE\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/Manoir-douvrend-2-204x300.jpg\"\r\n                                            alt=\"Dessin de Claude PIETTE\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Dessin de Claude PIETTE<\/h2>\r\n                                                                                        <span class=\"text-category\">Dessin  \u00e0 la plume<\/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-fifth\">\r\n                    <div class=\"view-fifth-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group5 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img003-2.jpg\"\r\n                                   title=\"Huppy commune de Douvrend\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img003-2-292x300.jpg\"\r\n                                            alt=\"Huppy commune de Douvrend\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Huppy commune de Douvrend<\/h2>\r\n                                                                                        <span class=\"text-category\">Le manoir de Huppy<\/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-fifth\">\r\n                    <div class=\"view-fifth-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group5 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img004-2.jpg\"\r\n                                   title=\"Huppy commune de Douvrend\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img004-2-290x300.jpg\"\r\n                                            alt=\"Huppy commune de Douvrend\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Huppy commune de Douvrend<\/h2>\r\n                                                                                        <span class=\"text-category\">Le manoir du hameau de Huppy<\/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-fifth\">\r\n                    <div class=\"view-fifth-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group5 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img002-2.jpg\"\r\n                                   title=\"Huppy commune de Douvrend\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img002-2-292x300.jpg\"\r\n                                            alt=\"Huppy commune de Douvrend\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Huppy commune de Douvrend<\/h2>\r\n                                                                                        <span class=\"text-category\">Panneau indicateur du manoir du hameau de Huppy<\/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-fifth\">\r\n                    <div class=\"view-fifth-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group5 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img001-2.jpg\"\r\n                                   title=\"Huppy commune de Douvrend\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img001-2-289x300.jpg\"\r\n                                            alt=\"Huppy commune de Douvrend\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Huppy commune de Douvrend<\/h2>\r\n                                                                                        <span class=\"text-category\">Tour du manoir<\/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-fifth\">\r\n                    <div class=\"view-fifth-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group5 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img042-2.jpg\"\r\n                                   title=\"Dessin de Claude PIETTE\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img042-2-204x300.jpg\"\r\n                                            alt=\"Dessin de Claude PIETTE\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Dessin de Claude PIETTE<\/h2>\r\n                                                                                        <span class=\"text-category\">Le manoir<\/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-fifth\">\r\n                    <div class=\"view-fifth-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group5 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img040-2.jpg\"\r\n                                   title=\"Dessin de Claude PIETTE\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img040-2-196x300.jpg\"\r\n                                            alt=\"Dessin de Claude PIETTE\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Dessin de Claude PIETTE<\/h2>\r\n                                                                                        <span class=\"text-category\">Vue du hameau de Huppy<\/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\r\n    <script type=\"text\/javascript\">\r\n        jQuery(document).ready(function () {\r\n            jQuery('.view-fifth ').each(function () {\r\n                jQuery(this).hoverdir();\r\n            });\r\n        });\r\n    <\/script>\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><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>3)<\/strong> <strong>Famille DE HUPPY :<\/strong><\/span><\/p>\n<ul>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>Armoiries de la famille DE HUPPY:<\/strong> Trois huppes sur fond bleu avec chevrons or.<\/span><\/li>\n<li><span style=\"font-size: 10pt;\"><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=\"thumbwrapper12\" 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_group12 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img001-2-1.jpg\"\r\n                                   title=\"Blason \">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img001-2-1-205x300.jpg\"\r\n                                            alt=\"Blason \"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Blason <\/h2>\r\n                                                                                        <span class=\"text-category\">Famille DE HUPPY; Dessin de Claude PIETTE ao\u00fbt 2002<\/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><\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>Lucien GROU<\/strong>\u00c8, dans son ouvrage\u00a0 <strong><em>Aux confins de la Picardie et de la Normandie<\/em><\/strong>, page 176 cite: <strong>WAIGNARD<\/strong>,\u00a0 nomme un certain <strong>Jean de Haucourt seigneur d&rsquo;Huppy<\/strong> qui a port\u00e9 <strong>d&rsquo;or \u00e0 trois pales de sable trois bandes verticales noires sur fond jaune.<\/strong><\/span><\/li>\n<li><span style=\"font-size: 10pt;\"><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=\"thumbwrapper13\" 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_group13 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/grou\u00e9.png\"\r\n                                   title=\"Grou\u00e9 \">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/grou\u00e9-227x300.png\"\r\n                                            alt=\"Grou\u00e9 \"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Grou\u00e9 <\/h2>\r\n                                                                                        <span class=\"text-category\">Aux confins de la Picardie et de la Normandie<\/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><\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt;\"><span style=\"color: #000000;\">Vitrail du ch\u0153ur de l&rsquo;\u00e9glise de Huppy sur lequel on d\u00e9couvre dans les carr\u00e9s du bas \u00e0 droite et \u00e0 gauche les couleurs <\/span><strong><span style=\"color: #000000;\">d&rsquo;or \u00e0 trois pales de sable trois bandes verticales noires sur fond jaune de Jean de Haucourt seigneur d&rsquo;Huppy<\/span>.<\/strong><\/span><\/li>\n<li><span style=\"font-size: 10pt;\"><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=\"thumbwrapper10\" 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_group10 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/1.jpg\"\r\n                                   title=\"Ch\u0153ur de l&#39 \u00e9glise Saint SULPICE de Huppy\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/1-300x199.jpg\"\r\n                                            alt=\"Ch\u0153ur de l&#39 \u00e9glise Saint SULPICE de Huppy\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Ch\u0153ur de l&#39 \u00e9glise Saint SULPICE de Huppy<\/h2>\r\n                                                                                        <span class=\"text-category\">Vitrail gauche aux couleurs de Jean de HAUCOURT <\/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_group10 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/2.jpg\"\r\n                                   title=\"Le vitrail de gauche \">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/2-199x300.jpg\"\r\n                                            alt=\"Le vitrail de gauche \"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Le vitrail de gauche <\/h2>\r\n                                                                                        <span class=\"text-category\">Dans sa totalit\u00e9<\/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_group10 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/3.jpg\"\r\n                                   title=\"Bas du vitrail de gauche\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/3-300x192.jpg\"\r\n                                            alt=\"Bas du vitrail de gauche\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Bas du vitrail de gauche<\/h2>\r\n                                                                                        <span class=\"text-category\">Vue des deux armoiries de Jean de HAUCOURT<\/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_group10 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/4.jpg\"\r\n                                   title=\"Vitrail de gauche\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/4-248x300.jpg\"\r\n                                            alt=\"Vitrail de gauche\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Vitrail de gauche<\/h2>\r\n                                                                                        <span class=\"text-category\">Armoiries de droite<\/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_group10 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/5.jpg\"\r\n                                   title=\"Vitrail de gauche\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/5-253x300.jpg\"\r\n                                            alt=\"Vitrail de gauche\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Vitrail de gauche<\/h2>\r\n                                                                                        <span class=\"text-category\">Armoiries de gauche<\/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><\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Un nouveau martyr Picard : <strong>Louis Vulphy DE HUPPY.<\/strong><\/span><\/li>\n<li><span style=\"font-size: 10pt;\"><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=\"thumbwrapper11\" 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_group11 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img005-2-1.jpg\"\r\n                                   title=\"Louis Vulphy DE HUPPY\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img005-2-1-157x300.jpg\"\r\n                                            alt=\"Louis Vulphy DE HUPPY\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Louis Vulphy DE HUPPY<\/h2>\r\n                                                                                        <span class=\"text-category\">Martyr Picard, B\u00e9atification le 1er octobre 1995, par le pape Jean Paul II.<\/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><\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Le nobiliaire de Ponthieu et de Vimeu par le marquis de BELLEVAL 1876. Pages 506, 507, 508, 509 et 501 se rapportant \u00e0 la famille <strong>DE HUPPY<\/strong>.<\/span><\/li>\n<li><span style=\"font-size: 10pt;\"><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=\"thumbwrapper8\" 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_group8 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2943-3.jpg\"\r\n                                   title=\"Arbre g\u00e9n\u00e9alogique de la  famille DE HUPPY\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2943-3-228x300.jpg\"\r\n                                            alt=\"Arbre g\u00e9n\u00e9alogique de la  famille DE HUPPY\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Arbre g\u00e9n\u00e9alogique de la  famille DE HUPPY<\/h2>\r\n                                                                                        <span class=\"text-category\">Arbre r\u00e9alis\u00e9 par Claude PIETTE , Incomplet! <\/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_group8 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img002-2-1.jpg\"\r\n                                   title=\"Famille DE HUPPY\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img002-2-1-300x251.jpg\"\r\n                                            alt=\"Famille DE HUPPY\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Famille DE HUPPY<\/h2>\r\n                                                                                        <span class=\"text-category\"><\/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_group8 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img004-2-1.jpg\"\r\n                                   title=\"Nobiliaire de Ponthieu et de Vimeu\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img004-2-1-203x300.jpg\"\r\n                                            alt=\"Nobiliaire de Ponthieu et de Vimeu\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Nobiliaire de Ponthieu et de Vimeu<\/h2>\r\n                                                                                        <span class=\"text-category\">Par le Marquis DE BELLEVAL 1876<\/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_group8 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img003-2-1.jpg\"\r\n                                   title=\"Nobiliaire de Ponthieu et de Vimeu\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img003-2-1-196x300.jpg\"\r\n                                            alt=\"Nobiliaire de Ponthieu et de Vimeu\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Nobiliaire de Ponthieu et de Vimeu<\/h2>\r\n                                                                                        <span class=\"text-category\">Tout ce qui se rapporte \u00e0 Huppy pages 506, 507, 508;<\/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_group8 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img006-2.jpg\"\r\n                                   title=\"Nobiliaire de Ponthieu et de Vimeu\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img006-2-258x300.jpg\"\r\n                                            alt=\"Nobiliaire de Ponthieu et de Vimeu\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Nobiliaire de Ponthieu et de Vimeu<\/h2>\r\n                                                                                        <span class=\"text-category\">Tout ce qui se rapporte \u00e0 Huppy pages 509, 510.<\/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><\/span><\/li>\n<\/ul>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>4) HUPPE :<\/strong><\/span><\/p>\n<ul>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>D\u00e9finition de huppe du Petit Larousse :<\/strong><\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Nom f\u00e9minin du latin upupa. 1) Touffe de plumes que certains oiseaux ont sur la t\u00eate. Synonyme de Houppe. 2) Oiseau passereau insectivore d&rsquo;Eurasie et d&rsquo;Afrique, de la grosseur d&rsquo;un merle, au plumage roux barr\u00e9 de noir et de blanc sur les ailes, dot\u00e9 d&rsquo;une cr\u00eate de plusieurs plumes sur la t\u00eate. (Genre Upupa; famille des upupid\u00e9s.)<\/span><\/li>\n<li><span style=\"color: #000000; font-size: 10pt;\"><span style=\"font-family: 'times new roman', times, serif;\"><strong>Lucien GROU\u00c8,<\/strong> dans son ouvrage\u00a0 <\/span><strong style=\"font-family: 'times new roman', times, serif;\"><em><span style=\"font-family: 'times new roman', times, serif;\">A<\/span>ux confins de la Picardie et de la Normandie, <\/em><\/strong><span style=\"font-family: 'times new roman', times, serif;\">\u00e9dition PAILLARD Abbeville 1992, nous trouvons sur Huppy: Selon Ren\u00e9 DE BELLEVAL, WAIGNARD, LA GORGUE DE ROSNY et Michel POPOFF, le seigneur d&rsquo;Huppy a port\u00e9 les armoiries suivantes:<\/span><strong style=\"font-family: 'times new roman', times, serif;\"> \u00ab\u00a0D&rsquo;azur au chevron d&rsquo;or accompagn\u00e9 de trois oiseaux, deux en un\u00a0\u00bb<\/strong><span style=\"font-family: 'times new roman', times, serif;\">, <\/span><\/span><\/li>\n<li><span style=\"color: #000000; font-size: 10pt;\"><strong style=\"font-family: 'times new roman', times, serif;\">WAIGNARD<\/strong><span style=\"font-family: 'times new roman', times, serif;\"> et Ren\u00e9 <\/span><strong style=\"font-family: 'times new roman', times, serif;\">BELLEVAL<\/strong><span style=\"font-family: 'times new roman', times, serif;\"> nomment ces trois oiseaux des <\/span><strong style=\"font-family: 'times new roman', times, serif;\">huppes<\/strong><span style=\"font-family: 'times new roman', times, serif;\">, ce qui incite \u00e0 faire le rapprochement des deux mots: <\/span><strong style=\"font-family: 'times new roman', times, serif;\">HUPPE<\/strong><span style=\"font-family: 'times new roman', times, serif;\"> et <\/span><strong style=\"font-family: 'times new roman', times, serif;\">HUPPY.<\/strong><\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Par contre Michel<strong> POPOFF <\/strong>les appelle <strong>Vautours?<\/strong><\/span><\/li>\n<\/ul>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>\u00a0 La huppe fasci\u00e9e<\/strong> est rarement observ\u00e9e dans notre r\u00e9gion du Vimeu. Ce n&rsquo;est pas son lieu d&rsquo;habitat. N\u00e9anmoins, dans le village de Huppy le 1 mai 2018, nous avons eu la surprise d&rsquo;avoir une upupa prendre demeure quelques jours dans la commune, puis elle s&rsquo;est tourn\u00e9e vers d&rsquo;autres contr\u00e9es. Nous avons immortalis\u00e9 cet \u00e9v\u00e9nement avec ces quelques photos.<\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">Une HUPPE \u00e0 HUPPY c&rsquo;est pas courant!<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><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=\"thumbwrapper14\" 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=\"2\"\/>\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_group14 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2292.jpg\"\r\n                                   title=\"1 mai 2018\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2292-300x188.jpg\"\r\n                                            alt=\"1 mai 2018\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">1 mai 2018<\/h2>\r\n                                                                                        <span class=\"text-category\">HUPPE \u00e0 HUPPY!<\/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_group14 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2259.jpg\"\r\n                                   title=\"1 mai 2018\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2259-300x199.jpg\"\r\n                                            alt=\"1 mai 2018\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">1 mai 2018<\/h2>\r\n                                                                                        <span class=\"text-category\">HUPPE \u00e0 HUPPY!<\/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_group14 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2273.jpg\"\r\n                                   title=\"1 mai 2018\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2273-300x199.jpg\"\r\n                                            alt=\"1 mai 2018\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">1 mai 2018<\/h2>\r\n                                                                                        <span class=\"text-category\">HUPPE \u00e0 HUPPY!<\/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_group14 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2285.jpg\"\r\n                                   title=\"1 mai 2018\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2285-300x199.jpg\"\r\n                                            alt=\"1 mai 2018\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">1 mai 2018<\/h2>\r\n                                                                                        <span class=\"text-category\">HUPPE \u00e0 HUPPY!<\/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_group14 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2288.jpg\"\r\n                                   title=\"1 mai 2018\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2288-300x199.jpg\"\r\n                                            alt=\"1 mai 2018\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">1 mai 2018<\/h2>\r\n                                                                                        <span class=\"text-category\">HUPPE \u00e0 HUPPY!<\/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_group14 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2290.jpg\"\r\n                                   title=\"1 mai 2018\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2290-300x199.jpg\"\r\n                                            alt=\"1 mai 2018\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">1 mai 2018<\/h2>\r\n                                                                                        <span class=\"text-category\">HUPPE \u00e0 HUPPY!<\/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_group14 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2291.jpg\"\r\n                                   title=\"1 mai 2018 \">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2291-300x199.jpg\"\r\n                                            alt=\"1 mai 2018 \"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">1 mai 2018 <\/h2>\r\n                                                                                        <span class=\"text-category\">HUPPE \u00e0 HUPPY!<\/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><\/span><\/p>\n<p><span style=\"text-decoration: underline; font-size: 10pt;\"><em><span style=\"color: #0000ff; text-decoration: underline;\"><strong><a style=\"color: #0000ff; text-decoration: underline;\" href=\"http:\/\/www.oiseaux.net\/oiseaux\/huppe.fasciee.html\">TOUT SAVOIR SUR LA HUPPE FASCIEE<\/a><\/strong><\/span><\/em><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">5) HOUPPE :<\/span><\/strong><\/span><\/p>\n<ul>\n<li><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Nom f\u00e9minin (de francique <em>huppo,\u00a0<\/em>touffe) 1) Touffe de brins de laine, de soie,de duvet.\u00a0<em>Houppe \u00e0 poudre le riz.<\/em> 2) touffe de cheveux dress\u00e9e sur la t\u00eate. Huppe.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">\u00a0 Depuis des si\u00e8cles il y a eu du tissage \u00e0 Huppy. Dans chaque foyer on tissait en famille apr\u00e8s la journ\u00e9e de travail. Le CIS patrimoine dans sa r\u00e9union du 6 octobre 2006, a trait\u00e9 ce sujet : <strong>Le tissage \u00e0 Huppy.<\/strong><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt;\"><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=\"thumbwrapper15\" 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=\"2\"\/>\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_group15 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img010-2.jpg\"\r\n                                   title=\"Circuit du tissage\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img010-2-300x231.jpg\"\r\n                                            alt=\"Circuit du tissage\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Circuit du tissage<\/h2>\r\n                                                                                        <span class=\"text-category\">Dessin de Claude PIETTE, juin 1993<\/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_group15 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img008-2.jpg\"\r\n                                   title=\"Cis r\u00e9union du 6 octobre 2006\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img008-2-205x300.jpg\"\r\n                                            alt=\"Cis r\u00e9union du 6 octobre 2006\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Cis r\u00e9union du 6 octobre 2006<\/h2>\r\n                                                                                        <span class=\"text-category\">Proc\u00e8s verbal  de la r\u00e9union 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_group15 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img009-2.jpg\"\r\n                                   title=\"Cis r\u00e9union du 6 octobre 2006\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img009-2-247x300.jpg\"\r\n                                            alt=\"Cis r\u00e9union du 6 octobre 2006\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Cis r\u00e9union du 6 octobre 2006<\/h2>\r\n                                                                                        <span class=\"text-category\">Pv  de la r\u00e9union 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_group15 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img007-2.jpg\"\r\n                                   title=\"Fileuse au rouet\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img007-2-296x300.jpg\"\r\n                                            alt=\"Fileuse au rouet\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Fileuse au rouet<\/h2>\r\n                                                                                        <span class=\"text-category\">La fileuse tenant la houppe de la main gauche<\/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_group15 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img011-Copie-2.jpg\"\r\n                                   title=\"Troupeau de moutons\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img011-Copie-2-300x212.jpg\"\r\n                                            alt=\"Troupeau de moutons\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Troupeau de moutons<\/h2>\r\n                                                                                        <span class=\"text-category\">Le berger avec ses chiens<\/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_group15 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img011-2.jpg\"\r\n                                   title=\"Tonte d\\'un mouton\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img011-2-202x300.jpg\"\r\n                                            alt=\"Tonte d\\'un mouton\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Tonte d\\'un mouton<\/h2>\r\n                                                                                        <span class=\"text-category\">La laine <\/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><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">6) HOUPPIER :<\/span><\/strong><\/span><\/p>\n<ul>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\"><strong>D\u00e9finition de houppier du Petit Larousse :<\/strong><\/span><\/li>\n<li><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Non masculin. Ensemble des ramifications port\u00e9es par la tige d&rsquo;un arbre au-dessus du f\u00fbt.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">\u00a0 En Picardie on appelle <strong>houppier<\/strong> un arbre \u00e9branch\u00e9 auquel on ne laisse que la t\u00eate. Cette pratique s\u2019effectue principalement sur les saules que l&rsquo;on rencontre\u00a0 pr\u00e8s des mares et de petits cours d\u2019eau, on les nomme des <strong>t\u00eatards<\/strong>. La langue picarde les appelle des <strong>seux.\u00a0<\/strong>L&rsquo;origine du nom Huppy pourrait \u00e9galement venir de ce mot car il existait dans le village de nombreuses mares aujourd&rsquo;hui disparues, seule celle de Trinquies est encore visible.<\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><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=\"thumbwrapper16\" 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_group16 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img012-Copie-3.jpg\"\r\n                                   title=\"Hameau de Trinquies\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img012-Copie-3-300x198.jpg\"\r\n                                            alt=\"Hameau de Trinquies\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Hameau de Trinquies<\/h2>\r\n                                                                                        <span class=\"text-category\">Panneau de signalisation<\/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_group16 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img012-3.jpg\"\r\n                                   title=\"Mare de  Trinquies\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img012-3-223x300.jpg\"\r\n                                            alt=\"Mare de  Trinquies\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Mare de  Trinquies<\/h2>\r\n                                                                                        <span class=\"text-category\">Des houppiers autour de la mare de Trinquies<\/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_group16 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img013-3.jpg\"\r\n                                   title=\"Mare de Trinquies\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img013-3-203x300.jpg\"\r\n                                            alt=\"Mare de Trinquies\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Mare de Trinquies<\/h2>\r\n                                                                                        <span class=\"text-category\">Vue d\\'ensemble des t\u00eatards (en picard) <\/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_group16 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img015-4.jpg\"\r\n                                   title=\"Ruisseau de LA BELLIFONTAINE\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img015-4-300x202.jpg\"\r\n                                            alt=\"Ruisseau de LA BELLIFONTAINE\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Ruisseau de LA BELLIFONTAINE<\/h2>\r\n                                                                                        <span class=\"text-category\">Houppiers non \u00e9branch\u00e9s<\/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_group16 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img015-2.jpg\"\r\n                                   title=\"Ruisseau de LA BELLIFONTAINE\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img015-2-300x205.jpg\"\r\n                                            alt=\"Ruisseau de LA BELLIFONTAINE\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Ruisseau de LA BELLIFONTAINE<\/h2>\r\n                                                                                        <span class=\"text-category\">Houppiers \u00e0 Erondelles<\/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><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">7) HAUT PAYS :<\/span><\/strong><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 10pt;\"><span style=\"font-family: 'times new roman', times, serif;\">\u00a0 L&rsquo;origine du nom pourrait \u00e9galement venir de haut pays. Sur le plateau du Vimeu, Huppy culmine entre <strong>76 m\u00e8tres au plus bas<\/strong>, dans les p\u00e2tures de la vall\u00e9e s\u00e8che allant vers Limercourt \u00e0 travers les bois et<strong> 111 m\u00e8tres au plus haut<\/strong>, \u00e0 la sortie du village vers Gr\u00e9bault-Mesnil. Le poi<\/span><span style=\"font-family: 'times new roman', times, serif;\">nt bas du village et l&rsquo;endroit o\u00f9 toutes les eaux se d\u00e9versent longeant les murs du ch\u00e2teau pour traverser la route d&rsquo;Abbeville. L&rsquo;\u00e9glise Saint-Sulpice de Huppy se trouve \u00e0 <strong>98 m\u00e8tres<\/strong> au dessus du niveau de la mer. Pour marquer ce niveau une borne en gr\u00e8s indique l&#8217;emplacement exact. Elle se situe \u00e0 l&rsquo;angle sud-ouest du transept sud de l&rsquo;\u00e9glise et rep\u00e9rable par sa saillie de 5 cm.\u00a0<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><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=\"thumbwrapper17\" 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_group17 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2945-3-001.jpg\"\r\n                                   title=\"Plan \">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/IMGP2945-3-001-300x212.jpg\"\r\n                                            alt=\"Plan \"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Plan <\/h2>\r\n                                                                                        <span class=\"text-category\">Le territoire de Huppy avec ses hauteurs<\/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_group17 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img017-3.jpg\"\r\n                                   title=\"Marque de CASSINI\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img017-3-300x243.jpg\"\r\n                                            alt=\"Marque de CASSINI\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Marque de CASSINI<\/h2>\r\n                                                                                        <span class=\"text-category\">Dans le narthex de l\\'\u00e9glise, sur le mur sud est grav\u00e9 ce signe dat\u00e9 18\u222719. <\/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_group17 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img016-3.jpg\"\r\n                                   title=\"Borne\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img016-3-300x300.jpg\"\r\n                                            alt=\"Borne\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Borne<\/h2>\r\n                                                                                        <span class=\"text-category\">Gravure de croix sur la borne<\/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_group17 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img016-2.jpg\"\r\n                                   title=\"Emplacement borne\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img016-2-300x214.jpg\"\r\n                                            alt=\"Emplacement borne\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Emplacement borne<\/h2>\r\n                                                                                        <span class=\"text-category\">Situation de la borne par rapport \u00e0 l\\'\u00e9glise<\/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><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt;\"><span style=\"color: #000000;\">\u00a0 Dans le <\/span><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"http:\/\/www.cnrtl.fr\/definition\/narthex\"><span style=\"text-decoration: underline;\"><strong><em>narthex<\/em><\/strong><\/span><\/a> <\/span><span style=\"color: #000000;\">de l&rsquo;\u00e9glise, sur le mur sud est grav\u00e9 ce signe dat\u00e9 18\u222719. Cette marque figurant sur ce mur, positionne l&rsquo;\u00e9glise de Huppy sur la carte de l&rsquo;Acad\u00e9mie. On appelle plus commun\u00e9ment celle-ci<\/span><span style=\"text-decoration: underline;\"><em> <strong><span style=\"color: #0000ff; text-decoration: underline;\"><a style=\"color: #0000ff; text-decoration: underline;\" href=\"https:\/\/fr.wikipedia.org\/wiki\/Carte_de_Cassini\">carte de CASSINI<\/a><\/span><\/strong>.<\/em> <\/span><span style=\"color: #000000;\">Elles sont les premi\u00e8res cartes topographiques et g\u00e9om\u00e9triques \u00e9tablies \u00e0 l&rsquo;\u00e9chelle du royaume de France par la famille de CASSINI, de<span style=\"text-decoration: underline;\"><em><strong>\u00a0<a style=\"color: #000000; text-decoration: underline;\" href=\"https:\/\/fr.wikipedia.org\/wiki\/C%C3%A9sar-Fran%C3%A7ois_Cassini\">p\u00e8re<\/a> <\/strong><\/em><\/span>en\u00a0<em><strong><a style=\"color: #000000; text-decoration: underline;\" href=\"https:\/\/fr.wikipedia.org\/wiki\/Jean-Dominique_Cassini_(Cassini_IV)\">fils<\/a><\/strong> <\/em>au XVIII si\u00e8cle. Elles sont bas\u00e9es sur la triangulation. Le triangle \u00e9tant la seule figure g\u00e9om\u00e9trique ind\u00e9formable.<\/span><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">8) NOTRE DAME D&rsquo;O PIE :<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><span style=\"text-decoration: underline; color: #0000ff;\"><em><span style=\"font-family: 'times new roman', times, serif;\"><strong><a style=\"color: #0000ff; text-decoration: underline;\" href=\"https:\/\/inventaire.hautsdefrance.fr\/dossier\/chapelle-notre-dame-dite-notre-dame-o-pie-ou-notre-dame-d-huppy-a-pierregot\/5283476a-62b3-4693-8a7a-596dc10f27e3\">La chapelle Notre-Dame de Pierregot est dite Notre-Dame d&rsquo;O Pie ou Notre-Dame d&rsquo;Hupy<\/a><\/strong><\/span><\/em><\/span>.<\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><span style=\"font-family: 'times new roman', times, serif;\">\u00a0 <span style=\"color: #000000;\">Remarque: Afin de clarifier l&rsquo;orthographe de <em><strong>HUPY<\/strong><\/em>, orthographi\u00e9 sur cette page du conseil g\u00e9n\u00e9ral des Hauts de France, <em><strong>HUPPY <\/strong><\/em>avec deux <em><strong>P<\/strong> <\/em>?\u00a0 <\/span><\/span><span style=\"color: #000000;\"><span style=\"font-family: 'times new roman', times, serif;\">L&rsquo;ASPACHuppy, suite \u00e0 ses recherches sur le nom du village de Huppy, prendra comme r\u00e9f\u00e9rence l&rsquo;orthographe avec un seul <em><strong>P.\u00a0 HUPY. <\/strong><\/em>Ceci pour ces trois raisons <\/span><span style=\"font-family: 'times new roman', times, serif;\">comme l&rsquo;indique: 1) la carte Michelin,\u00a0 2) sur d&rsquo;anciens documents d&rsquo;archives cet orthographie fut celle de la commune, 3) les cartes de Cassini de Notre-Dame d&rsquo;Hupy \u00e0 Pierregot et celle de Hupy.<\/span><span style=\"font-family: 'times new roman', times, serif;\"> <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=\"thumbwrapper22\" 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_group22 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/Cassini.png\"\r\n                                   title=\"Carte de CASSINI \u00e0 Pierregot\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/Cassini-300x159.png\"\r\n                                            alt=\"Carte de CASSINI \u00e0 Pierregot\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Carte de CASSINI \u00e0 Pierregot<\/h2>\r\n                                                                                        <span class=\"text-category\">Orthographe: Notre-Dame d\u2018HUPY<\/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_group22 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/Capture-cassisn-2.png\"\r\n                                   title=\"Carte de CASSINI \u00e0 Huppy\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/Capture-cassisn-2-300x169.png\"\r\n                                            alt=\"Carte de CASSINI \u00e0 Huppy\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Carte de CASSINI \u00e0 Huppy<\/h2>\r\n                                                                                        <span class=\"text-category\">Orthographe: HUPY<\/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><\/span><\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><span style=\"color: #000000;\"><span style=\"font-family: 'times new roman', times, serif;\">\u00a0 Claude PIETTE en janvier 1988 (au cours d&rsquo;un de ses circuits dessins) a d\u00e9couvert l&rsquo;\u00e9glise de Pierregot (ext\u00e9rieur seulement) au nord d&rsquo;Amiens. Il en avait fait un <\/span><span style=\"font-family: 'times new roman', times, serif;\">dessin r\u00e9pertori\u00e9 sous le n\u00b040 de la s\u00e9rie D. <\/span><span style=\"font-family: 'times new roman', times, serif;\">Ce n&rsquo;est que quelques ann\u00e9es apr\u00e8s, en mai 1991, qu&rsquo;il visita la chapelle Notre-Dame d&rsquo;Hupi ainsi nomm\u00e9e sur les cartes Michelin. Celle-ci \u00e9tait \u00e0 l&rsquo;abandon,\u00a0 portes fractur\u00e9es, mobiliers totalement disparus, vitraux cass\u00e9s, fen\u00eatres b\u00e9antes, envahies par les oiseaux. Des d\u00e9chets de pique-nique jonchaient le sol, au carrelage labour\u00e9, boites de conserves, barquettes de plats pr\u00e9par\u00e9s et m\u00eame des excr\u00e9ments, papiers toilette et traces d&rsquo;urine s\u2019\u00e9parpillaient sur le sol, une vision insoutenable. <\/span><span style=\"font-family: 'times new roman', times, serif;\">Les abords de l&rsquo;ancien cimeti\u00e8re n&rsquo;\u00e9taient pas mieux trait\u00e9s. Une tr\u00e8s vielle croix de gr\u00e8s avait m\u00eame \u00e9t\u00e9 vol\u00e9e. Quelques monuments fun\u00e9raires profan\u00e9s \u00e9taient encore l\u00e0. Sur les murs ext\u00e9rieurs de nombreux graffitis \u00e9taient inscrits par des promeneurs. <\/span><span style=\"font-family: 'times new roman', times, serif;\">Sur les murs int\u00e9rieurs, pas mieux trait\u00e9s, subsistait pourtant quelques plaques <a style=\"color: #000000;\" href=\"http:\/\/www.cnrtl.fr\/definition\/ex-voto\"><strong><em>ex-voto<\/em><\/strong> <\/a>qui avaient \u00e9chapp\u00e9 aux profanations, fix\u00e9es trop solidement peut-\u00eatre? Sans pour autant \u00eatre intactes, celles-ci ayant subi des jets de cailloux ou autres projectiles. Mais elles \u00e9taient encore pr\u00e9sentes, authentifiant le nom de cette chapelle abandonn\u00e9e. Au milieu de celles d\u00e9di\u00e9es aux remerciements \u00e0 Dieu, au seigneur ou \u00e0 J\u00e9sus, il en restait deux faisant \u00e9tat de remerciements \u00e0 Notre-Dame d&rsquo;O Pie (une sainte, la vierge certainement!) ainsi nomm\u00e9e qui \u00e9tait totalement inconnue de Claude PIETTE.<\/span><\/span><span style=\"font-family: 'times new roman', times, serif;\"><span style=\"color: #000000;\">\u00a0La d\u00e9nomination du nom de Notre-Dame d&rsquo;HUPI sur les cartes Michelin, pourquoi et par qui, cela reste un myst\u00e8re? \u00a0 D&rsquo;o\u00f9 le rapprochement que nous pouvons en faire avec l&rsquo;origine du nom du village de Huppy.<\/span> <\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 10pt;\"><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=\"thumbwrapper18\" 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=\"2\"\/>\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_group18 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img032-2.jpg\"\r\n                                   title=\"Eglise de Pierregot\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img032-2-233x300.jpg\"\r\n                                            alt=\"Eglise de Pierregot\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Eglise de Pierregot<\/h2>\r\n                                                                                        <span class=\"text-category\">Photo ayant servi de mod\u00e8le pour le dessin n\u00b040 s\u00e9rie D<\/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_group18 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img018-3.jpg\"\r\n                                   title=\"Eglise de Pierregot\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img018-3-196x300.jpg\"\r\n                                            alt=\"Eglise de Pierregot\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Eglise de Pierregot<\/h2>\r\n                                                                                        <span class=\"text-category\">Dessin n\u00b040 s\u00e9rie D de Claude PIETTE 7 f\u00e9vrier 1988<\/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_group18 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img042-3.jpg\"\r\n                                   title=\" Pierregot\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img042-3-200x300.jpg\"\r\n                                            alt=\" Pierregot\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\"> Pierregot<\/h2>\r\n                                                                                        <span class=\"text-category\">Croix de 1694\r\ndessin de Claude PIETTE<\/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_group18 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img040-2-1.jpg\"\r\n                                   title=\"Pierregot\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img040-2-1-179x300.jpg\"\r\n                                            alt=\"Pierregot\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Pierregot<\/h2>\r\n                                                                                        <span class=\"text-category\">Croix pr\u00e9s de la chapelle \r\ndessin de Claude PIETTE<\/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_group18 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img043-2.jpg\"\r\n                                   title=\"Notre-Dame d&#39O Pie\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img043-2-186x300.jpg\"\r\n                                            alt=\"Notre-Dame d&#39O Pie\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Notre-Dame d&#39O Pie<\/h2>\r\n                                                                                        <span class=\"text-category\">Chapelle et croix\r\ndessin de Claude PIETTE<\/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_group18 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img031-2.jpg\"\r\n                                   title=\"Chapelle Notre-Dame d&#39O Pie\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img031-2-181x300.jpg\"\r\n                                            alt=\"Chapelle Notre-Dame d&#39O Pie\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Chapelle Notre-Dame d&#39O Pie<\/h2>\r\n                                                                                        <span class=\"text-category\">Panneau indicateur<\/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_group18 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img026-2.jpg\"\r\n                                   title=\"Carte Michelin\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img026-2-300x275.jpg\"\r\n                                            alt=\"Carte Michelin\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Carte Michelin<\/h2>\r\n                                                                                        <span class=\"text-category\">Soulign\u00e9 en rouge Notre-Dame d&#39Hupy<\/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_group18 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img019-2.jpg\"\r\n                                   title=\"La chapelle Notre-Dame d&#39O Pie ou d&#39Hupy\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img019-2-202x300.jpg\"\r\n                                            alt=\"La chapelle Notre-Dame d&#39O Pie ou d&#39Hupy\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">La chapelle Notre-Dame d&#39O Pie ou d&#39Hupy<\/h2>\r\n                                                                                        <span class=\"text-category\">Le chevet et la fa\u00e7ade<\/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_group18 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img023-2.jpg\"\r\n                                   title=\"La chapelle Notre-Dame d&#39O Pie ou d&#39Hupy \">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img023-2-212x300.jpg\"\r\n                                            alt=\"La chapelle Notre-Dame d&#39O Pie ou d&#39Hupy \"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">La chapelle Notre-Dame d&#39O Pie ou d&#39Hupy <\/h2>\r\n                                                                                        <span class=\"text-category\">D\u00e9finition de Pie:<\/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_group18 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img020-2.jpg\"\r\n                                   title=\"La chapelle Notre-Dame d&#39O Pie ou d&#39Hupy \">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img020-2-201x300.jpg\"\r\n                                            alt=\"La chapelle Notre-Dame d&#39O Pie ou d&#39Hupy \"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">La chapelle Notre-Dame d&#39O Pie ou d&#39Hupy <\/h2>\r\n                                                                                        <span class=\"text-category\">L&#39ex-voto dat\u00e9e 1917.<\/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><\/span><\/p>\n<p><span style=\"font-size: 10pt; font-family: 'times new roman', times, serif; color: #000000;\">\u00a0 Un rapprochement avec le nom de notre village semblerait pourtant logique! Bien que jamais \u00e9voqu\u00e9 par nos \u00ab\u00a0grosses t\u00eates chercheuses\u00a0\u00bb. Cela reste pourtant une hypoth\u00e8se qu&rsquo;il nous parait\u00a0 bon de citer et qui en vaut bien d&rsquo;autres.<\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">\u00a0 Il est int\u00e9ressant de regarder ce compl\u00e9ment de trois pages manuscrites de Claude PIETTE dans ce diaporama: il s&rsquo;agit des \u00e9tudes faites par Roger JOUY, le p\u00e8re DAIRE, l\u2019instituteur TEMPEZ, Gilbert BOUSSART et Albert DAUZAT.\u00a0 \u00a0 <\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt;\"><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=\"thumbwrapper19\" 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_group19 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img028-2.jpg\"\r\n                                   title=\"Compl\u00e9ment manuscrit sur O Pie\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img028-2-206x300.jpg\"\r\n                                            alt=\"Compl\u00e9ment manuscrit sur O Pie\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Compl\u00e9ment manuscrit sur O Pie<\/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_group19 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img029-2.jpg\"\r\n                                   title=\"Compl\u00e9ment manuscrit sur O Pie\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img029-2-195x300.jpg\"\r\n                                            alt=\"Compl\u00e9ment manuscrit sur O Pie\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Compl\u00e9ment manuscrit sur O Pie<\/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_group19 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img030-2.jpg\"\r\n                                   title=\"Compl\u00e9ment manuscrit sur O Pie\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img030-2-300x206.jpg\"\r\n                                            alt=\"Compl\u00e9ment manuscrit sur O Pie\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Compl\u00e9ment manuscrit sur O Pie<\/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>\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>\u00a0 \u00a0<\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt;\">\u00a0<span style=\"color: #000000;\"> Les curiosit\u00e9s de la chapelle d&rsquo;O Pie \u00e0 Pierregot sont ses <a style=\"color: #000000;\" href=\"http:\/\/www.cnrtl.fr\/definition\/blochet\"><span style=\"text-decoration: underline;\"><em><strong>blochets<\/strong><\/em><\/span><\/a>.\u00a0 Dans<strong><em> I<\/em><em>n Histoire et Traditions du Pays des Coudriers<\/em><\/strong>, n\u00b01 octobre 1990, Roger JOUY tente de d\u00e9crire les neuf blochets et de leur trouver une signification. Pour chacun d&rsquo;eux, il donne d&rsquo;abord l&rsquo;interpr\u00e9tation commun\u00e9ment retenue puis l\u2019interpr\u00e9tation alchimique telle que la donne Gilbert BOUSSARD dans une communication \u00e0 la Soci\u00e9t\u00e9 des Antiquaires de Picardie en 1978. Il fait ensuite un commentaire personnel.\u00a0 \u00a0 <\/span><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt;\"><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=\"thumbwrapper20\" 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=\"2\"\/>\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_group20 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/1-2.jpg\"\r\n                                   title=\"Blochet\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/1-2-300x169.jpg\"\r\n                                            alt=\"Blochet\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Blochet<\/h2>\r\n                                                                                        <span class=\"text-category\">Un personnage grotesque<\/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_group20 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/2-2.jpg\"\r\n                                   title=\"Blochet\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/2-2-300x169.jpg\"\r\n                                            alt=\"Blochet\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Blochet<\/h2>\r\n                                                                                        <span class=\"text-category\">Un personnage grotesque<\/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_group20 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/3-2.jpg\"\r\n                                   title=\"Blochet\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/3-2-300x169.jpg\"\r\n                                            alt=\"Blochet\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Blochet<\/h2>\r\n                                                                                        <span class=\"text-category\">Un \u00e9v\u00eaque<\/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_group20 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/4-2.jpg\"\r\n                                   title=\"Blochet\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/4-2-300x169.jpg\"\r\n                                            alt=\"Blochet\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Blochet<\/h2>\r\n                                                                                        <span class=\"text-category\">Un personnage grotesque<\/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_group20 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/5-2.jpg\"\r\n                                   title=\"Blochet\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/5-2-300x169.jpg\"\r\n                                            alt=\"Blochet\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Blochet<\/h2>\r\n                                                                                        <span class=\"text-category\">Un personnage grotesque<\/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_group20 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/6-2.jpg\"\r\n                                   title=\"Blochet\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/6-2-300x169.jpg\"\r\n                                            alt=\"Blochet\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Blochet<\/h2>\r\n                                                                                        <span class=\"text-category\">Sainte-Marguerite<\/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_group20 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/7-2.jpg\"\r\n                                   title=\"Blochet\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/7-2-300x169.jpg\"\r\n                                            alt=\"Blochet\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Blochet<\/h2>\r\n                                                                                        <span class=\"text-category\">Deux personnages <\/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_group20 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/8-2.jpg\"\r\n                                   title=\"Blochet\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/8-2-300x169.jpg\"\r\n                                            alt=\"Blochet\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Blochet<\/h2>\r\n                                                                                        <span class=\"text-category\">Dieu le p\u00e8re<\/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_group20 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/9.jpg\"\r\n                                   title=\"Blochet\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/9-300x279.jpg\"\r\n                                            alt=\"Blochet\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Blochet<\/h2>\r\n                                                                                        <span class=\"text-category\">Un ange,  c\u2018est le neuvi\u00e8me blochet il n\u2018est  pas dans la Chapelle Notre-Dame d\u2018O PIE <\/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>\u00a0<\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">9) AUX PUITS :<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt;\"><span style=\"color: #000000;\">\u00a0 D\u2019apr\u00e8s les fouilles organis\u00e9es au cours des travaux de l&rsquo;autoroute A28,<\/span> <span style=\"text-decoration: underline;\"><a href=\"http:\/\/huppy-patrimoine.fr\/index.php\/les-premiers-habitants\/\"><span style=\"color: #0000ff; text-decoration: underline;\"><em><strong>il semblerait que Huppy prit naissance sur le site de l&rsquo;actuel hameau de Trinquies<\/strong><\/em><\/span><\/a>.<\/span> <span style=\"color: #000000;\">Ce village b\u00e2ti de bois et de torchis se serait d\u00e9plac\u00e9 jusque l\u2019actuel village de Huppy, suite aux incendies, \u00e9pid\u00e9mies, guerres et \u00e0 la pollution de l&rsquo;eau , d\u00e9j\u00e0. Ce serait \u00e0 cet endroit, \u00e0 98 m\u00e8tres au-dessus du niveau de la mer, qu&rsquo;\u00e9tait \u00e9difi\u00e9 le puits alimentant les populations. C&rsquo;est probablement de ce lieu o\u00f9 se situaient les puits que pourrait \u00e9ventuellement venir l&rsquo;origine du nom <em><strong>HUPPY &#8211;<\/strong><\/em> <em><strong>AUX\u00a0 PUITS!<\/strong>\u00a0<\/em> Une version\u00a0 qui en vaut bien d&rsquo;autres?<\/span><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 10pt;\"><span style=\"font-family: 'times new roman', times, serif;\">\u00a0 Un puits, peut-\u00eatre le plus vieux du village avec celui du ch\u00e2teau du XV si\u00e8cle, se situe route nationale Huppy. Son<\/span><span style=\"font-family: 'times new roman', times, serif;\"> diam\u00e8tre est de plus 1 m\u00e8tre 50. Retrouvez dans\u00a0 le diaporama ci-dessous les photos de ces deux puits ainsi que l&rsquo;article du prix du patrimoine pour la restauration des puits de Huppy.<\/span><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><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=\"thumbwrapper21\" 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=\"2\"\/>\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_group21 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img054-2.jpg\"\r\n                                   title=\"Puits\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img054-2-300x186.jpg\"\r\n                                            alt=\"Puits\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Puits<\/h2>\r\n                                                                                        <span class=\"text-category\">route nationale diam\u00e8tre 1 m\u00e8tre 50<\/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_group21 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img054-3.jpg\"\r\n                                   title=\"Puits\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img054-3-300x175.jpg\"\r\n                                            alt=\"Puits\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Puits<\/h2>\r\n                                                                                        <span class=\"text-category\">Etat de ruines<\/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_group21 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img054-4.jpg\"\r\n                                   title=\"Puits\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img054-4-300x197.jpg\"\r\n                                            alt=\"Puits\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Puits<\/h2>\r\n                                                                                        <span class=\"text-category\">Autre vue<\/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_group21 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img056-2.jpg\"\r\n                                   title=\"Puits du ch\u00e2teau\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img056-2-300x222.jpg\"\r\n                                            alt=\"Puits du ch\u00e2teau\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Puits du ch\u00e2teau<\/h2>\r\n                                                                                        <span class=\"text-category\">XV si\u00e8cle<\/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_group21 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img056-4.jpg\"\r\n                                   title=\"Puits du ch\u00e2teau\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img056-4-300x239.jpg\"\r\n                                            alt=\"Puits du ch\u00e2teau\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Puits du ch\u00e2teau<\/h2>\r\n                                                                                        <span class=\"text-category\">Sans doute le plus ancien<\/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_group21 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img057-2.jpg\"\r\n                                   title=\"Prix national\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img057-2-239x300.jpg\"\r\n                                            alt=\"Prix national\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Prix national<\/h2>\r\n                                                                                        <span class=\"text-category\">Article de l\u2018\u00e9claireur du Vimeu<\/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><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">10) AUX PIES:<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt;\"><span style=\"color: #000000;\">D\u00e9finition:\u00a0<\/span><a href=\"http:\/\/www.cnrtl.fr\/definition\/PIE\">\u00a0<em style=\"color: #0000ff;\"><strong>PIE<\/strong><\/em><\/a><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">\u00a0 Une l\u00e9gende dit qu&rsquo;un berger, voyant des pies gratter le sol toujours au m\u00eame endroit, \u00a0fut intrigu\u00e9 par ce comportement. Celui-ci, apr\u00e8s avoir creus\u00e9, trouva une statue! Une autre version pr\u00e9tend que le berger voyant une pie, qui ne cessait de tournoyer \u00e0 un endroit pr\u00e9cis, d\u00e9couvrit\u00a0 cette statue enterr\u00e9e, d&rsquo;o\u00f9 cette version contredite par d&rsquo;autres hypoth\u00e8ses! Nous ne pouvons pas affirmer que cette argumentation sur l&rsquo;origine du nom de Huppy soit la plus tangible.<\/span><\/p>\n<p><span style=\"color: #000000; font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">11) HUPPO (Domaine de):<\/span><\/strong><\/span><\/p>\n<figure id=\"attachment_684\" aria-describedby=\"caption-attachment-684\" style=\"width: 500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive wp-image-684\" src=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img059-2.jpg\" alt=\"\" width=\"500\" height=\"772\" srcset=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img059-2.jpg 1104w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img059-2-194x300.jpg 194w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img059-2-768x1185.jpg 768w, https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img059-2-663x1024.jpg 663w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><figcaption id=\"caption-attachment-684\" class=\"wp-caption-text\">(Source: archives ASPACHuppy)<\/figcaption><\/figure>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 14pt;\">\u00a0 <span style=\"color: #000000; font-size: 10pt;\">Nous venons d&rsquo;\u00e9num\u00e9rer les onze possibilit\u00e9s susceptibles d\u2019\u00eatre \u00e0 l\u2019origine du nom Huppy. Nous les avons d\u00e9taill\u00e9es apr\u00e8s de longues recherches. Une d\u2019elles serait-elle la bonne? Nous l&rsquo;ignorons. Peut-\u00eatre que la douzi\u00e8me sera celle du v\u00e9ritable origine du nom Huppy!<\/span><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 10pt;\"><span style=\"font-family: 'times new roman', times, serif;\">\u00a0 Des rapprochements peuvent \u00e9galement \u00eatre envisag\u00e9s avec le nom d&rsquo;autres villages. Ceux-ci ayant des ressemblances ou des similitudes dans l\u2019orthographe de leur nom. Nous d\u00e9taillons ci-dessous les concordances<\/span><span style=\"font-family: 'times new roman', times, serif;\">.\u00a0 \u00a0 <\/span><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 10pt;\"><span style=\"font-family: 'times new roman', times, serif;\"><strong>CHEPY dans le Vimeu:\u00a0<\/strong> \u00a0 \u00a0 <\/span><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 10pt;\"><span style=\"font-family: 'times new roman', times, serif;\">\u00a0 \u00a0Le rapprochement fait avec ce village proche de Huppy provient des Seigneurs qui ont occup\u00e9 depuis le 11\u00e9me si\u00e8cle les r\u00e9gions du Vimeu et du Ponthieu. Dans le diaporama ci-dessous les recherches effectu\u00e9es par la Section Patrimoine des Amis du CIS sur les Seigneurs de Huppy.<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=\"thumbwrapper23\" 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=\"2\"\/>\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_group23 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img071-2.jpg\"\r\n                                   title=\"Les Seigneurs\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img071-2-179x300.jpg\"\r\n                                            alt=\"Les Seigneurs\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Les Seigneurs<\/h2>\r\n                                                                                        <span class=\"text-category\">Rues de Chepy<\/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_group23 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img060-2.jpg\"\r\n                                   title=\"Les Seigneurs. CIS 05\/10\/2007\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img060-2-198x300.jpg\"\r\n                                            alt=\"Les Seigneurs. CIS 05\/10\/2007\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Les Seigneurs. CIS 05\/10\/2007<\/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_group23 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img061-2.jpg\"\r\n                                   title=\"Les Seigneurs. CIS 05\/10\/2007\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img061-2-189x300.jpg\"\r\n                                            alt=\"Les Seigneurs. CIS 05\/10\/2007\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Les Seigneurs. CIS 05\/10\/2007<\/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_group23 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img062-2.jpg\"\r\n                                   title=\"Les Seigneurs. CIS 05\/10\/2007\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img062-2-190x300.jpg\"\r\n                                            alt=\"Les Seigneurs. CIS 05\/10\/2007\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Les Seigneurs. CIS 05\/10\/2007<\/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_group23 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img063-2.jpg\"\r\n                                   title=\"Les Seigneurs. CIS 05\/10\/2007\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img063-2-183x300.jpg\"\r\n                                            alt=\"Les Seigneurs. CIS 05\/10\/2007\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Les Seigneurs. CIS 05\/10\/2007<\/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 class=\"huge_it_big_li view  view-first\">\r\n                    <div class=\"view-first-wrapper view-wrapper\">\r\n                        \r\n                                <a class=\"gallery_group23 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img064-2.jpg\"\r\n                                   title=\"Les Seigneurs. CIS 05\/10\/2007\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img064-2-180x300.jpg\"\r\n                                            alt=\"Les Seigneurs. CIS 05\/10\/2007\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Les Seigneurs. CIS 05\/10\/2007<\/h2>\r\n                                                                                        <span class=\"text-category\">Page 5<\/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><\/span><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">OPPY dans le Pas-de-Calais:<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">\u00a0 Au nord-est d&rsquo;Arras\u00a0 le village de OPPY . Il se situe \u00e0 une altitude de 59 m\u00e8tres sur une superficie de 489 hectares, sa population \u00e9tait en 1991, de 329 habitants. Le village est cit\u00e9 WIPI en 1104, fut enti\u00e8rement d\u00e9truit pendant la grande guerre, son \u00e9glise, Saint Nicolas, fut reconstruite apr\u00e8s 1918. Dans un de ses parcours dessin Claude PIETTE a dessin\u00e9 ces quatre planches sur OPPY:<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=\"thumbwrapper24\" 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_group24 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img065-2.jpg\"\r\n                                   title=\"Eglise de OPPY\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img065-2-206x300.jpg\"\r\n                                            alt=\"Eglise de OPPY\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Eglise de OPPY<\/h2>\r\n                                                                                        <span class=\"text-category\">Dessin Claude PIETTE n\u00b036 s\u00e9rie JY<\/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_group24 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img068-2.jpg\"\r\n                                   title=\"Monument aux morts de OPPY\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img068-2-199x300.jpg\"\r\n                                            alt=\"Monument aux morts de OPPY\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Monument aux morts de OPPY<\/h2>\r\n                                                                                        <span class=\"text-category\">Dessin Claude PIETTE n\u00b040 s\u00e9rie JY<\/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_group24 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img066-2.jpg\"\r\n                                   title=\"Monument comm\u00e9moratif 14-18\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img066-2-243x300.jpg\"\r\n                                            alt=\"Monument comm\u00e9moratif 14-18\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Monument comm\u00e9moratif 14-18<\/h2>\r\n                                                                                        <span class=\"text-category\">Dessin Claude PIETTE n\u00b037 s\u00e9rie JY<\/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_group24 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img069-2.jpg\"\r\n                                   title=\"Calvaire de OPPY\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img069-2-199x300.jpg\"\r\n                                            alt=\"Calvaire de OPPY\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Calvaire de OPPY<\/h2>\r\n                                                                                        <span class=\"text-category\">Dessin Claude PIETTE n\u00b038 s\u00e9rie JY<\/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><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong><span style=\"font-family: 'times new roman', times, serif;\">Dernier <span style=\"color: #000000;\">document:<\/span><\/span><\/strong><\/span><\/p>\n<p><span style=\"font-family: 'times new roman', times, serif; font-size: 10pt; color: #000000;\">Cette copie du courrier envoy\u00e9 au Syndicat d&rsquo;initiative de Gamaches le 15 novembre 1999. Ici encore une autre famille Huppy.<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=\"thumbwrapper25\" 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_group25 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img073-2.jpg\"\r\n                                   title=\"Courrier 15\/11\/1999\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img073-2-180x300.jpg\"\r\n                                            alt=\"Courrier 15\/11\/1999\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '')\">Courrier 15\/11\/1999<\/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_group25 ph-lightbox\"\r\n                                   href=\"http:\/\/huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img074-2.jpg\"\r\n                                   title=\"Courrier 15\/11\/1999\">\r\n                                    <img decoding=\"async\"\r\n                                            src=\"https:\/\/www.huppy-patrimoine.fr\/wp-content\/uploads\/2019\/03\/img074-2-202x300.jpg\"\r\n                                            alt=\"Courrier 15\/11\/1999\"\/>\r\n                                    <div class=\"mask\">\r\n                                        <div class=\"mask-text\">\r\n                                                                                            <h2 onclick=\"event.stopPropagation(); event.preventDefault();window.open('', '_blank')\">Courrier 15\/11\/1999<\/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>\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><\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>LES ORIGINES DU NOM Ecrire l&rsquo;histoire d&rsquo;un village n&rsquo;est pas chose ais\u00e9e pour les n\u00e9ophytes que nous sommes! \u00a0 Par o\u00f9 commencer ? Quelle est<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-421","page","type-page","status-publish","hentry","category-le-village-et-ses-origines"],"_links":{"self":[{"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/pages\/421","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=421"}],"version-history":[{"count":184,"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/pages\/421\/revisions"}],"predecessor-version":[{"id":1137,"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/pages\/421\/revisions\/1137"}],"wp:attachment":[{"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/media?parent=421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/categories?post=421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.huppy-patrimoine.fr\/index.php\/wp-json\/wp\/v2\/tags?post=421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}