Deprecated: strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-includes/functions.php on line 7056

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-includes/functions.php on line 2165

Deprecated: strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-includes/functions.php on line 7056

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-includes/functions.php on line 2165

Deprecated: strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-includes/functions.php on line 7056

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-includes/functions.php on line 2165

Deprecated: Creation of dynamic property WBCR\Factory_466\Entities\Paths::$basename is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/anti-spam/libs/factory/core/includes/entities/class-factory-paths.php on line 29

Deprecated: strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-includes/functions.php on line 7056

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-includes/functions.php on line 2165

Deprecated: Creation of dynamic property WBCR\Factory_466\Entities\Paths::$migrations is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/anti-spam/libs/factory/core/includes/entities/class-factory-paths.php on line 31

Deprecated: Creation of dynamic property WBCR\Titan\Plugin::$plugin_slug is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/anti-spam/libs/factory/core/includes/class-factory-plugin-base.php on line 278

Deprecated: strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-includes/functions.php on line 7056

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-includes/functions.php on line 2165

Deprecated: strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-includes/functions.php on line 7056

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-includes/functions.php on line 2165

Deprecated: Creation of dynamic property WBCR\Factory_466\Updates\Github_Repository::$plugin_basename is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/anti-spam/libs/factory/core/includes/updates/repositories/class-factory-github.php on line 77

Deprecated: Creation of dynamic property WBCR\Factory_466\Updates\Github_Repository::$plugin_main_file is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/anti-spam/libs/factory/core/includes/updates/repositories/class-factory-github.php on line 78

Deprecated: Creation of dynamic property WBCR\Factory_466\Updates\Github_Repository::$plugin_absolute_path is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/anti-spam/libs/factory/core/includes/updates/repositories/class-factory-github.php on line 79

Deprecated: Creation of dynamic property WBCR\Titan\Tweaks\Security::$plugin is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/anti-spam/includes/tweaks/class-security-tweaks.php on line 21

Deprecated: Creation of dynamic property Cookie_Law_Info_Cli_Policy_Generator::$plugin_name is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/cookie-law-info/legacy/admin/modules/cli-policy-generator/cli-policy-generator.php on line 176

Deprecated: Creation of dynamic property EPS_Redirects_Plugin::$settings is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/eps-301-redirects/plugin.php on line 55

Deprecated: Creation of dynamic property Jetpack_Publicize::$modules is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/jetpack/modules/publicize.php on line 38

Deprecated: Creation of dynamic property Automattic\Jetpack\Publicize\Publicize_UI::$in_jetpack is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/jetpack/modules/publicize.php on line 101

Deprecated: Creation of dynamic property cfs_select::$select2_inserted is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/custom-field-suite/includes/fields/select.php on line 9

Deprecated: Creation of dynamic property cfs_loop::$values is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/custom-field-suite/includes/fields/loop.php on line 9

Deprecated: Creation of dynamic property Advanced_Editor_Tools::$toolbar_classic_block is deprecated in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/plugins/tinymce-advanced/tinymce-advanced.php on line 306
<!DOCTYPE html>
<!-- 
  Graphisme et réalisation
  Pomzed Design / Agence de communication
  Moutier - Delémont - Neuchâtel
  http://www.pomzed.ch
