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>

        <title>Archives des articles - Le Petit Jurassien - Un journal gratuit basé à Moutier pour le Jura et le Jura bernois</title>

        <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/?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="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/?e=all">Accueil</a>
            </li>
            <li  ><a
                        href="http://lepetitjurassien.ch/le-journal/?e=all">La
                    rédaction</a></li>
            <li  ><a
                        href="http://lepetitjurassien.ch/votre-pub-ici/?e=all">Votre
                    publicité ici?</a></li>
            <li  ><a
                        href="http://lepetitjurassien.ch/contact/?e=all">Contact</a>
            </li>
            <li  ><a
                        href="http://lepetitjurassien.ch/article?e=all">Archives</a></li>
                                    
                        <li  ><a
                    href="http://lepetitjurassien.ch/le-t-shirt-insolite/?e=all">Le
                T-Shirt insolite</a></li>
            <li  ><a
                    href="http://lepetitjurassien.ch/social-room/?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/?e=all">Un pinceau prévôtois à Paris &#8211; Fred-André Holzer</a>
                </li>
                            <li  ><a
                            href="http://lepetitjurassien.ch/article/7054/?e=all">De la patinoire de Crémines à la Ligue nationale</a>
                </li>
                            <li  ><a
                            href="http://lepetitjurassien.ch/article/la-coupe-est-pleine/?e=all">La Coupe est pleine</a>
                </li>
                            <li  ><a
                            href="http://lepetitjurassien.ch/article/lemmy-et-bowie-sont-partis/?e=all">Lemmy et Bowie sont partis</a>
                </li>
                            <li  ><a
                            href="http://lepetitjurassien.ch/article/tout-doubs-minou/?e=all">Tout Doubs Minou!</a>
                </li>
                            <li  ><a
                            href="http://lepetitjurassien.ch/article/le-changement-cest-maintenant/?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">42</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=6882">41</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=6633">40</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=6528">39</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=6319">38</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=6139">37</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=5942">36</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=5849">35</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=5721">34</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=5263">33</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=4900">32</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=4563">31</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=4239">30</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=3963">29</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=3659">28</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=3476">27</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=3192">26</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=3009">25</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=221">24</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=135">23</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=64">22</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=79">21</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=143">20</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=144">19</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=1385">18</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=1534">17</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=1616">16</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=1721">15</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=1339">14</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=1936">13</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=2167">12</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=2909">11</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=2908">10</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=2907">9</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=820">8</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=2491">7</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=817">6</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=816">5</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=815">4</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=814">3</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=513">2</a>
                </li>
                                                        <li>
                    <a href="http://lepetitjurassien.ch/article/?e=305">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/?">&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<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>
                    </ul>
    </div>

    <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/creadhesif-au-coeur-de-la-communication-visuelle/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_156_1.jpg);"
                             alt="Créadhésif: au cœur de la communication visuelle"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Créadhésif: au cœur de la communication visuelle</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/creadhesif-au-coeur-de-la-communication-visuelle/?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-kiosque-dali-baba/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_82_1.jpg);"
                             alt="Le kiosque d’Ali Baba"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Le kiosque d’Ali Baba</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-kiosque-dali-baba/?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/ne-coupez-pas/?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/?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-chien-gardien-detoiles-takashi-murakami/?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/?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/temples-sun-structures/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/02/Temples-Sun-Structures-Album-Bio-1024x1024.jpg);"
                             alt="Temples &#8211; Sun Structures"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>Temples &#8211; Sun Structures</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/temples-sun-structures/?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-metiers-de-lombre/?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/?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/crenom-cremines/?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/?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/moutier-un-trou/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/img_194_1.jpg);"
                             alt="Moutier, un trou?!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Moutier, un trou?!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/moutier-un-trou/?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/4672/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/La-caricature-du-mois-01.jpg);"
                             alt="Le motard, bonnard?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>Le motard, bonnard?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/4672/?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/venus-erotica-anais-nin/?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/?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/il-sappelle-juste-name/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_126_1.jpg);"
                             alt="Il s’appelle juste No Name!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Il s’appelle juste No Name!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/il-sappelle-juste-name/?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/le-beglier/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_201_1.jpg);"
                             alt="Le Béglier"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Le Béglier</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-beglier/?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/fin-du-monde-vivre-ou-survivre/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_123_1.jpg);"
                             alt="Fin du monde, vivre ou survivre"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Fin du monde, vivre ou survivre</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/fin-du-monde-vivre-ou-survivre/?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/monastere-prevotois/?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/?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/foire-aux-saveurs-vos-papilles/?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/?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/petit-dejeuner-contact-moutier/?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/?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/le-ptit-ju-change-de-nom/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_67_1.jpg);"
                             alt="Le P’tit Ju change de nom!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Le P’tit Ju change de nom!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-ptit-ju-change-de-nom/?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/junip-junip/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_165_1.jpg);"
                             alt="Junip – Junip"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>Junip – Junip</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/junip-junip/?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/lamourette-de-vacances/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/CARICATURE-DU-MOIS.jpg);"
                             alt="L&rsquo;amourette de vacances"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>L&rsquo;amourette de vacances</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lamourette-de-vacances/?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/la-zen-attitude-pour-de-faux/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/Guillotine.png);"
                             alt="La zen-attitude pour de faux"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Guillotine</small>
                            <br>La zen-attitude pour de faux</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-zen-attitude-pour-de-faux/?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/les-aventures-demilie/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/18-gerber_champignons-SG.jpg);"
                             alt="Champignon toxique, on ne mange qu’une fois!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les aventures d’Emilie</small>
                            <br>Champignon toxique, on ne mange qu’une fois!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-aventures-demilie/?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/lemmy-et-bowie-sont-partis/?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/?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/technicien-dentaire-dentiste-moutier-frederic-schwab/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_46_1.jpg);"
                             alt="Les ratiches, les chicots, ont leur technicien"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Les ratiches, les chicots, ont leur technicien</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/technicien-dentaire-dentiste-moutier-frederic-schwab/?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/ruth/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/img_81_1.jpg);"
                             alt="La Ruth"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>La Ruth</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ruth/?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/le-chateau-du-raimeux/?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/?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/menu-st-valentin/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/LesRecettesduClodo.jpg);"
                             alt="Menu St-Valentin"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les recettes du Clodo</small>
                            <br>Menu St-Valentin</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/menu-st-valentin/?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/moutier-ville-cimetiere/?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/?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/petites-familles-entre-altruisme-et-abnegation/?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/?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/mort-va-bien/?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/?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/le-fusil-est-affute-et-lesprit-conquerant/?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/?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/le-schnapou-se-dechaine/?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/?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/moutier-sexpose/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_18_1.jpg);"
                             alt="Moutier s’expose"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Moutier s’expose</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/moutier-sexpose/?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/souvenirs-de-marnie-des-places-gagner/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/02/marnie.jpg);"
                             alt="Souvenirs de Marnie: des places à gagner"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>Souvenirs de Marnie: des places à gagner</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/souvenirs-de-marnie-des-places-gagner/?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/les-folies-erotiques-nippones/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/71SvwqlgcuL._SL1500_.jpg);"
                             alt="Les folies érotiques nippones"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>Les folies érotiques nippones</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-folies-erotiques-nippones/?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/gui-t-hard-night/?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/?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/mercia-junod-do-brazil/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/06/1-IMG_0696-2.jpg);"
                             alt="Mercia Junod do Brazil"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Mercia Junod do Brazil</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/mercia-junod-do-brazil/?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/miss-suisse-du-lard-ou-du-cochon/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/La-caricature-du-mois-01.jpg);"
                             alt="Miss Suisse, du lard ou du cochon?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>Miss Suisse, du lard ou du cochon?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/miss-suisse-du-lard-ou-du-cochon/?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/traits-et-regards-sur-la-fin-de-vie-3-volumes/?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/?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/le-carnaval-des-bouts-de-choux/?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/?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/fumee-grandval/?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/?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/genevieve-derome-legerie-devenue-artiste/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_128_1.jpg);"
                             alt="Geneviève Derome: l’égérie devenue artiste"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Geneviève Derome: l’égérie devenue artiste</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/genevieve-derome-legerie-devenue-artiste/?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/bravo-emilie/?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/?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/lexpedition-de-leschlon/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/010611-SYG-05.jpg);"
                             alt="L’expédition de l’Eschlon"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>L’expédition de l’Eschlon</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lexpedition-de-leschlon/?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/sextape-1-2-et-3-par-drixxxe/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/drixxxé.jpg);"
                             alt="Sextape 1, 2 et 3 par Drixxxé"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Ecouter l’amour comme vous ne l’avez jamais fait!</small>
                            <br>Sextape 1, 2 et 3 par Drixxxé</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/sextape-1-2-et-3-par-drixxxe/?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/bienvenue-au-petit-jurassien/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/JDJ_250811.jpg);"
                             alt="Bienvenue au Petit Jurassien"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Bienvenue au Petit Jurassien</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/bienvenue-au-petit-jurassien/?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/7054/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2016/03/14567_4439711629909_1182740902_n.jpg);"
                             alt="De la patinoire de Crémines à la Ligue nationale"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>De la patinoire de Crémines à la Ligue nationale</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/7054/?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/fait-cthiver-mal/?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/?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/graitricks-du-vent-voile/?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/?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/liberte-dexpression-etat-des-lieux/?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/?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/gargantuesquement-les-ripailles-saint-martin/?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/?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/dirty-art-club-vermilion/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_184_1.jpg);"
                             alt="Dirty Art Club – Vermilion"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>Dirty Art Club – Vermilion</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/dirty-art-club-vermilion/?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/jack-parow-eksie-ou/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_148_1.jpg);"
                             alt="Jack Parow – Eksie Ou"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>Jack Parow – Eksie Ou</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/jack-parow-eksie-ou/?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/ca-foire/?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/?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/journal-dedith-orial/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/Edito-Avril2.jpg);"
                             alt="Journal d&rsquo;Edith Orial"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Journal d&rsquo;Edith Orial</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/journal-dedith-orial/?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/les-kiss-de-noel/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_40_1.jpg);"
                             alt="Les Kiss de Noël"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Les Kiss de Noël</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-kiss-de-noel/?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/2803/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/02/IMG_5357.jpg);"
                             alt="Les ordures du P’tit Ju"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Les ordures du P’tit Ju</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/2803/?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/lampedusa-cest-quoi-le-probleme-deja/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/Jai-pas-campris.png);"
                             alt="Lampedusa, c’est quoi le problème déjà?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">J'ai pas campris!</small>
                            <br>Lampedusa, c’est quoi le problème déjà?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lampedusa-cest-quoi-le-probleme-deja/?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/pas-de-bras-pas-de-braderie/?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/?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/tycho-awake/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/05/Tycho-Awake.jpg);"
                             alt="Tycho &#8211; Awake"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>Tycho &#8211; Awake</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/tycho-awake/?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/les-super-heros-de-la-prevote-la-colonne-de-secours/?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/?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/quoi-tu-connais-pas-le-camp-du-nomi/?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/?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/the-budos-band-burnt-offering/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/10/Budos.png);"
                             alt="The Budos Band – Burnt Offering"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Black Sabbath + Curtis Mayfield = ...</small>
                            <br>The Budos Band – Burnt Offering</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/the-budos-band-burnt-offering/?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/et-de-6/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_58_1.jpg);"
                             alt="Et de 6"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Et de 6</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/et-de-6/?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/50-nuances-de-vert/?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/?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/aventurier-cycliste-aviateur-moutier-henri-cobioni/?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/?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/oceane-voyages-reve-et-evasion/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_113_1.jpg);"
                             alt="Océane voyages, rêve et évasion"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Océane voyages, rêve et évasion</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/oceane-voyages-reve-et-evasion/?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/popey-tennis-school/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_59_1.jpg);"
                             alt="Popey Tennis School"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Popey Tennis School</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/popey-tennis-school/?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/la-demi-finale-du-ptit-ju/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_84_1.jpg);"
                             alt="La demi-finale du P&rsquo;tit Ju!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>La demi-finale du P&rsquo;tit Ju!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-demi-finale-du-ptit-ju/?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/realisateur-tv/?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/?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/coupe-albert-52e-edition/?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/?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/elay-au-fond-du-cornet/?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/?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/les-beautes-sont-dans-le-pre/?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/?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/une-page-se-tourne-dans-le-paysage-prevotois/?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/?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/lopen-du-jura-dechecs-de-classe-internationale/?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/?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/slaves-are-you-satisfied/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/81rIWd69XNL._SL1417_.jpg);"
                             alt="Slaves &#8211; Are You Satisfied?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Rage punk</small>
                            <br>Slaves &#8211; Are You Satisfied?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/slaves-are-you-satisfied/?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/la-fleur-au-fusil/?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/?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/du-x-grandval/?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/?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/parce-que-vous-le-valez-bien/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_53_24.jpg);"
                             alt="Au Lys Blanc &#8211; Parce que vous le valez bien"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Au Lys Blanc &#8211; Parce que vous le valez bien</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/parce-que-vous-le-valez-bien/?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/pharrell-williams-girl/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/Pharrell-Williams-Girl.jpg);"
                             alt="Pharrell Williams &#8211; Girl"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>Pharrell Williams &#8211; Girl</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/pharrell-williams-girl/?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/stephfleurs-la-touche-doriginalite-de-notre-prevote/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_26_8.jpg);"
                             alt="Steph’Fleurs, la touche d’originalité de notre Prévôté"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Steph’Fleurs, la touche d’originalité de notre Prévôté</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/stephfleurs-la-touche-doriginalite-de-notre-prevote/?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/entartage-au-banneret-wisard/?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/?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/le-roi-de-la-catelle-minder-carrelage/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_75_1.jpg);"
                             alt="Le roi de la catelle &#8211; Minder Carrelage"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Le roi de la catelle &#8211; Minder Carrelage</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-roi-de-la-catelle-minder-carrelage/?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/chic-a-gogo/?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/?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-changement-cest-maintenant/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2016/02/Changement-en-cours.png);"
                             alt="Le changement c’est maintenant!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Le changement c’est maintenant!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-changement-cest-maintenant/?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/les-cadeaux-en-ligne-par-el-gato/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_127_1.jpg);"
                             alt="Les cadeaux en ligne par El-Gato"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Les cadeaux en ligne par El-Gato</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-cadeaux-en-ligne-par-el-gato/?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/6399/?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/?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/google-meilleur-ennemi/?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/?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/trick-treat/?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/?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/ptit-ju-se-balade/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/PHT1728.jpg);"
                             alt="Le Ptit Ju se balade"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Le Ptit Ju se balade</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ptit-ju-se-balade/?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/aller-et-vivre-moutier/?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/?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-changement-c-est-maintenant-2/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/10/changement.jpg);"
                             alt="Le changement, c&rsquo;est maintenant!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Le changement, c&rsquo;est maintenant!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-changement-c-est-maintenant-2/?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/le-seigneur-dellanna/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_176_1.jpg);"
                             alt="Le Seigneur «Dell’Anna»"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Le Seigneur «Dell’Anna»</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-seigneur-dellanna/?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/le-benevole/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/12/IMG_0690.jpg);"
                             alt="Le Bénévole"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Le Bénévole</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-benevole/?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/la-coupe-est-pleine/?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/?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/le-del-piero-des-assurances/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_139_7.jpg);"
                             alt="Le «Del Piero» des assurances"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Le «Del Piero» des assurances</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-del-piero-des-assurances/?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/le-vent-se-leve/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/affiche.jpg);"
                             alt="Le vent se lève"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>Le vent se lève</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-vent-se-leve/?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/se-faire-une-toile-sous-les-etoiles-ou-presque/?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/?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/pink-floyd-endless-river/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/11/PinkFloyd-EMI.jpg);"
                             alt="Pink Floyd – The Endless River"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Pink Floyd, la fin des haricots mais pas de l’oseille!</small>
                            <br>Pink Floyd – The Endless River</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/pink-floyd-endless-river/?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/avant-jetais-un-boeuf-mais-ca-cetait-avant/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_150_1.jpg);"
                             alt="Avant j&rsquo;étais un bœuf, mais ça c&rsquo;était avant!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Avant j&rsquo;étais un bœuf, mais ça c&rsquo;était avant!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/avant-jetais-un-boeuf-mais-ca-cetait-avant/?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/des-ptits-fans-de-lovalie-st/?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/?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/pomzed-design-une-agence-de-publicite-qui-soigne-votre-image/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/16-050411-©SG.jpg);"
                             alt="Pomzed Design, une agence de publicité qui soigne votre image!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Pomzed Design, une agence de publicité qui soigne votre image!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/pomzed-design-une-agence-de-publicite-qui-soigne-votre-image/?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/mattic-adventures-doctor-outer/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/02/TheAdventuresOfDoctorOuter_wordisbond.jpg);"
                             alt="Mattic – The Adventures Of Doctor Outer"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>Mattic – The Adventures Of Doctor Outer</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/mattic-adventures-doctor-outer/?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/le-grand-jeu-de-lapres/?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/?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/festival-de-la-couille-et-autres-histoires-vraies-chuck-palahniuk/?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/?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/5887/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/maxresdefault.jpg);"
                             alt="A Most Violent Year"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>A Most Violent Year</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/5887/?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/le-vilain-petit-canard/?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/?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/joyeux-anniversaire-muzak/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/547558_240838879355809_2101995371_n.jpg);"
                             alt="Joyeux anniversaire Muzak"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Muzak pour Musik Aktuel, oui oui, nous sommes bien à Pruntrut !</small>
                            <br>Joyeux anniversaire Muzak</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/joyeux-anniversaire-muzak/?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/destin-photographe/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_111__1.jpg);"
                             alt="Destin: photographe"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les aventures d’Emilie</small>
                            <br>Destin: photographe</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/destin-photographe/?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/tout-schuss/?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/?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/mathieu-teste/?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/?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/mon-guide-ch-annuaire-arc-jurassien/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/monguide_visu.jpg);"
                             alt="Mon-Guide.ch, l&rsquo;annuaire des bons plans pour l&rsquo;Arc jurassien"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Mon-Guide.ch, l&rsquo;annuaire des bons plans pour l&rsquo;Arc jurassien</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/mon-guide-ch-annuaire-arc-jurassien/?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/la-horde-46/?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/?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/z-emplois-surfe-sur-la-vague-de-lefficience/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_138_1.jpg);"
                             alt="A à Z emplois surfe sur la vague de l’efficience"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>A à Z emplois surfe sur la vague de l’efficience</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/z-emplois-surfe-sur-la-vague-de-lefficience/?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/le-jura-bernois-est-riche-mais-il-ne-le-sait-pas/?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/?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/du-hard-et-du-houblon/?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/?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/laller-retour/?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/?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/les-cimes-sonnent/?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/?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/ptit-ju-en-culotes-courtes/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/Fotolia_3659215_S.jpg);"
                             alt="Le P’tit Ju en culottes courtes"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Le P’tit Ju en culottes courtes</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ptit-ju-en-culotes-courtes/?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/gros-tricks/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_91_1.jpg);"
                             alt="Gros-Tricks"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Gros-Tricks</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/gros-tricks/?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/manger-bio-pour-mieux-pourrir/?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/?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/vous-prendrez-bien-une-petite-torchee/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_185_1.jpg);"
                             alt="Vous prendrez bien une petite torchée?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Vous prendrez bien une petite torchée?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/vous-prendrez-bien-une-petite-torchee/?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/daniel-oester-macon-batisseur/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_97_1.jpg);"
                             alt="Daniel Oester, maçon-bâtisseur"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Daniel Oester, maçon-bâtisseur</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/daniel-oester-macon-batisseur/?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/est-pas-la-pour-beurrer-les-sandwiches/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_140_1.jpg);"
                             alt="On est pas là pour beurrer les sandwiches!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>On est pas là pour beurrer les sandwiches!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/est-pas-la-pour-beurrer-les-sandwiches/?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/bienfaits-des-jeux-videos/?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/?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/quel-film-glisser-sous-le-sapin/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/12/Une.jpg);"
                             alt="Quel film glisser sous le sapin?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>Quel film glisser sous le sapin?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/quel-film-glisser-sous-le-sapin/?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/tout-doubs-minou/?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/?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/recherche-du-cordon-dieu/?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/?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/lucie-reine-de-la-poutze-economico-bio/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_157_1.jpg);"
                             alt="Lucie, reine de la poutze économico-bio"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Lucie, reine de la poutze économico-bio</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lucie-reine-de-la-poutze-economico-bio/?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/geocaching-chasse-aux-tresors-des-temps-modernes/?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/?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/o-l-t-e-n-o-l-t-e-n/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_192_1.jpg);"
                             alt="Ø L T E N – Ø L T E N"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>Ø L T E N – Ø L T E N</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/o-l-t-e-n-o-l-t-e-n/?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/la-derive-hygieniste/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/Guillotine.png);"
                             alt="La dérive hygiéniste"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Guillotine</small>
                            <br>La dérive hygiéniste</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-derive-hygieniste/?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/guy-moullet-le-sportif-qui-enseigna/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/Etang-de-la-Gruère-12-janvier-1983.jpg);"
                             alt="Guy Moullet &#8211; Le sportif qui enseigna"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Guy Moullet &#8211; Le sportif qui enseigna</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/guy-moullet-le-sportif-qui-enseigna/?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/treize-heures-la-braderie-prevotoise/?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/?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/les-dessous-du-chant-du-gros/?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/?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/le-survivalisme/?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/?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/plein-centre/?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/?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/soeur-francoise-romaine-parfum-framboise/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/IMG_5871.jpg);"
                             alt="Sœur Françoise-Romaine -Entre tradition et modernité"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Sœur Françoise-Romaine -Entre tradition et modernité</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/soeur-francoise-romaine-parfum-framboise/?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/plus-fort-que-kung-fury-danger-5/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/06/ib5ymfjplbrdtcnrhi2w.jpg);"
                             alt="Plus fort que Kung Fury: Danger 5"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>Plus fort que Kung Fury: Danger 5</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/plus-fort-que-kung-fury-danger-5/?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/tapez-144-tin-lin-lin/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_121_23.jpg);"
                             alt="Tapez 144: TIN LIN LIN"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les aventures d’Emilie</small>
                            <br>Tapez 144: TIN LIN LIN</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/tapez-144-tin-lin-lin/?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/coup-de-grrif/?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/?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-consumerisme-de-noel/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/Guillotine.png);"
                             alt="Le consumérisme de Noël"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Guillotine</small>
                            <br>Le consumérisme de Noël</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-consumerisme-de-noel/?e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=135"
                               class="btn btn-light" role="button">Ed. 23</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/3474/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/05/MonumentVMattia.jpg);"
                             alt="Le P&rsquo;tit Ju de mai fait ce qu&rsquo;il lui plaît."></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Le P&rsquo;tit Ju de mai fait ce qu&rsquo;il lui plaît.</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/3474/?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/dheepan-la-rage-du-tigre/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/09/420365.jpg);"
                             alt="Dheepan: la rage du Tigre"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>Dheepan: la rage du Tigre</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/dheepan-la-rage-du-tigre/?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/tartare-de-saumon/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/LesRecettesduClodo.jpg);"
                             alt="Tartare de saumon"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les recettes du Clodo</small>
                            <br>Tartare de saumon</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/tartare-de-saumon/?e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=135"
                               class="btn btn-light" role="button">Ed. 23</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/?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/?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/le-plaignou/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/La-caricature-du-mois.png);"
                             alt="Le Plaignou"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>Le Plaignou</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-plaignou/?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/poubelle-la-vie/?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/?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/hashtagueule-lhyper-connectivite/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/Guillotine.png);"
                             alt="#Hashtagueule – L&rsquo;hyper-connectivité"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Guillotine</small>
                            <br>#Hashtagueule – L&rsquo;hyper-connectivité</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/hashtagueule-lhyper-connectivite/?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/3515/?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/?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/spring-break-au-legend-club-moutier/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/04/spring_break-12avril2014_mini2.jpg);"
                             alt="Spring Break au Legend Club Moutier"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Publi-reportage</small>
                            <br>Spring Break au Legend Club Moutier</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/spring-break-au-legend-club-moutier/?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/the-walk/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/the-walk.jpg);"
                             alt="The Walk"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le funambule aux gros sabots</small>
                            <br>The Walk</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/the-walk/?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/vieillir-ca-craint/?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/?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/le-paradoxe-de-la-saint-valentin/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_134_1.jpg);"
                             alt="Le paradoxe de la Saint-Valentin"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">C'est beau l'amûûûrrr</small>
                            <br>Le paradoxe de la Saint-Valentin</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-paradoxe-de-la-saint-valentin/?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/on-dit-que-cest-la-40e-la-meilleure/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/40e.png);"
                             alt="On dit que c&rsquo;est la 40e la meilleure"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>On dit que c&rsquo;est la 40e la meilleure</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/on-dit-que-cest-la-40e-la-meilleure/?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/?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/?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/une-raclette-en-californie/?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/?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/lee-harvey-oswald/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/05/2-LHO-à-la-maison-2.jpg);"
                             alt="Lee Harvey Oswald"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Une page de l’histoire du rock local se tourne</small>
                            <br>Lee Harvey Oswald</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lee-harvey-oswald/?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/sils-maria/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/sils-maria-1.jpg);"
                             alt="Sils Maria"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>Sils Maria</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/sils-maria/?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-moniteur-de-camp-de-ski/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/La-caricature-du-mois.png);"
                             alt="Le moniteur de camp de ski"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>Le moniteur de camp de ski</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-moniteur-de-camp-de-ski/?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/les-striflates/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/LesRecettesduClodo.jpg);"
                             alt="Les Striflates"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les recettes du Clodo</small>
                            <br>Les Striflates</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-striflates/?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/rencontre-avec-gilles-surchat/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_124_1.jpg);"
                             alt="Rencontre avec Gilles Surchat"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Rencontre avec Gilles Surchat</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/rencontre-avec-gilles-surchat/?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/tubes-lete-versus-selection-estivale-du-ptit-ju/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/08/b10dcdba-bcdf-4d0e-99dc-e70bd7a30cfe_1960-A-group-of-young-people-dancing-to-rock-n-roll-on-the-beach.jpg);"
                             alt="Tubes de l’été versus sélection estivale du Ptit Ju"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">la la la! Olé Olé Olé!</small>
                            <br>Tubes de l’été versus sélection estivale du Ptit Ju</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/tubes-lete-versus-selection-estivale-du-ptit-ju/?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/vous-lavez-manque-retrouvez-le-en-images/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_68_1.jpg);"
                             alt="Vous l’avez manqué… retrouvez-le en images!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Vous l’avez manqué… retrouvez-le en images!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/vous-lavez-manque-retrouvez-le-en-images/?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/terry-pratchett-sen-est-alle/?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/?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/grosjeantends-tout-clairement/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_144_1.jpg);"
                             alt="Grosjean’tends tout clairement"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Grosjean’tends tout clairement</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/grosjeantends-tout-clairement/?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/two-gallants-we-are-undone/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/twogallants2.jpg);"
                             alt="Two Gallants &#8211; We Are Undone"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Nostalgie côte ouest</small>
                            <br>Two Gallants &#8211; We Are Undone</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/two-gallants-we-are-undone/?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/boyhood/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/Couv.jpg);"
                             alt="Boyhood"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>Boyhood</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/boyhood/?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/entre-tout-et-rien-quoi-de-la-sexualite-et-des-handicaps/?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/?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-maitre-carte-blanche/?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/?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/la-maison-du-bonheur/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_83_1.jpg);"
                             alt="La Maison du Bonheur"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>La Maison du Bonheur</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-maison-du-bonheur/?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/piquenhit/?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/?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/ne-pas-boire-leau-du-robinet-et-changer-le-torchon-une-fois-par-jour/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/03/Editeau.jpg);"
                             alt="Ne pas boire l’eau du robinet et changer le torchon une fois par jour!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Ne pas boire l’eau du robinet et changer le torchon une fois par jour!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ne-pas-boire-leau-du-robinet-et-changer-le-torchon-une-fois-par-jour/?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/noel-en-prevote-comme-nulle-part-ailleurs/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_37_1.jpg);"
                             alt="Noël en Prévôté comme nulle part ailleurs"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Publi-reportage</small>
                            <br>Noël en Prévôté comme nulle part ailleurs</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/noel-en-prevote-comme-nulle-part-ailleurs/?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/et-le-createur-crea-crea/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_182_3.jpg);"
                             alt="Et le créateur créa Crea"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Et le créateur créa Crea</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/et-le-createur-crea-crea/?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/roux-de-secours/?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/?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/alerte-au-comptoir-de-delemont/?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/?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/le-fono/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/10/G0050934.jpg);"
                             alt="Le Fono"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Le Fono</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-fono/?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/en-direct-de-la-nendaz-freeride/?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/?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/la-sorcellerie-dans-le-jura/?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/?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/pyt-et-les-questions/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_175_17.jpg);"
                             alt="PyT et les questions…"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>PyT et les questions…</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/pyt-et-les-questions/?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/vacancier-relou/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/Guillotine.png);"
                             alt="Le vacancier relou"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Guillotine</small>
                            <br>Le vacancier relou</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/vacancier-relou/?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/un-but-un-coup-de-klaxon-et-beaucoup-de-bruit/?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/?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/graveyard-lights/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_136_2.jpg);"
                             alt="Graveyard – Lights Out"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>Graveyard – Lights Out</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/graveyard-lights/?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/voyez-au-loin-poindre-un-petit-journal/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_13_1.jpg);"
                             alt="Voyez au loin, poindre un petit journal!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Voyez au loin, poindre un petit journal!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/voyez-au-loin-poindre-un-petit-journal/?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/courtier-ou-aerostier-laubry-brille/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_42_1.jpg);"
                             alt="Courtier ou aérostier, l’Aubry brille!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Courtier ou aérostier, l’Aubry brille!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/courtier-ou-aerostier-laubry-brille/?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/les-recidivistes/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/Guillotine.png);"
                             alt="Les récidivistes"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Guillotine</small>
                            <br>Les récidivistes</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-recidivistes/?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/lartisan-schaffter-lart-dembellir-la-region/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_103_1.jpg);"
                             alt="L’Artisan Schaffter, l’art d’embellir la région"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>L’Artisan Schaffter, l’art d’embellir la région</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lartisan-schaffter-lart-dembellir-la-region/?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/le-ptit-ju-a-la-seve-qui-monte-2/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/Moins18.jpg);"
                             alt="Le P’tit Carré Rose"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Le P’tit Carré Rose</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-ptit-ju-a-la-seve-qui-monte-2/?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/amis-sans-habits/?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/?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/teins-toi-donc/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_98_1.jpg);"
                             alt="Teins-toi donc!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Teins-toi donc!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/teins-toi-donc/?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/cremines-on-se-bouge-5e-edition/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/04/1003253_562984110419753_128109611_n.jpg);"
                             alt="A Crémines on se bouge… 5e édition!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Suisse bouge</small>
                            <br>A Crémines on se bouge… 5e édition!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/cremines-on-se-bouge-5e-edition/?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/fc-moutier-un-defi-entre-amis/?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/?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/tu-sais-ce-que-cest-ca/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/12/ne-culpabilisez-plus-la-biere-nest-pas-responsable-de-votre-gros-bide2.jpg);"
                             alt="T’SAIS C’QUE C’EST ÇA?!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>T’SAIS C’QUE C’EST ÇA?!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/tu-sais-ce-que-cest-ca/?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/seyo-spray-anti-gris/?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/?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/du-soleil-dans-votre-assiette/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/110811-SYG-17.jpg);"
                             alt="Du soleil dans votre assiette"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Du soleil dans votre assiette</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/du-soleil-dans-votre-assiette/?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/toi-tu-connais-berou/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/img_77_4.jpg);"
                             alt="«Et toi, tu connais le Bérou?»"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>«Et toi, tu connais le Bérou?»</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/toi-tu-connais-berou/?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/cest-dur-de-mourir-au-printemps/?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/?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/?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/?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/les-rois-des-platines/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/La-caricature-du-mois-01.jpg);"
                             alt="Les Rois des platines"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>Les Rois des platines</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-rois-des-platines/?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/philomena/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/21058784_20131118171801678.jpg);"
                             alt="Philomena"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>Philomena</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/philomena/?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/on-ne-demande-qua-rire/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/FormatFactoryDSC_3178.jpg);"
                             alt="Jérôme Mouttet – On ne demande qu’à rire"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Jérôme Mouttet – On ne demande qu’à rire</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/on-ne-demande-qua-rire/?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/purrrrrrrree/?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/?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/bieres-et-mysteres/?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/?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/de-ramoneur-maton-de-guitariste-luthier/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_41_1.jpg);"
                             alt="De ramoneur à maton, de guitariste à luthier"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>De ramoneur à maton, de guitariste à luthier</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/de-ramoneur-maton-de-guitariste-luthier/?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/les-decerebres-de-la-telerealite/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/Guillotine.png);"
                             alt="Les décérébrés de la téléréalité"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Guillotine</small>
                            <br>Les décérébrés de la téléréalité</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-decerebres-de-la-telerealite/?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/au-coeur-dune-soiree-de-sacre-avec-le-bc-moutier/?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/?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/crise-migratoire-les-routes-de-limmigration-clandestine-en-europe/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/09/Migrants-2.jpg);"
                             alt="CRISE MIGRATOIRE – Les routes de l’immigration clandestine en Europe"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">J'ai pas campris!</small>
                            <br>CRISE MIGRATOIRE – Les routes de l’immigration clandestine en Europe</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/crise-migratoire-les-routes-de-limmigration-clandestine-en-europe/?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/livg-quest-ce-que-cest/?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/?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/cedart-ready/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_21_12.jpg);"
                             alt="Ced’Art you ready?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Ced’Art you ready?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/cedart-ready/?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/chang-thai-la-classe-gastro/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_102_1.jpg);"
                             alt="Chang Thaï, la classe gastro"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Chang Thaï, la classe gastro</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/chang-thai-la-classe-gastro/?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/de-la-betaillere-au-congelateur/?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/?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/marche-moutier-devient-il/?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/?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/allerich-bin-ein-berliner/?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/?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/rene-chamoilder-vetetiste-altruiste/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/img_88_1.jpg);"
                             alt="René «Chamoilder», vététiste et altruiste"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>René «Chamoilder», vététiste et altruiste</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/rene-chamoilder-vetetiste-altruiste/?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/la-fete-la-maison/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_36_9.jpg);"
                             alt="La fête à la maison"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>La fête à la maison</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-fete-la-maison/?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/6919/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/Capture-d’écran-2015-12-02-à-08.16.48.png);"
                             alt="Le Petit Jurassien en a fini avec 2015"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Le Petit Jurassien en a fini avec 2015</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/6919/?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/le-secret-de-nancy-vorpe/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_35_3.jpg);"
                             alt="Le secret de Nancy Vorpe"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Le secret de Nancy Vorpe</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-secret-de-nancy-vorpe/?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/edito/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_100_1.jpg);"
                             alt="Edito"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Edito</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/edito/?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-dj-aux-mille-et-une-nuits/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/Hakim-3.jpg);"
                             alt="Hakim, DJ aux mille et une nuits"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Hakim, DJ aux mille et une nuits</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-dj-aux-mille-et-une-nuits/?e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=135"
                               class="btn btn-light" role="button">Ed. 23</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/espionnage-mondial-prophetie-orwellienne/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/Jai-pas-campris.png);"
                             alt="Espionnage mondial – prophétie orwellienne?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">J'ai pas campris!</small>
                            <br>Espionnage mondial – prophétie orwellienne?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/espionnage-mondial-prophetie-orwellienne/?e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=135"
                               class="btn btn-light" role="button">Ed. 23</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/?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/?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/nous-avons-besoin-de-vous-2/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_109_01.jpg);"
                             alt="Nous avons besoin de vous…"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Nous avons besoin de vous…</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/nous-avons-besoin-de-vous-2/?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/baraques-tres-pacifiques/?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/?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/les-quelques-sorties-musicales-2013-que-lon-ne-vous-avait-pas-presentees/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/tumblr_ls5joyasiJ1qz7nxjo1_500.jpg);"
                             alt="Les quelques sorties musicales 2013 que l’on ne vous avait pas présentées"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>Les quelques sorties musicales 2013 que l’on ne vous avait pas présentées</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-quelques-sorties-musicales-2013-que-lon-ne-vous-avait-pas-presentees/?e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=135"
                               class="btn btn-light" role="button">Ed. 23</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/triquer-tantrique/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/Jai-pas-campris.png);"
                             alt="Triquer tantrique"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">J'ai pas campris!</small>
                            <br>Triquer tantrique</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/triquer-tantrique/?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/the-dead-weather-dodge-burn/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/10/the-dead-weather.jpg);"
                             alt="The Dead Weather &#8211; Dodge &#038; Burn"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>The Dead Weather &#8211; Dodge &#038; Burn</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/the-dead-weather-dodge-burn/?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/duja-vu/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_55_1-1.jpg);"
                             alt="Duja vu"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Duja vu</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/duja-vu/?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/arreter-le-terrorisme-en-soi/?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/?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/letudiant-en-mission-humanitaire/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/La-caricature-du-mois.png);"
                             alt="L’étudiant en mission humanitaire"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>L’étudiant en mission humanitaire</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/letudiant-en-mission-humanitaire/?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/garmin-bike-marathon/?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/?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/fawn-c-o-l-l-e-g-u-m/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_174_9.jpg);"
                             alt="The Fawn – C o l l e g i u m"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>The Fawn – C o l l e g i u m</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/fawn-c-o-l-l-e-g-u-m/?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/laccroc-facebook/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/La-caricature-du-mois.png);"
                             alt="L&rsquo;accroc Facebook"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>L&rsquo;accroc Facebook</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/laccroc-facebook/?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/meme-pas-peur/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/02/logo_vigipirate_alratt.jpg);"
                             alt="Même pas peur!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Même pas peur!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/meme-pas-peur/?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/le-va-et-vient/?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/?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/?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/?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/coup-du-milieu-dans-lcornet/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_141_1.jpg);"
                             alt="Coup du milieu dans l&rsquo;Cornet"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les aventures d’Emilie</small>
                            <br>Coup du milieu dans l&rsquo;Cornet</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/coup-du-milieu-dans-lcornet/?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/saveurs-dautomne/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_30_1.jpg);"
                             alt="Saveurs d’automne"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Saveurs d’automne</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/saveurs-dautomne/?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/lintolerent/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/La-caricature-du-mois.png);"
                             alt="L&rsquo;intolérant"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>L&rsquo;intolérant</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lintolerent/?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/bienvenue-au-ptit-ju-des-ecoliers/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/Fotolia_49390519_S.jpg);"
                             alt="Bienvenue au P’tit Ju des Ecoliers"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Bienvenue au P’tit Ju des Ecoliers</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/bienvenue-au-ptit-ju-des-ecoliers/?e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=135"
                               class="btn btn-light" role="button">Ed. 23</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/netflix/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/netflix-logo.png);"
                             alt="Netflix: une lucarne sur l&rsquo;infini"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">J'ai pas campris!</small>
                            <br>Netflix: une lucarne sur l&rsquo;infini</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/netflix/?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/quand-les-bonbons-collent-au-paquet/?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/?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/toujours-magiques/?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/?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/retour-dans-le-tripoli-de-moutier/?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/?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/boulangerie-le-chalet-cremines/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_74_1.jpg);"
                             alt="Boulangerie Le Chalet, Crémines"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Boulangerie Le Chalet, Crémines</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/boulangerie-le-chalet-cremines/?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-geants-rouges/?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/?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-changement-dheure-fait-tourner-les-tetes/?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/?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/chausse-qui-peut/?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/?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/valgabonde-ou-la-concretisation-dune-envie/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_96_1.jpg);"
                             alt="Valgabonde, ou la concrétisation d’une envie"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Valgabonde, ou la concrétisation d’une envie</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/valgabonde-ou-la-concretisation-dune-envie/?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/her/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/her-film-poster-spike-jonze.jpg);"
                             alt="Her"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>Her</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/her/?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/decouverte-lasie-cambodge/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/IMG_1223.jpeg);"
                             alt="Découverte de l’Asie par le Cambodge"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les aventures d’Emilie</small>
                            <br>Découverte de l’Asie par le Cambodge</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/decouverte-lasie-cambodge/?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/leonarda-nous-vainquit/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/Jai-pas-campris.png);"
                             alt="Leonarda nous vainquit"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">J'ai pas campris!</small>
                            <br>Leonarda nous vainquit</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/leonarda-nous-vainquit/?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/capitaine-phillips/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/361407-capitaine-phillips-620x0-2.jpg);"
                             alt="Capitaine Phillips"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>Capitaine Phillips</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/capitaine-phillips/?e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=135"
                               class="btn btn-light" role="button">Ed. 23</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/crise-ukrainienne/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/Jai-pas-campris.png);"
                             alt="La crise ukrainienne"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">J'ai pas campris!</small>
                            <br>La crise ukrainienne</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/crise-ukrainienne/?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/gardes-bains-et-plus-encore/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_90_1.jpg);"
                             alt="Gardes-bains et plus encore"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Gardes-bains et plus encore</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/gardes-bains-et-plus-encore/?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/une-journee-particuliere-au-pavillon/?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/?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/ile-jura-christophe-meyer/?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/?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/un-nouveau-nom-pour-le-ptit-ju/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_169_1.jpg);"
                             alt="Un nouveau nom pour le P’tit Ju?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Un nouveau nom pour le P’tit Ju?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/un-nouveau-nom-pour-le-ptit-ju/?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/des-pays-imbeciles-ou-jamais-il-ne-pleut/?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/?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/resistance-dancefloor/?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/?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/sur-la-cote-sous-la-neige/?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/?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/encore-des-innovations-au-ptit-ju/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_44_1.jpg);"
                             alt="Encore des innovations au P’tit Ju"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Encore des innovations au P’tit Ju</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/encore-des-innovations-au-ptit-ju/?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-4l-qui-donne-des-ailes/?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/?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/meuh-meuh/?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/?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/un-coup-de-fusil-cest-comme-si-tu-tires-la-prise/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_105_1.jpg);"
                             alt="Un coup de fusil c’est comme si tu tires la prise"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les aventures d’Emilie</small>
                            <br>Un coup de fusil c’est comme si tu tires la prise</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/un-coup-de-fusil-cest-comme-si-tu-tires-la-prise/?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/pousser-nest-pas-gagner/?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/?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/raimeux-par-monts-et-pur-porc/?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/?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/ca-sent-le-lac/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_164_16.jpg);"
                             alt="Ça sent le lac!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Ça sent le lac!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ca-sent-le-lac/?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/ca-sent-le-printemps/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/03/05-Remontstein3.jpg);"
                             alt="Ça sent le printemps!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">On roucoule de plaisir lorsque le P’tit Ju du mois de mars débarque.</small>
                            <br>Ça sent le printemps!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ca-sent-le-printemps/?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/motorhead-aftershock/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_200_1.jpg);"
                             alt="Motörhead – Aftershock"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>Motörhead – Aftershock</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/motorhead-aftershock/?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/un-vent-de-feminite-sur-les-paddocks/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_73_1.jpg);"
                             alt="Un vent de féminité sur les paddocks"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Un vent de féminité sur les paddocks</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/un-vent-de-feminite-sur-les-paddocks/?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/jai-encore-pecho/?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/?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/dans-le-leon-tout-est-bon/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/05/1.jpg);"
                             alt="Dans le Léon, tout est bon!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Dans le Léon, tout est bon!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/dans-le-leon-tout-est-bon/?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/moutier-encerclee-par-de-nouveaux-cinemas/?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/?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/la-raie-de-luc-qui-sue/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/06/EditauSoleil.jpg);"
                             alt="La raie de Luc qui sue!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>La raie de Luc qui sue!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-raie-de-luc-qui-sue/?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/k%ce%b4vin%cf%9fky-outrun/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_158_1.jpg);"
                             alt="KΔVINϟKY – Outrun"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>KΔVINϟKY – Outrun</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/k%ce%b4vin%cf%9fky-outrun/?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/nouvelle-terrasse-moutier/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/06/04-resto_pati_moutier-©SG.jpg);"
                             alt="Une nouvelle terrasse à Moutier"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Une nouvelle terrasse à Moutier</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/nouvelle-terrasse-moutier/?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-dessous-de-la-presse-sportive/?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/?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/roos-limprimeur-qui-prime/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_101_1.jpg);"
                             alt="Roos, l’imprimeur qui prime"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Roos, l’imprimeur qui prime</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/roos-limprimeur-qui-prime/?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-vapotage/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/img_196_1.jpg);"
                             alt="Le vapotage"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">J'ai pas campris!</small>
                            <br>Le vapotage</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-vapotage/?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/petite-deconnade-printaniere/?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/?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-youtubers-de-lemerveillement/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/YouTube-logo-full_color1.png);"
                             alt="Les «youtubers» de l’émerveillement"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Petits portraits des gens du web</small>
                            <br>Les «youtubers» de l’émerveillement</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-youtubers-de-lemerveillement/?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/moutier-centre-ca-va-bouger/?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/?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/le-ptit-ju-a-la-seve-qui-monte/?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/?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/ptit-buesch-devenu-grand/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_137_1.jpg);"
                             alt="P’tit Buesch devenu grand!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>P’tit Buesch devenu grand!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ptit-buesch-devenu-grand/?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/figugegl/?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/?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/sondage/?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/?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/nous-avons-besoin-de-vous/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_159_1.jpg);"
                             alt="Nous avons besoin de vous…"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Nous avons besoin de vous…</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/nous-avons-besoin-de-vous/?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/david-coiffure-moutier/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/05/06-290414-©SG-david_coiffure.jpg);"
                             alt="David Coiffure à Moutier"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>David Coiffure à Moutier</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/david-coiffure-moutier/?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/lheure-des-saveurs/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/FoireAuxSaveurs_logo-01.png);"
                             alt="L&rsquo;heure des Saveurs"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Publi-reportage</small>
                            <br>L&rsquo;heure des Saveurs</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lheure-des-saveurs/?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/les-fours-chaux/?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/?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/entre-terre-et-noel-pour-tous/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_39_7.jpg);"
                             alt="Entre terre et or… Noël Pour Tous!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Publi-reportage</small>
                            <br>Entre terre et or… Noël Pour Tous!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/entre-terre-et-noel-pour-tous/?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/ptit-ju-sen-met-plein-panse/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/11/High_Fat_Foods_-_NCI_Visuals_Online.jpg);"
                             alt="Le P’tit Ju s’en met plein la panse"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Le P’tit Ju s’en met plein la panse</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ptit-ju-sen-met-plein-panse/?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/la-femme-de/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/La-caricature-du-mois.png);"
                             alt="La femme de&#8230;"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>La femme de&#8230;</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-femme-de/?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-26-avril-ca-va-chauffer-moutier/?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/?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/pere-champion-plein-temps/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/05/1-IMG_0636.jpg);"
                             alt="Père de champion à plein temps"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Père de champion à plein temps</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/pere-champion-plein-temps/?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-caricature-du-mois/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/La-caricature-du-mois.png);"
                             alt="Le Petit JUrnal en ligne"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>Le Petit JUrnal en ligne</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-caricature-du-mois/?e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="http://lepetitjurassien.ch/article/?e=135"
                               class="btn btn-light" role="button">Ed. 23</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/meme-pas-mort/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/09/Edito.jpg);"
                             alt="Même pas mort!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Même pas mort!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/meme-pas-mort/?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/hommage-hr-giger/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/06/HR-Giger.jpg);"
                             alt="Hommage à HR Giger"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>Hommage à HR Giger</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/hommage-hr-giger/?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/un-evenement-au-poil/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_112_1.jpg);"
                             alt="Un événement «au poil»"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Publi-reportage</small>
                            <br>Un événement «au poil»</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/un-evenement-au-poil/?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/ptit-ju-fraichement-presse/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/JU.jpg);"
                             alt="Un P&rsquo;tit JU fraîchement pressé"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Un P&rsquo;tit JU fraîchement pressé</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ptit-ju-fraichement-presse/?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/letat-islamique-en-irak-au-levant/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/08/carte-etat-islamique-11243094zcqci_1713.jpg);"
                             alt="L&rsquo;Etat islamique en Irak et au Levant"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">J'ai pas campris!</small>
                            <br>L&rsquo;Etat islamique en Irak et au Levant</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/letat-islamique-en-irak-au-levant/?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/lexperience-blocher/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/Affiche.jpg);"
                             alt="L‘expérience Blocher"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>L‘expérience Blocher</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lexperience-blocher/?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/don-de-sang-don-de-soi/?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/?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/peter-kernel-thrill-addict/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/02/cover.jpg);"
                             alt="Peter Kernel – Thrill Addict"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Peter Kernel, CRAC CRAC BOUM Bien!</small>
                            <br>Peter Kernel – Thrill Addict</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/peter-kernel-thrill-addict/?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/prevotois-glace/?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/?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/trott-en-fun/?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/?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/m-pour-ces-exas-comme-dit/?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/?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/promenons-nous-dans-les-bois/?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/?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-du-gout-2015/?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/?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/the-amazing-spider-man-2/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/05/couverture.jpg);"
                             alt="The Amazing Spider-Man 2"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>The Amazing Spider-Man 2</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/the-amazing-spider-man-2/?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/pinceau-prevotois-paris-fred-andre-holzer/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2016/03/IMG_8276.jpg);"
                             alt="Un pinceau prévôtois à Paris &#8211; Fred-André Holzer"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Prévôtois à l'étranger</small>
                            <br>Un pinceau prévôtois à Paris &#8211; Fred-André Holzer</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/pinceau-prevotois-paris-fred-andre-holzer/?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/vas-y-supprime-moi-ce-commentaire-ou-le-difficile-exercice-de-lautorite-du-moins-sur-un-groupe-facebook/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/La-caricature-du-mois-01.jpg);"
                             alt="«Vas-y! Supprime-moi ce commentaire!»"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>«Vas-y! Supprime-moi ce commentaire!»</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/vas-y-supprime-moi-ce-commentaire-ou-le-difficile-exercice-de-lautorite-du-moins-sur-un-groupe-facebook/?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/siri-y-spasse-quoi-en-syrie/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/Jai-pas-campris.png);"
                             alt="Siri, y s’passe quoi en Syrie?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">J'ai pas campris!</small>
                            <br>Siri, y s’passe quoi en Syrie?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/siri-y-spasse-quoi-en-syrie/?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/la-der-de-lannee/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_130_1.jpg);"
                             alt="La der (de l’année)?"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>La der (de l’année)?</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-der-de-lannee/?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/du-gros-dans-les-champs/?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/?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/la-fete-du-slip/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_117_1.jpg);"
                             alt="La fête du slip!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>La fête du slip!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-fete-du-slip/?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/flirter-avec-les-nuages/?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/?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/pimpon/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_72_13.jpg);"
                             alt="Pimpon!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les aventures d’Emilie</small>
                            <br>Pimpon!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/pimpon/?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/pantographe-soucis-moutier-epace-culturel-alternatif/?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/?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/schwarz-st/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/10494307_1527487267482819_141768403395111719_o.jpg);"
                             alt="Schwarz – s/t"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Schwartz c’est schwartz</small>
                            <br>Schwarz – s/t</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/schwarz-st/?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/la-rolls-royce-des-appareils-hifi-et-tv/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/DSC02951.jpg);"
                             alt="La Rolls Royce des appareils Hifi et TV"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>La Rolls Royce des appareils Hifi et TV</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/la-rolls-royce-des-appareils-hifi-et-tv/?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/fabian-weber-le-reve-americain-en-poche/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/02/251897_4333337010370_765496201_n1.jpg);"
                             alt="Fabian Weber, le rêve américain en poche"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Prévôtois à l'étranger</small>
                            <br>Fabian Weber, le rêve américain en poche</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/fabian-weber-le-reve-americain-en-poche/?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/lhelvetia-entre-dans-le-game-prevotois/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_155_3.jpg);"
                             alt="L’Helvetia entre dans le «game» prévôtois!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>L’Helvetia entre dans le «game» prévôtois!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/lhelvetia-entre-dans-le-game-prevotois/?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/meladanse-fraicheur-et-feminite/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_104_1.jpg);"
                             alt="Meladanse, fraicheur et féminité"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Meladanse, fraicheur et féminité</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/meladanse-fraicheur-et-feminite/?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/un-ptit-sejour-lombre/?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/?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/the-lodge/?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/?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/le-petit-jurassien-travers-les-generations/?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/?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/badaboom-a-moutier/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2020/10/badaboom-realisation-publicitaire-imprimerie-jura-bernois-pomzed-serigraphie.jpg);"
                             alt="BADABOOM à Moutier!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Nous sommes des réalisateurs publicitaires créatifs et explosifs!</small>
                            <br>BADABOOM à Moutier!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/badaboom-a-moutier/?e=all"
                              class="btn btn-light" role="button">Lire l'article</a>
                            <a href="
