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 âº</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 âº</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 âº</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 âº</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 âº</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 âº</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> âº</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> âº</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> âº</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> âº</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> âº</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> âº</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> âº</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> âº</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> âº</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">Ⓒ 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&layer=mapnik&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">Ⓒ 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">×</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> âº</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.