sommaire_modeportailcognac.html

#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
#SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}
#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}
#SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}
#SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}
<script type="text/javascript">
	CanceladjustLayout = true;
</script>
<main id="main" role="main"><div id="communiquant_content">
<a id="letexte"></a>

<BOUCLE_Edito(ARTICLES) {titre_mot=EDITO}{!par date}{0,1}{lang}{doublons}>
#SET{article_url,#ARTICLE_URL}
<!-- SLIDER -->
<div id="diaporama" class="zone-slider">
	<header>
		<h1 class="hide">#TITRE</h1>
	</header>
	<div class="slider-slick">
		<BOUCLE_Slider(DOCUMENTS){id_article}{mode=document}{par num titre}{!par date}{extension IN png,jpg,gif}{vu=non}>
		<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
			<div class="slider-diapo-imgfull">
				<a href="#GET{article_url}"[ title="(#DESCRIPTIF|attribut_html)"]>
					<img src="[(#FICHIER|copie_locale|focusimage{1920,580}|extraire_attribut{src})]" alt="" />
				</a>
			</div>
		</div>
		</BOUCLE_Slider>
	</div>
	<div id="liens-diaporama">
		<ul>
			<li class="#EDIT{titre}">
				<a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]">
					<span>#TITRE</span>
					<span class="icon icon-arrow-right2 icon-2x">&#10140;</span>
				</a>
			</li>
		</ul>
	</div>
</div>
<!-- fin SLIDER -->
</BOUCLE_Edito>