Warning: Trying to access array offset on value of type null in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/themes/lePetitJurassien/template-archive-article.php on line 237
http://lepetitjurassien.ch/article/?e="
                               class="btn btn-light" role="button">Ed. 
Warning: Trying to access array offset on value of type null in /home/httpd/vhosts/lepetitjurassien.ch/httpdocs/wp-content/themes/lePetitJurassien/template-archive-article.php on line 238
BADABOOM à Moutier!</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/derniere-route/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/06/Editodété.jpg);"
                             alt="Une dernière pour la route!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Une dernière pour la route!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/derniere-route/?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/tame-impala-lonerism/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_118_1.jpg);"
                             alt="Tame Impala – Lonerism"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>Tame Impala – Lonerism</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/tame-impala-lonerism/?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/fredy-sacchi-de-lecole-la-librairie/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_191_4.jpg);"
                             alt="Frédy Sacchi: de l’école à la librairie"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>Frédy Sacchi: de l’école à la librairie</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/fredy-sacchi-de-lecole-la-librairie/?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/le-petit-bonhomme-bleu/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/La-caricature-du-mois.png);"
                             alt="Le petit bonhomme bleu"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>Le petit bonhomme bleu</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-petit-bonhomme-bleu/?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/jahouse-ou-la-maison-des-plaisir/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/10/11188397_1439622873019157_4754777915788567223_n.jpg);"
                             alt="JAHOUSE ou la Maison des Plaisirs"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>JAHOUSE ou la Maison des Plaisirs</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/jahouse-ou-la-maison-des-plaisir/?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/cette-etoile-ne-brille-pas-qua-noel/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_119_1.jpg);"
                             alt="Cette Etoile ne brille pas qu’à Noël!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Cette Etoile ne brille pas qu’à Noël!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/cette-etoile-ne-brille-pas-qua-noel/?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/true-detective-saison-1/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/11/True-Detective.jpeg);"
                             alt="True Detective: saison 1"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>True Detective: saison 1</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/true-detective-saison-1/?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/lusine-joseph-petermann/?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/?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/et-de-2-pour-le-ptit-ju/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_177_1.jpg);"
                             alt="Et de 2 pour le P’tit Ju!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Et de 2 pour le P’tit Ju!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/et-de-2-pour-le-ptit-ju/?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/moutier-expo/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_199_1.jpg);"
                             alt="Moutier-Expo"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Publi-reportage</small>
                            <br>Moutier-Expo</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/moutier-expo/?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/les-adeptes-du-regime-piscine/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/La-caricature-du-mois.png);"
                             alt="Les adeptes du régime piscine"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>Les adeptes du régime piscine</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/les-adeptes-du-regime-piscine/?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/le-glaude-du-bouche-loreille/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_29_1.jpg);"
                             alt="«Le Glaude», du bouche à l’oreille!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Portrait</small>
                            <br>«Le Glaude», du bouche à l’oreille!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-glaude-du-bouche-loreille/?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/boko-hakoi-boko-haram/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/Jai-pas-campris.png);"
                             alt="Boko Hakoi? Boko Haram!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">J'ai pas campris!</small>
                            <br>Boko Hakoi? Boko Haram!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/boko-hakoi-boko-haram/?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/morfologie-dun-vin-jurassien/?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/?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/orange-de-rage-2/?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/?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/sex-shop-frivolites-dtc/?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/?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/franz-ferdinand-sparks/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/09/720x405-la-ca-ms-franz-ferdinand-sparks-ffs-band-20150-001.jpg);"
                             alt="Franz Ferdinand &#038; Sparks"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Bouge ta carcasse en rythme</small>
                            <br>Franz Ferdinand &#038; Sparks</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/franz-ferdinand-sparks/?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/garage-varrin-75-ans-de-fidelite-renault/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/01/img_50_1.jpg);"
                             alt="Garage Varrin, 75 ans de fidélité à Renault"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Garage Varrin, 75 ans de fidélité à Renault</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/garage-varrin-75-ans-de-fidelite-renault/?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/les-scouts-perceval-fetent-leur-centenaire/?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/?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/il-faut-cultiver-notre-jardin/?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/?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/cap-sur-jura/?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/?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/left-lane-cruiser-dirty-spliff-blues/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/11/ALIVE0171__25620.1431640851.1280.1280.jpg);"
                             alt="Left Lane Cruiser &#8211; Dirty Spliff Blues"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Se déchaîner assis</small>
                            <br>Left Lane Cruiser &#8211; Dirty Spliff Blues</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/left-lane-cruiser-dirty-spliff-blues/?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/chauve-souris-en-bd-tramelan/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_17_1.jpg);"
                             alt="Chauve-souris en BD à Tramelan"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Tramlabulle</small>
                            <br>Chauve-souris en BD à Tramelan</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/chauve-souris-en-bd-tramelan/?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/nelly-castagna-nee-schwab-prevotoise-miami/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/11/photo-11.jpg);"
                             alt="Il était une fois Nelly Castagna, née Schwab, une Prévôtoise à Miami"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Prévôtois à l'étranger</small>
                            <br>Il était une fois Nelly Castagna, née Schwab, une Prévôtoise à Miami</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/nelly-castagna-nee-schwab-prevotoise-miami/?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/braderie-prevotoise-2-0/?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/?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/ruby-frost-volition/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_129_2.jpg);"
                             alt="Ruby Frost – Volition"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'album du mois</small>
                            <br>Ruby Frost – Volition</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ruby-frost-volition/?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/ptit-quinquin/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/09/Affiche1.jpg);"
                             alt="P&rsquo;tit Quinquin"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Le film à voir... Ou pas!</small>
                            <br>P&rsquo;tit Quinquin</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/ptit-quinquin/?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/le-ton-monte-au-ptit-ju/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_186_1.jpg);"
                             alt="Le ton monte au P’tit Ju!"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>Le ton monte au P’tit Ju!</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-ton-monte-au-ptit-ju/?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/vilan-les-marathoniens-du-jeu-video/?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/?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/bakisgrat-haut-qui-pique/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2015/02/IMG_1069.jpg);"
                             alt="Backigrat, haut qui pique"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">L'ALLER-RETOUR</small>
                            <br>Backigrat, haut qui pique</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/bakisgrat-haut-qui-pique/?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/tsunami-mediatique/?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/?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-decharge/?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/?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/le-roi-du-zoom/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/La-caricature-du-mois.png);"
                             alt="Le Roi du zoom"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>Le Roi du zoom</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-roi-du-zoom/?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/jura-show/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/04/jurashow_13.11.12.1355.jpg);"
                             alt="Le petit Jura Show"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Publi-reportage</small>
                            <br>Le petit Jura Show</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/jura-show/?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/fleury-motos-tradition-et-renouveau/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2019/07/img_89_1.jpg);"
                             alt="Fleury motos : tradition et renouveau"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Fleury motos : tradition et renouveau</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/fleury-motos-tradition-et-renouveau/?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/new-pacific-fitness/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_142_1.jpg);"
                             alt="New Pacific Fitness"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>New Pacific Fitness</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/new-pacific-fitness/?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/le-voisin/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/11/La-caricature-du-mois.png);"
                             alt="Le voisin"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">La Caricature du mois</small>
                            <br>Le voisin</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/le-voisin/?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/la-sain-martin/?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/?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/zahno-cousine-et-roquefort/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_38_1.jpg);"
                             alt="Zahno Cousine et Roquefort"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Zahno Cousine et Roquefort</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/zahno-cousine-et-roquefort/?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/lete-non-juste-non/?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/?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/la-noel/?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/?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/b-side-fond-lambiance/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/beside_logo_couleur.jpg);"
                             alt="B-Side: à fond l’ambiance"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>B-Side: à fond l’ambiance</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/b-side-fond-lambiance/?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/espas-au-service-de-la-qualite-de-vie/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_132_1.jpg);"
                             alt="ESPAS, au service de la qualité de vie"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Edito</small>
                            <br>ESPAS, au service de la qualité de vie</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/espas-au-service-de-la-qualite-de-vie/?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/en-trottinette-simone/?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/?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/nos-titines-vont-vrombir-de-plaisir/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2013/12/img_27_3.jpg);"
                             alt="Nos «titines» vont vrombir de plaisir"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Présentation commerciale</small>
                            <br>Nos «titines» vont vrombir de plaisir</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/nos-titines-vont-vrombir-de-plaisir/?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/tas-tu-lestomac-les-talons-tu-veux-tu-manger-poutine/?e=all">
                        <div class="ratio"
                             style="background-image: url(http://lepetitjurassien.ch/wp-content/uploads/2014/11/Poutine-2.jpg);"
                             alt="«T’as-tu l’estomac dans les talons?! Tu veux-tu manger une poutine?»"></div>
                    </a>
                    <div class="caption">
                        <h1 class="thumb-head-hack article-title-thumb">
                            <small class="text-right accroche-thumb">Les aventures d’Emilie</small>
                            <br>«T’as-tu l’estomac dans les talons?! Tu veux-tu manger une poutine?»</h1>
                                                <p class="test12"><a href="http://lepetitjurassien.ch/article/tas-tu-lestomac-les-talons-tu-veux-tu-manger-poutine/?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>		</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/?e=all"
           title="Accueil">Accueil</a> |&nbsp;
        <a href="http://lepetitjurassien.ch/le-journal/?e=all"
           title="Le journal">La rédaction</a> |&nbsp;
        <a href="http://lepetitjurassien.ch/le-t-shirt-insolite/?e=all"
           title="Montrez-nous vos photos insolite">Le T-Shirt insolite</a> |&nbsp;
        <a href="http://lepetitjurassien.ch/article/badaboom-a-moutier/?e=all"
           title="Votre publicité ici?">Votre pub ici?</a> |&nbsp;
                <a href="http://lepetitjurassien.ch/contact/?e=all"
           title="Contact">Contact</a> |&nbsp;
        <a href="http://lepetitjurassien.ch/archives/?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>