[(#REM) PAGE PARTENAIRES
	----------------------------------------]
	
	


<BOUCLE_main(ARTICLES){id_article}{doublons}>
	[(#REM) 1 - On récupère les infos des réseaux sociaux pour les utiliser plus bas
	---------------------------------------------------------------------------]
	<BOUCLE_partenaire(RUBRIQUES){id_rubrique}>
[(#SITE_WEB|oui)#SET{web,#SITE_WEB}]
[(#FACEBOOK|oui)#SET{facebook,#FACEBOOK}]
[(#TWITTER|oui)#SET{twitter,#TWITTER}]
[(#YOUTUBE|oui)#SET{youtube,#YOUTUBE}]
</BOUCLE_partenaire>
	
	
	
	
	
	
	<a name="top" id="top"></a>

[(#REM)  Un slider d'images taggées + tirées au sort
remplacé par les coordonnées pour les mobiles
----------------------------------------------]
	<div class="row">
		<div class="columns show-for-medium">
		[(#REM) SLICK CAROUSEL
		https://github.com/kenwheeler/slick/
		----------------------------]
		
	
		
		
		<B_slider>
		<div class="slick" style="margin-top:65px">
			
			[(#REM) Il est possible de tagger des images pour qu'elles apparaissent dans le slider]
			<BOUCLE_choix(ARTICLES){id_rubrique}>
				<BOUCLE_selection(DOCUMENTS){id_article}{id_mot=67}{largeur>=500}{doublons}>
				<div class="item"><a href="#URL_DOCUMENT" class="mediabox" >[(#FICHIER|image_proportions{2,1,focus}|inserer_attribut{class,bordered}|inserer_attribut{alt, #TITRE|attribut_html|sinon{""}})]</a></div>
				</BOUCLE_selection>
				<//B_selection>
			</BOUCLE_choix>
			
			
			[(#REM) On exclut les photos qui reçoivent le tage masquer pour le slider]
			<BOUCLE_exclus_photos_slider(DOCUMENTS){id_mot=136}{doublons}>
			</BOUCLE_exclus_photos_slider>
			
		[(#REM) Ensuite, on prend les images dans les articles]
		#SET{slides,#ARRAY}
		[(#SET{slides,[(#GET{slides}|push{0})]})]
		<BOUCLE_les_articles(ARTICLES){id_rubrique}{!par date}>
			<BOUCLE_image(DOCUMENTS){extension IN jpg,gif,png}{id_article}{!par taille}{par hasard}{largeur>=500}{0,1}{doublons}>
			[(#SET{slides,[(#GET{slides}|push{#ID_DOCUMENT})]})]
			</BOUCLE_image>
		</BOUCLE_les_articles>
	
			[(#REM) sinon 8 images parmi celles collectées plus haut ]			
			<BOUCLE_slider(DOCUMENTS){id_document IN #GET**{slides}}{!par hasard}{0,8}>
			<div  class="item"><a href="#URL_DOCUMENT" class="mediabox" >[(#FICHIER|image_proportions{2,1,focus}|inserer_attribut{class,bordered}|inserer_attribut{alt, #TITRE|attribut_html|sinon{""}})]</a></div>
			</BOUCLE_slider>
		</div>
		</B_slider>
		</div>
		
			<BOUCLE_auteur_small(AUTEURS){id_article}>
		
			
				[(#REM) 	Le champ BIO est utilisé pour l'adresse
					L'adresse mail est renseignée (ça peut servir pour les newsletters ???)
					------------------------------------------------]

					<div class="columns hide-for-medium">
						<div class="#EDIT{bio} texte titraille_bold">#BIO</div>
						[(#GET{web}|oui)
						<a href="#GET{web}" target="_blank">[(#CHEMIN{img/partenaire_website.gif}|balise_img|image_nb)]</a>
						]
						[(#GET{facebook}|oui)
						<a href="#GET{facebook}" target="_blank">[(#CHEMIN{img/partenaire_facebook.gif}|balise_img|image_nb)]</a>]
						[(#GET{twitter}|oui)
						<a href="#GET{twitter}" target="_blank">[(#CHEMIN{img/partenaire_twitter.gif}|balise_img|image_nb)]</a>]
						[(#GET{youtube}|oui)
						<a href="#GET{youtube}" target="_blank">[(#CHEMIN{img/partenaire_youtube.gif}|balise_img|image_nb)]</a>]
						[(#EMAIL|oui)
						[(#VAL{<a href="mailto:#GET{mail}*?subject=A2C&body=%0A%0A%0A-------------%0Amessage posté depuis le site AGRICULTURE DE CONSERVATION">[(#CHEMIN{img/partenaire_mail.gif}|balise_img|image_nb)]</a>}|mailcrypt)]
						]
					</div>

			</BOUCLE_auteur_small>		
		
		
		
		
	</div><!-- .row -->


	
	<div class="row">
		<div class="columns">
									<div class="blog">
							<h1 class="titre"><strong>#TITRE</strong></h1>
								<div id="socialtags"></div>

							[<div class="#EDIT{chapo}chapo">(#CHAPO)</div>]
							[<div class="#EDIT{texte} texte">(#TEXTE)</div>]
							[<div class="#EDIT{notes} notes">(#NOTES)</div>]
							<INCLURE{fond=inclure/documents, id_article} />
							[<div class="#EDIT{ps} ps">(#PS)</div>]

						</div><!--Fin blog-->

		</div>
	</div>
	
	
<B_post>

<div class="row">
	<div class=" columns">
		<p class="titraille_bold intertitre_small">Les autres articles</p>
		#PAGINATION
		<div class="row small-up-2 medium-up-3 " data-equalizer="card" data-equalize-by-row="true">
			<BOUCLE_post(ARTICLES){id_rubrique}{!par date}{doublons}{pagination 11}>
				<div class="column column-block relative">
			<div class="zoomimage card ombrage bordered relative"  data-equalizer-watch="card">
				
				<a class="link-item" href="#URL_ARTICLE">
					<div>
						<div class="card-section">
							[(#DATE|date_relative_en_jour|<={30}|oui)
							<img style="display:block;width:40px;position:absolute;top:10px;right:20px;z-index:100" src="#CHEMIN{css/images/new.gif}" alt="nouveau" width="40" height="40" />]
							[<p class="titraille_bold">(#TITRE)</p>]
							[<div >(#TEXTE|couper{300})</div>]
						</div>
						#MODELE{vignettes_new,id_article, largeur=500,hauteur=300}
					
					</div>		
				</a>	
			</div>
		</div>

			</BOUCLE_post>
		</div><!-- .row -->
	</div>
</div>
</B_post>
</BOUCLE_main>

[(#REM) SLICKCAROUSEL
----------------------------]

<script type="text/javascript">
$('.slick').slick({
  dots: true,
  infinite: false,
  speed: 300,
  slidesToShow: 2,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 2000,
  arrows : false,
  responsive: [
	 {
      breakpoint: 1480,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        infinite: true,
        dots: true
      }
    }, 
	  
	  
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
        dots: true
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});
</script>