PageSourceSearch

https://publiatis.com/

html publiatis.com collected 2026-10-08 12:07:23 UTC 81,042 bytes, 1,667 lines download raw bytes

1<!doctype html>
2<html lang="fr">
3	<head>
4		<!-- Required meta tags -->
5		<meta charset="utf-8">
6		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, shrink-to-fit=no">
7
8		<link rel="icon" href="assets/medias/img/icons/favicon.ico" />
9		<!-- Bootstrap CSS -->
10		<link rel="stylesheet" 
11					href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" 
12					integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" 
13					crossorigin="anonymous">
14		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.10/css/bootstrap-select.min.css">
15		<link rel="stylesheet" 
16					href="https://unpkg.com/[email protected]/dist/leaflet.css"
17					integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
18					crossorigin=""/>
19		<link rel="stylesheet" href="assets/css/universal-parallax.min.css">
20		<link rel="stylesheet" href="assets/css/style.css">
21
22		<title>Publiatis | Premier système éditorial complet cross-média en mode SaaS</title>
23	</head>
24	<body>
25	<div class="preload-screen">
26		<div class="preload-anim">
27			<div class="preload-logo"></div>
28			<div class="spinner" role="status"></div>
29		</div>
30	</div>
31	<div class="main-wrapper">
32		<div class="container-fluid text-right user-menu">
33			<div class="row no-gutters">
34				<div class="col-lg-12 col-sm-12">
35					<!--div class="btn-group btn-group-sm" role="group" aria-label="User access menu">
36						<div id="langDDLWrapper" class="btn-group btn-group-sm" role="group">
37							<button id="langDDLBtn" type="button" class="my-btn btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
38							<div class="dropdown-menu" aria-labelledby="langDDLBtn">
39								<a class="dropdown-item">Français<img src="assets/medias/img/fr_icon.png" class="ddl-icon"></a>
40								<a class="dropdown-item">English<img src="assets/medias/img/uk_icon.png" class="ddl-icon"></a>
41							</div>
42						</div>
43						<button type="button" class="my-btn btn btn-sm btn-secondary">Accès client<img src="assets/medias/img/lock.png" height="12px" style="margin-left: 20px; margin-top: -4px;"></button>
44					</div-->
45				</div>
46			</div>
47		</div>
48		<header class="sticky-top">
49			<nav class="navbar navbar-expand-lg navbar-light shadow-sm">
50				<a class="navbar-brand" href="#"><img width="150" class="d-inline-block align-top" src="assets/medias/img/new_logo.png" alt="Publiatis - premier système éditorial complet cross-média en mode SaaS"></a>
51				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
52					<span class="navbar-toggler-icon"></span>
53				</button>
54				<div class="collapse navbar-collapse flex-grow-1 text-right" id="navbarToggler">
55					<ul class="navbar-nav mt-2 mt-lg-0 ml-auto">
56						<li id="nav-item-0" class="nav-item">
57							<a class="nav-link" data-url="vue-d-ensemble/" href="section-overview">Vue d'ensemble <span class="sr-only">(current)</span></a>
58							<div class="nav-item-underline"></div>
59						</li>
60						<li id="nav-item-1" class="nav-item">
61							<a class="nav-link" data-url="solutions-et-services/" href="section-solutions">Solutions</a>
62							<div class="nav-item-underline"></div>
63						</li>
64						<!--li id="nav-item-2" class="nav-item">
65							<a class="nav-link" data-url="a-propos/" href="#">A propos</a>
66							<div class="nav-item-underline"></div>
67						</li-->
68						<li id="nav-item-3" class="nav-item">
69							<a class="nav-link" data-url="contact/" href="section-contact">Contact</a>
70							<div class="nav-item-underline"></div>
71						</li>
72					</ul>
73				</div>
74			</nav>
75		</header>
76		<main class="content-wrapper container-fluid">
77			<article>
78				<section class="section-overview" data-url="vue-d-ensemble">
79					<section class="section-nodefield row" id="section-overview">
80						<div class="col-lg-12">
81							<div class="nodefield-wrapper"><div class="nodefield-gradient"></div></div>
82							<div class="section-title-wrapper">
83							<div class="row">
84								<div class="col-lg-2"></div>
85								<div class="col-lg-8"><h1>premier système éditorial</h1></div>
86								<div class="col-lg-2"></div>
87							</div>
88							<div class="row">
89								<div class="col-lg-2"></div>
90								<div class="col-lg-8"><h2 class="subtitle highlight">publication multicanal 100% web</h2></div>
91								<div class="col-lg-2"></div>
92							</div>
93							</div>
94							<div class="row">
95								<div class="col-lg-2"></div>
96								<div class="col-lg-8">
97									<p>
98										<span class="single-line">Environnement de travail collaboratif</span>
99										<span class="single-line">Système cross-medias léger, disponible 24/7</span>
100										<span class="single-line">Gains de productivité, aucune installation de logiciels</span>
101										<span class="single-line screensize-display"></span>
102									</p>
103								</div>
104								<div class="col-lg-2"></div>
105							</div>
106							<div class="row d-none d-sm-flex">
107							<!-- <div class="row"> -->
108								<div class="col-lg-2"></div>
109								<div class="col-lg-8">
110									<div class="row">
111										<div class="col-lg-4">
112											<a href="publi-s-card" role="button" class="card-button-wrapper" title="En savoir plus sur notre offre Publi-S">
113												<div class="card card-button" id="publi-s-card-button">
114													<div class="row no-gutters">
115														<div class="col-4 card-image">
116															<div class="h-card-img"></div>
117														</div>
118														<div class="col-8 card-content">
119															<div class="card-body">
120																<h5 class="card-title">Publi-S</h5>
121																<p class="card-text">Notre solution SaaS</p>
122																<p class="card-text-more">En savoir plus&nbsp;›</p>
123															</div>
124														</div>
125														<div class="card-border"><span></span></div>
126													</div>
127												</div>
128											</a>
129										</div>
130										<div class="col-lg-4">
131											<a href="publi-l-card" role="button" class="card-button-wrapper" title="En savoir plus sur notre offre Publi-L">
132												<div class="card card-button" id="publi-l-card-button">
133													<div class="row no-gutters">
134														<div class="col-4 card-image">
135															<div class="h-card-img"></div>
136														</div>
137														<div class="col-8 card-content">
138															<div class="card-body">
139																<h5 class="card-title">Publi-L</h5>
140																<p class="card-text">Notre solution Licence</p>
141																<p class="card-text-more">En savoir plus&nbsp;›</p>
142															</div>
143														</div>
144														<div class="card-border"><span></span></div>
145													</div>
146												</div>
147											</a>
148										</div>
149										<div class="col-lg-4">
150											<a href="publi-a-card" role="button" class="card-button-wrapper" title="En savoir plus sur notre offre Publi-A">
151												<div class="card card-button card-button-last" id="publi-a-card-button">
152													<div class="row no-gutters">
153														<div class="col-4 card-image">
154															<div class="h-card-img"></div>
155														</div>
156														<div class="col-8 card-content">
157															<div class="card-body">
158																<h5 class="card-title">Publi-A</h5>
159																<p class="card-text">Notre solution Agence</p>
160																<p class="card-text-more">En savoir plus&nbsp;›</p>
161															</div>
162														</div>
163														<div class="card-border"><span></span></div>
164													</div>
165												</div>
166											</a>
167										</div>
168									</div>
169								</div>
170								<div class="col-lg-2"></div>
171							</div>
172							<div class="row d-flex d-sm-none">
173								<div class="cards-wrapper">
174								
175								
176								
177								<div class="cards-holder">
178								
179								
180										<div class="col-12 overview-card" id="publi-s-overview-card">
181											<a href="publi-s-card" role="button" class="card-button-wrapper" title="En savoir plus sur notre offre Publi-S">
182												<div class="card card-button" id="publi-s-card-button">
183													<div class="row no-gutters">
184														<div class="col-4 card-image">
185															<div class="h-card-img"></div>
186														</div>
187														<div class="col-8 card-content">
188															<div class="card-body">
189																<h5 class="card-title">Publi-S</h5>
190																<p class="card-text">Notre solution SaaS</p>
191																<p class="card-text-more">En savoir plus&nbsp;›</p>
192															</div>
193														</div>
194														<div class="card-border"><span></span></div>
195													</div>
196												</div>
197											</a>
198										</div>
199										
200										<div class="col-12 overview-card" id="publi-l-overview-card">
201											<a href="publi-l-card" role="button" class="card-button-wrapper" title="En savoir plus sur notre offre Publi-L">
202												<div class="card card-button" id="publi-l-card-button">
203													<div class="row no-gutters">
204														<div class="col-4 card-image">
205															<div class="h-card-img"></div>
206														</div>
207														<div class="col-8 card-content">
208															<div class="card-body">
209																<h5 class="card-title">Publi-L</h5>
210																<p class="card-text">Notre solution Licence</p>
211																<p class="card-text-more">En savoir plus&nbsp;›</p>
212															</div>
213														</div>
214														<div class="card-border"><span></span></div>
215													</div>
216												</div>
217											</a>
218										</div>
219										
220										<div class="col-12 overview-card" id="publi-a-overview-card">
221											<a href="publi-a-card" role="button" class="card-button-wrapper" title="En savoir plus sur notre offre Publi-A">
222												<div class="card card-button" id="publi-a-card-button">
223													<div class="row no-gutters">
224														<div class="col-4 card-image">
225															<div class="h-card-img"></div>
226														</div>
227														<div class="col-8 card-content">
228															<div class="card-body">
229																<h5 class="card-title">Publi-A</h5>
230																<p class="card-text">Notre solution Agence</p>
231																<p class="card-text-more">En savoir plus&nbsp;›</p>
232															</div>
233														</div>
234														<div class="card-border"><span></span></div>
235													</div>
236												</div>
237											</a>
238										</div>
239										
240								</div>
241								
242								
243								</div>
244							</div>
245							<div class="row d-flex d-sm-none">
246								<div class="col-4"></div>
247								<div class="col-4">
248									<ol class="overview-cards-list">
249										<li class="pagination-dot active" id="overview-publi-s-dot"></li>
250										<li class="pagination-dot" id="overview-publi-l-dot"></li>
251										<li class="pagination-dot" id="overview-publi-a-dot"></li>
252									</ol>
253								</div>
254								<div class="col-4"></div>
255							</div>
256						</div>
257					</section>
258					
259					
260					
261					
262					<section class="section-fast-simple row" id="section-fast-simple">
263					<div class="col-lg-12">
264					<div class="section-title-wrapper">
265					<div class="row">
266						<div class="col-lg-2"></div>
267						<div class="col-lg-8"><h1>plus rapide, plus simple</h1></div>
268						<div class="col-lg-2"></div>
269					</div>
270					</div>
271					<div class="row">
272						<div class="col-lg-2"></div>
273						<div class="col-lg-8">
274						
275							<div class="card-deck">
276								<div class="card sps" id="card-tool">
277									<img class="card-img-top" src="assets/medias/img/high_availability.jpg" alt="Haute disponibilité - High availability" title="Haute disponibilité - High availability" width="100%">
278									<div class="card-body">
279										<h3 class="card-title">Une disponibilité permanente</h3>
280										<p class="card-text">Votre système éditorial est disponible 24/7 depuis n’importe quel poste connecté au web. Le concept de salle rédaction étendue est enfin une réalité.</p>
281									</div>
282								</div>
283								<div class="card sps" id="card-role">
284									<img class="card-img-top" src="assets/medias/img/profiles_and_roles.jpg" alt="Profils et rôles - Profiles and roles" title="Profils et rôles - Profiles and roles">
285									<div class="card-body">
286										<h3 class="card-title">Une définition des rôles étendue</h3>
287										<p class="card-text">Les responsables éditoriaux ont un contrôle sur toutes les publications et les utilisateurs bénéficient de l'avantage du travail en mode collaboratif. </p>
288									</div>
289								</div>
290								<div class="card sps" id="card-flex">
291									<img class="card-img-top" src="assets/medias/img/flexibility_and_lightness.jpg" alt="Fexible et léger - flexibility and lightnes" title="Fexible et léger - flexibility and lightnes">
292									<div class="card-body">
293										<h3 class="card-title">flexibilité & légèreté</h3>
294										<p class="card-text">Installation, maintenance et utilisation simple, totalement personnalisable et paramétrable, Publiatis propose une solution 100% web.</p>
295									</div>
296								</div>
297							</div>
298						
299						</div>
300						<div class="col-lg-2"></div>
301					</div>
302					</div>
303					</section>
304					
305					<section class="section-single-tool section-parallax row" id="section-single-tool">
306					<div class="col-lg-12 bg-white">
307						<div class="section-title-wrapper">
308							<div class="row">
309								<div class="col-lg-2"></div>
310								<div class="col-lg-8"><h1>Un seul outil</h1></div>
311								<div class="col-lg-2"></div>
312							</div>
313							<div class="row">
314								<div class="col-lg-2"></div>
315								<div class="col-lg-8"><h2 class="subtitle highlight">pour toutes vos tâches.</h2></div>
316								<div class="col-lg-2"></div>
317							</div>
318						</div>
319						<div class="row">
320							<div class="col-lg-2"></div>
321							<div class="col-lg-4">
322								<p>Publiatis regroupe l’ensemble des fonctionnalités permettant la création de publications, leur diffusion et le contrôle de leur bonne distribution sur une <span class="highlight">unique plateforme logicielle.</span></p>
323							</div>
324							<div class="col-lg-6"></div>
325						</div>
326						<div class="row ">
327							<div class="col-lg-2"></div>
328							<div class="col-lg-8">
329								<div class="row">
330									<div class="col-lg-4">
331										<div class="list-item sps li0" id="planning-item">
332											<div class="list-item-title">
333												<div class="list-item-icon"></div>
334												<div class="list-item-underline"></div>
335												<h3>Planification éditoriale</h3>
336											</div>
337											<div class="list-item-content">
338												<ul>
339													<li>Définition des sujets</li>
340													<li>Proposition des thématiques</li>
341													<li>Commandes de papiers, etc</li>
342												</ul>
343											</div>
344										</div>
345									</div>
346									<div class="col-lg-4">
347										<div class="list-item sps li1" id="content-item">
348											<div class="list-item-title">
349												<div class="list-item-icon"></div>
350												<div class="list-item-underline"></div>
351												<h3>Création de contenus</h3>
352											</div>
353											<div class="list-item-content">
354												<ul>
355													<li>Saisie & intégration automatisées</li>
356													<li>Textes, images, audio, vidéo, géolocalisation</li>
357												</ul>
358											</div>
359										</div>
360									</div>
361									<div class="col-lg-4">
362										<div class="list-item sps li2" id="feed-item">
363											<div class="list-item-title">
364												<div class="list-item-icon"></div>
365												<div class="list-item-underline"></div>
366												<h3>Moteur d'intégration de flux</h3>
367											</div>
368											<div class="list-item-content">
369												<ul>
370													<li>Fil d'agence</li>
371													<li>Communiqués de presse
371</li>
372												</ul>
373											</div>
374										</div>
375									</div>
376								</div>
377								<div class="row">
378									<div class="col-lg-4">
379										<div class="list-item sps li0" id="workflow-item">
380											<div class="list-item-title">
381												<div class="list-item-icon"></div>
382												<div class="list-item-underline"></div>
383												<h3>Workflow éditorial</h3>
384											</div>
385											<div class="list-item-content">
386												<ul>
387													<li>Notifications</li>
388													<li>Reporting de production et diffusion</li>
389												</ul>
390											</div>
391										</div>
392									</div>
393									<div class="col-lg-4">
394										<div class="list-item sps li1" id="spellcheck-item">
395											<div class="list-item-title">
396												<div class="list-item-icon"></div>
397												<div class="list-item-underline"></div>
398												<h3>Contrôle des contenus saisis</h3>
399											</div>
400											<div class="list-item-content">
401												<ul>
402													<li>Correction ortho-typographique (Prolexis®)</li>
403												</ul>
404											</div>
405										</div>
406									</div>
407									<div class="col-lg-4">
408										<div class="list-item sps li2" id="dam-item">
409											<div class="list-item-title">
410												<div class="list-item-icon"></div>
411												<div class="list-item-underline"></div>
412												<h3>Médiathèque - DAM</h3>
413											</div>
414											<div class="list-item-content">
415												<ul>
416													<li>Centralisation des actifs numériques</li>
417													<li>Contrôle des droits d'utilisation des médias</li>
418													<li>Copyright papier / numérique</li>
419													<li>Normalisation de charte graphique</li>
420												</ul>
421											</div>
422										</div>
423									</div>
424								</div>
425								<div class="row">
426									<div class="col-lg-4">
427										<div class="list-item sps li0" id="flat-plan-item">
428											<div class="list-item-title">
429												<div class="list-item-icon"></div>
430												<div class="list-item-underline"></div>
431												<h3>Chemin de fer en temps réel</h3>
432											</div>
433											<div class="list-item-content">
434												<ul>
435													<li>Post-its sur page</li>
436													<li>Reverse publishing</li>
437												</ul>
438											</div>
439										</div>
440									</div>
441									<div class="col-lg-4">
442										<div class="list-item sps li1" id="multicanal-item">
443											<div class="list-item-title">
444												<div class="list-item-icon"></div>
445												<div class="list-item-underline"></div>
446												<h3>Diffusion multicanal</h3>
447											</div>
448											<div class="list-item-content">
449												<ul>
450													<li>XML, NEWSML vers les principaux CMS</li>
451													<li>Email, RSS, Réseaux sociaux</li>
452													<li>SMS</li>
453												</ul>
454											</div>
455										</div>
456									</div>
457									<div class="col-lg-4">
458										<div class="list-item sps li2" id="diff-db-item">
459											<div class="list-item-title">
460												<div class="list-item-icon"></div>
461												<div class="list-item-underline"></div>
462												<h3>Gestion des bases de diffusion</h3>
463											</div>
464											<div class="list-item-content">
465												<ul>
466													<li>Newsletters</li>
467													<li>Alertes Email</li>
468													<li>Notifications</li>
469												</ul>
470											</div>
471										</div>
472									</div>
473								</div>
474								<div class="row">
475									<div class="col-lg-4">
476										<div class="list-item sps li0" id="search-item">
477											<div class="list-item-title">
478												<div class="list-item-icon"></div>
479												<div class="list-item-underline"></div>
480												<h3>Moteur de recherche</h3>
481											</div>
482											<div class="list-item-content">
483												<ul>
484													<li>Multicritères</li>
485													<li>Prise en charge de millions d'articles</li>
486												</ul>
487											</div>
488										</div>
489									</div>
490									<div class="col-lg-4">
491										<div class="list-item sps li1" id="freelance-item">
492											<div class="list-item-title">
493												<div class="list-item-icon"></div>
494												<div class="list-item-underline"></div>
495												<h3>Gestion des piges</h3>
496											</div>
497											<div class="list-item-content">
498												<ul>
499													<li>Commandes</li>
500													<li>Définition de deadlines</li>
501												</ul>
502											</div>
503										</div>
504									</div>
505									<div class="col-lg-4">
506										<div class="list-item sps li2" id="track-item">
507											<div class="list-item-title">
508												<div class="list-item-icon"></div>
509												<div class="list-item-underline"></div>
510												<h3>Tracking de lecture</h3>
511											</div>
512											<div class="list-item-content">
513												<ul>
514													<li>Suivi des modifications</li>
515												</ul>
516											</div>
517										</div>
518									</div>
519								</div>
520							</div>
521							<div class="col-lg-2"></div>
522						</div>
523						<div class="row">
524							<div class="col-lg-2"></div>
525							<div class="col-lg-8">
526								<div class="banner team-work-banner sps">
527									<div class=" corner-white bottom-right">
528										<h3>Travail collaboratif</h3>
529										<p>
529PubliAtis est construit autour d’un puissant moteur de définition des rôles et droits de chaque intervenant entièrement paramétrable.</p>
530									</div>
531								</div>
532							</div>
533							<div class="col-lg-2"></div>
534						</div>
535						<div class="row">
536							<div class="col-lg-2"></div>
537							<div class="col-lg-8">
538								<div class="banner multicanal-banner sps">
539									<div class=" corner-white bottom-left">
540										<h3>Multicanal, multi-langues</h3>
541										<p>PubliAtis permet une distribution maîtrisée vers l'ensemble de vos canaux :</p>
542										<ul>
543											<li>Print</li>
544											<li>Web (tous les principaux CMS du marché)</li>
545											<li>Newletters</li>
546											<li>Réseaux sociaux</li>
547											<li>Mobiles & tablettes</li>
548										</ul>
549										<p>PubliAtis propose nativement des interfaces en Français & Anglais et intègre un dictionnaire permettant la prise en charge de toutes les langues.</p>
550									</div>
551								</div>
552							</div>
553							<div class="col-lg-2"></div>
554						</div>
555						<!--div class="row">
556							<div class="col-lg-2"></div>
557							<div class="col-lg-8">
558								<div class="row">
559									<div class="col-lg-4"></div>
560									<div class="col-lg-4">
561										<a href="section-solutions" class="btn-anim" id="find-solution">
562											<div class="btn-body">
563												<span>Trouvez votre solution</span><span>&nbsp;›</span>
564												<div class="btn-background"></div>
565											</div>
566											<span class="top anim-border"></span>
567											<span class="t-right anim-border"></span>
568											<span class="b-right anim-border"></span>
569											<span class="bottom anim-border"></span>
570											<span class="t-left anim-border"></span>
571											<span class="b-left anim-border"></span>
572										</a>
573									</div>
574									<div class="col-lg-4"></div>
575								</div>
576							</div>
577							<div class="col-lg-2"></div>
578						</div-->
579						
580					</div>
581					<div class="parallax agency-background"></div>
582				</section>
583				</section>
584				<section class="section-solutions row" id="section-solutions" data-url="nos-solutions">
585					<div class="col-lg-12">
586						<div class="section-title-wrapper">
587						<div class="row">
588							<div class="col-lg-2"></div>
589							<div class="col-lg-8"><h1>Découvrez</h1></div>
590							<div class="col-lg-2"></div>
591						</div>
592						<div class="row">
593							<div class="col-lg-2"></div>
594							<div class="col-lg-8"><h2 class="subtitle highlight">nos solutions.</h2></div>
595							<div class="col-lg-2"></div>
596						</div>
597						</div>
598						
599						<!-- Publi-S 3D -->
600						<div class="row d3-container-row">
601							<div class="col-lg-2 d-none d-lg-inline">
602								<a href="" class="d3-arrow-btn left publi-s">
603								<svg version="1.1" id="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
604									 width="27.311px" height="50px" viewBox="0 0 27.311 50" enable-background="new 0 0 27.311 50" xml:space="preserve">
605								<polygon points="25,50 26.375,48.625 2.75,25 26.375,1.375 25,0 0,25 "/>
606								</svg>
607								</a>
608							
609							</div>
610							<div class=" d3-container col-lg-8">
611								
612								<div class="swipe-info publi-s d-sm-none">
613									<svg version="1.1" id="swipe-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
614										width="600px" height="400px" viewBox="-88.018 0 600 400" enable-background="new -88.018 0 600 400" xml:space="preserve">
615										<g id="swipe-icon"">
616										<g id="big-circle">
617											<path d="M160.7,65.553c0-28.234,23.008-51.204,51.25-51.204c28.233,0,51.361,22.97,51.361,51.204
618												c0,18.024-9.329,33.892-23.329,43.019v8.151c18-9.868,30.345-29.104,30.345-51.17c0-32.094-26.181-58.204-58.275-58.204
619												c-32.102,0-58.316,26.11-58.316,58.204c0,22.005,12.247,41.193,30.247,51.085v-8.16C169.982,99.336,160.7,83.515,160.7,65.553z"/>
620										</g>
621										<g id="small-circle">
622											<path d="M211.972,41.479c15.332,0,28.01,12.469,28.01,27.796v17.628c4-5.913,7.134-13.315,7.134-21.35
623												c0-19.32-15.74-34.986-35.064-34.986c-19.337,0-35.105,15.666-35.105,34.986c0,7.953,3.035,15.288,7.035,21.17V69.274
624												C183.982,53.948,196.651,41.479,211.972,41.479z"/>
625										</g>
626										<g id="arrow-right-1">
627											<polygon points="299.26,119.408 294.025,114.201 343.521,64.704 294.025,15.207 299.26,10 353.964,64.704 	"/>
628										</g>
629										<g id="arrow-right-2">
630											<polygon points="359.26,129.408 354.025,124.201 413.521,64.704 354.025,5.207 359.26,0 423.964,64.704 	"/>
631										</g>
632										<g id="arrow-left-1">
633											<polygon points="124.705,119.408 70,64.704 124.705,10 129.912,15.207 80.415,64.704 129.912,114.201 	"/>
634										</g>
635										<g id="arrow-left-2">
636											<polygon points="64.705,129.408 0,64.704 64.705,0 69.912,5.207 10.415,64.704 69.912,124.201 	"/>
637										</g>
638										<g id="hand">
639											<path d="M314.472,149.046c-4.209,0-8.145,1.15-11.535,3.148c-1.272-11.382-10.958-20.252-22.645-20.252
640												c-5.571,0-10.687,2.026-14.653,5.386c-3.995-6.629-11.261-11.078-19.554-11.078c-4.147,0-8.053,1.119-11.385,3.059V69.274
641												c0-12.592-10.231-22.796-22.806-22.796c-12.568,0-22.786,10.204-22.786,22.796v152.517c0,2.849-1.892,4.331-2.708,4.844
642												c-0.818,0.487-2.998,1.517-5.541,0.243l-36.6-18.286c-3.331-1.691-7.068-2.57-10.793-2.57c-13.305,0-24.143,10.837-24.143,24.157
643												v4.331c0,1.602,0.666,3.088,1.816,4.176l65.769,61.395c13.774,12.837,31.713,19.92,50.529,19.92h35.752
644												c40.84,0,74.079-33.24,74.079-74.079v-74.079C337.268,159.25,327.037,149.046,314.472,149.046z"/>
645										</g>
646										</g>
647									</svg>
648								</div>
649								
650								<div class="rotating-box-wrapper">
651								<div class="rotating-box-wrapper2">
652								<div class="rotating-box publi-s" data-rotation-angle="0">
653								
654								<div class="row h-card-grid rb-front" id="publi-s-card">
655									<div class="col-lg-4 h-card-img"></div>
656									<div class="col-lg-8 h-card-body">
657										<div class="row">
658											<div class="col-lg-12 h-card-header">
659												<h2>Publi-S</h2>
660												<h3>Bénéficiez de toute la souplesse du SaaS</h3>
661												<p>L'édition en multicanal n'a jamais été aussi simple.<br/>Aucun composant à installer, une disponibilité permanente.<br/>À partir de 149€/utilisateur/mois HT*</p>
662											</div>
663										</div>
664										<div class="row">
665											<div class="col-lg-12 h-card-content">
666												<ul class="offer-detail-list">
667													<li>Une plateforme éditoriale complète et robuste par abonnement - Hébergement ISO 27001</li>
668													<li>Tous les outils collaboratifs du métier sans aucune installation</li>
669													<li>Une plateforme unique pour tous vos formats éditoriaux (Print/Web/Réseaux sociaux)</li>
670													<li>Toutes les statistiques par publication, rubrique, contributeur...</li>
671												</ul>
672											</div>
673										</div>
674										<div class="row">
675											<div class="col-lg-5">
676												<div class="client-item2"><img src="assets/medias/img/logo_geroscopie.jpg" style="width:60px;height:60px;" alt="Géroscopie" title="Géroscopie" /></div>
677												<div class="client-item2"><img src="assets/medias/img/logo_infodium.jpg" style="width:60px;height:60px;" alt="Infodium" title="Infodium" /></div>
678												<div class="client-item2"><img src="assets/medias/img/logo_la_depeche_veterinaire.jpg" style="width:60px;height:60px;" alt="La Dépêche Vétérinaire" title="La Dépêche Vétérinaire" /></div>
679												<div class="client-item2"></div>
680											</div>
681											<div class="col-lg-4" style="height: 60px;">
682												<a href="" class="btn-anim d3-contact-btn publi-s" id="publi-s-contact">
683													<div class="btn-body">
684														<span>Contactez-nous</span><span>&nbsp;›</span>
685														<div class="btn-background"></div>
686													</div>
687													<span class="top anim-border"></span>
688													<span class="t-right anim-border"></span>
689													<span class="b-right anim-border"></span>
690													<span class="bottom anim-border"></span>
691													<span class="t-left anim-border"></span>
692													<span class="b-left anim-border"></span>
693												</a>
694											</div>
695											<div class="col-lg-3">
696												<div class="bottom-ribbon2">
697													<svg version="1.1" id="ribbon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="120px" height="120px" 
698														viewBox="0 0 180 180" enable-background="new 0 0 180 180" xml:space="preserve">
699														<filter id="dropshadow" height="130%">
700															<feGaussianBlur in="SourceAlpha" stdDeviation="3"/> <!-- stdDeviation is how much to blur -->
701															<feOffset dx="1" dy="1" result="offsetblur"/> <!-- how much to offset -->
702															<feComponentTransfer>
703																<feFuncA type="linear" slope="0.35"/> <!-- slope is the opacity of the shadow -->
704															</feComponentTransfer>
705															<feMerge> 
706																<feMergeNode/> <!-- this contains the offset blurred image -->
707																<feMergeNode in="SourceGraphic"/> <!-- this contains the element that the filter is applied to -->
708															</feMerge>
709														</filter>
710														<g id="ruban"><polygon fill="#ffffff" points="170,72.854 170,10 10,170 72.854,170" style="filter:url(#dropshadow)"/></g>
711														<text transform="matrix(0.7071 -0.7071 0.7071 0.7071 105.9844 114.5977)" font-family="'GothamRoundedBook'" font-size="21.3333"></text>
712													</svg>
713												</div>
714											</div>
715										</div>
716									</div>
717								</div>
718								<div class="row h-card-grid rb-back" id="publi-s-card-back">
719									<div class="col-lg-4 h-card-img"></div>
720									<div class="col-lg-8 h-card-body">
721										<div class="row">
722											<div class="col-lg-12 h-card-header">
723												<h2>Publi-S</h2>
724												<h3>Bénéficiez de toute la souplesse du SaaS</h3>
725												<p>L'édition en multicanal n'a jamais été aussi simple.<br/>Aucun composant à installer, une disponibilité permanente.<br/>À partir de 149€/utilisateur/mois HT*</p>
726											</div>
727										</div>
728										<div class="row">
729											<div class="col-lg-12 h-card-content">
730												<ul class="offer-detail-list">
731													<li>Une plateforme éditoriale complète et robuste par abonnement - Hébergement ISO 27001</li>
732													<li>Tous les outils collaboratifs du métier sans aucune installation</li>
733													<li>Une plateforme unique pour tous vos formats éditoriaux (Print/Web/Réseaux sociaux)</li>
734													<li>Toutes les statistiques par publication, rubrique, contributeur...</li>
735												</ul>
736											</div>
737										</div>
738										<div class="row">
739											<div class="client-item2"><img src="assets/medias/img/logo_geroscopie.jpg" style="width:60px;height:60px;" alt="Géroscopie" title="Géroscopie" /></div>
740											<div class="client-item2"><img src="assets/medias/img/logo_infodium.jpg" style="width:60px;height:60px;" alt="Infodium" title="Infodium" /></div>
741											<div class="client-item2"><img src="assets/medias/img/logo_la_depeche_veterinaire.jpg" style="width:60px;height:60px;" alt="La Dépêche Vétérinaire" title="La Dépêche Vétérinaire" /></div>
742											<div class="client-item2"></div>
743											<div class="col-lg-4" style="height: 60px;">
744												<a href="" class="btn-anim d3-contact-btn publi-s" id="publi-s-contact">
745													<div class="btn-body">
746														<span>Contactez-nous</span><span>&nbsp;›</span>
747														<div class="btn-background"></div>
748													</div>
749													<span class="top anim-border"></span>
750													<span class="t-right anim-border"></span>
751													<span class="b-right anim-border"></span>
752													<span class="bottom anim-border"></span>
753													<span class="t-left anim-border"></span>
754													<span class="b-left anim-border"></span>
755												</a>
756											</div>
757											<div class="col-lg-3">
758												<div class="bottom-ribbon2">
759													<svg version="1.1" id="ribbon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="120px" height="120px" 
760														viewBox="0 0 180 180" enable-background="new 0 0 180 180" xml:space="preserve">
761														<filter id="dropshadow" height="130%">
762															<feGaussianBlur in="SourceAlpha" stdDeviation="3"/> <!-- stdDeviation is how much to blur -->
763															<feOffset dx="1" dy="1" result="offsetblur"/> <!-- how much to offset -->
764															<feComponentTransfer>
765																<feFuncA type="linear" slope="0.35"/> <!-- slope is the opacity of the shadow -->
766															</feComponentTransfer>
767															<feMerge> 
768																<feMergeNode/> <!-- this contains the offset blurred image -->
769																<feMergeNode in="SourceGraphic"/> <!-- this contains the element that the filter is applied to -->
770															</feMerge>
771														</filter>
772														<g id="ruban"><polygon fill="#ffffff" points="170,72.854 170,10 10,170 72.854,170" style="filter:url(#dropshadow)"/></g>
773														<text transform="matrix(0.7071 -0.7071 0.7071 0.7071 105.9844 114.5977)" font-family="'GothamRoundedBook'" font-size="21.3333"></text>
774													</svg>
775												</div>
776											</div>
777										</div>
778									</div>
779								</div>
780								
781								<div class="rb-face rb-left">
782								<h1 class="black" >Toute la puissance de </h1>
783									<h1 class="highlight-blue huge">Publiatis</span></h1>
784									<h2 class="subtitle black">au service des <span class="highlight-blue">éditeurs</span></h2>
785									<p class="black">
786									<span class="single-line">Outil collaboratif puissant</span>
787									<span class="single-line">Personnalisation à volonté</span>
788									<span class="single-line">100% cross-média</span>
789									<span class="single-line">Gains de productivité</span>
790									<div class="rb-face offset-img editing"></div>
791								</div>
792								<div class="rb-face rb-right">
793									<h1 class="black">Toute la puissance de </h1>
794									<h1 class="highlight-blue huge">Publiatis</span></h1>
795									<h2 class="subtitle black">au service des <span class="highlight-blue">éditeurs</span></h2>
796									<p class="black">
797									<span class="single-line">Outil collaboratif puissant</span>
798									<span class="single-line">Personnalisation à volonté</span>
799									<span class="single-line">100% cross-média</span>
800									<span class="single-line">Gains de productivité</span>
801									<div class="rb-face offset-img editing"></div>
802								</div>
803								
804								</div>
805								</div>
806								</div>
807								
808							</div>
809							<div class="col-lg-2 d-none d-lg-inline">
810								<a href="" class="d3-arrow-btn right publi-s" >
811									<svg version="1.1" id="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
812										 width="27.311px" height="50px" viewBox="0 0 27.311 50" enable-background="new 0 0 27.311 50" xml:space="preserve">
813									<polygon points="1.375,50 0,48.625 23.625,25 0,1.375 1.375,0 26.375,25 "/>
814									</svg>
815								</a>
816							</div>
817						</div>
818						
819						
820						<!-- Publi-L 3D -->
821						<div class="row d3-container-row">
822							<div class="col-lg-2 d-none d-lg-inline">
823								<a href="" class="d3-arrow-btn left publi-l">
824								<svg version="1.1" id="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
825									 width="27.311px" height="50px" viewBox="0 0 27.311 50" enable-background="new 0 0 27.311 50" xml:space="preserve">
826								<polygon points="25,50 26.375,48.625 2.75,25 26.375,1.375 25,0 0,25 "/>
827								</svg>
828								</a>
829							
830							</div>
831							<div class=" d3-container col-lg-8">
832								
833								<div class="swipe-info publi-l d-sm-none">
834									<svg version="1.1" id="swipe-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
835										width="600px" height="400px" viewBox="-88.018 0 600 400" enable-background="new -88.018 0 600 400" xml:space="preserve">
836										<g id="swipe-icon"">
837										<g id="big-circle">
838											<path d="M160.7,65.553c0-28.234,23.008-51.204,51.25-51.204c28.233,0,51.361,22.97,51.361,51.204
839												c0,18.024-9.329,33.892-23.329,43.019v8.151c18-9.868,30.345-29.104,30.345-51.17c0-32.094-26.181-58.204-58.275-58.204
840												c-32.102,0-58.316,26.11-58.316,58.204c0,22.005,12.247,41.193,30.247,51.085v-8.16C169.982,99.336,160.7,83.515,160.7,65.553z"/>
841										</g>
842										<g id="small-circle">
843											<path d="M211.972,41.479c15.332,0,28.01,12.469,28.01,27.796v17.628c4-5.913,7.134-13.315,7.134-21.35
844												c0-19.32-15.74-34.986-35.064-34.986c-19.337,0-35.105,15.666-35.105,34.986c0,7.953,3.035,15.288,7.035,21.17V69.274
845												C183.982,53.948,196.651,41.479,211.972,41.479z"/>
846										</g>
847										<g id="arrow-right-1">
848											<polygon points="299.26,119.408 294.025,114.201 343.521,64.704 294.025,15.207 299.26,10 353.964,64.704 	"/>
849										</g>
850										<g id="arrow-right-2">
851											<polygon points="359.26,129.408 354.025,124.201 413.521,64.704 354.025,5.207 359.26,0 423.964,64.704 	"/>
852										</g>
853										<g id="arrow-left-1">
854											<polygon points="124.705,119.408 70,64.704 124.705,10 129.912,15.207 80.415,64.704 129.912,114.201 	"/>
855										</g>
856										<g id="arrow-left-2">
857											<polygon points="64.705,129.408 0,64.704 64.705,0 69.912,5.207 10.415,64.704 69.912,124.201 	"/>
858										</g>
859										<g id="hand">
860											<path d="M314.472,149.046c-4.209,0-8.145,1.15-11.535,3.148c-1.272-11.382-10.958-20.252-22.645-20.252
861												c-5.571,0-10.687,2.026-14.653,5.386c-3.995-6.629-11.261-11.078-19.554-11.078c-4.147,0-8.053,1.119-11.385,3.059V69.274
862												c0-12.592-10.231-22.796-22.806-22.796c-12.568,0-22.786,10.204-22.786,22.796v152.517c0,2.849-1.892,4.331-2.708,4.844
863												c-0.818,0.487-2.998,1.517-5.541,0.243l-36.6-18.286c-3.331-1.691-7.068-2.57-10.793-2.57c-13.305,0-24.143,10.837-24.143,24.157
864												v4.331c0,1.602,0.666,3.088,1.816,4.176l65.769,61.395c13.774,12.837,31.713,19.92,50.529,19.92h35.752
865												c40.84,0,74.079-33.24,74.079-74.079v-74.079C337.268,159.25,327.037,149.046,314.472,149.046z"/>
866										</g>
867										</g>
868									</svg>
869								</div>
870								
871								<div class="rotating-box-wrapper">
872								<div class="rotating-box-wrapper2">
873								<div class="rotating-box publi-l" data-rotation-angle="0">
874								
875								<div class="row h-card-grid rb-front" id="publi-l-card">
876									<div class="col-lg-4 h-card-img"></div>
877									<div class="col-lg-8 h-card-body">
878										<div class="row">
879											<div class="col-lg-12 h-card-header">
880												<h2>Publi-L</h2>
881												<h3>Un outil collaboratif puissant</h3>
882												<p>100% cross-media, personnalisable à volonté.<br/>Distribuez vos contenus vers tous types de canaux.<br/>Facilitez votre Web to Print / Print to Web</p>
883											</div>
884										</div>
885										<div class="row">
886											<div class="col-lg-12 h-card-content">
887												<ul class="offer-detail-list">
888													<li>Une plateforme éditoriale complète et robuste déployée sur votre Intranet</li>
889													<li>Un outil de production évolutif et personnalisable à volonté</li>
890													<li>Tous les outils collaboratifs métier (Messagerie, notifications, DAM...)</li>
891													<li>Suivi des piges et des utilisations de medias sur tous vos supports</li>
892												</ul>
893											</div>
894										</div>
895										<div class="row">
896											<div class="col-lg-5">
897												<div class="client-item2"><img src="assets/medias/img/logo_ONISEP.jpg" style="width:60px;height:60px;" alt="ONISEP" title="ONISEP" /></div>
898												<div class="client-item2"><img src="assets/medias/img/logo_CIDJ.jpg" style="width:60px;height:60px;" alt="CIDJ" title="CIDJ" /></div>
899												<div class="client-item2"><img src="assets/medias/img/logo_NETMEDIA.jpg" style="width:60px;height:60px;" alt="NETMEDIA" title="NETMEDIA"" /></div>
900											</div>
901											<div class="col-lg-4" style="height: 60px;">
902												<a href="" class="btn-anim d3-contact-btn publi-l" id="publi-l-contact">
903													<div class="btn-body">
904														<span>Contactez-nous</span><span>&nbsp;›</span>
905														<div class="btn-background"></div>
906													</div>
907													<span class="top anim-border"></span>
908													<span class="t-right anim-border"></span>
909													<span class="b-right anim-border"></span>
910													<span class="bottom anim-border"></span>
911													<span class="t-left anim-border"></span>
912													<span class="b-left anim-border"></span>
913												</a>
914											</div>
915											<div class="col-lg-3">
916												<div class="bottom-ribbon2">
917													<svg version="1.1" id="ribbon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="120px" height="120px" 
918														viewBox="0 0 180 180" enable-background="new 0 0 180 180" xml:space="preserve">
919														<filter id="dropshadow" height="130%">
920															<feGaussianBlur in="SourceAlpha" stdDeviation="3"/> <!-- stdDeviation is how much to blur -->
921															<feOffset dx="1" dy="1" result="offsetblur"/> <!-- how much to offset -->
922															<feComponentTransfer>
923																<feFuncA type="linear" slope="0.35"/> <!-- slope is the opacity of the shadow -->
924															</feComponentTransfer>
925															<feMerge> 
926																<feMergeNode/> <!-- this contains the offset blurred image -->
927																<feMergeNode in="SourceGraphic"/> <!-- this contains the element that the filter is applied to -->
928															</feMerge>
929														</filter>
930														<g id="ruban"><polygon fill="#ffffff" points="170,72.854 170,10 10,170 72.854,170" style="filter:url(#dropshadow)"/></g>
931														<text transform="matrix(0.7071 -0.7071 0.7071 0.7071 105.9844 114.5977)" font-family="'GothamRoundedBook'" font-size="21.3333"></text>
932													</svg>
933												</div>
934											</div>
935										</div>
936									</div>
937								</div>
938								<div class="row h-card-grid rb-back" id="publi-l-card-back">
939									<div class="col-lg-4 h-card-img"></div>
940									<div class="col-lg-8 h-card-body">
941										<div class="row">
942											<div class="col-lg-12 h-card-header">
943												<h2>Publi-L</h2>
944												<h3>Un outil collaboratif puissant</h3>
945												<p>100% cross-media, personnalisable à volonté.<br/>Distribuez vos contenus vers tous types de canaux.<br/>Facilitez votre Web to Print / Print to Web</p>
946											</div>
947										</div>
948										<div class="row">
949											<div class="col-lg-12 h-card-content">
950												<ul class="offer-detail-list">
951													<li>Une plateforme éditoriale complète et robuste déployée sur votre Intranet</li>
952													<li>Un outil de production évolutif et personnalisable à volonté</li>
953													<li>Tous les outils collaboratifs métier (Messagerie, notifications, DAM...)</li>
954													<li>
954Suivi des piges et des utilisations de medias sur tous vos supports</li>
955												</ul>
956											</div>
957										</div>
958										<div class="row">
959											<div class="col-lg-5">
960												<div class="client-item2"><img src="assets/medias/img/logo_ONISEP.jpg" style="width:60px;height:60px;" alt="ONISEP" title="ONISEP" /></div>
961												<div class="client-item2"><img src="assets/medias/img/logo_CIDJ.jpg" style="width:60px;height:60px;" alt="CIDJ" title="CIDJ" /></div>
962												<div class="client-item2"><img src="assets/medias/img/logo_NETMEDIA.jpg" style="width:60px;height:60px;" alt="NETMEDIA" title="NETMEDIA"" /></div>
963											</div>
964											<div class="col-lg-4" style="height: 60px;">
965												<a href="" class="btn-anim d3-contact-btn publi-l" id="publi-l-contact">
966													<div class="btn-body">
967														<span>Contactez-nous</span><span>&nbsp;›</span>
968														<div class="btn-background"></div>
969													</div>
970													<span class="top anim-border"></span>
971													<span class="t-right anim-border"></span>
972													<span class="b-right anim-border"></span>
973													<span class="bottom anim-border"></span>
974													<span class="t-left anim-border"></span>
975													<span class="b-left anim-border"></span>
976												</a>
977											</div>
978											<div class="col-lg-3">
979												<div class="bottom-ribbon2">
980													<svg version="1.1" id="ribbon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="120px" height="120px" 
981														viewBox="0 0 180 180" enable-background="new 0 0 180 180" xml:space="preserve">
982														<filter id="dropshadow" height="130%">
983															<feGaussianBlur in="SourceAlpha" stdDeviation="3"/> <!-- stdDeviation is how much to blur -->
984															<feOffset dx="1" dy="1" result="offsetblur"/> <!-- how much to offset -->
985															<feComponentTransfer>
986																<feFuncA type="linear" slope="0.35"/> <!-- slope is the opacity of the shadow -->
987															</feComponentTransfer>
988															<feMerge> 
989																<feMergeNode/> <!-- this contains the offset blurred image -->
990																<feMergeNode in="SourceGraphic"/> <!-- this contains the element that the filter is applied to -->
991															</feMerge>
992														</filter>
993														<g id="ruban"><polygon fill="#ffffff" points="170,72.854 170,10 10,170 72.854,170" style="filter:url(#dropshadow)"/></g>
994														<text transform="matrix(0.7071 -0.7071 0.7071 0.7071 105.9844 114.5977)" font-family="'GothamRoundedBook'" font-size="21.3333"></text>
995													</svg>
996												</div>
997											</div>
998										</div>
999									</div>
1000								</div>
1001								
1002								<div class="rb-face rb-left">
1003								<h1 class="black">Toute la puissance de </h1>
1004									<h1 class="highlight huge">Publiatis</span></h1>
1005									<h2 class="subtitle black">au service des <span class="highlight">éditeurs</span></h2>
1006									<p class="black">
1007									<span class="single-line">Outil collaboratif puissant</span>
1008									<span class="single-line">Personnalisation à volonté</span>
1009									<span class="single-line">100% cross-média</span>
1010									<span class="single-line">Gains de productivité</span>
1011									<div class="rb-face offset-img editing"></div>
1012								</div>
1013								<div class="rb-face rb-right">
1014									<h1 class="black">Toute la puissance de </h1>
1015									<h1 class="highlight huge">Publiatis</span></h1>
1016									<h2 class="subtitle black">au service des <span class="highlight">éditeurs</span></h2>
1017									<p class="black">
1018									<span class="single-line">Outil collaboratif puissant</span>
1019									<span class="single-line">Personnalisation à volonté</span>
1020									<span class="single-line">100% cross-média</span>
1021									<span class="single-line">Gains de productivité</span>
1022									<div class="rb-face offset-img editing"></div>
1023								</div>
1024								<!-- <div class="rb-top"></div> -->
1025								<!-- <div class="rb-bottom"></div> -->
1026								
1027								</div>
1028								</div>
1029								</div>
1030								
1031							</div>
1032							<div class="col-lg-2 d-none d-lg-inline">
1033								<a href="" class="d3-arrow-btn right publi-l" >
1034									<svg version="1.1" id="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
1035										 width="27.311px" height="50px" viewBox="0 0 27.311 50" enable-background="new 0 0 27.311 50" xml:space="preserve">
1036									<polygon points="1.375,50 0,48.625 23.625,25 0,1.375 1.375,0 26.375,25 "/>
1037									</svg>
1038								</a>
1039							</div>
1040						</div>
1041						
1042						
1043						
1044						<!-- Publi-A 3D -->
1045						<div class="row d3-container-row">
1046							<div class="col-lg-2 d-none d-lg-inline">
1047								<a href="" class="d3-arrow-btn left publi-a">
1048								<svg version="1.1" id="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
1049									width="27.311px" height="50px" viewBox="0 0 27.311 50" enable-background="new 0 0 27.311 50" xml:space="preserve">
1050									<polygon points="25,50 26.375,48.625 2.75,25 26.375,1.375 25,0 0,25 "/>
1051								</svg>
1052								</a>
1053							
1054							</div>
1055							<div class=" d3-container col-lg-8">
1056								
1057								
1058								<div class="swipe-info publi-a d-sm-none">
1059									<svg version="1.1" id="swipe-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
1060										width="600px" height="400px" viewBox="-88.018 0 600 400" enable-background="new -88.018 0 600 400" xml:space="preserve">
1061										<g id="swipe-icon"">
1062										<g id="big-circle">
1063											<path d="M160.7,65.553c0-28.234,23.008-51.204,51.25-51.204c28.233,0,51.361,22.97,51.361,51.204
1064												c0,18.024-9.329,33.892-23.329,43.019v8.151c18-9.868,30.345-29.104,30.345-51.17c0-32.094-26.181-58.204-58.275-58.204
1065												c-32.102,0-58.316,26.11-58.316,58.204c0,22.005,12.247,41.193,30.247,51.085v-8.16C169.982,99.336,160.7,83.515,160.7,65.553z"/>
1066										</g>
1067										<g id="small-circle">
1068											<path d="M211.972,41.479c15.332,0,28.01,12.469,28.01,27.796v17.628c4-5.913,7.134-13.315,7.134-21.35
1069												c0-19.32-15.74-34.986-35.064-34.986c-19.337,0-35.105,15.666-35.105,34.986c0,7.953,3.035,15.288,7.035,21.17V69.274
1070												C183.982,53.948,196.651,41.479,211.972,41.479z"/>
1071										</g>
1072										<g id="arrow-right-1">
1073											<polygon points="299.26,119.408 294.025,114.201 343.521,64.704 294.025,15.207 299.26,10 353.964,64.704 	"/>
1074										</g>
1075										<g id="arrow-right-2">
1076											<polygon points="359.26,129.408 354.025,124.201 413.521,64.704 354.025,5.207 359.26,0 423.964,64.704 	"/>
1077										</g>
1078										<g id="arrow-left-1">
1079											<polygon points="124.705,119.408 70,64.704 124.705,10 129.912,15.207 80.415,64.704 129.912,114.201 	"/>
1080										</g>
1081										<g id="arrow-left-2">
1082											<polygon points="64.705,129.408 0,64.704 64.705,0 69.912,5.207 10.415,64.704 69.912,124.201 	"/>
1083										</g>
1084										<g id="hand">
1085											<path d="M314.472,149.046c-4.209,0-8.145,1.15-11.535,3.148c-1.272-11.382-10.958-20.252-22.645-20.252
1086												c-5.571,0-10.687,2.026-14.653,5.386c-3.995-6.629-11.261-11.078-19.554-11.078c-4.147,0-8.053,1.119-11.385,3.059V69.274
1087												c0-12.592-10.231-22.796-22.806-22.796c-12.568,0-22.786,10.204-22.786,22.796v152.517c0,2.849-1.892,4.331-2.708,4.844
1088												c-0.818,0.487-2.998,1.517-5.541,0.243l-36.6-18.286c-3.331-1.691-7.068-2.57-10.793-2.57c-13.305,0-24.143,10.837-24.143,24.157
1089												v4.331c0,1.602,0.666,3.088,1.816,4.176l65.769,61.395c13.774,12.837,31.713,19.92,50.529,19.92h35.752
1090												c40.84,0,74.079-33.24,74.079-74.079v-74.079C337.268,159.25,327.037,149.046,314.472,149.046z"/>
1091										</g>
1092										</g>
1093									</svg>
1094								</div>
1095								
1096								
1097								<div class="rotating-box-wrapper">
1098								<div class="rotating-box-wrapper2">
1099								<div class="rotating-box publi-a" data-rotation-angle="0">
1100								
1101								<div class="row h-card-grid rb-front" id="publi-a-card">
1102									<div class="col-lg-4 h-card-img"></div>
1103									<div class="col-lg-8 h-card-body">
1104										<div class="row">
1105											<div class="col-lg-12 h-card-header">
1106												<h2>Publi-A</h2>
1107												<h3>Véritable salle de rédaction virtuelle</h3>
1108												<p>Créez de nouveaux produits éditoriaux simplement et intuitivement.<br/>Distribuez vos contenus vers vos clients web, TV, radio.<br/>Un outil de production robuste et fiable, accessible 24/7</p>
1109											</div>
1110										</div>
1111										<div class="row">
1112											<div class="col-lg-12 h-card-content">
1113												<ul class="offer-detail-list">
1114													<li>Un moteur d'intégration de flux puissant qui assure la réception de tout type de contenu structuré (XML, NEWSML, RSS...)</li>
1115													<li>Plateforme éditoriale multi-formats et contenus contextualisés (IPTC, géolocalisation, médias, scripts...)</li>
1116													<li>Outil de planification éditoriale et agenda des évènements pour optimiser votre production au quotidien</li>
1117													<li>Toutes les statistiques par publication, rubrique, contributeur, type de dépêche, IPTC</li>
1118												</ul>
1119											</div>
1120										</div>
1121										<div class="row">
1122											<div class="col-lg-5">
1123												<div class="client-item2"><img src="assets/medias/img/logo_ritzau.jpg" style="width:60px;height:60px;" alt="Ritzau" title="Ritzau" /></div>
1124												<div class="client-item2"><img src="assets/medias/img/logo_map.jpg" style="width:60px;height:60px;" alt="La MAP" title="La MAP" /></div>
1125												<div class="client-item2"><img src="assets/medias/img/logo_aef.jpg" style="width:60px;height:60px;" alt="AEF" title="AEF" /></div>
1126												<div class="client-item2"></div>
1127											</div>
1128											<div class="col-lg-4" style="height: 60px;">
1129												<a href="" class="btn-anim d3-contact-btn publi-a" id="publi-a-contact">
1130													<div class="btn-body">
1131														<span>Contactez-nous</span><span>&nbsp;›</span>
1132														<div class="btn-background"></div>
1133													</div>
1134													<span class="top anim-border"></span>
1135													<span class="t-right anim-border"></span>
1136													<span class="b-right anim-border"></span>
1137													<span class="bottom anim-border"></span>
1138													<span class="t-left anim-border"></span>
1139													<span class="b-left anim-border"></span>
1140												</a>
1141											</div>
1142											<div class="col-lg-3">
1143												<div class="bottom-ribbon2">
1144													<svg version="1.1" id="ribbon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="120px" height="120px" 
1145														viewBox="0 0 180 180" enable-background="new 0 0 180 180" xml:space="preserve">
1146														<filter id="dropshadow" height="130%">
1147															<feGaussianBlur in="SourceAlpha" stdDeviation="3"/> <!-- stdDeviation is how much to blur -->
1148															<feOffset dx="1" dy="1" result="offsetblur"/> <!-- how much to offset -->
1149															<feComponentTransfer>
1150																<feFuncA type="linear" slope="0.35"/> <!-- slope is the opacity of the shadow -->
1151															</feComponentTransfer>
1152															<feMerge> 
1153																<feMergeNode/> <!-- this contains the offset blurred image -->
1154																<feMergeNode in="SourceGraphic"/> <!-- this contains the element that the filter is applied to -->
1155															</feMerge>
1156														</filter>
1157														<g id="ruban"><polygon fill="#ffffff" points="170,72.854 170,10 10,170 72.854,170" style="filter:url(#dropshadow)"/></g>
1158														<text transform="matrix(0.7071 -0.7071 0.7071 0.7071 105.9844 114.5977)" font-family="'GothamRoundedBook'" font-size="21.3333"></text>
1159													</svg>
1160												</div>
1161											</div>
1162										</div>
1163									</div>
1164								</div>
1165								<div class="row h-card-grid rb-back" id="publi-a-card-back">
1166									<div class="col-lg-4 h-card-img"></div>
1167									<div class="col-lg-8 h-card-body">
1168										<div class="row">
1169											<div class="col-lg-12 h-card-header">
1170												<h2>Publi-A</h2>
1171												<h3>Véritable salle de rédaction virtuelle</h3>
1172												<p>Créez de nouveaux produits éditoriaux simplement et intuitivement.<br/>Distribuez vos contenus vers vos clients web, TV, radio.<br/>Un outil de production robuste et fiable, accessible 24/7</p>
1173											</div>
1174										</div>
1175										<div class="row">
1176											<div class="col-lg-12 h-card-content">
1177												<ul class="offer-detail-list">
1178													<li>Un moteur d'intégration de flux puissant qui assure la réception de tout type de contenu structuré (XML, NEWSML, RSS...)</li>
1179													<li>Plateforme éditoriale multi-formats et contenus contextualisés (IPTC, géolocalisation, médias, scripts...)</li>
1180													<li>Outil de planification éditoriale et agenda des évènements pour optimiser votre production au quotidien</li>
1181													<li>Toutes les statistiques par publication, rubrique, contributeur, type de dépêche, IPTC</li>
1182												</ul>
1183											</div>
1184										</div>
1185										<div class="row">
1186											<div class="col-lg-5">
1187												<div class="client-item2"><img src="assets/medias/img/logo_ritzau.jpg" style="width:60px;height:60px;" alt="Ritzau" title="Ritzau" /></div>
1188												<div class="client-item2"><img src="assets/medias/img/logo_map.jpg" style="width:60px;height:60px;" alt="La MAP" title="La MAP" /></div>
1189												<div class="client-item2"><img src="assets/medias/img/logo_aef.jpg" style="width:60px;height:60px;" alt="AEF" title="AEF" /></div>
1190												<div class="client-item2"></div>
1191
1192											</div>
1193											<div class="col-lg-4" style="height: 60px;">
1194												<a href="" class="btn-anim d3-contact-btn publi-a" id="publi-a-contact">
1195													<div class="btn-body">
1196														<span>Contactez-nous</span><span>&nbsp;›</span>
1197														<div class="btn-background"></div>
1198													</div>
1199													<span class="top anim-border"></span>
1200													<span class="t-right anim-border"></span>
1201													<span class="b-right anim-border"></span>
1202													<span class="bottom anim-border"></span>
1203													<span class="t-left anim-border"></span>
1204													<span class="b-left anim-border"></span>
1205												</a>
1206											</div>
1207											<div class="col-lg-3">
1208												<div class="bottom-ribbon2">
1209													<svg version="1.1" id="ribbon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="120px" height="120px" 
1210														viewBox="0 0 180 180" enable-background="new 0 0 180 180" xml:space="preserve">
1211														<filter id="dropshadow" height="130%">
1212															<feGaussianBlur in="SourceAlpha" stdDeviation="3"/> <!-- stdDeviation is how much to blur -->
1213															<feOffset dx="1" dy="1" result="offsetblur"/> <!-- how much to offset -->
1214															<feComponentTransfer>
1215																<feFuncA type="linear" slope="0.35"/> <!-- slope is the opacity of the shadow -->
1216															</feComponentTransfer>
1217															<feMerge> 
1218																<feMergeNode/> <!-- this contains the offset blurred image -->
1219																<feMergeNode in="SourceGraphic"/> <!-- this contains the element that the filter is applied to -->
1220															</feMerge>
1221														</filter>
1222														<g id="ruban"><polygon fill="#ffffff" points="170,72.854 170,10 10,170 72.854,170" style="filter:url(#dropshadow)"/></g>
1223														<text transform="matrix(0.7071 -0.7071 0.7071 0.7071 105.9844 114.5977)" font-family="'GothamRoundedBook'" font-size="21.3333"></text>
1224													</svg>
1225												</div>
1226											</div>
1227										</div>
1228									</div>
1229								</div>
1230								
1231								<div class="rb-face rb-left">
1232								<h1 class="black" style="background: rgba(255, 255, 255, 0.6);">Toute la puissance de </h1>
1233									<h1 class="highlight-red huge" style="background: rgba(255, 255, 255, 0.6);">Publiatis</span></h1>
1234									<h2 class="subtitle black" style="background: rgba(255, 255, 255, 0.6);margin-bottom:0px!important">au service des <span class="highlight-red">agences de presse</span></h2>
1235									<p class="black" style="background: rgba(255, 255, 255, 0.6);padding-top:8px!important">
1236									<span class="single-line">Outil collaboratif puissant</span>
1237									<span class="single-line">Personnalisation à volonté</span>
1238									<span class="single-line">100% cross-média</span>
1239									<span class="single-line">Gains de productivité</span>
1240									<div class="rb-face offset-img agency"></div>
1241								</div>
1242								<div class="rb-face rb-right">
1243									<h1 class="black" style="background: rgba(255, 255, 255, 0.6);margin-bottom:0px!important;">Toute la puissance de </h1>
1244									<h1 class="highlight-red huge" style="background: rgba(255, 255, 255, 0.6);">Publiatis</span></h1>
1245									<h2 class="subtitle black" style="background: rgba(255, 255, 255, 0.6);margin-bottom:0px!important">au service des <span class="highlight-red">agences de presse</span></h2>
1246									<p class="black" style="background: rgba(255, 255, 255, 0.6);padding-top:8px!important">
1247									<span class="single-line" >Outil collaboratif puissant</span>
1248									<span class="single-line">Personnalisation à volonté</span>
1249									<span class="single-line">100% cross-média</span>
1250									<span class="single-line">Gains de productivité</span>
1251									<div class="rb-face offset-img agency"></div>
1252								</div>
1253								<!-- <div class="rb-top"></div> -->
1254								<!-- <div class="rb-bottom"></div> -->
1255								
1256								</div>
1257								</div>
1258								</div>
1259								
1260							</div>
1261							<div class="col-lg-2 d-none d-lg-inline">
1262								<a href="" class="d3-arrow-btn right publi-a" >
1263									<svg version="1.1" id="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
1264										 width="27.311px" height="50px" viewBox="0 0 27.311 50" enable-background="new 0 0 27.311 50" xml:space="preserve">
1265									<polygon points="1.375,50 0,48.625 23.625,25 0,1.375 1.375,0 26.375,25 "/>
1266									</svg>
1267								</a>
1268							</div>
1269						</div>
1270						
1271						
1272					</div>
1273				</section>
1274				
1275				
1276				<section class="section-wish-form row" id="section-wish-form">
1277						<div class="col-lg-12">
1278							<div class="section-title-wrapper">
1279								<div class="row">
1280									<div class="col-lg-2"></div>
1281									<div class="col-lg-8"><h1 class="title-center">Quelle solution</h1></div>
1282									<div class="col-lg-2"></div>
1283								</div>
1284								<div class="row">
1285									<div class="col-lg-2"></div>
1286									<div class="col-lg-8"><h2 class="title-center subtitle highlight">correspond à vos besoins ?</h2></div>
1287									<div class="col-lg-2"></div>
1288								</div>
1289							</div>
1290							<div class="row">
1291								<div class="col-lg-3"></div>
1292								<div class="col-lg-6">
1293									
1294									<form class="wish-form" id="wish-form">
1295										<div class="form-group">
1296											<div class="row">
1297												<div class="col-lg-6 col-12">
1298													<select class="selectpicker form-control form-control-sm" id="status-select" title="Je suis...">
1299														<option value="0">Agence de presse</option>
1300														<option value="1">Entreprise publique/collectivité</option>
1301														<option value="2">Éditeur</option>
1302														<option value="3">Entreprise privée</option>
1303														<option value="4">Autre...</option>
1304													</select>
1305												</div>
1306												<div class="col-lg-6 col-12">
1307													<select class="selectpicker form-control form-control-sm" id="wishes-select" multiple data-selected-text-format="count > 2" data-count-selected-text="{0} éléments sélectionnés" title="Je souhaite...">
1308														<option value="0">Diffuser du contenu multicanal</option>
1309														<option value="1">Générer du contenu multicanal</option>
1310														<option value="2">Centraliser ma production éditoriale</option>
1311														<option value="3">Obtenir des informations sur les produits PubliAtis</option>
1312														<option value="4">Obtenir une démonstration</option>
1313														<option value="5">Etre contacté par un consultant</option>
1314														<option value="6">Autre...</option>
1315													</select>
1316												</div>
1317												
1318											</div>
1319											<div class="row">
1320												<div class="col-lg-4"></div>
1321												<div class="col-lg-4">
1322													
1323													<a href="" class="btn-anim" id="wish-form-submit">
1324														<div class="btn-body">
1325															<span>Trouver ma solution</span><span>&nbsp;›</span>
1326															<div class="btn-background"></div>
1327														</div>
1328														<span class="top anim-border"></span>
1329														<span class="t-right anim-border"></span>
1330														<span class="b-right anim-border"></span>
1331														<span class="bottom anim-border"></span>
1332														<span class="t-left anim-border"></span>
1333														<span class="b-left anim-border"></span>
1334													</a>
1335												
1336												</div>
1337												<div class="col-lg-4"></div>
1338											</div>
1339										</div>
1340									</form>
1341									
1342								</div>
1343								<div class="col-lg-3"></div>
1344							</div>
1345						</div>
1346					</section>
1347				
1348				
1349				
1350				
1351				
1352				<section class="section-contact row" id="section-contact" data-url="
1352contact">
1353					<div class="col-lg-12">
1354						<div class="slider-wrapper">
1355							<div class="row no-gutters">
1356								<div class="col-lg-1"></div>
1357								<div class="col-lg-10">
1358									<div class="slider">
1359										<div class="slider-overlay"></div>
1360										<div class="slider-container"></div>
1361									</div>
1362								</div>
1363								<div class="col-lg-1"></div>
1364							</div>
1365						</div>
1366						<div class="section-title-wrapper">
1367							<div class="row">
1368								<div class="col-lg-2"></div>
1369								<div class="col-lg-8"><h1>Prenez contact</h1></div>
1370								<div class="col-lg-2"></div>
1371							</div>
1372							<div class="row">
1373								<div class="col-lg-2"></div>
1374								<div class="col-lg-8"><h2 class="subtitle highlight">avec nous</h2></div>
1375								<div class="col-lg-2"></div>
1376							</div>
1377						</div>
1378						<div class="row">
1379							<div class="col-lg-2"></div>
1380							<div class="col-lg-8 contact-form-wrapper">
1381								<form class="contact-form" id="contact-form" novalidate>
1382									<div class="form-group">
1383										<div class="row">
1384											<div class="col-lg-6">
1385												<div class="input-group input-group mb-3">
1386													<input id="name-input" type="text" class="form-control" aria-label="Name" aria-describedby="name-input-label" placeholder="Nom, Prénom *" required>
1387													<div class="invalid-feedback">Veuillez entrer vos nom et prénom.</div>
1388												</div>
1389											</div>
1390											<div class="col-lg-6">
1391												<div class="input-group input-group mb-3">
1392													<input id="company-input" type="text" class="form-control" aria-label="Company" aria-describedby="company-input-label" placeholder="Société *" required>
1393													<div class="invalid-feedback">Veuillez entrer un nom d'entreprise.</div>
1394												</div>
1395											</div>
1396										</div>
1397										<div class="row">
1398											<div class="col-lg-6">
1399												<div class="input-group input-group mb-3">
1400													<input id="email-input" type="email" class="form-control" aria-label="Email" aria-describedby="email-input-label" placeholder="E-mail *" required>
1401													<div class="invalid-feedback">Veuillez entrer une adresse e-mail valide.</div>
1402												</div>
1403											</div>
1404											<div class="col-lg-6">
1405												<div class="input-group input-group mb-3">
1406													<input id="phone-input" type="text" class="form-control" aria-label="Phone" aria-describedby="phone-input-label" placeholder="Téléphone *" required>
1407													<div class="invalid-feedback">Veuillez entrer un numéro de téléphone valide.</div>
1408												</div>
1409											</div>
1410										</div>
1411										<div class="row">
1412											<div class="col-lg-12">
1413												<label id="checkbox-group-label" for="checkbox-group">Je souhaite obtenir des informations sur :</label>
1414											</div>
1415										</div>
1416										<div class="row">
1417											<div class="col-lg-12">
1418												<div class="form-check form-check-inline" id="checkbox-group">
1419													<input class="form-check-input css-checkbox lrg" type="checkbox" id="publi-s-checkbox" name="publi-s-checkbox" value="Publi-S">
1420													<label class="form-check-label css-label lrg web-two-style" for="publi-s-checkbox">Publi-S (Mode SaaS)</label>
1421												</div>
1422												<div class="form-check form-check-inline">
1423													<input class="form-check-input css-checkbox lrg" type="checkbox" id="publi-l-checkbox" name="publi-l-checkbox" value="Publi-L">
1424													<label class="form-check-label css-label lrg web-two-style" for="publi-l-checkbox">Publi-L (Mode Licence)</label>
1425												</div>
1426												<div class="form-check form-check-inline">
1427													<input class="form-check-input css-checkbox lrg" type="checkbox" id="publi-a-checkbox" name="publi-a-checkbox" value="Publi-A">
1428													<label class="form-check-label css-label lrg web-two-style" for="publi-a-checkbox">Publi-A (Mode Agence de presse)</label>
1429												</div>
1430											</div>
1431										</div>
1432									</div>
1433									
1434									<div class="form-group">
1435										<div class="row">
1436											<div class="col-lg-12">
1437												<textarea class="form-control form-control-sm" id="user-input-area" rows="6" required></textarea>
1438												<div class="invalid-feedback">Veuillez entrer un message decrivant vos souhaits.</div>
1439											</div>
1440										</div>
1441									</div>
1442									<div class="row">
1443										<div class="col-lg-4"></div>
1444										<div class="col-lg-4">
1445											
1446											<a href="" class="btn-anim" id="contact-form-submit">
1447												<div class="btn-body">
1448													<span>Envoyer</span><span>&nbsp;›</span>
1449													<div class="btn-background"></div>
1450												</div>
1451												<span class="top anim-border"></span>
1452												<span class="t-right anim-border"></span>
1453												<span class="b-right anim-border"></span>
1454												<span class="bottom anim-border"></span>
1455												<span class="t-left anim-border"></span>
1456												<span class="b-left anim-border"></span>
1457											</a>
1458										
1459										</div>
1460										<div class="col-lg-4"></div>
1461									</div>
1462									<!-- <button type="submit" class="btn btn-primary">Envoyer</button> -->
1463								</form>
1464							</div>
1465							<div class="col-lg-2"></div>
1466						</div>
1467					</div>
1468				</section>
1469			</article>
1470		</main>
1471		<footer class="container-fluid">
1472			<div class="row">
1473				<div class="col-12 footer-wrapper">
1474					<div class="row">
1475						<div class="col-lg-2"></div>
1476						<div class="col-lg-8 col-12">
1477							<div class="row">
1478								<div class="col-lg-6">
1479									<div class="row sitemap">
1480										<div class="col-lg-6">
1481											<ul class="sitemap-link"><a href="section-overview" class="sitemap-link-item">Vue d'ensemble</a>
1482												<li><a href="section-overview" class="sitemap-link-item">Premier système éditorial 100% web</a></li>
1483												<li><a href="section-fast-simple" class="sitemap-link-item">Plus rapide, plus simple</a></li>
1484												<li><a href="section-single-tool" class="sitemap-link-item">Un seul outil pour toutes vos tâches</a></li>
1485											</ul>
1486										</div>
1487										<div class="col-lg-2">
1488											<ul class="sitemap-link"><a href="section-solutions" class="sitemap-link-item">Solutions</a>
1489												<li><a href="publi-s-card" class="sitemap-link-item">Publi-S</a></li>
1490												<li><a href="publi-l-card" class="sitemap-link-item">Publi-L</a></li>
1491												<li><a href="publi-a-card" class="sitemap-link-item">Publi-A</a></li>
1492												<!-- <li><a href="section-wish-form" class="sitemap-link-item">Quelle solution correspond à vos besoins ?</a></li> -->
1493											</ul>
1494										</div>
1495										<div class="col-lg-4">
1496											<ul class="sitemap-link"><a href="section-contact" class="sitemap-link-item">Contact</a></ul>
1497										</div>
1498									</div>
1499									<div class="row">
1500										<!-- <div class="col-lg-2"></div> -->
1501										<div class="col-lg-12">
1502											<p class="legal-notice">&#9400; 2026 Publiatis <!--| <a href="#">Mentions légales</a>--></p>
1503										</div>
1504										<!-- <div class="col-lg-2"></div> -->
1505									</div>
1506								</div>
1507								<!--div class="col-lg-3 company-address">
1508									<p>PUBLIATIS</p>
1509									<p>5 BD des Nations Unies 92190 Meudon | France</p>
1510									<p><a href="tel:+33-1-46-26-20-57">+33 (1) 46 26 20 57</a></p>
1511									<p><a href="mailto:[email protected]?subject=Demande%20d%27information">[email protected]</a></p>
1512								</div-->
1513								<div class="col-lg-6">
1514									<div id="map-wrapper">
1515										<!--iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=2.3635625839233403%2C48.86350961959062%2C2.3671030998229985%2C48.86505000850321&amp;layer=mapnik&amp;marker=48.86428070221232%2C2.365332841873169"></iframe-->
1516									</div>
1517								</div>
1518							</div>
1519						</div>
1520						<div class="col-lg-2"></div>
1521					</div>
1522					<!--div class="row">
1523						<div class="col-lg-2"></div>
1524						<div class="col-lg-8">
1525							<p class="legal-notice">&#9400; 2019 Publiatis | <a href="#">mentions légales</a></p>
1526						</div>
1527						<div class="col-lg-2"></div>
1528					</div-->
1529				</div>
1530			</div>
1531		</footer>
1532		<!-- wish modal -->
1533		
1534		<div class="modal fade" id="wish-modal" tabindex="-1" role="dialog" aria-labelledby="wish-modal-title" aria-hidden="true">
1535			<!-- Add .modal-dialog-centered to .modal-dialog to vertically center the modal -->
1536			<div class="modal-dialog modal-dialog-centered modal-xl" role="document">
1537
1538
1539				<div class="modal-content">
1540					<div class="modal-header">
1541						
1542						<div class="container-fluid">
1543							<div class="row">
1544								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
1545									<span aria-hidden="true">&times;</span>
1546								</button>
1547							</div>
1548							<div class="row">
1549								<div class=" col-lg-2"></div>
1550								<div class="col-12 col-lg-8">
1551									<h1 class="modal-title" id="wish-modal-title">Votre solution</h1>
1552									
1553								</div>
1554								<div class="col-lg-2"></div>
1555							</div>
1556							<div class="row">
1557								<div class="col-lg-2"></div>
1558								<div class="col-12 col-lg-8">
1559									<h2 class="modal-sub-title"></h2>
1560								</div>
1561								<div class="col-lg-2"></div>
1562							</div>
1563						</div>
1564						
1565					</div>
1566					<div class="modal-body">
1567						<div class="container-fluid">
1568							<div class="row">
1569								<div class="col-lg-2"></div>
1570								<div class="col-12 col-lg-8 main-content"></div>
1571								<div class="col-lg-2"></div>
1572							</div>
1573							<div class="row">
1574								<div class="col-lg-2"></div>
1575								<div class="col-12 col-lg-8" id="sub-content">
1576									<div class="row no-gutters">
1577										<div class="col-4" id="availability">
1578											<div class="diagram"></div>
1579											<p class="diagram-title">Disponibilité</p>
1580										</div>
1581										<div class="col-4" id="saving">
1582											<div class="diagram"></div>
1583											<p class="diagram-title">Economie</p>
1584										</div>
1585										<div class="col-4" id="simplicity">
1586											<div class="diagram"></div>
1587											<p class="diagram-title">Simplicité</p>
1588										</div>
1589									</div>
1590								</div>
1591								<div class="col-lg-2"></div>
1592							</div>
1593						</div>
1594					</div>
1595					<div class="modal-footer">
1596						<div class="container-fluid">
1597							<div class="row">
1598							
1599								<div class="col-lg-4"></div>
1600								<div class="col-lg-4">
1601									
1602									<a href="" class="btn-anim" id="modal-contact-btn">
1603										<div class="btn-body">
1604											<span>Contactez-nous</span><span>&nbsp;›</span>
1605											<div class="btn-background"></div>
1606										</div>
1607										<span class="top anim-border"></span>
1608										<span class="t-right anim-border"></span>
1609										<span class="b-right anim-border"></span>
1610										<span class="bottom anim-border"></span>
1611										<span class="t-left anim-border"></span>
1612										<span class="b-left anim-border"></span>
1613									</a>
1614								
1615								</div>
1616								<div class="col-lg-4"></div>
1617							
1618							</div>
1619						</div>
1620						<!-- <button type="button" class="btn btn-primary">Contactez-nous</button> -->
1621					</div>
1622				</div>
1623			</div>
1624		</div>
1625		
1626		
1627		
1628	</div>
1629	
1629<script
1630		src="https://code.jquery.com/jquery-3.4.1.min.js"
1631		integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
1632		crossorigin="anonymous"></script>
1632
1633	
1634	
1634<script
1635		src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
1636		integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
1637		crossorigin="anonymous"></script>
1637
1638	
1638<script 
1639		src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" 
1640		integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" 
1641		crossorigin="anonymous"></script>
1641
1642	
1642<script 
1643		src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" 
1644		integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" 
1645		crossorigin="anonymous"></script>
1645
1646	
1646<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
1646
1647	
1647<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.10/js/bootstrap-select.min.js"></script>
1647
1648	
1648<script src="https://pixijs.download/v5.0.4/pixi.min.js"></script>
1648
1649	
1649<script 
1650		src="https://unpkg.com/[email protected]/dist/leaflet.js"
1651		integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
1652		crossorigin=""></script>
1652
1653	
1653<script src="assets/js/jquery.mousewheel.min.js"></script>
1653
1654	
1654<script src="assets/js/jquery.animateRotate.js"></script>
1654
1655	
1655<script src="assets/js/com/utils/Logger.js"></script>
1655
1656	
1656<script src="assets/js/universal-parallax.min.js"></script>
1656
1657	
1657<script src="assets/js/NodeField2.js"></script>
1657
1658	
1658<script src="assets/js/scrollPosStyler.js"></script>
1658
1659	
1659<script src="assets/js/CircularDiagram.js"></script>
1659
1660	
1660<script src="assets/js/com/utils/URLRewrite.js"></script>
1660
1661	
1661<script src="assets/js/main.js"></script>
1661
1662	
1662<script>
1663	jQuery(document).ready( init );
1664	</script>
1664
1665		
1666</body>
1667</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.