Newer
Older
#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>
<!-- SLIDER -->
<div id="diaporama" class="zone-slider">
<header>
<h1 class="hide">Diaporama</h1>
</header>
<div class="slider-slick">
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
<div class="slider-diapo-imgfull">
<a href="#" title="Lire l'article suivant">
<img src="https://unsplash.it/1920/580?image=1043" alt="" />
</a>
</div>
</div>
<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
<div class="slider-diapo-imgfull">
<a href="#" title="Lire l'article suivant">
<img src="https://unsplash.it/1920/580?image=103" alt="" />
</a>
</div>
</div>
<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
<div class="slider-diapo-imgfull">
<a href="#" title="Lire l'article suivant">
<img src="https://unsplash.it/1920/580?image=1031" alt="" />
</a>
</div>
</div>
<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
<div class="slider-diapo-imgfull">
<a href="#" title="Lire l'article suivant">
<img src="https://unsplash.it/1920/580?image=83" alt="" />
</a>
</div>
</div>
<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
<div class="slider-diapo-imgfull">
<a href="#" title="Lire l'article suivant">
<img src="https://unsplash.it/1920/580?image=107" alt="" />
</a>
</div>
</div>
<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
<div class="slider-diapo-imgfull">
<a href="#" title="Lire l'article suivant">
<img src="https://unsplash.it/1920/580?image=78" alt="" />
</a>
</div>
</div>
</div>
<div id="liens-diaporama">
real3t@gmail.com
a validé
<ul>
<li>
<a href="#" title="Voir Visite virtuelle">
<span>Visite virtuelle<br />
Ville d'art & d'histoire</span>
<span class="icon icon-arrow-right2 icon-2x">➜</span>
real3t@gmail.com
a validé
</a>
</li>
</ul>
</div>
<!-- fin SLIDER -->
<!-- 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">
<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})]">
<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">➜</span></div>
</BOUCLE_articles_recentsAlaUne>
<div class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<header class="flexbox-center-space-between triadeA texte-blanc">
<time itemprop="startDate" title="2017-02-01 14:30:00" datetime="2017-02-01 14:30:00">
<span class="dateNombre"><strong>08</strong> /08</span>
<span class="dateMois display-block">2107</span>
</time>
<img src="https://unsplash.it/180/95?image=139" alt="" />
</header>
<div class="h2"><span class="titre-actus">Conférence du GREH au Centre des congrés</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</a>
</div>
<div class="content-actus">
<a href="#" title="Lire l'article">
<header class="flexbox-center-space-between triadeA texte-blanc">
<time itemprop="startDate" title="2017-02-01 14:30:00" datetime="2017-02-01 14:30:00">
<span class="dateNombre"><strong>11</strong> /01</span>
<span class="dateMois display-block">2107</span>
</time>
<img src="https://unsplash.it/180/95?image=200" alt="" />
</header>
<div class="h2"><span class="titre-actus">Fritz Baueur au ciné-club, Le Galaxy, salle N°2</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=53" alt="" />
<div class="h2"><span class="titre-actus">Fête des papilles au MACO</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="grid-item grid-item-x2">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/638/340?image=87" alt="" />
<div class="h2"><span class="titre-actus">Nuit de la lecture, le samedi 14 janvier de 17h à 21h à la Bibliothèque municipale</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=172" alt="" />
<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="grid-item grid-item-x3">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/955/340?image=252" alt="" />
<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="grid-item grid-item-x2">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/638/340?image=382" alt="" />
<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=102" alt="" />
<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=122" alt="" />
<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="text-center avec-margin-top avec-margin-bottom">
<a class="button texte-blanc triadeA" href="#" title="Consulter les atualités">Consulter toutes les actualités</a>
<!-- 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}">
<a href="#URL_RUBRIQUE"[ title="(#DESCRIPTIF|attribut_html)"]>
<span class="icon icon-arrow-right2">➜</span>
</BOUCLE_DessousBreves>
<div class="clearfix"></div>
</div>
<!-- fin PROJETS -->
</B_DessousBreves>
<!-- PRATIQUE -->
<div id="pratique" class="zone-pratique">
<header class="titre-sommaire">
<h1>Cognac pratique</h1>
</header>
<div role="region" aria-label="Pratique">
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=118" alt="" />
<div class="h2"><span class="titre-pratique">Agenda</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=182" alt="" />
<div class="h2"><span class="titre-pratique">Cantine</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=18" alt="" />
<div class="h2"><span class="titre-pratique">Piscine</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=182" alt="" />
<div class="h2"><span class="titre-pratique">Le mag</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=118" alt="" />
<div class="h2"><span class="titre-pratique">Compte citoyen</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=82" alt="" />
<div class="h2"><span class="titre-pratique">Démarches en ligne</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=28" alt="" />
<div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=132" alt="" />
<div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=148" alt="" />
<div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=184" alt="" />
<div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=238" alt="" />
<div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=282" alt="" />
<div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">➜</span></div>
</div>
<!-- fin PRATIQUE -->
</div><!-- communiquant_content --></main>
real3t@gmail.com
a validé
[<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}