30 KiB
Typographie
Cette application utilise la police d'écriture Arial, livrée avec le système.
Titres
Titre de niveau 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quibusdam ratione sunt dolorum, qui illo maxime doloremque accusantium cum libero eum, a optio odio placeat debitis ullam aut non distinctio.
Titre de niveau 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quibusdam ratione sunt dolorum, qui illo maxime doloremque accusantium cum libero eum, a optio odio placeat debitis ullam aut non distinctio.
Titre de niveau 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quibusdam ratione sunt dolorum, qui illo maxime doloremque accusantium cum libero eum, a optio odio placeat debitis ullam aut non distinctio.
Titre de niveau 4
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quibusdam ratione sunt dolorum, qui illo maxime doloremque accusantium cum libero eum, a optio odio placeat debitis ullam aut non distinctio.
Titre de niveau 5
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quibusdam ratione sunt dolorum, qui illo maxime doloremque accusantium cum libero eum, a optio odio placeat debitis ullam aut non distinctio.
Titre de niveau 6
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quibusdam ratione sunt dolorum, qui illo maxime doloremque accusantium cum libero eum, a optio odio placeat debitis ullam aut non distinctio.
Lead
<p class="lead">
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis
mollis, est non commodo luctus.
</p>
<p class="lead lead-primary">
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis
mollis, est non commodo luctus.
</p>
Séparateur
<section>
<header>
<hr>
<hr class="primary">
<hr class="secondary">
<hr class="tertiary">
</header>
</section>
Liste des pages enfants
Large
<section>
<header>
<ul class="child-pages child-pages-primary">
<li><a href="#">Passer en bio</a></li>
<li><a href="#">Valoriser ma production</a></li>
<li><a href="#">Optimiser mon système</a></li>
</ul>
</header>
</section>
Etroit
<div style="max-width:300px;">
<section>
<header>
<ul class="child-pages child-pages-primary">
<li><a href="#">Passer en bio</a></li>
<li><a href="#">Valoriser ma production</a></li>
<li><a href="#">Optimiser mon système</a></li>
</ul>
</header>
</section>
</div>
Table des matières
<section>
<header>
<ul class="toc">
<li><a href="#">Pourquoi produire bio ?</a></li>
<li><a href="#">Le cahier des charges</a></li>
<li><a href="#">Les aides</a></li>
<li><a href="#">Témoignages</a></li>
</ul>
</header>
</section>
Dates
<div class="date date-primary">
<span class="day">30</span><span class="month">11</span><span class="year">18</span>
</div>
Chiffres clés
<span class="chiffres-cles chiffres-cles-primary">32 727</span>
ha bio ou en conversion
Fil d'ariane
<ul class="ariane ariane-varblue">
<li>
<a href="#">Bio en Hauts-de-France</a>
</li>
<li>
<a href="#">Agriculteur</a>
</li>
</ul>
Médaillon
<div class="medaillon-250px">
<div class="medaillon-content">
<img src="/static/img/hdf.svg">
</div>
</div>
<div class="medaillon-70px medaillon-tertiary">
<div class="medaillon-content">
Bling !!
</div>
</div>
Liens et icones
Bouton retour
<div class="go-up"></div>
<div class="go-up go-up-primary"></div>
<div class="go-up go-up-primary go-up-big"></div>
Carte de la région
Départements
<div style="width:150px" class="carte-hdf carte-hdf-pasdecalais-primary">
</div>
<div style="width:150px" class="carte-hdf carte-hdf-aisne-secondary">
</div>
<div style="width:150px" class="carte-hdf carte-hdf-nord-tertiary">
</div>
Marqueurs
<div style="width:150px" class="carte-hdf carte-hdf-pasdecalais-primary carte-hdf-mapmarker-secondary" data-latitude="50.42294" data-longitude="2.78384">
Marqueur sur Liévin
</div>
<div style="width:150px" class="carte-hdf carte-hdf-nord-primary carte-hdf-mapmarker-secondary" data-latitude="51.0884" data-longitude="2.5440">
Marqueur sur Dunkerque
</div>
<div style="width:150px" class="carte-hdf carte-hdf-nord-primary carte-hdf-mapmarker-secondary" data-latitude="49.9565" data-longitude="4.2313">
Marqueur sur Hirson
</div>
<div style="width:150px" class="carte-hdf carte-hdf-aisne-primary carte-hdf-mapmarker-secondary" data-latitude="48.8372" data-longitude="3.4627">
Marqueur sur Chateau Thierry
</div>
<div style="width:150px" class="carte-hdf carte-hdf-oise-primary carte-hdf-mapmarker-secondary" data-latitude="49.20366" data-longitude="1.73859">
Marqueur sur Parnes
</div>
<div style="width:150px" class="carte-hdf carte-hdf-somme-primary carte-hdf-mapmarker-secondary" data-latitude="50.0686" data-longitude="1.3932">
Marqueur sur le Treport
</div>
Boutons
Bouton primaire
<button class="btn btn-primary" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
Bouton secondaire
<button class="btn btn-secondary" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
Bouton tertiaire
<button class="btn btn-tertiary" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
Variantes
Style
<button class="btn btn-primary" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-primary" disabled="" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-outline-primary" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-secondary" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-secondary" disabled="" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-outline-secondary" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-tertiary" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-tertiary" disabled="" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-outline-tertiary" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
Taille
<button class="btn btn-primary btn-sm" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-primary" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-primary btn-lg" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-primary btn-block" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-secondary btn-sm" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-secondary" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-secondary btn-lg" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-secondary btn-block" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-tertiary btn-sm" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-tertiary" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-tertiary btn-lg" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
<button class="btn btn-tertiary btn-block" role="button">ABONNEZ-VOUS À NOTRE NEWSLETTER</button>
Badges
Badges texte
<span class="badge badge-primary">Primary</span>
<span class="badge badge-secondary">Secondary</span>
<span class="badge badge-tertiary">Tertiary</span>
<span class="badge badge-success">Success</span>
<span class="badge badge-danger">Danger</span>
<span class="badge badge-warning">Warning</span>
<span class="badge badge-info">Info</span>
<span class="badge badge-light">Light</span>
<span class="badge badge-dark">Dark</span>
Badges liens
<a href="#" class="badge badge-primary">Primary</a>
<a href="#" class="badge badge-secondary">Secondary</a>
<a href="#" class="badge badge-tertiary">Tertiary</a>
<a href="#" class="badge badge-success">Success</a>
<a href="#" class="badge badge-danger">Danger</a>
<a href="#" class="badge badge-warning">Warning</a>
<a href="#" class="badge badge-info">Info</a>
<a href="#" class="badge badge-light">Light</a>
<a href="#" class="badge badge-dark">Dark</a>
Menus
Menu principal
<nav class="mainmenu navbar">
<a class="navbar-brand" href="#">
<img src="/static/img/logo-color-30x30.png" alt="logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Agriculteur</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Filière</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Collectivité</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Manger Bio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Formation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Ressources</a>
</li>
</ul>
</div>
<ul class="navbar-nav">
<li class="nav-search nav-item">
<a class="nav-link " href="#">
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-search fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
</nav>
Menu de footer
<footer class="mainfooter">
<div class="footermenu">
<ul>
<li>
<a href="">L’équipe</a>
</li>
<li>
<a href="">Qui sommes nous</a>
<ul>
<li>
<a href="#">Bio HDF</a>
</li>
<li>
<a href="#">Charte FNAB</a>
</li>
</ul>
</li>
<li>
<a href="">Cartographie des territoires HDF</a>
</li>
<li>
<a href="">Réseaux</a>
</li>
<li>
<a href="">Adhérer</a>
</li>
</ul>
<a class="backoffice" href="#">Espace privé</a>
</div>
<div class="foot">
<div class="centerlink">
<a href="#">Mentions légales © Bio Hauts-de-France</a>
</div>
<ul class="socialmenu">
<li>
<a href="#">
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li>
<a href="#">
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
</div>
</footer>
Bannière
<div style="width:1140px">
<header class="masthead">
<nav class="mainmenu navbar">
<a class="navbar-brand" href="#">
<img src="/static/img/logo-color-30x30.png" alt="logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Agriculteur</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Filière</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Collectivité</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Manger Bio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Formation</a>
</li>
</ul>
</div>
<ul class="navbar-nav">
<li class="nav-search nav-item">
<a class="nav-link " href="#">
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-search fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
</nav>
<div class="container">
<div class="row align-items-end">
<div class="col-3">
</div>
<div class="col-6">
<img class="logo" src="/static/img/logo-blanc.png" alt="logo">
<p class="logo-tagline">Bio en Hauts-de-France</p>
</div>
<div class="col-3">
<h1 class="h4 text-left text-uppercase" style="font-weight:800">Agriculture biologique en Hauts-de-France</h1>
</div>
</div>
<div class="row align-items-end text-light">
<div class="col-3">
</div>
<div class="col-6 mx-auto">
<form action="#" method="get">
<div class="input-group">
<input type="text" class="form-control" placeholder="Rechercher" aria-label="Rechercher" aria-describedby="button-addon">
<div class="input-group-append">
<button class="btn fa fa-search" type="button" id="button-addon"></button>
</div>
</div>
</form>
</div>
<div class="col-3">
<div class="text-right">
<ul class="socialmenu">
<li>
<a href="#">
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li>
<a href="#">
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="mask-left">
</header>
<h2 class="text-center" style="margin-bottom: 160px;">Le texte qui suit</h2>
</div>
Version basse
<div style="margin-top:250px">
<h2 class="text-center">Le texte qui précède</h2>
<footer class="littledown">
<div class="mask-right">
</footer>
</div>
Extraits
Extrait d'article
De base
<div style="width:300px">
<div class="article excerpt">
<a class="excerpt-link excerpt-body" href="#thelink">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d'avenir pour nos
fermes et nos territoires ? »
</p>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
Theme discret
<div style="width:300px">
<div class="article excerpt excerpt-outline-primary">
<a class="excerpt-link excerpt-body" href="#thelink">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
<hr>
<div style="width:300px">
<div class="article excerpt excerpt-outline-secondary">
<a class="excerpt-link excerpt-body" href="#thelink">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
<hr>
<div style="width:300px">
<div class="article excerpt excerpt-outline-tertiary">
<a class="excerpt-link excerpt-body" href="#thelink">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
Theme plein
<div style="width:300px">
<div class="article excerpt excerpt-primary">
<a class="excerpt-link excerpt-body" href="#thelink">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
<hr>
<div style="width:300px">
<div class="article excerpt excerpt-secondary">
<a class="excerpt-link excerpt-body" href="#thelink">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
<hr>
<div style="width:300px">
<div class="article excerpt excerpt-tertiary">
<a class="excerpt-link excerpt-body" href="#thelink">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
Theme plein avec image au survol
<div style="width:300px">
<div class="article excerpt excerpt-primary excerpt-hover">
<a class="excerpt-link" href="#thelink">
<img class="excerpt-hover-img" src="/static/img/_tmp-fond-article.jpg"></img>
<div class="excerpt-body">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</div>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
<hr>
<div style="width:300px">
<div class="article excerpt excerpt-secondary excerpt-hover">
<a class="excerpt-link" href="#thelink">
<img class="excerpt-hover-img" src="/static/img/_tmp-fond-article.jpg"></img>
<div class="excerpt-body">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</div>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
<hr>
<div style="width:300px">
<div class="article excerpt excerpt-tertiary excerpt-hover">
<a class="excerpt-link" href="#thelink">
<img class="excerpt-hover-img" src="/static/img/_tmp-fond-article.jpg"></img>
<div class="excerpt-body">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</div>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
Theme image avec style plein au survol
<div style="width:300px">
<div class="article excerpt excerpt-primary excerpt-hover-inverse">
<a class="excerpt-link" href="#thelink">
<img class="excerpt-hover-img" src="/static/img/_tmp-fond-article.jpg"></img>
<div class="excerpt-body">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</div>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
<hr>
<div style="width:300px">
<div class="article excerpt excerpt-secondary excerpt-hover-inverse">
<a class="excerpt-link" href="#thelink">
<img class="excerpt-hover-img" src="/static/img/_tmp-fond-article.jpg"></img>
<div class="excerpt-body">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</div>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
<hr>
<div style="width:300px">
<div class="article excerpt excerpt-tertiary excerpt-hover-inverse">
<a class="excerpt-link" href="#thelink">
<img class="excerpt-hover-img" src="/static/img/_tmp-fond-article.jpg"></img>
<div class="excerpt-body">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</div>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
Theme avec image discret
<div style="width:600px">
<div class="article excerpt excerpt-overlay excerpt-outline-primary">
<img class="excerpt-overlay-img" src="/static/img/_tmp-fond-article.jpg"></img>
<a class="excerpt-link excerpt-body" href="#thelink">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
<hr>
<div style="width:600px">
<div class="article excerpt excerpt-overlay excerpt-outline-secondary">
<img class="excerpt-overlay-img" src="/static/img/_tmp-fond-article.jpg"></img>
<a class="excerpt-link excerpt-body" href="#thelink">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
<hr>
<div style="width:600px">
<div class="article excerpt excerpt-overlay excerpt-outline-tertiary">
<img class="excerpt-overlay-img" src="/static/img/_tmp-fond-article.jpg"></img>
<a class="excerpt-link excerpt-body" href="#thelink">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
Theme avec image plein
<div style="width:600px">
<div class="article excerpt excerpt-overlay excerpt-primary">
<img class="excerpt-overlay-img" src="/static/img/_tmp-fond-article.jpg"></img>
<a class="excerpt-link excerpt-body" href="#thelink">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
<hr>
<div style="width:600px">
<div class="article excerpt excerpt-overlay excerpt-secondary">
<img class="excerpt-overlay-img" src="/static/img/_tmp-fond-article.jpg"></img>
<a class="excerpt-link excerpt-body" href="#thelink">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
<hr>
<div style="width:600px">
<div class="article excerpt excerpt-overlay excerpt-tertiary">
<img class="excerpt-overlay-img" src="/static/img/_tmp-fond-article.jpg"></img>
<a class="excerpt-link excerpt-body" href="#thelink">
<h3 class="excerpt-title">
Pour des systèmes innovants et durables : une filière légumineuses bio ?
</h3>
<p class="excerpt-text">
Une centaine de participants était réunie pour échanger autour de la
question « en quoi et comment les légumineuses permettent de développer
la bio, un mode de production source d’innovation et d’avenir pour nos
fermes et nos territoires ? »
</p>
</a>
<a class="excerpt-more-link" href="#themorelink">Liens vers les autres</a>
</div>
</div>
<a id="end"></a>