-->
<html lang="fr">
    <head>

        

        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="Edge" >
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">

        <link rel="icon" type="image/png" href="http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/images/favicon.png">
        <link rel="apple-touch-icon" href="http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/images/apple-touch-icon.png">

        <style>
            body {
                background: url(http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/images/bg.jpg) no-repeat center center fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover; 
            }
            /*Banner piscine*/
            .summer-banner .banner{
                height: 250px;
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
            }
            @media (min-width: 984px) {
                .summer-banner .banner{
                    height: 474px;
                }

            }

        </style>

        <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

	<!-- This site is optimized with the Yoast SEO plugin v20.5 - https://yoast.com/wordpress/plugins/seo/ -->
	<title>Archives des articles - Le Petit Jurassien - Un journal gratuit basé à Moutier pour le Jura et le Jura bernois</title>
	<meta name="description" content="Des articles exclusifs proposé par les journalistes du Petit Jurassien. Journal/Webzine gratuit basé à Moutier proposant des articles originaux, frais et décalés pour le Jura et Jura bernois." />
	<link rel="canonical" href="http://lepetitjurassien.ch/article/" />
	<link rel="next" href="http://lepetitjurassien.ch/article/page/2/" />
	<meta property="og:locale" content="fr_FR" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Archives des articles - Le Petit Jurassien - Un journal gratuit basé à Moutier pour le Jura et le Jura bernois" />
	<meta property="og:description" content="Des articles exclusifs proposé par les journalistes du Petit Jurassien. Journal/Webzine gratuit basé à Moutier proposant des articles originaux, frais et décalés pour le Jura et Jura bernois." />
	<meta property="og:url" content="http://lepetitjurassien.ch/article/" />
	<meta property="og:site_name" content="Le Petit Jurassien - Un journal gratuit basé à Moutier pour le Jura et le Jura bernois" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"http://lepetitjurassien.ch/article/","url":"http://lepetitjurassien.ch/article/","name":"Archives des articles - Le Petit Jurassien - Un journal gratuit basé à Moutier pour le Jura et le Jura bernois","isPartOf":{"@id":"http://lepetitjurassien.ch/#website"},"description":"Des articles exclusifs proposé par les journalistes du Petit Jurassien. Journal/Webzine gratuit basé à Moutier proposant des articles originaux, frais et décalés pour le Jura et Jura bernois.","breadcrumb":{"@id":"http://lepetitjurassien.ch/article/#breadcrumb"},"inLanguage":"fr-FR"},{"@type":"BreadcrumbList","@id":"http://lepetitjurassien.ch/article/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"http://lepetitjurassien.ch/"},{"@type":"ListItem","position":2,"name":"Articles"}]},{"@type":"WebSite","@id":"http://lepetitjurassien.ch/#website","url":"http://lepetitjurassien.ch/","name":"Le Petit Jurassien - Un journal gratuit basé à Moutier pour le Jura et le Jura bernois","description":"Un journal gratuit basé à Moutier pour le Jura et le Jura bernois. Articles originaux et exclusifs, reportages photos, critiques musicales et cinématographiques.","publisher":{"@id":"http://lepetitjurassien.ch/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http://lepetitjurassien.ch/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"http://lepetitjurassien.ch/#organization","name":"Le Petit Jurassien - Un journal gratuit basé à Moutier, dans le jura bernois","url":"http://lepetitjurassien.ch/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"http://lepetitjurassien.ch/#/schema/logo/image/","url":"https://i1.wp.com/lepetitjurassien.ch/wp-content/uploads/2015/12/C_lpj_logo_rond_grand_coul-01.png?fit=2480%2C3508","contentUrl":"https://i1.wp.com/lepetitjurassien.ch/wp-content/uploads/2015/12/C_lpj_logo_rond_grand_coul-01.png?fit=2480%2C3508","width":2480,"height":3508,"caption":"Le Petit Jurassien - Un journal gratuit basé à Moutier, dans le jura bernois"},"image":{"@id":"http://lepetitjurassien.ch/#/schema/logo/image/"}}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//secure.gravatar.com' />
<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
<link rel='dns-prefetch' href='//v0.wordpress.com' />
<link rel='dns-prefetch' href='//widgets.wp.com' />
<link rel='dns-prefetch' href='//s0.wp.com' />
<link rel='dns-prefetch' href='//0.gravatar.com' />
<link rel='dns-prefetch' href='//1.gravatar.com' />
<link rel='dns-prefetch' href='//2.gravatar.com' />
<link rel='dns-prefetch' href='//i0.wp.com' />
<link rel="alternate" type="application/rss+xml" title="Le Petit Jurassien - Un journal gratuit basé à Moutier pour le Jura et le Jura bernois &raquo; Flux pour Articles" href="http://lepetitjurassien.ch/article/feed/" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/lepetitjurassien.ch\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.2.6"}};
/*! This file is auto-generated */
!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){p.clearRect(0,0,i.width,i.height),p.fillText(e,0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(t,0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(p&&p.fillText)switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s("\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!s("\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!s("\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!s("\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
	<link rel='stylesheet' id='twitter-bootstrap-css' href='//cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.0/flatly/bootstrap.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-css' href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='fotorama-css' href='//cdnjs.cloudflare.com/ajax/libs/fotorama/4.5.1/fotorama.css' type='text/css' media='all' />
<link rel='stylesheet' id='chocolat-css' href='http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/css/chocolat.css' type='text/css' media='all' />
<link rel='stylesheet' id='style-css' href='http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/style.min.css?v=1' type='text/css' media='all' />
<link rel='stylesheet' id='wp-block-library-css' href='http://lepetitjurassien.ch/wp-includes/css/dist/block-library/style.min.css?ver=6.2.6' type='text/css' media='all' />
<style id='wp-block-library-inline-css' type='text/css'>
.has-text-align-justify{text-align:justify;}
</style>
<link rel='stylesheet' id='mediaelement-css' href='http://lepetitjurassien.ch/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' type='text/css' media='all' />
<link rel='stylesheet' id='wp-mediaelement-css' href='http://lepetitjurassien.ch/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.2.6' type='text/css' media='all' />
<link rel='stylesheet' id='classic-theme-styles-css' href='http://lepetitjurassien.ch/wp-includes/css/classic-themes.min.css?ver=6.2.6' type='text/css' media='all' />
<style id='global-styles-inline-css' type='text/css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='titan-adminbar-styles-css' href='http://lepetitjurassien.ch/wp-content/plugins/anti-spam/assets/css/admin-bar.css?ver=7.3.5' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='http://lepetitjurassien.ch/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.7.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='cookie-law-info-css' href='http://lepetitjurassien.ch/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-public.css?ver=3.0.8' type='text/css' media='all' />
<link rel='stylesheet' id='cookie-law-info-gdpr-css' href='http://lepetitjurassien.ch/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-gdpr.css?ver=3.0.8' type='text/css' media='all' />
<!-- `jetpack_likes` is included in the concatenated jetpack.css -->
<link rel='stylesheet' id='jetpack_css-css' href='http://lepetitjurassien.ch/wp-content/plugins/jetpack/css/jetpack.css?ver=12.0.2' type='text/css' media='all' />
<script type='text/javascript' src='http://lepetitjurassien.ch/wp-includes/js/jquery/jquery.min.js?ver=3.6.4' id='jquery-core-js'></script>
<script type='text/javascript' src='http://lepetitjurassien.ch/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.0' id='jquery-migrate-js'></script>
<script type='text/javascript' id='cookie-law-info-js-extra'>
/* <![CDATA[ */
var Cli_Data = {"nn_cookie_ids":[],"cookielist":[],"non_necessary_cookies":[],"ccpaEnabled":"","ccpaRegionBased":"","ccpaBarEnabled":"","strictlyEnabled":["necessary","obligatoire"],"ccpaType":"gdpr","js_blocking":"","custom_integration":"","triggerDomRefresh":"","secure_cookies":""};
var cli_cookiebar_settings = {"animate_speed_hide":"500","animate_speed_show":"500","background":"#FFF","border":"#b1a6a6c2","border_on":"","button_1_button_colour":"#61a229","button_1_button_hover":"#4e8221","button_1_link_colour":"#0a0a0a","button_1_as_button":"","button_1_new_win":"","button_2_button_colour":"#333","button_2_button_hover":"#292929","button_2_link_colour":"#444","button_2_as_button":"","button_2_hidebar":"","button_3_button_colour":"#3566bb","button_3_button_hover":"#2a5296","button_3_link_colour":"#fff","button_3_as_button":"1","button_3_new_win":"","button_4_button_colour":"#000","button_4_button_hover":"#000000","button_4_link_colour":"#333333","button_4_as_button":"","button_7_button_colour":"#61a229","button_7_button_hover":"#4e8221","button_7_link_colour":"#fff","button_7_as_button":"1","button_7_new_win":"","font_family":"inherit","header_fix":"","notify_animate_hide":"1","notify_animate_show":"1","notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"right","notify_position_vertical":"bottom","scroll_close":"","scroll_close_reload":"","accept_close_reload":"","reject_close_reload":"","showagain_tab":"","showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"100px","text":"#333333","show_once_yn":"","show_once":"10000","logging_on":"","as_popup":"","popup_overlay":"1","bar_heading_text":"","cookie_bar_as":"banner","popup_showagain_position":"bottom-right","widget_position":"left"};
var log_object = {"ajax_url":"http:\/\/lepetitjurassien.ch\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript' src='http://lepetitjurassien.ch/wp-content/plugins/cookie-law-info/legacy/public/js/cookie-law-info-public.js?ver=3.0.8' id='cookie-law-info-js'></script>
<link rel="https://api.w.org/" href="http://lepetitjurassien.ch/wp-json/" />	<style>img#wpstats{display:none}</style>
		
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20259697-7"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'UA-20259697-7');
    </script>


<style type="text/css" id="wp-custom-css">@import  "http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext";

p, h1, h2, h3 {
	font-family: 'Open Sans', sans-serif;
}</style>
          

        
</head>
<body><div class="container">
<div class="row top-buffer">
    <div class="col-md-5">
        <a href="http://lepetitjurassien.ch/?c=Chronique&e=all"><img src="http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/images/logo_lpj_header.png" class="img-responsive" /></a>
    </div>
    <div class="col-xs-12 col-sm-4 col-md-4 pull-down"></div>
    <div class="col-xs-12 col-sm-12 col-md-3 pull-down">
                <form role="search" method="get" id="search_form" action="http://lepetitjurassien.ch">
  <div class="input-group input-group-sm">
    <span class="input-group-btn">
      <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button>
    </span>
    <input name="s" type="text" class="form-control" placeholder="Recherche">
    <input type="hidden" name="c" value="Chronique" />
<input type="hidden" name="e" value="all" />
  </div>
</form>    </div>
</div><nav class="navbar  navbar-default top-buffer"
     role="navigation">
    <div class="navbar-header">
        <a class="navbar-brand hidden-lg hidden-md hidden-sm" href="#">Menu</a>
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    </div>
    <div class="collapse navbar-collapse" id="main-navbar">
        <ul class="nav navbar-nav">

            <li  ><a
                        href="http://lepetitjurassien.ch/?c=Chronique&e=all">Accueil</a>
            </li>
            <li  ><a
                        href="http://lepetitjurassien.ch/le-journal/?c=Chronique&e=all">La
                    rédaction</a></li>
            <li  ><a
                        href="http://lepetitjurassien.ch/votre-pub-ici/?c=Chronique&e=all">Votre
                    publicité ici?</a></li>
            <li  ><a
                        href="http://lepetitjurassien.ch/contact/?c=Chronique&e=all">Contact</a>
            </li>
            <li  ><a
                        href="http://lepetitjurassien.ch/article?c=Chronique&e=all">Archives</a></li>
                                    
                        <li  ><a
                    href="http://lepetitjurassien.ch/le-t-shirt-insolite/?c=Chronique&e=all">Le
                T-Shirt insolite</a></li>
            <li  ><a
                    href="http://lepetitjurassien.ch/social-room/?c=Chronique&e=all">Social Room</a></li>

                        
        </ul>

    </div>
</nav>



<nav class="navbar  navbar-default top-buffer hidden-lg hidden-md hidden-sm"
     role="navigation">
    <div class="navbar-header">
        <a class="navbar-brand hidden-lg hidden-md hidden-sm" href="#">Articles</a>
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#articles-navbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    </div>
    <div class="collapse navbar-collapse" id="articles-navbar">
        <ul class="nav navbar-nav">

            
                            <li  ><a
                            href="http://lepetitjurassien.ch/article/pinceau-prevotois-paris-fred-andre-holzer/?c=Chronique&e=all">Un pinceau prévôtois à Paris &#8211; Fred-André Holzer</a>
                </li>
                            <li  ><a
                            href="http://lepetitjurassien.ch/article/7054/?c=Chronique&e=all">De la patinoire de Crémines à la Ligue nationale</a>
                </li>
                            <li  ><a
                            href="http://lepetitjurassien.ch/article/la-coupe-est-pleine/?c=Chronique&e=all">La Coupe est pleine</a>
                </li>
                            <li  ><a
                            href="http://lepetitjurassien.ch/article/lemmy-et-bowie-sont-partis/?c=Chronique&e=all">Lemmy et Bowie sont partis</a>
                </li>
                            <li  ><a
                            href="http://lepetitjurassien.ch/article/tout-doubs-minou/?c=Chronique&e=all">Tout Doubs Minou!</a>
                </li>
                            <li  ><a
                            href="http://lepetitjurassien.ch/article/le-changement-cest-maintenant/?c=Chronique&e=all">Le changement c’est maintenant!</a>
                </li>
            
        </ul>
    </div>
</nav><ol class="breadcrumb hidden-xs hidden-sm" id="breadcrumb"><small><span><span><a href="http://lepetitjurassien.ch/">Accueil</a></span> / <span class="breadcrumb_last" aria-current="page"><strong>Articles</strong></span></span></small></ol>
	<div class="row">
	
		<div class="col-xs-12 col-sm-9 col-md-9">
			<h1>Archives</h1>

<div class="well" method="post">
    <p class="lead">Filtrer les articles</p>


    <div class="btn-group">
        <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">
            Tout<span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
                                            <li>
                    <a href="http://lepetitjurassien.ch/article/?e=6991&c=Chronique">42</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=6882&c=Chronique">41</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=6633&c=Chronique">40</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=6528&c=Chronique">39</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=6319&c=Chronique">38</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=6139&c=Chronique">37</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=5942&c=Chronique">36</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=5849&c=Chronique">35</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=5721&c=Chronique">34</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=5263&c=Chronique">33</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=4900&c=Chronique">32</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=4563&c=Chronique">31</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=4239&c=Chronique">30</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=3963&c=Chronique">29</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=3659&c=Chronique">28</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=3476&c=Chronique">27</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=3192&c=Chronique">26</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=3009&c=Chronique">25</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=221&c=Chronique">24</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=135&c=Chronique">23</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=64&c=Chronique">22</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=79&c=Chronique">21</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=143&c=Chronique">20</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=144&c=Chronique">19</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=1385&c=Chronique">18</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=1534&c=Chronique">17</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=1616&c=Chronique">16</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=1721&c=Chronique">15</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=1339&c=Chronique">14</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=1936&c=Chronique">13</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=2167&c=Chronique">12</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=2909&c=Chronique">11</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=2908&c=Chronique">10</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=2907&c=Chronique">9</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=820&c=Chronique">8</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=2491&c=Chronique">7</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=817&c=Chronique">6</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=816&c=Chronique">5</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=815&c=Chronique">4</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=814&c=Chronique">3</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=513&c=Chronique">2</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=305&c=Chronique">1</a>
                </li>
                                    
                <li><a href="http://lepetitjurassien.ch/article/?e=all">
                        Tout</a></li>

                <li class="divider"></li>
                <li><a href="http://lepetitjurassien.ch/article/?c=Chronique">&times;
                        Effacer le filtre</a></li>
                    </ul>
    </div>

    <div class="btn-group">

        <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">
            Catégorie: Chronique<span
                    class="caret"></span>
        </button>
        <ul class="dropdown-menu">
                                        <li>
                                            <a href="http://lepetitjurassien.ch/article/?c=Edito&e=all">Edito</a>
                                    </li>
                            <li>
                                            <a href="http://lepetitjurassien.ch/article/?c=Chronique&e=all">Chronique</a>
                                    </li>
                            <li>
                                            <a href="http://lepetitjurassien.ch/article/?c=La%2BCaricature%2Bdu%2Bmois&e=all">La Caricature du mois</a>
                                    </li>
                            <li>
                                            <a href="http://lepetitjurassien.ch/article/?c=J%2527ai%2Bpas%2Bcampris%2521&e=all">J'ai pas campris!</a>
                                    </li>
                            <li>
                                            <a href="http://lepetitjurassien.ch/article/?c=La%2BGuillotine&e=all">La Guillotine</a>
                                    </li>
                            <li>
                                            <a href="http://lepetitjurassien.ch/article/?c=Portrait&e=all">Portrait</a>
                                    </li>
                            <li>
                                            <a href="http://lepetitjurassien.ch/article/?c=Publi-reportage&e=all">Publi-reportage</a>
                                    </li>
                            <li>
                                            <a href="http://lepetitjurassien.ch/article/?c=Pr%25C3%25A9sentation%2Bcommerciale&e=all">Présentation commerciale</a>
                                    </li>
                            <li>
                                            <a href="http://lepetitjurassien.ch/article/?c=L%2527album%2Bdu%2Bmois&e=all">L'album du mois</a>
                                    </li>
                            <li>
                                            <a href="http://lepetitjurassien.ch/article/?c=Le%2Bfilm%2B%25C3%25A0%2Bvoir...%2BOu%2Bpas%2521&e=all">Le film à voir... Ou pas!</a>
                                    </li>
                            <li>
                                            <a href="http://lepetitjurassien.ch/article/?c=Les%2Brecettes%2Bdu%2BClodo&e=all">Les recettes du Clodo</a>
                                    </li>
                            <li>
                                            <a href="http://lepetitjurassien.ch/article/?c=Les%2Baventures%2Bd%25E2%2580%2599Emilie&e=all">Les aventures d’Emilie</a>
                                    </li>
                            <li>
                                            <a href="http://lepetitjurassien.ch/article/?c=Pr%25C3%25A9v%25C3%25B4tois%2B%25C3%25A0%2Bl%2527%25C3%25A9tranger&e=all">Prévôtois à l'étranger</a>
                                    </li>
                            <li>
                                    </li>
                        <li>
                <a href="http://lepetitjurassien.ch/article/?c=Carnet%2Bde%2Bvoyage&e=all">Carnet de voyage</a>
            </li>
                            <li class="divider"></li>
                <li><a href="http://lepetitjurassien.ch/article/?e=all">&times;
                        Effacer le filtre</a></li>
                    </ul>
    </div>

    <input type="hidden" name="c" value="Chronique" />
<input type="hidden" name="e" value="all" />
</div>

<div class="post-container">

    
                <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/realisateur-tv/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/12/IMG_2951.jpg);"
                             alt="Réalisateur TV"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les métiers de l'ombre</small>
                            <br>Réalisateur TV</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/realisateur-tv/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=4900"
                               class="btn btn-light" role="button">Ed. 32</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/en-trottinette-simone/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_63_1.jpg);"
                             alt="En trottinette Simone!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>En trottinette Simone!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/en-trottinette-simone/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2491"
                               class="btn btn-light" role="button">Ed. 7</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/3515/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/05/11.jpg);"
                             alt="Les sommelières de Moutier"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Tavernier!?</small>
                            <br>Les sommelières de Moutier</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/3515/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3476"
                               class="btn btn-light" role="button">Ed. 27</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/retour-dans-le-tripoli-de-moutier/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/47.jpg);"
                             alt="Retour dans le Tripoli de Moutier"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Little Italy Prévôtois</small>
                            <br>Retour dans le Tripoli de Moutier</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/retour-dans-le-tripoli-de-moutier/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6633"
                               class="btn btn-light" role="button">Ed. 40</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/fait-cthiver-mal/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_25_3.jpg);"
                             alt="Fait c’t’hiver mal"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Musique</small>
                            <br>Fait c’t’hiver mal</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/fait-cthiver-mal/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=814"
                               class="btn btn-light" role="button">Ed. 3</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/jai-encore-pecho/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/19056548.jpg-r_640_600-b_1_D6D6D6-f_jpg-q_x-xxyxx.jpg);"
                             alt="J&rsquo;ai encore pécho!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>J&rsquo;ai encore pécho!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/jai-encore-pecho/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5942"
                               class="btn btn-light" role="button">Ed. 36</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-ptit-ju-a-la-seve-qui-monte/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/Ptit-Ju.jpg);"
                             alt="T&rsquo;as la sève qui monte!?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">En image</small>
                            <br>T&rsquo;as la sève qui monte!?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-ptit-ju-a-la-seve-qui-monte/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5942"
                               class="btn btn-light" role="button">Ed. 36</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/trott-en-fun/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/06/img_69_2.jpg);"
                             alt="La trott en plus fun"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Crewpions</small>
                            <br>La trott en plus fun</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/trott-en-fun/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=820"
                               class="btn btn-light" role="button">Ed. 8</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/les-super-heros-de-la-prevote-la-colonne-de-secours/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/Une-partie-de-nos-héros.jpg);"
                             alt="Les super-héros de la Prévôté – La Colonne de secours"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Reportage</small>
                            <br>Les super-héros de la Prévôté – La Colonne de secours</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-super-heros-de-la-prevote-la-colonne-de-secours/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3009"
                               class="btn btn-light" role="button">Ed. 25</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/ca-foire/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/06/img_70_3.jpg);"
                             alt="Ça foire!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Cramias</small>
                            <br>Ça foire!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ca-foire/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=820"
                               class="btn btn-light" role="button">Ed. 8</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/bieres-et-mysteres/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/08/mystères3.jpg);"
                             alt="Bières et Mystères"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Rat de bibliothèque</small>
                            <br>Bières et Mystères</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/bieres-et-mysteres/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6319"
                               class="btn btn-light" role="button">Ed. 38</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/venus-erotica-anais-nin/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/Delta-of-Venus-Erotica.jpg);"
                             alt="Vénus Erotica – Anaïs Nin"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Rat de bibliothèque</small>
                            <br>Vénus Erotica – Anaïs Nin</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/venus-erotica-anais-nin/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5942"
                               class="btn btn-light" role="button">Ed. 36</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/allez-les-jeunes-formez-vous/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_60_1.jpg);"
                             alt="Allez les jeunes, formez-vous!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Allez les jeunes, formez-vous!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/allez-les-jeunes-formez-vous/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2491"
                               class="btn btn-light" role="button">Ed. 7</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/les-dessous-de-la-presse-sportive/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_145_1.jpg);"
                             alt="Les dessous de la presse sportive"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Reporter-mobile</small>
                            <br>Les dessous de la presse sportive</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-dessous-de-la-presse-sportive/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1616"
                               class="btn btn-light" role="button">Ed. 16</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/marche-moutier-devient-il/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/affichette-marché-poissonsjpg.jpg);"
                             alt="Le Marché de Moutier, que devient-il?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Action-Réaction</small>
                            <br>Le Marché de Moutier, que devient-il?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/marche-moutier-devient-il/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3192"
                               class="btn btn-light" role="button">Ed. 26</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/petit-dejeuner-contact-moutier/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/06/petit-dejeuner-contact.jpg);"
                             alt="Enfants en difficulté: étiquettes à décoller!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">«Petit Déjeuner Contact» à Moutier</small>
                            <br>Enfants en difficulté: étiquettes à décoller!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/petit-dejeuner-contact-moutier/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3659"
                               class="btn btn-light" role="button">Ed. 28</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/6399/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/09/image4.jpg);"
                             alt="La Prévôté jouit d’une toute nouvelle place de jeux"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>La Prévôté jouit d’une toute nouvelle place de jeux</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/6399/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6319"
                               class="btn btn-light" role="button">Ed. 38</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/aller-et-vivre-moutier/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/13783801.jpg);"
                             alt="Aller à et vivre Moutier"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Souvenir</small>
                            <br>Aller à et vivre Moutier</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/aller-et-vivre-moutier/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5721"
                               class="btn btn-light" role="button">Ed. 34</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-petit-jurassien-travers-les-generations/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_28_22.jpg);"
                             alt="«Le Petit Jurassien» à travers les générations"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Archives</small>
                            <br>«Le Petit Jurassien» à travers les générations</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-petit-jurassien-travers-les-generations/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=814"
                               class="btn btn-light" role="button">Ed. 3</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/liberte-dexpression-etat-des-lieux/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/arton707.png);"
                             alt="Liberté d&rsquo;expression? État des lieux"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Réflexion</small>
                            <br>Liberté d&rsquo;expression? État des lieux</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/liberte-dexpression-etat-des-lieux/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5721"
                               class="btn btn-light" role="button">Ed. 34</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/les-scouts-perceval-fetent-leur-centenaire/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_179_6.jpg);"
                             alt="Les scouts Perceval fêtent leur centenaire"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Noce</small>
                            <br>Les scouts Perceval fêtent leur centenaire</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-scouts-perceval-fetent-leur-centenaire/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=143"
                               class="btn btn-light" role="button">Ed. 20</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/don-de-sang-don-de-soi/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_80_1.jpg);"
                             alt="Don de sang, don de soi"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Don de sang, don de soi</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/don-de-sang-don-de-soi/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2907"
                               class="btn btn-light" role="button">Ed. 9</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/recherche-du-cordon-dieu/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/11/DSCF9085.jpg);"
                             alt="À la recherche du Cordon Dieu"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'Aller-Retour</small>
                            <br>À la recherche du Cordon Dieu</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/recherche-du-cordon-dieu/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=4563"
                               class="btn btn-light" role="button">Ed. 31</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/sex-shop-frivolites-dtc/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/vivienne-westwood-sex-2.jpg);"
                             alt="Sex shop: frivolités DTC"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Shopping et plus si affinités</small>
                            <br>Sex shop: frivolités DTC</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/sex-shop-frivolites-dtc/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5942"
                               class="btn btn-light" role="button">Ed. 36</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/aventurier-cycliste-aviateur-moutier-henri-cobioni/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/06/img_71_1.jpg);"
                             alt="Aventurier prévôtois méconnu"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Henri Cobioni</small>
                            <br>Aventurier prévôtois méconnu</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/aventurier-cycliste-aviateur-moutier-henri-cobioni/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=820"
                               class="btn btn-light" role="button">Ed. 8</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/du-gros-dans-les-champs/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_15_1.jpg);"
                             alt="Du gros dans les champs"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Festival</small>
                            <br>Du gros dans les champs</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/du-gros-dans-les-champs/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=513"
                               class="btn btn-light" role="button">Ed. 2</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/roux-de-secours/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_86_1.jpg);"
                             alt="Roux de secours"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Roux de secours</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/roux-de-secours/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2908"
                               class="btn btn-light" role="button">Ed. 10</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/fumee-grandval/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_24_5.jpg);"
                             alt="Fumée à Grandval"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Boucher de campagne</small>
                            <br>Fumée à Grandval</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/fumee-grandval/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=814"
                               class="btn btn-light" role="button">Ed. 3</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/meuh-meuh/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_14_3.jpg);"
                             alt="Meuh meuh"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Foire de Chaindon</small>
                            <br>Meuh meuh</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/meuh-meuh/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=513"
                               class="btn btn-light" role="button">Ed. 2</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/voisins-du-rostigraben/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/01-210314-©SG-jan_christa.jpg);"
                             alt="Nos voisins du Röstigraben"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Reportage de l'autre côté du Graitery</small>
                            <br>Nos voisins du Röstigraben</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/voisins-du-rostigraben/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3192"
                               class="btn btn-light" role="button">Ed. 26</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/tsunami-mediatique/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/04/Tsunami-Ocean-HD.jpg);"
                             alt="Tsunami médiatique"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">COUP D'GUEULE</small>
                            <br>Tsunami médiatique</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/tsunami-mediatique/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3476"
                               class="btn btn-light" role="button">Ed. 27</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/moutier-ville-du-gout-2015/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/Moutier-ville-du-goût-2015.png);"
                             alt="Moutier, ville du Goût 2015"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Si t’as bu de l’eau purinée… c’est que t'es de Moutier!</small>
                            <br>Moutier, ville du Goût 2015</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/moutier-ville-du-gout-2015/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5721"
                               class="btn btn-light" role="button">Ed. 34</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/trick-treat/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_110_1.jpg);"
                             alt="Trick or treat?!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Halloween</small>
                            <br>Trick or treat?!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/trick-treat/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1936"
                               class="btn btn-light" role="button">Ed. 13</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/des-ptits-fans-de-lovalie-st/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/170811-SYG-51.jpg);"
                             alt="Des p’tits fans de «l’Ovalie» à St-I!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Rugby</small>
                            <br>Des p’tits fans de «l’Ovalie» à St-I!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/des-ptits-fans-de-lovalie-st/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=305"
                               class="btn btn-light" role="button">Ed. 1</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/treize-heures-la-braderie-prevotoise/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_178_9.jpg);"
                             alt="Treize heures à la Braderie prévôtoise"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Treize heures à la Braderie prévôtoise</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/treize-heures-la-braderie-prevotoise/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=143"
                               class="btn btn-light" role="button">Ed. 20</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/monastere-prevotois/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_168_9.jpg);"
                             alt="Monastère Prévôtois"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Archéologie</small>
                            <br>Monastère Prévôtois</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/monastere-prevotois/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1385"
                               class="btn btn-light" role="button">Ed. 18</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/un-chien-dans-un-verre-deau/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/Capture-d’écran-2015-11-02-à-09.41.14.png);"
                             alt="Un chien dans un verre d’eau"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Aller-Retour</small>
                            <br>Un chien dans un verre d’eau</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/un-chien-dans-un-verre-deau/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6633"
                               class="btn btn-light" role="button">Ed. 40</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/moutier-ville-decharge/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/01/IMG_8864-e1422117783917.jpg);"
                             alt="Moutier, ville décharge"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Coup de gueulante!</small>
                            <br>Moutier, ville décharge</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/moutier-ville-decharge/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5263"
                               class="btn btn-light" role="button">Ed. 33</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/crenom-cremines/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/img_79_1.jpg);"
                             alt="Crénom, Crémines!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Découverte</small>
                            <br>Crénom, Crémines!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/crenom-cremines/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2907"
                               class="btn btn-light" role="button">Ed. 9</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/mathieu-teste/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/06/matt_defi.jpg);"
                             alt="OK J&rsquo;ESSAIE! Mais j&rsquo;garantis rien&#8230;"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Matthieu a testé pour vous</small>
                            <br>OK J&rsquo;ESSAIE! Mais j&rsquo;garantis rien&#8230;</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/mathieu-teste/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3659"
                               class="btn btn-light" role="button">Ed. 28</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/cest-dur-de-mourir-au-printemps/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_161_1.jpg);"
                             alt="C&rsquo;est dur de mourir au printemps!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Manger du pissenlit par la racine</small>
                            <br>C&rsquo;est dur de mourir au printemps!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/cest-dur-de-mourir-au-printemps/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1385"
                               class="btn btn-light" role="button">Ed. 18</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-grand-jeu-de-lapres/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_125_1.jpg);"
                             alt="Le Grand Jeu de l’Après!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Concours</small>
                            <br>Le Grand Jeu de l’Après!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-grand-jeu-de-lapres/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1339"
                               class="btn btn-light" role="button">Ed. 14</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/vilan-les-marathoniens-du-jeu-video/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_131_1.jpg);"
                             alt="Vi$$Lan: les marathoniens du jeu vidéo"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Game Over</small>
                            <br>Vi$$Lan: les marathoniens du jeu vidéo</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/vilan-les-marathoniens-du-jeu-video/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1721"
                               class="btn btn-light" role="button">Ed. 15</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/coup-de-grrif/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_64_1.jpg);"
                             alt="Coup de Grrif"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Coup de Grrif</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/coup-de-grrif/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2491"
                               class="btn btn-light" role="button">Ed. 7</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/du-hard-et-du-houblon/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/10676180_730318963725950_1834506294811507351_n.jpg);"
                             alt="Du Hard et du Houblon"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Brasserie Tonnebière</small>
                            <br>Du Hard et du Houblon</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/du-hard-et-du-houblon/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6139"
                               class="btn btn-light" role="button">Ed. 37</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-vilain-petit-canard/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_48_1.jpg);"
                             alt="Le vilain petit canard"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Le vilain petit canard</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-vilain-petit-canard/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=816"
                               class="btn btn-light" role="button">Ed. 5</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/bienfaits-des-jeux-videos/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/Bienfaits-jeux-vidéos-santé.jpg);"
                             alt="Être meilleur, être gamer"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Étude</small>
                            <br>Être meilleur, être gamer</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/bienfaits-des-jeux-videos/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6633"
                               class="btn btn-light" role="button">Ed. 40</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/sos-futures-mamans-vive-les-bebes/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_114_9.jpg);"
                             alt="SOS futures mamans: vive les bébés!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Magazine</small>
                            <br>SOS futures mamans: vive les bébés!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/sos-futures-mamans-vive-les-bebes/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1936"
                               class="btn btn-light" role="button">Ed. 13</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-jura-bernois-est-riche-mais-il-ne-le-sait-pas/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/1925207_374295956042265_2033064421_n.png);"
                             alt="Le Jura bernois est riche, mais il ne le sait pas"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">A-glou-a-glou-a-glou</small>
                            <br>Le Jura bernois est riche, mais il ne le sait pas</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-jura-bernois-est-riche-mais-il-ne-le-sait-pas/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5721"
                               class="btn btn-light" role="button">Ed. 34</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/coupe-albert-52e-edition/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_51_1.jpg);"
                             alt="Coupe Albert, 52e édition"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Coupe Albert, 52e édition</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/coupe-albert-52e-edition/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=817"
                               class="btn btn-light" role="button">Ed. 6</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/piquenhit/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/img_85_1.jpg);"
                             alt="Pique’n’Hit"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Bons plans</small>
                            <br>Pique’n’Hit</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/piquenhit/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2908"
                               class="btn btn-light" role="button">Ed. 10</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-26-avril-ca-va-chauffer-moutier/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_66_1.jpg);"
                             alt="Le 26 avril, ça va ch…auffer à Moutier!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Le 26 avril, ça va ch…auffer à Moutier!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-26-avril-ca-va-chauffer-moutier/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2491"
                               class="btn btn-light" role="button">Ed. 7</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/mort-va-bien/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/11/01-©SG-cimetiere.jpg);"
                             alt="La Mort lui va si bien"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les métiers de l'ombre</small>
                            <br>La Mort lui va si bien</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/mort-va-bien/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=4563"
                               class="btn btn-light" role="button">Ed. 31</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/un-ptit-sejour-lombre/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_143_1.jpg);"
                             alt="Un p’tit séjour à l’ombre?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Un p’tit séjour à l’ombre?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/un-ptit-sejour-lombre/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1616"
                               class="btn btn-light" role="button">Ed. 16</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/traits-et-regards-sur-la-fin-de-vie-3-volumes/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/10/Je-meurs.jpg);"
                             alt="Traits et regards sur la fin de vie – 3 volumes"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Rat de bibliothèque</small>
                            <br>Traits et regards sur la fin de vie – 3 volumes</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/traits-et-regards-sur-la-fin-de-vie-3-volumes/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6528"
                               class="btn btn-light" role="button">Ed. 39</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/les-beautes-sont-dans-le-pre/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_8_1.jpg);"
                             alt="Les beautés sont dans le pré"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Miss paysannes suisses</small>
                            <br>Les beautés sont dans le pré</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-beautes-sont-dans-le-pre/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=305"
                               class="btn btn-light" role="button">Ed. 1</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/sur-la-cote-sous-la-neige/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/IMG_1347.jpg);"
                             alt="Sur la Côte, sous la neige"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'Aller-retour</small>
                            <br>Sur la Côte, sous la neige</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/sur-la-cote-sous-la-neige/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5721"
                               class="btn btn-light" role="button">Ed. 34</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/petites-familles-entre-altruisme-et-abnegation/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_95_1.jpg);"
                             alt="Petites familles: entre altruisme et abnégation"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Petites familles: entre altruisme et abnégation</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/petites-familles-entre-altruisme-et-abnegation/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2909"
                               class="btn btn-light" role="button">Ed. 11</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/google-meilleur-ennemi/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/google-trends1.jpeg);"
                             alt="Google moi ça!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Big Brother Is Watching You</small>
                            <br>Google moi ça!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/google-meilleur-ennemi/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6882"
                               class="btn btn-light" role="button">Ed. 41</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/salut-benoit-et-la-prochaine/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_146_1.jpg);"
                             alt="Salut Benoît et à la prochaine"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présidentielle</small>
                            <br>Salut Benoît et à la prochaine</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/salut-benoit-et-la-prochaine/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1616"
                               class="btn btn-light" role="button">Ed. 16</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/seyo-spray-anti-gris/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/01-Seyo-©SG.jpg);"
                             alt="Sèyo spray anti-gris"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Comme un nuage de couleur</small>
                            <br>Sèyo spray anti-gris</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/seyo-spray-anti-gris/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6139"
                               class="btn btn-light" role="button">Ed. 37</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/promenons-nous-dans-les-bois/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/IMG_2904-e1446408596524.jpg);"
                             alt="Promenons-nous dans les bois!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Promenons-nous dans les bois!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/promenons-nous-dans-les-bois/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6633"
                               class="btn btn-light" role="button">Ed. 40</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/tout-schuss/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/teleski_grandval_sg_12022012_18.jpg);"
                             alt="Tout schuss"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Téléski du Grandval</small>
                            <br>Tout schuss</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/tout-schuss/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=815"
                               class="btn btn-light" role="button">Ed. 4</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/lemmy-et-bowie-sont-partis/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2016/02/Lemmy-02.jpg);"
                             alt="Lemmy et Bowie sont partis"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Carnet noir</small>
                            <br>Lemmy et Bowie sont partis</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lemmy-et-bowie-sont-partis/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6991"
                               class="btn btn-light" role="button">Ed. 42</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/alerte-au-comptoir-de-delemont/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_22_6.jpg);"
                             alt="Alerte au comptoir de Delémont"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Expo</small>
                            <br>Alerte au comptoir de Delémont</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/alerte-au-comptoir-de-delemont/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=814"
                               class="btn btn-light" role="button">Ed. 3</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/cap-sur-jura/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/11/04-foutchies-©SG.jpg);"
                             alt="Cap sur le Jura"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'aller-retour</small>
                            <br>Cap sur le Jura</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/cap-sur-jura/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=4900"
                               class="btn btn-light" role="button">Ed. 32</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/geocaching-chasse-aux-tresors-des-temps-modernes/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/geocaching_logo2.jpg);"
                             alt="Geocaching, chasse aux trésors des temps modernes"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Aventure</small>
                            <br>Geocaching, chasse aux trésors des temps modernes</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/geocaching-chasse-aux-tresors-des-temps-modernes/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1385"
                               class="btn btn-light" role="button">Ed. 18</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-carnaval-des-bouts-de-choux/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_45_1.jpg);"
                             alt="Le carnaval des bouts de choux"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Le carnaval des bouts de choux</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-carnaval-des-bouts-de-choux/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=816"
                               class="btn btn-light" role="button">Ed. 5</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/moutier-encerclee-par-de-nouveaux-cinemas/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/kitagcinemas_cinedomebiel_news4_neu.jpg__1400x650_q70_crop_upscale.jpg);"
                             alt="Moutier encerclée par de nouveaux cinémas"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Ils débarquent...</small>
                            <br>Moutier encerclée par de nouveaux cinémas</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/moutier-encerclee-par-de-nouveaux-cinemas/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6882"
                               class="btn btn-light" role="button">Ed. 41</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/plein-centre/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/01.jpg);"
                             alt="Plein centre !"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Plein centre !</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/plein-centre/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2907"
                               class="btn btn-light" role="button">Ed. 9</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/la-sorcellerie-dans-le-jura/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/img_198_1.jpg);"
                             alt="La sorcellerie dans le Jura"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Abracadabra</small>
                            <br>La sorcellerie dans le Jura</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-sorcellerie-dans-le-jura/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=64"
                               class="btn btn-light" role="button">Ed. 22</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/moutier-ville-cimetiere/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/paris-ville-morte.jpg);"
                             alt="Moutier, ville cimetière"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Coup d’gueule</small>
                            <br>Moutier, ville cimetière</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/moutier-ville-cimetiere/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3192"
                               class="btn btn-light" role="button">Ed. 26</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/lete-non-juste-non/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/06/tumblr_inline_mq53zdsb221qz4rgp.jpg);"
                             alt="L&rsquo;été? Non. Juste non."></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Summerhater</small>
                            <br>L&rsquo;été? Non. Juste non.</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lete-non-juste-non/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6139"
                               class="btn btn-light" role="button">Ed. 37</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/entartage-au-banneret-wisard/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/10/banneret_wisard2.jpg);"
                             alt="Entartage au Banneret Wisard"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Entartage au Banneret Wisard</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/entartage-au-banneret-wisard/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6528"
                               class="btn btn-light" role="button">Ed. 39</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/des-pays-imbeciles-ou-jamais-il-ne-pleut/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/719jFZlbU6L._SL1181_.jpg);"
                             alt="«Des pays imbéciles où jamais il ne pleut»"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>«Des pays imbéciles où jamais il ne pleut»</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/des-pays-imbeciles-ou-jamais-il-ne-pleut/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6139"
                               class="btn btn-light" role="button">Ed. 37</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/arreter-le-terrorisme-en-soi/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/cosmos-space-nasa-wallpaper-1.jpg);"
                             alt="Arrêter le terrorisme en soi"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Réflexion</small>
                            <br>Arrêter le terrorisme en soi</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/arreter-le-terrorisme-en-soi/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6882"
                               class="btn btn-light" role="button">Ed. 41</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/vieillir-ca-craint/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_57_1.jpg);"
                             alt="Vieillir ça craint!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Vieillir ça craint!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/vieillir-ca-craint/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=817"
                               class="btn btn-light" role="button">Ed. 6</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/festival-de-la-couille-et-autres-histoires-vraies-chuck-palahniuk/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/02/c-palahniuk.jpg);"
                             alt="Festival de la couille et autres histoires vraies – Chuck Palahniuk"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Rat de bibliothèque </small>
                            <br>Festival de la couille et autres histoires vraies – Chuck Palahniuk</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/festival-de-la-couille-et-autres-histoires-vraies-chuck-palahniuk/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5263"
                               class="btn btn-light" role="button">Ed. 33</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/en-direct-de-la-nendaz-freeride/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/logo_nendazfreeride.jpg);"
                             alt="En direct de la Nendaz Freeride"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>En direct de la Nendaz Freeride</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/en-direct-de-la-nendaz-freeride/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3009"
                               class="btn btn-light" role="button">Ed. 25</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/de-la-betaillere-au-congelateur/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_151_1.jpg);"
                             alt="De la bétaillère au congélateur"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Du sang du boudin</small>
                            <br>De la bétaillère au congélateur</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/de-la-betaillere-au-congelateur/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1534"
                               class="btn btn-light" role="button">Ed. 17</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-fusil-est-affute-et-lesprit-conquerant/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_133_1.jpg);"
                             alt="Le fusil est affûté et l&rsquo;esprit conquérant"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Draguer à Moutier</small>
                            <br>Le fusil est affûté et l&rsquo;esprit conquérant</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-fusil-est-affute-et-lesprit-conquerant/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1721"
                               class="btn btn-light" role="button">Ed. 15</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/se-faire-une-toile-sous-les-etoiles-ou-presque/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/150811-SYG-50.jpg);"
                             alt="Se faire une toile sous les étoiles"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Cinéma Open Air 2011</small>
                            <br>Se faire une toile sous les étoiles</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/se-faire-une-toile-sous-les-etoiles-ou-presque/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=305"
                               class="btn btn-light" role="button">Ed. 1</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-changement-dheure-fait-tourner-les-tetes/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_153_1.jpg);"
                             alt="Le changement d’heure fait tourner les têtes"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Horloge biologique</small>
                            <br>Le changement d’heure fait tourner les têtes</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-changement-dheure-fait-tourner-les-tetes/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1534"
                               class="btn btn-light" role="button">Ed. 17</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/gui-t-hard-night/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_33_28.jpg);"
                             alt="Gui-t-Hard night"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Musique</small>
                            <br>Gui-t-Hard night</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/gui-t-hard-night/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=815"
                               class="btn btn-light" role="button">Ed. 4</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/fc-moutier-un-defi-entre-amis/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_56_1.jpg);"
                             alt="FC Moutier: un défi entre amis"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>FC Moutier: un défi entre amis</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/fc-moutier-un-defi-entre-amis/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=817"
                               class="btn btn-light" role="button">Ed. 6</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/chausse-qui-peut/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/image.png);"
                             alt="Chausse-qui-peut!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'Aller-retour</small>
                            <br>Chausse-qui-peut!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/chausse-qui-peut/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5849"
                               class="btn btn-light" role="button">Ed. 35</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/moutier-centre-ca-va-bouger/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_170_1.jpg);"
                             alt="Moutier-centre: ça va bouger"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Urbanisme</small>
                            <br>Moutier-centre: ça va bouger</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/moutier-centre-ca-va-bouger/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=144"
                               class="btn btn-light" role="button">Ed. 19</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/allerich-bin-ein-berliner/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/10/IMG_2597.jpg);"
                             alt="«Ich bin ein Berliner»"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'ALLER-RETOUR</small>
                            <br>«Ich bin ein Berliner»</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/allerich-bin-ein-berliner/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6528"
                               class="btn btn-light" role="button">Ed. 39</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/toujours-magiques/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_31_7.jpg);"
                             alt="Toujours magiques"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Vitraux du Clos</small>
                            <br>Toujours magiques</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/toujours-magiques/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=815"
                               class="btn btn-light" role="button">Ed. 4</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/manger-bio-pour-mieux-pourrir/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_107_1.jpg);"
                             alt="Manger bio pour mieux pourrir!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Tendance</small>
                            <br>Manger bio pour mieux pourrir!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/manger-bio-pour-mieux-pourrir/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2167"
                               class="btn btn-light" role="button">Ed. 12</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/une-page-se-tourne-dans-le-paysage-prevotois/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/10/3.jpg);"
                             alt="Une page se tourne dans le paysage prévôtois"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Une page se tourne dans le paysage prévôtois</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/une-page-se-tourne-dans-le-paysage-prevotois/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6528"
                               class="btn btn-light" role="button">Ed. 39</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/la-horde-46/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/2471_56817220517_4868_n.jpg);"
                             alt="La Horde 46"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Fous les gaz!</small>
                            <br>La Horde 46</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-horde-46/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=144"
                               class="btn btn-light" role="button">Ed. 19</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/les-dessous-du-chant-du-gros/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_190_5.jpg);"
                             alt="Les dessous du Chant du Gros"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Festival</small>
                            <br>Les dessous du Chant du Gros</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-dessous-du-chant-du-gros/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=79"
                               class="btn btn-light" role="button">Ed. 21</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/ne-coupez-pas/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_65_1.jpg);"
                             alt="Ne coupez pas!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Ne coupez pas!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ne-coupez-pas/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2491"
                               class="btn btn-light" role="button">Ed. 7</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-va-et-vient/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/Va-et-vient21.jpg);"
                             alt="Le Va et Vient!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Un petit coup de va et vient!</small>
                            <br>Le Va et Vient!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-va-et-vient/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5942"
                               class="btn btn-light" role="button">Ed. 36</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/terry-pratchett-sen-est-alle/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/Terry-Pratchett-RIP.jpg);"
                             alt="Terry Pratchett s&rsquo;en est allé"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Hommage</small>
                            <br>Terry Pratchett s&rsquo;en est allé</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/terry-pratchett-sen-est-alle/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5849"
                               class="btn btn-light" role="button">Ed. 35</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/graitricks-du-vent-voile/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/10348519_710645999008324_2372981617140569346_n.jpg);"
                             alt="Graitricks: du vent dans la voile!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Viens j'te dis! </small>
                            <br>Graitricks: du vent dans la voile!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/graitricks-du-vent-voile/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3963"
                               class="btn btn-light" role="button">Ed. 29</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/quand-les-bonbons-collent-au-paquet/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_94_1.jpg);"
                             alt="«Quand les bonbons collent au paquet»!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>«Quand les bonbons collent au paquet»!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/quand-les-bonbons-collent-au-paquet/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2909"
                               class="btn btn-light" role="button">Ed. 11</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/une-journee-particuliere-au-pavillon/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_147_1.jpg);"
                             alt="Une journée particulière au Pavillon"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Prévôté</small>
                            <br>Une journée particulière au Pavillon</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/une-journee-particuliere-au-pavillon/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1616"
                               class="btn btn-light" role="button">Ed. 16</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/tout-doubs-minou/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2016/02/IMG_0815-e1454488403887.jpg);"
                             alt="Tout Doubs Minou!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'ALLER-RETOUR</small>
                            <br>Tout Doubs Minou!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/tout-doubs-minou/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6991"
                               class="btn btn-light" role="button">Ed. 42</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/du-x-grandval/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_47_1-1.jpg);"
                             alt="Du X à Grandval"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Du X à Grandval</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/du-x-grandval/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=816"
                               class="btn btn-light" role="button">Ed. 5</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/une-raclette-en-californie/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/IMG_0106-e1448826357450.jpg);"
                             alt="Une raclette en Californie"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">ALLER-RETOUR</small>
                            <br>Une raclette en Californie</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/une-raclette-en-californie/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6882"
                               class="btn btn-light" role="button">Ed. 41</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/lopen-du-jura-dechecs-de-classe-internationale/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_116_2.jpg);"
                             alt="L’open du Jura d’échecs: de classe internationale"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Echec et mat</small>
                            <br>L’open du Jura d’échecs: de classe internationale</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lopen-du-jura-dechecs-de-classe-internationale/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1936"
                               class="btn btn-light" role="button">Ed. 13</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/quoi-tu-connais-pas-le-camp-du-nomi/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_52_1.jpg);"
                             alt="Quoi, tu connais pas le camp du Nomi?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Quoi, tu connais pas le camp du Nomi?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/quoi-tu-connais-pas-le-camp-du-nomi/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=817"
                               class="btn btn-light" role="button">Ed. 6</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/resistance-dancefloor/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_20_2.jpg);"
                             alt="The Resistance on the Dancefloor"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Musique</small>
                            <br>The Resistance on the Dancefloor</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/resistance-dancefloor/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=513"
                               class="btn btn-light" role="button">Ed. 2</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/sondage/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/05/Sondage.png);"
                             alt="Sondage du Petit Jurassien"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Sondage du Petit Jurassien</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/sondage/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3476"
                               class="btn btn-light" role="button">Ed. 27</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/la-noel/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/Santaandgoat.gif);"
                             alt="Guide de survie à l’usage des bras cassés de la Noël"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Noël</small>
                            <br>Guide de survie à l’usage des bras cassés de la Noël</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-noel/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6882"
                               class="btn btn-light" role="button">Ed. 41</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/elay-au-fond-du-cornet/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/03-IMG_0149.jpg);"
                             alt="Elay, tout au fond du Cornet"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Découverte</small>
                            <br>Elay, tout au fond du Cornet</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/elay-au-fond-du-cornet/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3192"
                               class="btn btn-light" role="button">Ed. 26</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/bravo-emilie/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_106_2.jpg);"
                             alt="Bravo Emilie"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Clap clap!</small>
                            <br>Bravo Emilie</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/bravo-emilie/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2167"
                               class="btn btn-light" role="button">Ed. 12</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/garmin-bike-marathon/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_16_5.jpg);"
                             alt="Garmin Bike Marathon"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Sport</small>
                            <br>Garmin Bike Marathon</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/garmin-bike-marathon/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=513"
                               class="btn btn-light" role="button">Ed. 2</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/purrrrrrrree/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_32_29.jpg);"
                             alt="Purrrrrrrrée!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Lisou des Arsattes</small>
                            <br>Purrrrrrrrée!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/purrrrrrrree/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=815"
                               class="btn btn-light" role="button">Ed. 4</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/un-but-un-coup-de-klaxon-et-beaucoup-de-bruit/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_87_1.jpg);"
                             alt="Un but, un coup de klaxon et beaucoup de bruit !"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Un but, un coup de klaxon et beaucoup de bruit !</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/un-but-un-coup-de-klaxon-et-beaucoup-de-bruit/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2908"
                               class="btn btn-light" role="button">Ed. 10</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-survivalisme/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/10547855_693166217443785_7243189421591049871_o.jpg);"
                             alt="Le survivalisme"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Dossier</small>
                            <br>Le survivalisme</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-survivalisme/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5849"
                               class="btn btn-light" role="button">Ed. 35</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/foire-aux-saveurs-vos-papilles/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_76_1.jpg);"
                             alt="Foire aux Saveurs, à vos papilles!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Foire aux Saveurs, à vos papilles!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/foire-aux-saveurs-vos-papilles/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=820"
                               class="btn btn-light" role="button">Ed. 8</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/les-metiers-de-lombre/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/Mangin-6.jpeg);"
                             alt="A la recherche de la vérité"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les métiers de l'ombre</small>
                            <br>A la recherche de la vérité</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-metiers-de-lombre/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5849"
                               class="btn btn-light" role="button">Ed. 35</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/prevotois-glace/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/05/PATGlacier.jpg);"
                             alt="Des prévôtois «de glace»"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Patrouille des Glaciers</small>
                            <br>Des prévôtois «de glace»</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/prevotois-glace/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3476"
                               class="btn btn-light" role="button">Ed. 27</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/gargantuesquement-les-ripailles-saint-martin/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/11/users_gillescalza_desktop_cochon1_0.jpg);"
                             alt="Gargantuesquement vôtre &#8211; les ripailles de la Saint-Martin"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Ripailles ajoulotes</small>
                            <br>Gargantuesquement vôtre &#8211; les ripailles de la Saint-Martin</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/gargantuesquement-les-ripailles-saint-martin/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=4563"
                               class="btn btn-light" role="button">Ed. 31</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/entre-tout-et-rien-quoi-de-la-sexualite-et-des-handicaps/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/Dessin-humoristique.png);"
                             alt="Entre tout et rien, quoi de la sexualité et des handicapés?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Entre tout et rien, quoi de la sexualité et des handicapés?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/entre-tout-et-rien-quoi-de-la-sexualite-et-des-handicaps/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5942"
                               class="btn btn-light" role="button">Ed. 36</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/une-4l-qui-donne-des-ailes/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/02/project_image_capture-d-ecran-2010-09-14-a-15-35-16-1.png);"
                             alt="Une 4L qui donne des ailes"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Une 4L qui donne des ailes</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/une-4l-qui-donne-des-ailes/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5263"
                               class="btn btn-light" role="button">Ed. 33</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/amis-sans-habits/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_122_1.jpg);"
                             alt="Amis sans habits"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Sex-Friends</small>
                            <br>Amis sans habits</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/amis-sans-habits/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1339"
                               class="btn btn-light" role="button">Ed. 14</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/la-fleur-au-fusil/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/Chasse.jpg);"
                             alt="La Fleur au Fusil"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Qui part à la chasse...</small>
                            <br>La Fleur au Fusil</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-fleur-au-fusil/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6633"
                               class="btn btn-light" role="button">Ed. 40</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/il-faut-cultiver-notre-jardin/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/06/DSC_0113.jpg);"
                             alt="«Il faut cultiver notre jardin»"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les métiers de l'ombre</small>
                            <br>«Il faut cultiver notre jardin»</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/il-faut-cultiver-notre-jardin/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3659"
                               class="btn btn-light" role="button">Ed. 28</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/m-pour-ces-exas-comme-dit/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_49_1.jpg);"
                             alt="«M**** pour ces exas», comme on dit"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>«M**** pour ces exas», comme on dit</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/m-pour-ces-exas-comme-dit/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=816"
                               class="btn btn-light" role="button">Ed. 5</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/morfologie-dun-vin-jurassien/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_19_1.jpg);"
                             alt="«Morfologie» d’un vin jurassien!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Cave Saint-Germain Moutier</small>
                            <br>«Morfologie» d’un vin jurassien!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/morfologie-dun-vin-jurassien/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=513"
                               class="btn btn-light" role="button">Ed. 2</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/petite-deconnade-printaniere/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_61_1.jpg);"
                             alt="Petite déconnade printanière"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Petite déconnade printanière</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/petite-deconnade-printaniere/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2491"
                               class="btn btn-light" role="button">Ed. 7</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/lusine-joseph-petermann/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/joseph_petermann.jpg);"
                             alt="L’usine Joseph Petermann"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Prévôté</small>
                            <br>L’usine Joseph Petermann</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lusine-joseph-petermann/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1534"
                               class="btn btn-light" role="button">Ed. 17</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/orange-de-rage-2/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/11/13-denis_zahnd-©SG.jpg);"
                             alt="Orange de rage!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Orange de rage!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/orange-de-rage-2/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=4900"
                               class="btn btn-light" role="button">Ed. 32</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/poubelle-la-vie/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/02/IMG_5346.jpg);"
                             alt="Pou&rsquo;belle la Vie"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Reportage</small>
                            <br>Pou&rsquo;belle la Vie</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/poubelle-la-vie/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=221"
                               class="btn btn-light" role="button">Ed. 24</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/ile-jura-christophe-meyer/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/île-jura.jpg);"
                             alt="Ile Jura – Christophe Meyer"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Rat de bibliothèque </small>
                            <br>Ile Jura – Christophe Meyer</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ile-jura-christophe-meyer/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5721"
                               class="btn btn-light" role="button">Ed. 34</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/raimeux-par-monts-et-pur-porc/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/09/IMG_1092.jpg);"
                             alt="Raimeux: par Monts et pur Porc"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'Aller-Retour</small>
                            <br>Raimeux: par Monts et pur Porc</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/raimeux-par-monts-et-pur-porc/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6319"
                               class="btn btn-light" role="button">Ed. 38</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/pas-de-bras-pas-de-braderie/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_9_2.jpg);"
                             alt="Pas de bras, pas de braderie!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Braderie prévôtoise</small>
                            <br>Pas de bras, pas de braderie!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/pas-de-bras-pas-de-braderie/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=305"
                               class="btn btn-light" role="button">Ed. 1</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/baraques-tres-pacifiques/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_54_1.jpg);"
                             alt="Baraqués très pacifiques"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Baraqués très pacifiques</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/baraques-tres-pacifiques/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=817"
                               class="btn btn-light" role="button">Ed. 6</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/au-coeur-dune-soiree-de-sacre-avec-le-bc-moutier/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_172_29.jpg);"
                             alt="Au cœur d’une soirée de sacre avec le BC Moutier"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Sportifs d'élites</small>
                            <br>Au cœur d’une soirée de sacre avec le BC Moutier</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/au-coeur-dune-soiree-de-sacre-avec-le-bc-moutier/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=144"
                               class="btn btn-light" role="button">Ed. 19</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/laller-retour/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/IMG_6704.jpg);"
                             alt="Va chier bonne nuit!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'Aller-Retour</small>
                            <br>Va chier bonne nuit!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/laller-retour/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=4239"
                               class="btn btn-light" role="button">Ed. 30</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-chien-gardien-detoiles-takashi-murakami/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/tome1.jpg);"
                             alt="Le chien gardien d’étoiles &#8211; Takashi Murakami"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Rat de bibliothèque </small>
                            <br>Le chien gardien d’étoiles &#8211; Takashi Murakami</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-chien-gardien-detoiles-takashi-murakami/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=5849"
                               class="btn btn-light" role="button">Ed. 35</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/50-nuances-de-vert/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/IMG_0285.jpg);"
                             alt="50 nuances de Vert"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'Aller-Retour</small>
                            <br>50 nuances de Vert</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/50-nuances-de-vert/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6139"
                               class="btn btn-light" role="button">Ed. 37</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/chic-a-gogo/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_93_1.jpg);"
                             alt="Chic à gogo!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Chic à gogo!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/chic-a-gogo/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2909"
                               class="btn btn-light" role="button">Ed. 11</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-schnapou-se-dechaine/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/02/logo_schnapou_fondbleu.jpg);"
                             alt="Le Schnapou se déchaîne"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le coin du Schnapou</small>
                            <br>Le Schnapou se déchaîne</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-schnapou-se-dechaine/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=221"
                               class="btn btn-light" role="button">Ed. 24</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/flirter-avec-les-nuages/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_62_1.jpg);"
                             alt="Flirter avec les nuages"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Flirter avec les nuages</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/flirter-avec-les-nuages/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2491"
                               class="btn btn-light" role="button">Ed. 7</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/the-lodge/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/10/titre_thelodge.jpg);"
                             alt="The Lodge"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>The Lodge</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/the-lodge/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6528"
                               class="btn btn-light" role="button">Ed. 39</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/figugegl/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/12/swissmilk-fondue-plausch-figugel-heisst-es-seit-den-50er-jahren.jpg);"
                             alt="Figugegl!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Figugegl!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/figugegl/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=4900"
                               class="btn btn-light" role="button">Ed. 32</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/pousser-nest-pas-gagner/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_181_1.jpg);"
                             alt="Pousser n’est pas gagner!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le complexe du trône</small>
                            <br>Pousser n’est pas gagner!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/pousser-nest-pas-gagner/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=143"
                               class="btn btn-light" role="button">Ed. 20</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/la-sain-martin/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_23_1.jpg);"
                             alt="La «sain» Martin"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Gastronomie</small>
                            <br>La «sain» Martin</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-sain-martin/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=814"
                               class="btn btn-light" role="button">Ed. 3</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/les-cimes-sonnent/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_108_1.jpg);"
                             alt="Les cimes sonnent"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Sport</small>
                            <br>Les cimes sonnent</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-cimes-sonnent/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=2167"
                               class="btn btn-light" role="button">Ed. 12</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/la-coupe-est-pleine/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2016/02/il_fullxfull_513425747_qkf5.jpg);"
                             alt="La Coupe est pleine"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">T'as tes spatz!?</small>
                            <br>La Coupe est pleine</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-coupe-est-pleine/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6991"
                               class="btn btn-light" role="button">Ed. 42</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/livg-quest-ce-que-cest/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/4352653_7_d105_face-a-ce-qui-apparait-dans-les-debats_9e40c19efc306f5a30377ffc32622ee7.jpg);"
                             alt="L&rsquo;IVG: qu&rsquo;est-ce que c&rsquo;est?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Actu</small>
                            <br>L&rsquo;IVG: qu&rsquo;est-ce que c&rsquo;est?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/livg-quest-ce-que-cest/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3009"
                               class="btn btn-light" role="button">Ed. 25</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/les-fours-chaux/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/06/IMG_8211.jpg);"
                             alt="Les Fours ont eu «Chaux»"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Reportage de nuit</small>
                            <br>Les Fours ont eu «Chaux»</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-fours-chaux/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3659"
                               class="btn btn-light" role="button">Ed. 28</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/les-geants-rouges/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_115_1.jpg);"
                             alt="Les géants rouges"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Sportifs d'élites</small>
                            <br>Les géants rouges</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-geants-rouges/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=1936"
                               class="btn btn-light" role="button">Ed. 13</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-maitre-carte-blanche/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/portrait-09-2010-003-a.jpg);"
                             alt="Le «Maître» a carte blanche"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Expo</small>
                            <br>Le «Maître» a carte blanche</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-maitre-carte-blanche/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=305"
                               class="btn btn-light" role="button">Ed. 1</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/braderie-prevotoise-2-0/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/09/Couv_moutier.ch_.jpg);"
                             alt="Braderie prévôtoise 2.0"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Braderie prévôtoise 2.0</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/braderie-prevotoise-2-0/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=6319"
                               class="btn btn-light" role="button">Ed. 38</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/le-chateau-du-raimeux/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/01-Remontstein1.jpg);"
                             alt="Le château du Raimeux"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Curiosité</small>
                            <br>Le château du Raimeux</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-chateau-du-raimeux/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=3009"
                               class="btn btn-light" role="button">Ed. 25</a></p>
                    </div>
                </div>
            </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 post-box">
                <div class="thumbnail">
                    <a href="http://lepetitjurassien.ch/article/pantographe-soucis-moutier-epace-culturel-alternatif/?c=Chronique&e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_43_1-1.jpg);"
                             alt="Les soucis du Pantographe"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Chronique</small>
                            <br>Les soucis du Pantographe</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/pantographe-soucis-moutier-epace-culturel-alternatif/?c=Chronique&e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=816"
                               class="btn btn-light" role="button">Ed. 5</a></p>
                    </div>
                </div>
            </div>
        
    