<!-- ACTUS -->
<div id="actualites" class="zone-actus">
	<header class="titre-sommaire">
		<h1>En ce moment à Cognac</h1>
	</header>
	<div class="row" id="masonry" role="region" aria-label="Actualités">
		<div class="grid">
			<BOUCLE_articles_recentsAlaUne(ARTICLES){lang}{!par #CONFIG{soyezcreateurs/ordre_quoideneuf,date_modif}}{0,(#CONFIG{soyezcreateurs/nombres_alanune,4})}{doublons}{titre_mot=AlaUne}>
			[(#SET{logo,[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL})]})]
			[(#SET{largeur,[(#GET{logo}|largeur|sinon{1})]})]
			[(#SET{hauteur,[(#GET{logo}|hauteur|sinon{1})]})]
			[(#SET{ratio,[(#GET{largeur}|div{#GET{hauteur}})]})]
			#SET{facteur,''}#SET{largeur,308}
			[(#GET{ratio}|>{1.8764}|?{#SET{facteur,2}#SET{largeur,638}})]
			[(#GET{ratio}|>{2.8088}|?{#SET{facteur,3}#SET{largeur,955}})]
			<div class="grid-item[ grid-item-x(#GET{facteur})]">
				<div class="content-actus #EDIT{titre}">
					<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
						[<img src="(#GET{logo}|focusimage{#GET{largeur},340}|extraire_attribut{src}|sinon{http://placehold.it/#GET{largeur}x340})" alt="" width="#GET{largeur}" height="340" />]
						<div class="h2"><span class="titre-actus">#TITRE</span>
							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
					</a>
				</div>
			</div>
			</BOUCLE_articles_recentsAlaUne>
			<B_AgendaDerniersAjouts>
			<div class="grid-item">
			<BOUCLE_AgendaDerniersAjouts(EVENEMENTS)
			{branche}
			{par date_debut}
			{0,(#CONFIG{soyezcreateurs/nombres_agenda,5})}
			{date_fin>=(#ENV{date}|affdate{'Y-m-d'})}
			{statut=publie}
			>
			<BOUCLE_DernierEvenementArticle(ARTICLES){id_article}>
				<div class="content-actus #EDIT{titre}">
					<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
						<header class="flexbox-center-space-between triadeA texte-blanc">
							<time itemprop="startDate" title="#DATE_DEBUT" datetime="#DATE_DEBUT">
								<span class="dateNombre"><strong>[(#DATE_DEBUT|affdate{d})]</strong>&nbsp;/[(#DATE_DEBUT|affdate{m})]</span>
								<span class="dateMois display-block">[(#DATE_DEBUT|affdate{Y})]</span>
							</time>
							[<img src="(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|focusimage{180,95}|extraire_attribut{src}|sinon{http://placehold.it/180x95})" alt="" width="180" height="95" />]
						</header>
						<div class="h2"><span class="titre-actus">[ (#_DernierEvenementArticle:TITRE|!={#_AgendaDerniersAjouts:TITRE}|?{#TITRE[&nbsp;: (#_AgendaDerniersAjouts:TITRE)],#TITRE})]</span>
							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
					</a>
				</div>
			</BOUCLE_DernierEvenementArticle>
			[(#COMPTEUR_BOUCLE|alterner{'','</div><div class="grid-item">'})]
			</BOUCLE_AgendaDerniersAjouts>
			</div>
			</B_AgendaDerniersAjouts>
			<BOUCLE_Secteurs_Exclus(RUBRIQUES){titre_mot=SecteurPasDansQuoiDeNeuf}><BOUCLE_Articles_Secteurs_Exclus(ARTICLES){id_secteur}{doublons} /></BOUCLE_Secteurs_Exclus>
			<BOUCLE_Rubriques_Exclues(RUBRIQUES){titre_mot=PasDansQuoiDeNeuf}><BOUCLE_Articles_Exclus(ARTICLES){id_rubrique}{doublons}{lang} /></BOUCLE_Rubriques_Exclues>
			<BOUCLE_exclus(ARTICLES){titre_mot=PasDansQuoiDeNeuf}{doublons} />
			<BOUCLE_articles_QuoideNeuf(ARTICLES) {!par #CONFIG{soyezcreateurs/ordre_quoideneuf,date_modif}}{0,(#CONFIG{soyezcreateurs/nombres_quoideneuf,5})}{doublons}{lang}>
			[(#SET{logo,[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL})]})]
			[(#SET{largeur,[(#GET{logo}|largeur|sinon{1})]})]
			[(#SET{hauteur,[(#GET{logo}|hauteur|sinon{1})]})]
			[(#SET{ratio,[(#GET{largeur}|div{#GET{hauteur}})]})]
			#SET{facteur,''}#SET{largeur,308}
			[(#GET{ratio}|>{1.8764}|?{#SET{facteur,2}#SET{largeur,638}})]
			[(#GET{ratio}|>{2.8088}|?{#SET{facteur,3}#SET{largeur,955}})]
			<div class="grid-item[ grid-item-x(#GET{facteur})]">
				<div class="content-actus #EDIT{titre}">
					<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
						[<img src="(#GET{logo}|focusimage{#GET{largeur},340}|extraire_attribut{src}|sinon{http://placehold.it/#GET{largeur}x340})" alt="" width="#GET{largeur}" height="340" />]
						<div class="h2"><span class="titre-actus">#TITRE</span>
							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
					</a>
				</div>
			</div>
			</BOUCLE_articles_QuoideNeuf>
		</div>
	</div>
	<div class="text-center avec-margin-top avec-margin-bottom">
		<a class="button texte-blanc triadeA" href="#URL_PAGE{antichrono}" title="Consulter les atualités">Consulter toutes les actualités</a>
	</div>
</div>
<!-- fin ACTUS -->

<B_DessousBreves>
<!-- PROJETS -->
<div id="lesprojets" class="zone-projets">
	<header class="titre-sommaire">
		<h1>Les projets</h1>
	</header>
	<div id="projets" class="avec-margin-top">
		<BOUCLE_DessousBreves(RUBRIQUES){titre_mot = DessousBreves }{par num titre}>
		<div class="projet idprojet#COMPTEUR_BOUCLE #EDIT{titre}">
			<div class="content-projets">
				<a href="#URL_RUBRIQUE"[ title="(#DESCRIPTIF|attribut_html)"]>
					<h2>#TITRE</h2>
					<div class="suite">
						<span class="icon icon-arrow-right2">&#10140;</span>
					</div>
				</a>
			</div>
		</div>
		</BOUCLE_DessousBreves>
	</div>
	<div class="clearfix"></div>
</div>
<!-- fin PROJETS -->
</B_DessousBreves>

<!-- PRATIQUE -->
<div id="pratique" class="zone-pratique">
	<BOUCLE_GroupeBlocsDefilants(RUBRIQUES){titre_mot=Goodies}{par num titre}>
	<header class="titre-sommaire">
		<h1>#TITRE</h1>
	</header>
	<div role="region" aria-label="Pratique">
		<div class="slider-pratique">
			<BOUCLE_BlocsDefilants(ARTICLES){id_rubrique}{par num titre}{lang}>
			<div class="content-pratique #EDIT{titre}">
				<a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>
					<img src="[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|focusimage{280,190}|extraire_attribut{src})]" alt="" />
					<div class="h2"><span class="titre-pratique">#TITRE</span>
						<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
				</a>
			</div>
			</BOUCLE_BlocsDefilants>
		</div>
	</div>
	</BOUCLE_GroupeBlocsDefilants>
</div>
<!-- fin PRATIQUE -->

</div><!-- communiquant_content --></main>

[<script src="(#CHEMIN{javascript/masonry.pkgd.min.js})" type="text/javascript"></script>]
[<script src="(#CHEMIN{javascript/imagesloaded.pkgd.min.js})" type="text/javascript"></script>]
<script type="text/javascript">
	// slider Slick
	$(document).ready(function(){
		$('.slider-slick').slick({
		  autoplay: true,
		  pauseOnHover: true,
		  autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},
		  fade: true,
		  cssEase: 'linear',
		  arrows: false,
		  dots: true,
		  centerMode: true,
		  focusOnSelect: true
		});
		$('.slider-pratique').slick({
		  dots: false,
		  slidesToShow: 7,
		  infinite: true,
		  variableWidth: true
		});
	});
	// external js: masonry.pkgd.js, imagesloaded.pkgd.js
	// init Masonry after all images have loaded
	var $grid = $('.grid').imagesLoaded( function() {
	  $grid.masonry({
		itemSelector: '.grid-item',
		gutter: 20
	  });
	});
</script>

#FILTRE{mini_html}