eche marister ed pernwo
Mémoires d'un village picard
Page d'accueil
Album
Livre d'or
Contact
Sondages
Accueil
Bienvenue
Mémoire des Lieux
Les structures administratives
Le Territoire de Pernois
On survole... et un petit clic
On survole... et un petit clic
Voir en plein écran
<!-- #$-:Image map file created by GIMP Image Map plug-in --> <!-- #$-:GIMP Image Map plug-in by Maurits Rijk --> <!-- #$-:Please do not edit lines starting with "#$" --> <!-- #$VERSION:2.3 --> <!-- #$AUTHOR:HP --> <area shape="rect" coords="159,484,206,514" href="Minoterie.jpg" /> <area shape="rect" coords="217,423,260,451" href="Soudet_2.jpg" /> <area shape="rect" coords="173,409,216,441" href="Soudet_3.jpg" /> <area shape="rect" coords="243,97,287,135" href="Soudet_4.jpg" /> </map> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col"> <p class="text-muted last-update"> <small><i class="material-icons md-event"></i> Date de dernière mise à jour : 06/03/2022</small> </p> </div> </div> </div> <div class="container plugin-list"> <div class="row"> <div class="col"> <div class="plugins"> <div class="plugin plugin-rating"> <div id="ratingSuccess" class="alert alert-success" style="display: none;"></div> <div id="ratingError" class="alert alert-warning" style="display: none;"></div> <div id="rating" class="rating" data-rating-url="/pages/6221d4e7c99356d0f7ad1753/rating"> <span class="star active" data-value="1">★</span> <span class="star active" data-value="2">★</span> <span class="star active" data-value="3">★</span> <span class="star active" data-value="4">★</span> <span class="star active" data-value="5">★</span> </div> <span class='rating-nb-votes'>1</span> vote. Moyenne <span class='rating-average'>5</span> sur 5. </div> <style> .star { font-size: 2rem; cursor: pointer; color: gray; } .star:hover, .star.active { color: gold; } </style> </div> </div> </div> </div> </div> <script> emsChromeExtension.init('page', '6221d4e7c99356d0f7ad1753', 'e-monsite.com'); </script> </main> <aside id="sidebar" class="col-lg-3 sticky-top"> <div id="sidebar-inner"> <div id="widget-1" class="widget" data-id="widget_page_category" data-widget-num="1"> <div class="widget-title"> <span> Menu </span> </div> <div class="widget-content"> <div class="list-group" data-addon="pages" id="group-id-841"> <div data-category="memoire-des-hommes" class="list-group-item list-group-item-action d-flex align-items-center has-submenu"> <a href="http://soudet80.e-monsite.com/pages/memoire-des-hommes/">Mémoire des Hommes</a> <button type="button" class="btn collapsed ml-auto" data-target="#memoire-des-hommes149" data-toggle="collapse"> <i class="material-icons md-expand_more"></i> </button> </div> <div class="collapse" id="memoire-des-hommes149" data-parent="#group-id-841"> <a data-category="la-vie-religieuse" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-hommes/la-vie-religieuse/"><i class="material-icons text-muted md-folder_open"></i> La vie religieuse</a> <a data-category="les-notables" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-hommes/les-notables/"><i class="material-icons text-muted md-folder_open"></i> Les Notables</a> <a data-category="les-anthroponymes" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-hommes/les-anthroponymes/"><i class="material-icons text-muted md-folder_open"></i> Les anthroponymes</a> <a data-category="terres-de-conflits-et-de-passages" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-hommes/terres-de-conflits-et-de-passages/"><i class="material-icons text-muted md-folder_open"></i> Terres de conflits</a> <a data-category="un-meunier-son-destin" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-hommes/un-meunier-son-destin/"><i class="material-icons text-muted md-folder_open"></i> Un meunier : son destin</a> </div> <div data-category="memoire-du-temps" class="list-group-item list-group-item-action d-flex align-items-center has-submenu"> <a href="http://soudet80.e-monsite.com/pages/memoire-du-temps/">Mémoire du Temps</a> <button type="button" class="btn collapsed ml-auto" data-target="#memoire-du-temps559" data-toggle="collapse"> <i class="material-icons md-expand_more"></i> </button> </div> <div class="collapse" id="memoire-du-temps559" data-parent="#group-id-841"> <a data-category="ancien-regime" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-temps/ancien-regime/"><i class="material-icons text-muted md-folder_open"></i> Ancien Régime</a> <a data-category="jacques-tilloloy" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-temps/jacques-tilloloy/"><i class="material-icons text-muted md-folder_open"></i> Jacques Tilloloy</a> <a data-category="le-magister" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-temps/le-magister/"><i class="material-icons text-muted md-folder_open"></i> Le Magister</a> <a data-category="histoire-de-la-population" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-temps/histoire-de-la-population/"><i class="material-icons text-muted md-folder_open"></i> Histoire de la population</a> <a data-category="l-ecole" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-temps/l-ecole/"><i class="material-icons text-muted md-folder_open"></i> L'Ecole</a> </div> <div data-category="memoire-des-lieux" class="list-group-item list-group-item-action d-flex align-items-center has-submenu"> <a href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/">Mémoire des Lieux</a> <button type="button" class="btn collapsed ml-auto" data-target="#memoire-des-lieux849" data-toggle="collapse"> <i class="material-icons md-expand_more"></i> </button> </div> <div class="collapse" id="memoire-des-lieux849" data-parent="#group-id-841"> <a data-category="les-structures-administratives" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/les-structures-administratives/"><i class="material-icons text-muted md-folder_open"></i> Les structures administratives</a> <a data-category="pernois-un-village-rural" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/pernois-un-village-rural/"><i class="material-icons text-muted md-folder_open"></i> Pernois un village rural</a> <a data-category="le-chateau" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/le-chateau/"><i class="material-icons text-muted md-folder_open"></i> Le Château</a> <a data-category="l-eglise" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/l-eglise/"><i class="material-icons text-muted md-folder_open"></i> L'Eglise</a> <a data-category="le-cimetiere" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/le-cimetiere/"><i class="material-icons text-muted md-folder_open"></i> Le Cimetière</a> <a data-category="plans-terriers-du-xviiieme-siecle" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/plans-terriers-du-xviiieme-siecle/"><i class="material-icons text-muted md-folder_open"></i> Plans terriers du XVIIIème Siècle</a> <a data-category="le-cadastre-napoleonien" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/le-cadastre-napoleonien/"><i class="material-icons text-muted md-folder_open"></i> Le Cadastre Napoléonien</a> <a data-category="les-lieux-dits" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/les-lieux-dits/"><i class="material-icons text-muted md-folder_open"></i> Les Lieux-dits</a> <a data-category="la-toponymie" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/la-toponymie/"><i class="material-icons text-muted md-folder_open"></i> La Toponymie</a> <a data-category="les-odonymes" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/les-odonymes/"><i class="material-icons text-muted md-folder_open"></i> Les Odonymes</a> <a data-category="les-hydronymes" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/les-hydronymes/"><i class="material-icons text-muted md-folder_open"></i> Les Hydronymes</a> <a data-category="le-chemin-de-fer-du-nord" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/le-chemin-de-fer-du-nord/"><i class="material-icons text-muted md-folder_open"></i> Le Chemin de Fer du Nord</a> <a data-category="l-instruction" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/l-instruction/"><i class="material-icons text-muted md-folder_open"></i> L'instruction</a> <a data-category="les-moulins" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/les-moulins/"><i class="material-icons text-muted md-folder_open"></i> Les Moulins</a> <a data-category="l-habitat" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/l-habitat/"><i class="material-icons text-muted md-folder_open"></i> L'habitat</a> <a data-category="la-randonnee" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/la-randonnee/"><i class="material-icons text-muted md-folder_open"></i> La Randonnée</a> </div> <div data-category="memoire-du-papier" class="list-group-item list-group-item-action d-flex align-items-center has-submenu"> <a href="http://soudet80.e-monsite.com/pages/memoire-du-papier/">Mémoire de Papier</a> <button type="button" class="btn collapsed ml-auto" data-target="#memoire-du-papier155" data-toggle="collapse"> <i class="material-icons md-expand_more"></i> </button> </div> <div class="collapse" id="memoire-du-papier155" data-parent="#group-id-841"> <a data-category="memoire-du-papier" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-papier/la-commune-en-1900.html"> La Commune en 1900 </a> <a data-category="memoire-du-papier" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-papier/les-elections.html"> Les différents mode de scrutin </a> <a data-category="memoire-du-papier" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-papier/elections-departementales-2015.html"> Elections départementales 2015 </a> <a data-category="memoire-du-papier" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-papier/vols-et-homicides.html"> Vols et homicides </a> <a data-category="memoire-du-papier" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-papier/les-accuidents.html"> Les accidents </a> <a data-category="memoire-du-papier" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-papier/les-intemperies.html"> Les intempéries </a> <a data-category="memoire-du-papier" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-papier/la-politique.html"> La politique </a> <a data-category="memoire-du-papier" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-papier/les-dommages-de-guerre.html"> Les dommages de guerre </a> <a data-category="memoire-du-papier" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-papier/la-medecine.html"> La Médecine </a> <a data-category="memoire-du-papier" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-papier/les-distinctions.html"> Les Distinctions </a> <a data-category="memoire-du-papier" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/memoire-du-papier/la-vie-associative.html"> La vie associative </a> </div> <div data-category="les-nouveautes" class="list-group-item list-group-item-action d-flex align-items-center has-submenu"> <a href="http://soudet80.e-monsite.com/pages/les-nouveautes/">Les Nouveautés</a> <button type="button" class="btn collapsed ml-auto" data-target="#les-nouveautes325" data-toggle="collapse"> <i class="material-icons md-expand_more"></i> </button> </div> <div class="collapse" id="les-nouveautes325" data-parent="#group-id-841"> <a data-category="les-nouveautes" class="list-group-item list-group-item-action pl-5" href="http://soudet80.e-monsite.com/pages/les-nouveautes/la-demographie.html"> La démographie </a> </div> </div> </div> </div> <div id="widget-2" class="widget" data-id="widget_poll_item" data-widget-num="2"> <div class="widget-title"> <span> Sondage </span> </div> <div class="widget-content"> <li class="card"> <form method="post" action="http://soudet80.e-monsite.com/sondages/comment-trouvez-vous-mon-site.html" class="card-body"> <p class="media-heading"> Comment trouvez-vous mon site ? </p> <ul class="media-list"> <li class="media"> <div class="custom-control custom-radio"> <input class="custom-control-input" name="chart_answer" value="5243037b2ba956c6d751f3b4" id="answer_1_5243037b290056c6d75115cb" type="radio"> <label class="custom-control-label" for="answer_1_5243037b290056c6d75115cb">Moyen</label> </div> </li> <li class="media"> <div class="custom-control custom-radio"> <input class="custom-control-input" name="chart_answer" value="5243037b2b4f56c6d751552d" id="answer_2_5243037b290056c6d75115cb" type="radio"> <label class="custom-control-label" for="answer_2_5243037b290056c6d75115cb">Bien</label> </div> </li> <li class="media"> <div class="custom-control custom-radio"> <input class="custom-control-input" name="chart_answer" value="5243037b2ace56c6d7517ea4" id="answer_3_5243037b290056c6d75115cb" type="radio"> <label class="custom-control-label" for="answer_3_5243037b290056c6d75115cb">Très bien</label> </div> </li> </ul> <div class="form-group"> <button type="submit" class="btn btn-primary" value="1" name="submit_poll">Voter</button> <button type="submit" class="btn btn-secondary" value="1" name="see_result">Voir les résultats</button> </div> </form> </li> </div> </div> <div id="widget-3" class="widget" data-id="widget_searchbox" data-widget-num="3"> <div class="widget-content"> <form method="get" action="http://soudet80.e-monsite.com/search/site/" class="form-search"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="material-icons md-search"></i></span> </div> <input class="form-control" type="text" name="q" value="" placeholder="Votre recherche" pattern=".{3,}" required> <div class="input-group-append"> <button type="submit" class="btn btn-secondary">OK</button> </div> </div> </form> </div> </div> <div id="widget-4" class="widget" data-id="widget_website_categories" data-widget-num="4"> <div class="widget-title"> <span> Annuaire </span> </div> <div class="widget-content"> <div class="list-group directory-categories" data-addon="directory"> <a class="directory-category list-group-item list-group-item-action d-flex align-items-center" data-category="internet" href="http://soudet80.e-monsite.com/annuaire/internet/"> Internet <span class="badge ml-auto badge-count">2</span> </a> </div> </div> </div> <div id="widget-5" class="widget" data-id="widget_htmltext" data-widget-num="5"> <div class="widget-title"> <span> La Météo </span> </div> <div class="widget-content"> <div id="cont_ODA2MTl8NXwxfDF8MXxGRkZGRkZ8NnxGRkZGRkZ8Y3wx"><div id="spa_ODA2MTl8NXwxfDF8MXxGRkZGRkZ8NnxGRkZGRkZ8Y3wx"><a id="a_ODA2MTl8NXwxfDF8MXxGRkZGRkZ8NnxGRkZGRkZ8Y3wx" href="http://www.meteocity.com/france/pernois_v80619/" rel="nofollow" target="_blank" style="color:#333;text-decoration:none;">Météo Pernois</a> © meteocity.com</div><script type="text/javascript" src="http://widget.meteocity.com/js/ODA2MTl8NXwxfDF8MXxGRkZGRkZ8NnxGRkZGRkZ8Y3wx"></script></div> </div> </div> <div id="widget-6" class="widget" data-id="widget_htmltext" data-widget-num="6"> <div class="widget-content"> <script type="text/javascript" src="http://www.abcompteur.com/live/?code=0/116/15335/6/1&ID=773958"></script><noscript><a href="http://www.abcompteur.com/">ABCompteur : compteur gratuit</a></noscript> </div> </div> <div id="widget-7" class="widget" data-id="widget_page_category" data-widget-num="7"> <a href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/la-randonnee/circuit-du-bois-des-dames/" class="widget-title"> <span> Circuit du Bois des Dames </span> </a> <div class="widget-content"> <div class="list-group" data-addon="pages" id="group-id-653"> <a href="http://soudet80.e-monsite.com/pages/memoire-des-lieux/la-randonnee/circuit-du-bois-des-dames/le-sentier-du-bois-des-dames.html" class="list-group-item list-group-item-action" data-category="circuit-du-bois-des-dames"> Circuit du Bois des Dames </a> </div> </div> </div> </div> </aside> </div> </div> <!-- //WRAPPER --> <footer id="footer" class="frieze-triangles"> <div id="rows-6023a27bf6ab468c3e9aad41" class="rows" data-total-pages="1" data-current-page="1"> <div id="row-6023a27bf6ab468c3e9aad41-1" data-mcp-line-id="5e85fc14cf4d68bffe8414ec" class="row-container pos-1 page_1 container"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" data-mcp-cell-id="5e85fc14cf51d41478af9800" data-size="lg" id="cell-5e85fc14cf51d41478af9800" class="col"> <div class="col-content col-no-widget col-text"> <p style="text-align: center;">Pour nous écrire :<a href="mailto:echemaristeredpernois@orange.fr">echemaristeredpernois@orange.fr</a></p> <p align="center"><strong><span style="font-size:14px;"><span style="font-family:georgia,serif;"><span style="color:#FF0000;">Ce site doit beaucoup à l'amabilité du personnel des Archives départementales de la Somme </span></span></span></strong></p> <p align="center"><strong><span style="font-size:14px;"><span style="font-family:georgia,serif;"><span style="color:#FF0000;"><span style="text-align: left;">M. Christian Warin †, ancien secrétaire de mairie à Pernois. </span></span></span></span></strong></p> <p align="center"><strong><span style="font-size:14px;"><span style="font-family:georgia,serif;"><span style="color:#FF0000;">A la mémoire de Raymond Delavisse † qui fut toujours prêt à évoquer l'histoire de Pernois.</span></span></span></strong></p> <p style="text-align: center;"><strong><span style="font-size:14px;"><span style="font-family:georgia,serif;"><span style="color:#FF0000;">Remerciements à toutes les personnes pour le prêt de certains documents. </span></span></span></strong></p> <p style="text-align: center;"> </p> </div> </div> </div> </div> </div> </div> <div class="container"> <ul id="brand-copyright" class="footer-mentions"> <li><a href="https://www.e-monsite.com/?utm_campaign=network_bottom_link" target="_blank" title="Créer un site internet avec e-monsite">Créer un site internet avec e-monsite</a></li> <li><a href="http://www.e-monsite.com/contact/signalement-de-contenu-illicite.html?url=soudet80.e-monsite.com&page=http://soudet80.e-monsite.com/pages/memoire-des-lieux/les-structures-administratives/le-territoire/on-survole-et-un-petit-clic.html" target="_blank" rel="nofollow">Signaler un contenu illicite sur ce site</a></li> </ul> </div> <ul id="legal-mentions" class="footer-mentions"> <li><a href="http://soudet80.e-monsite.com/about/legal/">Mentions légales</a></li> <li><button id="cookies" type="button" aria-label="Gestion des cookies">Gestion des cookies</button></li> </ul> </footer> <div class="sponsor-banner-glass" data-role="sp"> <span class="sponsor-glass-label">sponsors</span> <ul class="sponsor-glass-list"> <li class="sponsor-glass-item"> <a href="https://www.e-monsite.com" target="_blank" rel="nofollow noreferrer" title="Créer un site" class="sponsor-glass-link"> <img width="150" height="30" src="//soudet80.e-monsite.com/medias/static/manager/e-monsite.com/im/sponsor-ems.png" alt="Créer un site" loading="lazy" /> </a> </li> <li class="sponsor-glass-item"> <a href="https://www.madate.fr" target="_blank" rel="nofollow noreferrer" title="Madate" class="sponsor-glass-link"> <img width="150" height="30" src="//soudet80.e-monsite.com/medias/static/manager/madate.fr/im/sponsor-madate.png" alt="Madate" loading="lazy" /> </a> </li> <li class="sponsor-glass-item"> <a href="https://mesresa.fr/" target="_blank" rel="nofollow noreferrer" title="MesResa" class="sponsor-glass-link"> <img width="150" height="30" src="//soudet80.e-monsite.com/medias/static/manager/mesresa.fr/im/mesresa-sponsor.png" alt="MesResa" loading="lazy" /> </a> </li> <li class="sponsor-glass-item"> <a href="https://www.awelty.fr/" target="_blank" rel="nofollow noreferrer" title="Awelty" class="sponsor-glass-link"> <img width="150" height="30" src="//soudet80.e-monsite.com/medias/static/manager/awelty.com/im/sponsor-awelty.png" alt="Awelty" loading="lazy" /> </a> </li> <li class="sponsor-glass-item"> <a href="https://www.wuro.fr" target="_blank" rel="nofollow noreferrer" title="Créer une facture" class="sponsor-glass-link"> <img width="150" height="30" src="//soudet80.e-monsite.com/medias/static/manager/wuro.fr/im/wuro-sponsor.png" alt="Créer une facture" loading="lazy" /> </a> </li> <li class="sponsor-glass-item"> <a href="https://www.e-confiance.fr/" target="_blank" rel="nofollow noreferrer" title="E-Confiance" class="sponsor-glass-link"> <img width="150" height="30" src="//soudet80.e-monsite.com/medias/static/manager/e-confiance.fr/im/econfiance-sponsor.png" alt="E-Confiance" loading="lazy" /> </a> </li> <li class="sponsor-glass-item"> <a href="https://www.luminjo.com/" target="_blank" rel="nofollow noreferrer" title="Luminjo" class="sponsor-glass-link"> <img width="150" height="30" src="//soudet80.e-monsite.com/medias/static/manager/luminjo.com/im/luminjo-sponsor.png" alt="Luminjo" loading="lazy" /> </a> </li> <li class="sponsor-glass-item"> <a href="https://www.agendaculturel.fr" target="_blank" rel="nofollow noreferrer" title="Agenda Culturel" class="sponsor-glass-link"> <img width="150" height="30" src="//soudet80.e-monsite.com/medias/static/manager/agendaculturel.fr/im/sponsor-ac.png" alt="Agenda Culturel" loading="lazy" /> </a> </li> </ul> </div> <style> .sponsor-banner-glass{ position: fixed; display: flex; height: 60px; bottom: 0; left: 0; width: 100%; padding: 20px 20px 16px 20px; align-items: center; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-top: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.1), inset 0 0 22px 11px rgba(255, 255, 255, 0.15); font-family: sans-serif; z-index: 99999999; overflow: hidden; } .sponsor-glass-label { position: absolute; top: 0; left: 16px; padding: 2px 6px; text-transform: uppercase; font-size: 10px; color: rgba(0, 0, 0, 0.5); background: rgba(255, 255, 255, 0.5); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .sponsor-glass-list { flex: 1; display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; align-items: center; justify-content: center; gap: 16px; } .sponsor-glass-item { display: none; align-items: center; justify-content: center; text-align: center; flex: 1 1 calc(33.33% - 16px * 2 / 3); overflow: hidden; } .sponsor-glass-list .sponsor-glass-item:nth-child(1), .sponsor-glass-list .sponsor-glass-item:nth-child(2), .sponsor-glass-list .sponsor-glass-item:nth-child(3){ display: flex; } @media (min-width: 576px) { .sponsor-glass-list .sponsor-glass-item { flex: 1 1 calc(20% - (16px * 4 / 5)); } .sponsor-glass-list .sponsor-glass-item:nth-child(4), .sponsor-glass-list .sponsor-glass-item:nth-child(5){ display: flex; } } @media (min-width: 992px) { .sponsor-glass-list .sponsor-glass-item { flex: 1 1 calc(12.5% - (16px * 7 / 8)); display: flex; } } .sponsor-glass-link { display: inline-flex; align-items: center; justify-content: center; } .sponsor-glass-link img { opacity: 1; transition: opacity .2s; height: 100%; width: 100%; object-fit: contain; max-width: 150px; display: block; margin: 0 auto; } .sponsor-glass-link:hover img { opacity: .7; } </style> <button id="scroll-to-top" class="d-none d-sm-inline-block" type="button" aria-label="Scroll top" onclick="$('html, body').animate({ scrollTop:0}, 600);"> <i class="material-icons md-lg md-expand_less"></i> </button> </body> </html>