</div>		</div>
		
		<div class="col-xs-12 col-sm-3 col-md-3">
			

    <div class="row">
        <div class="col-md-12">
            <h3 class="breadcrumb pink-bread">À la une</h3>
        </div>

        <div class="col-md-12 top-buffer">
        <div class="thumbnail thumbnail-news">
        <script src="https://apps.elfsight.com/p/platform.js" defer></script>
        <div class="elfsight-app-5b044726-436f-4f73-bedc-8a9840f4a2fd"></div>
        <div class="caption">
            <div style="display: block;
                        padding: 4px;
                        line-height: 1.42857143;">         
            <p><a href="http://lepetitjurassien.ch/social-room/" class="btn btn-light btn-sm" role="button">Social Room</a></p>
            </div>
        </div>
        </div>
        </div>

                                <div class="col-md-12 top-buffer">
                <div class="thumbnail thumbnail-news">
                    <a href="http://lepetitjurassien.ch/news/operation-commando-piscine-de-moutier/">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/06/0fbeda1a-f064-4112-9e9b-b7925d938e7b.jpg);"
                             alt="Carnet de voyage - Opération Commando @ Piscine de Moutier"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">News</small>
                            <br>Opération Commando @ Piscine de Moutier</h1>
                        <p class="text-justify thumb-text-hack"></p>
                        <p><a href="http://lepetitjurassien.ch/news/operation-commando-piscine-de-moutier/"
                              class="btn btn-light btn-sm" role="button">Voir la news</a></p>
                    </div>
                </div>
            </div>
                                <div class="col-md-12 top-buffer">
                <div class="thumbnail thumbnail-news">
                    <a href="http://lepetitjurassien.ch/news/tu-as-recu-un-t-shirt-du-ptitju/">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/06/65177106_2406812892709773_287955953511301120_n-1.jpg);"
                             alt="Carnet de voyage - Tu as reçu un T-Shirt du Ptit’Ju?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">News</small>
                            <br>Tu as reçu un T-Shirt du Ptit’Ju?</h1>
                        <p class="text-justify thumb-text-hack"></p>
                        <p><a href="http://lepetitjurassien.ch/news/tu-as-recu-un-t-shirt-du-ptitju/"
                              class="btn btn-light btn-sm" role="button">Voir la news</a></p>
                    </div>
                </div>
            </div>
        
    </div>


<div class="sticky hidden-xs nav-side">

    

    <div class="row">

        <div class="col-xs-12 col-sm-12 col-md-12 top-buffer-double"><a target="_blank" title="Pomzed Design" href="http://www.pomzed.ch"><img class="img-responsive" src="http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/images/logo-pomzed.png"/></a></div>
        <div class="col-xs-12 col-sm-12 col-md-12 top-buffer-double"><a target="_blank" title="Les Bonnes Tables" href="http://www.mon-guide.ch"><img class="img-responsive" src="http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/images/logo-les-bonnes-tables.png"/></a></div>
        <div class="col-xs-12 col-sm-12 col-md-12 top-buffer-double"><a target="_blank" title="PixLab Photographie" href="http://www.pixlab.ch/"><img class="img-responsive" src="http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/images/logo-pixlab.png"/></a></div>
        <div class="col-xs-12 col-sm-12 col-md-12 top-buffer-double"><a target="_blank" title="Badaboom" href="https://www.badaboom.ch"><img class="img-responsive" style="max-width: 70% !important;" src="http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/images/logo-badaboom.png"/></a></div>
    </div>
</div>		</div>
		
	</div>
	
	<div class="row">
		<div class="col-xs-12 col-sm-10 col-md-10">
			<div class="row text-right top-buffer-quadruple bottom-buffer-quadruple">
    <small>
        <a href="http://lepetitjurassien.ch/?c=Chronique&e=all"
           title="Accueil">Accueil</a> |&nbsp;
        <a href="http://lepetitjurassien.ch/le-journal/?c=Chronique&e=all"
           title="Le journal">La rédaction</a> |&nbsp;
        <a href="http://lepetitjurassien.ch/le-t-shirt-insolite/?c=Chronique&e=all"
           title="Montrez-nous vos photos insolite">Le T-Shirt insolite</a> |&nbsp;
        <a href="http://lepetitjurassien.ch/article/badaboom-a-moutier/?c=Chronique&e=all"
           title="Votre publicité ici?">Votre pub ici?</a> |&nbsp;
                <a href="http://lepetitjurassien.ch/contact/?c=Chronique&e=all"
           title="Contact">Contact</a> |&nbsp;
        <a href="http://lepetitjurassien.ch/archives/?c=Chronique&e=all"
           title="Les archives">Archives</a>
        <br>
        © Tous les contenus de ce site appartiennent au Petit Jurassien | Réalisation <a href="http://www.pomzed.ch">Pomzed
            Communication</a><br>
        Ils sont protégés et sont interdits à la copie et/ou à la reproduction | <a title="Conditions générales"
                                                                                    target="_blank"
                                                                                    href="http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/files/lpj_conditions_generales.pdf"
                                                                                    title="Conditions générales">Conditions
            générales</a>
    </small>
    <br>
    <ul class="list-inline text-right top-buffer">
        <li><a target="_blank" href="http://www.facebook.com/pages/Le-Petit-Jurassien/183388308385587"><img
                        src="http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/images/facebook.png"/></a></li>
        <li><a target="_blank" href="https://twitter.com/PetitJurassien"><img
                        src="http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/images/twitter.png"/></a></li>
        <li><a target="_blank" href="https://www.instagram.com/lepetitjurassien/"><img
                        src="http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/images/instagram-icon.svg" style="height: 24px;"/></a></li>
    </ul>
</div>		</div>
	</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery.js"></script>
<script type="text/javascript"
        src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/js/chocolat.js"></script>
<script type="text/javascript"
        src="//cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.0.4/jquery.imagesloaded.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/masonry/3.1.2/masonry.pkgd.min.js"></script>
<script type="text/javascript"
        src="//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/jquery.magnific-popup.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fotorama/4.5.1/fotorama.js"></script>
<script type="text/javascript" src="http://lepetitjurassien.ch/wp-content/themes/lePetitJurassien/js/functions.js"></script>
<div id="fb-root"></div>
<script>(function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1&appId=594670980594799";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
<!--googleoff: all--><div id="cookie-law-info-bar" data-nosnippet="true"><span><div>Ce site utilise des cookies nécessaires à son bon fonctionnement et à l'amélioration de l'expérience de ses utilisateurs. <a role='button' class="cli_settings_button" style="margin:0px 15px 0px 0px">En savoir plus</a> <a role='button' data-cli_action="accept" id="cookie_action_close_header" class="cli-plugin-main-button cookie_action_close_header cli_action_button wt-cli-accept-btn" style="display:inline-block">Accepter</a></div></span></div><div id="cookie-law-info-again" style="display:none" data-nosnippet="true"><span id="cookie_hdr_showagain">Privacy &amp; Cookies Policy</span></div><div class="cli-modal" data-nosnippet="true" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true">
  <div class="cli-modal-dialog" role="document">
	<div class="cli-modal-content cli-bar-popup">
		  <button type="button" class="cli-modal-close" id="cliModalClose">
			<svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg>
			<span class="wt-cli-sr-only">Fermer</span>
		  </button>
		  <div class="cli-modal-body">
			<div class="cli-container-fluid cli-tab-container">
	<div class="cli-row">
		<div class="cli-col-12 cli-align-items-stretch cli-px-0">
			<div class="cli-privacy-overview">
				<h4>Politique de cookies</h4>				<div class="cli-privacy-content">
					<div class="cli-privacy-content-text">Tous les cookies présents sur ce site sont nécessaires au bon fonctionnement de ce dernier. Aucune donnée liée à ces cookies n'est utilisée à d'autres fins qu'à l'amélioration de l'expérience dans la navigation sur ce site web.</div>
				</div>
				<a class="cli-privacy-readmore" aria-label="Voir plus" role="button" data-readmore-text="Voir plus" data-readless-text="Voir moins"></a>			</div>
		</div>
		<div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container">
												<div class="cli-tab-section">
						<div class="cli-tab-header">
							<a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab">
															</a>
															<div class="wt-cli-necessary-checkbox">
									<input type="checkbox" class="cli-user-preference-checkbox"  id="wt-cli-checkbox-necessary" data-id="checkbox-necessary" checked="checked"  />
									<label class="form-check-label" for="wt-cli-checkbox-necessary"></label>
								</div>
								<span class="cli-necessary-caption">Toujours activé</span>
													</div>
						<div class="cli-tab-content">
							<div class="cli-tab-pane cli-fade" data-id="necessary">
								<div class="wt-cli-cookie-description">
									Les cookies nécessaires regroupent l\'ensemble des données liées au bon fonctionnement du site internet et à la sécurité de ce dernier. Ces derniers ne collectent aucune donnée personnelle.								</div>
							</div>
						</div>
					</div>
																		</div>
	</div>
</div>
		  </div>
		  <div class="cli-modal-footer">
			<div class="wt-cli-element cli-container-fluid cli-tab-container">
				<div class="cli-row">
					<div class="cli-col-12 cli-align-items-stretch cli-px-0">
						<div class="cli-tab-footer wt-cli-privacy-overview-actions">
						
															<a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">Enregistrer &amp; appliquer</a>
													</div>
						
					</div>
				</div>
			</div>
		</div>
	</div>
  </div>
</div>
<div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div>
<div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div>
<!--googleon: all--><script type='text/javascript' src='http://lepetitjurassien.ch/wp-content/plugins/jetpack/_inc/build/photon/photon.min.js?ver=20191001' id='jetpack-photon-js'></script>
<script type='text/javascript' src='http://lepetitjurassien.ch/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.7.5.1' id='swv-js'></script>
<script type='text/javascript' id='contact-form-7-js-extra'>
/* <![CDATA[ */
var wpcf7 = {"api":{"root":"http:\/\/lepetitjurassien.ch\/wp-json\/","namespace":"contact-form-7\/v1"}};
/* ]]> */
</script>
<script type='text/javascript' src='http://lepetitjurassien.ch/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.7.5.1' id='contact-form-7-js'></script>
<script type='text/javascript' id='mediaelement-core-js-before'>
var mejsL10n = {"language":"fr","strings":{"mejs.download-file":"T\u00e9l\u00e9charger le fichier","mejs.install-flash":"Vous utilisez un navigateur qui n\u2019a pas le lecteur Flash activ\u00e9 ou install\u00e9. Veuillez activer votre extension Flash ou t\u00e9l\u00e9charger la derni\u00e8re version \u00e0 partir de cette adresse\u00a0: https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"Plein \u00e9cran","mejs.play":"Lecture","mejs.pause":"Pause","mejs.time-slider":"Curseur de temps","mejs.time-help-text":"Utilisez les fl\u00e8ches droite\/gauche pour avancer d\u2019une seconde, haut\/bas pour avancer de dix secondes.","mejs.live-broadcast":"\u00c9mission en direct","mejs.volume-help-text":"Utilisez les fl\u00e8ches haut\/bas pour augmenter ou diminuer le volume.","mejs.unmute":"R\u00e9activer le son","mejs.mute":"Muet","mejs.volume-slider":"Curseur de volume","mejs.video-player":"Lecteur vid\u00e9o","mejs.audio-player":"Lecteur audio","mejs.captions-subtitles":"L\u00e9gendes\/Sous-titres","mejs.captions-chapters":"Chapitres","mejs.none":"Aucun","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanais","mejs.arabic":"Arabe","mejs.belarusian":"Bi\u00e9lorusse","mejs.bulgarian":"Bulgare","mejs.catalan":"Catalan","mejs.chinese":"Chinois","mejs.chinese-simplified":"Chinois (simplifi\u00e9)","mejs.chinese-traditional":"Chinois (traditionnel)","mejs.croatian":"Croate","mejs.czech":"Tch\u00e8que","mejs.danish":"Danois","mejs.dutch":"N\u00e9erlandais","mejs.english":"Anglais","mejs.estonian":"Estonien","mejs.filipino":"Filipino","mejs.finnish":"Finnois","mejs.french":"Fran\u00e7ais","mejs.galician":"Galicien","mejs.german":"Allemand","mejs.greek":"Grec","mejs.haitian-creole":"Cr\u00e9ole ha\u00eftien","mejs.hebrew":"H\u00e9breu","mejs.hindi":"Hindi","mejs.hungarian":"Hongrois","mejs.icelandic":"Islandais","mejs.indonesian":"Indon\u00e9sien","mejs.irish":"Irlandais","mejs.italian":"Italien","mejs.japanese":"Japonais","mejs.korean":"Cor\u00e9en","mejs.latvian":"Letton","mejs.lithuanian":"Lituanien","mejs.macedonian":"Mac\u00e9donien","mejs.malay":"Malais","mejs.maltese":"Maltais","mejs.norwegian":"Norv\u00e9gien","mejs.persian":"Perse","mejs.polish":"Polonais","mejs.portuguese":"Portugais","mejs.romanian":"Roumain","mejs.russian":"Russe","mejs.serbian":"Serbe","mejs.slovak":"Slovaque","mejs.slovenian":"Slov\u00e9nien","mejs.spanish":"Espagnol","mejs.swahili":"Swahili","mejs.swedish":"Su\u00e9dois","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turc","mejs.ukrainian":"Ukrainien","mejs.vietnamese":"Vietnamien","mejs.welsh":"Ga\u00e9lique","mejs.yiddish":"Yiddish"}};
</script>
<script type='text/javascript' src='http://lepetitjurassien.ch/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.17' id='mediaelement-core-js'></script>
<script type='text/javascript' src='http://lepetitjurassien.ch/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=6.2.6' id='mediaelement-migrate-js'></script>
<script type='text/javascript' id='mediaelement-js-extra'>
/* <![CDATA[ */
var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"};
/* ]]> */
</script>
<script type='text/javascript' src='http://lepetitjurassien.ch/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=6.2.6' id='wp-mediaelement-js'></script>
<script type='text/javascript' src='http://lepetitjurassien.ch/wp-includes/js/mediaelement/renderers/vimeo.min.js?ver=4.2.17' id='mediaelement-vimeo-js'></script>
	<script src='https://stats.wp.com/e-202447.js' defer></script>
	<script>
		_stq = window._stq || [];
		_stq.push([ 'view', {v:'ext',blog:'61262508',post:'0',tz:'1',srv:'lepetitjurassien.ch',j:'1:12.0.2'} ]);
		_stq.push([ 'clickTrackerInit', '61262508', '0' ]);
	</script></body>
</html>