ouidou_logo_whiteouidou_logo_whiteouidou_logo_whiteouidou_logo_white
  • Qui sommes-nous ?
  • Services
    • 🖥️ Développement logiciels
    • 🤝 Outils collaboratifs
    • 🎨 Studio
  • Réalisations
  • Carrières
    • 🧐 Pourquoi rejoindre Ouidou ?
    • ✍🏻 Nous rejoindre
    • 👨‍💻 Rencontrer nos collaborateurs
    • 🚀 Grandir chez Ouidou
  • Ressources
    • Actualités du Groupe
    • Articles techniques
    • Articles medium
    • Livres blancs
  • 🏆 Yes OuiJump !
Nous contacter
✕
Introduction to Project Lombok
26 octobre 2021
Développement piloté par les tests et comportement(BDD et TDD)
23 novembre 2021
Actualités > La technologie Java Web Start (JWS)

La technologie Java Web Start (JWS)

Lorem ipsum at iaculis vitae vehicula in nunc. Hac nisl molestie posuere vulputate nibh cras.At iaculis vitae vehicula in nunc. Hac nisl molestie posuere vulputate nibh cras.At iaculis vitae vehicula in nunc. Hac nisl molestie posuere vulputate nibh cras.

  • Whatsapp
  • LinkedIn
  • 0

Java Web Start, c’est quoi ?

Définition

Il s’agit d’une technologie Java permettant de déployer des applications via le web. Cette technologie a été intégrée au Java Standard Edition J2RE 1.4. Pour les versions précédentes, il est nécessaire de l’installer individuellement.

Outils et principe

A partir d’un serveur web, par exemple Apache, on installe l’application à laquelle on veut accéder. L’application doit être, sur le serveur, au format jar signé. D’un simple clic, on peut télécharger le fichier d’exécution de l’application depuis le web. Ce fichier d’exécution est un fichier JNLP.

Le protocole JNLP

JNLP signifie Java Network Launching Protocol. C’est le format de fichier de la technologie JWS. C’est ce type de fichier que l’on dépose sur le web et que l’on télécharge. Il y contient les informations sur l’application Java ainsi que sur ses dépendances. Ainsi, le système déploie automatiquement l’application.

Contraintes et avantages

Contraintes

La contrainte principale est que la technologie est, par définition, de type client lourd. Donc le bon fonctionnement du déploiement dépend d’une part des performances du poste client, et d’autre part de l’installation de Java Web Start (et Java a fortiori) sur ce poste.

Avantages de JWS

Le plus gros avantage de JWS est de pouvoir déployer des applications à distance. Mais pas que. En effet, le fichier JNLP téléchargé n’est qu’un exécutable d’une application Java, et celle-ci est automatiquement mise à jour donc le poste client n’a pas besoin de subir un redéploiement de l’application. Aussi, grâce au fichier JNLP, il n’y a pas de désinstallation à gérer côté client. Enfin, la technologie permet de mettre en cache, sur le poste du client, les applications pour un futur redémarrage plus rapide.

Configuration du fichier JNLP

Avant de configurer le fichier JNLP, il faut au préalable que ce type-ci soit reconnu dans le serveur hébergeur. Dans le cas d’un serveur Apache, il faut ajouter la ligne suivante dans le fichier Apache2confmime.types :

application/x-java-jnlp_file jnlp

Pour les autres serveurs, on trouve facilement la manipulation à réaliser pour reconnaître les fichiers .jnlp dans leurs documentations officielles respectives.

Le fichier JNLP est au format XML. Il commence par une balise , comme dans l’exemple ci-dessous :


<jnlp spec="1.0+" codebase="http://localhost/
"href="ApplicationTitle.jnlp ">
<information>
<title>Application_Titletitle>
<vendor>VendorNamevendor>
<homepage href="http://localhost/"/>
<description>Description de l’applicationdescription>
<description kind="short">ShortExampledescription>
<offline-allowed/>
information>
<security>
security>
<resources>
<j2se version="1.4"/>
<jar href="ExempleApplication.jar"/>
resources>
<application-desc main-
class
="com.package_name.jnlp.ExampleApplication" />
jnlp>

Dans la balise <jnlp>, le tag codebase contient le lien vers les fichiers d’exécution (le jar notamment).

La balise contient les détails dont le poste du client a besoin pour lancer l’application, comme les éléments suivants :

  • Le nom de l’application dans </strong></li> <li>La version de l’application dans le tag <strong>version</strong> de la balise <strong><j2se></strong>, elle-même dans la balise <strong><resources></strong></li> <li>Le nom du fichier jar contenant la source Java de l’application dans la balise <strong><jar></strong></li> <li>Le nom de la classe Java contenant la méthode main() dans le tag <strong>main-class</strong> de la balise <strong><application-desc></strong></li> </ul> <h3><strong>Configuration du fichier HTML, gestion de la console et logs</strong></h3> <p>Il suffit d’indiquer le lien vers le fichier JNLP fraîchement configuré, comme ci-dessous :</p> <pre><<strong>html</strong>><br> <<strong>head</strong>><br> <<strong>title</strong>>HTML Example</<strong>title</strong>><br> </<strong>head</strong>><br> <<strong>body</strong>><br> <<strong>H1</strong>>Application Example</<strong>H1</strong>><br> <<strong>a</strong> <strong>href</strong>="http://localhost/ApplicationTitle.jnlp ">Lancer <br> l’application</<strong>a</strong>><strong><br> </strong></<strong>body</strong>><br></<strong>html</strong>></pre> <p>Au lancement de l’application, il est possible que JWS demande des droits administrateurs, ou du moins de faire confiance à l’application lancée.</p> <p>Dans les préférences de JWS, il existe un paramètre avancé permettant d’afficher la console Java au démarrage de l’application. Celle-ci permet d’avoir des logs sur les événements, et ainsi de faciliter le suivi en cas d’erreurs sur l’application.</p> <h3>Conclusion</h3> <p>La technologie Java Web Start étant de type client lourd, elle est assez contraignante si les postes clients ne sont pas assez performants, d’autant plus si l’application est dense.</p> <p>Néanmoins, la technologie a l’avantage d’éviter les mises à jours des applications côté client grâce au simple téléchargement du fichier JNLP, avantage à ne pas négliger lors du choix de l’outil de déploiement des applications Java.</p> <h3><strong>Bibliographie</strong></h3> <p>Page officielle Java Web Start</p> <p><a href="https://docs.oracle.com/javase/8/docs/technotes/guides/javaws/">Java Web Start</a></p> <p><img loading="lazy" src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=db765ee8576f" width="1" height="1" alt=""></p> <hr> <p><a href="https://blog.ouidou.fr/la-technologie-java-web-start-jws-db765ee8576f">La technologie Java Web Start (JWS)</a> was originally published in <a href="https://blog.ouidou.fr">Ouidou</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p> </div></div></div><div class="section mcb-section mcb-section default-width" style=""><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-d3cd8f63c one tablet-one mobile-one clearfix" data-desktop-col="one" data-tablet-col="tablet-one" data-mobile-col="mobile-one" style=""><div class="mcb-wrap-inner" style="justify-content:center"><div class="column mcb-column mcb-item-aa1bde039 one tablet-one mobile-one column_button wow animate__ animate__fadeInUp animated" style="width: auto; visibility: visible; animation-name: fadeInUp;"><div class="mcb-column-inner mcb-item-button-inner" style="text-align:center;"><a class="button button_size_2 button_dark button_article_default" href="contact"><span class="button_label">Nous contacter <img draggable="false" role="img" alt="🤓" data-src="https://s.w.org/images/core/emoji/14.0.0/svg/1f913.svg" class="emoji lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img draggable="false" role="img" class="emoji" alt="🤓" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f913.svg"></noscript></span></a> </div></div></div></div></div></div> </div> <div class="article-right"> <h2>A lire aussi </h2> <div class="interview-card full-img"> <div class="interview-card-content"> <div class="interview-card-date">14/03/2023</div> <h3 class="interview-card-title"><a href="https://ouidou.fr/2023/03/14/introduction-a-hare/">Introduction à Hare</a></h3> <!-- <p class="interview-card-date"></p> --> <!-- <div class="interview-tag" style="background-color: ;border-color: ;"></div> --> </div> <div class="interview-card-image"> <a href="https://ouidou.fr/2023/03/14/introduction-a-hare/"> <img width="1105" height="564" src="https://ouidou.fr/wp-content/uploads/2023/03/Hare.png" alt="" srcset="https://ouidou.fr/wp-content/uploads/2023/03/Hare.png 1105w, https://ouidou.fr/wp-content/uploads/2023/03/Hare-300x153.png 300w, https://ouidou.fr/wp-content/uploads/2023/03/Hare-1024x523.png 1024w, https://ouidou.fr/wp-content/uploads/2023/03/Hare-768x392.png 768w, https://ouidou.fr/wp-content/uploads/2023/03/Hare-260x133.png 260w, https://ouidou.fr/wp-content/uploads/2023/03/Hare-50x26.png 50w, https://ouidou.fr/wp-content/uploads/2023/03/Hare-147x75.png 147w, https://ouidou.fr/wp-content/uploads/2023/03/Hare-380x194.png 380w" sizes="(max-width: 1105px) 100vw, 1105px" class="attachment-interview-card-image size-interview-card-image wp-post-image no-lazyload" /> </a> </div> </div> <div class="interview-card full-img"> <div class="interview-card-content"> <div class="interview-card-date">03/03/2023</div> <h3 class="interview-card-title"><a href="https://ouidou.fr/2023/03/03/premier-pas-sur-wayland/">Premier pas sur Wayland</a></h3> <!-- <p class="interview-card-date"></p> --> <!-- <div class="interview-tag" style="background-color: ;border-color: ;"></div> --> </div> <div class="interview-card-image"> <a href="https://ouidou.fr/2023/03/03/premier-pas-sur-wayland/"> <img width="1105" height="564" src="https://ouidou.fr/wp-content/uploads/2023/03/Wayland.png" alt="" loading="lazy" srcset="https://ouidou.fr/wp-content/uploads/2023/03/Wayland.png 1105w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland-300x153.png 300w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland-1024x523.png 1024w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland-768x392.png 768w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland-260x133.png 260w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland-50x26.png 50w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland-147x75.png 147w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland-380x194.png 380w" sizes="(max-width: 1105px) 100vw, 1105px" class="attachment-interview-card-image size-interview-card-image wp-post-image no-lazyload" /> </a> </div> </div> <div class="interview-card full-img"> <div class="interview-card-content"> <div class="interview-card-date"></div> <h3 class="interview-card-title"><a href="https://ouidou.fr/2023/03/03/decouverte-dun-composant-flutter/">Découverte d’un composant Flutter</a></h3> <!-- <p class="interview-card-date"></p> --> <!-- <div class="interview-tag" style="background-color: ;border-color: ;"></div> --> </div> <div class="interview-card-image"> <a href="https://ouidou.fr/2023/03/03/decouverte-dun-composant-flutter/"> <img width="1105" height="564" src="https://ouidou.fr/wp-content/uploads/2023/03/La-recherche-utilisateur-1-2.png" alt="" loading="lazy" srcset="https://ouidou.fr/wp-content/uploads/2023/03/La-recherche-utilisateur-1-2.png 1105w, https://ouidou.fr/wp-content/uploads/2023/03/La-recherche-utilisateur-1-2-300x153.png 300w, https://ouidou.fr/wp-content/uploads/2023/03/La-recherche-utilisateur-1-2-1024x523.png 1024w, https://ouidou.fr/wp-content/uploads/2023/03/La-recherche-utilisateur-1-2-768x392.png 768w, https://ouidou.fr/wp-content/uploads/2023/03/La-recherche-utilisateur-1-2-260x133.png 260w, https://ouidou.fr/wp-content/uploads/2023/03/La-recherche-utilisateur-1-2-50x26.png 50w, https://ouidou.fr/wp-content/uploads/2023/03/La-recherche-utilisateur-1-2-147x75.png 147w, https://ouidou.fr/wp-content/uploads/2023/03/La-recherche-utilisateur-1-2-380x194.png 380w" sizes="(max-width: 1105px) 100vw, 1105px" class="attachment-interview-card-image size-interview-card-image wp-post-image no-lazyload" /> </a> </div> </div> </div> </div> </article> <div class="section section-post-footer"> <div class="section_wrapper clearfix"> <div class="column one post-pager"> <div class="mcb-column-inner"> </div> </div> </div> </div> </div> <div class="section section-post-related"> <div class="section_wrapper clearfix"> <div class="section-related-adjustment simple"><h4>Articles associés</h4><div class="section-related-ul col-3"><div class="column mobile-one post-related post-8072 post type-post status-publish format-standard has-post-thumbnail hentry category-tech"><div class="mcb-column-inner"><div class="single-photo-wrapper image"><div class="image_frame scale-with-grid"><div class="image_wrapper"><a href="https://ouidou.fr/2023/03/14/introduction-a-hare/"><div class="mask"></div><img width="380" height="194" src="https://ouidou.fr/wp-content/uploads/2023/03/Hare-380x194.png" alt="" loading="lazy" srcset="https://ouidou.fr/wp-content/uploads/2023/03/Hare-380x194.png 380w, https://ouidou.fr/wp-content/uploads/2023/03/Hare-300x153.png 300w, https://ouidou.fr/wp-content/uploads/2023/03/Hare-1024x523.png 1024w, https://ouidou.fr/wp-content/uploads/2023/03/Hare-768x392.png 768w, https://ouidou.fr/wp-content/uploads/2023/03/Hare-260x133.png 260w, https://ouidou.fr/wp-content/uploads/2023/03/Hare-50x26.png 50w, https://ouidou.fr/wp-content/uploads/2023/03/Hare-147x75.png 147w, https://ouidou.fr/wp-content/uploads/2023/03/Hare.png 1105w" sizes="(max-width: 380px) 100vw, 380px" class="scale-with-grid wp-post-image no-lazyload" /></a><div class="image_links double"><a class="zoom " rel="prettyphoto" href="https://ouidou.fr/wp-content/uploads/2023/03/Hare-1024x523.png"><svg viewBox="0 0 26 26"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><circle cx="11.35" cy="11.35" r="6" class="path"></circle><line x1="15.59" y1="15.59" x2="20.65" y2="20.65" class="path"></line></svg></a><a class="link " href="https://ouidou.fr/2023/03/14/introduction-a-hare/"><svg viewBox="0 0 26 26"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><g><path d="M10.17,8.76l2.12-2.12a5,5,0,0,1,7.07,0h0a5,5,0,0,1,0,7.07l-2.12,2.12" class="path"></path><path d="M15.83,17.24l-2.12,2.12a5,5,0,0,1-7.07,0h0a5,5,0,0,1,0-7.07l2.12-2.12" class="path"></path><line x1="10.17" y1="15.83" x2="15.83" y2="10.17" class="path"></line></g></svg></a></div></div></div></div><div class="date_label">14 mars 2023</div><div class="desc"><h4><a href="https://ouidou.fr/2023/03/14/introduction-a-hare/">Introduction à Hare</a></h4><hr class="hr_color" /><a href="https://ouidou.fr/2023/03/14/introduction-a-hare/" class="button button_left has-icon"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Lire la suite</span></a></div></div></div><div class="column mobile-one post-related post-7875 post type-post status-publish format-standard has-post-thumbnail hentry category-tech"><div class="mcb-column-inner"><div class="single-photo-wrapper image"><div class="image_frame scale-with-grid"><div class="image_wrapper"><a href="https://ouidou.fr/2023/03/03/premier-pas-sur-wayland/"><div class="mask"></div><img width="380" height="194" src="https://ouidou.fr/wp-content/uploads/2023/03/Wayland-380x194.png" alt="" loading="lazy" srcset="https://ouidou.fr/wp-content/uploads/2023/03/Wayland-380x194.png 380w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland-300x153.png 300w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland-1024x523.png 1024w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland-768x392.png 768w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland-260x133.png 260w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland-50x26.png 50w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland-147x75.png 147w, https://ouidou.fr/wp-content/uploads/2023/03/Wayland.png 1105w" sizes="(max-width: 380px) 100vw, 380px" class="scale-with-grid wp-post-image no-lazyload" /></a><div class="image_links double"><a class="zoom " rel="prettyphoto" href="https://ouidou.fr/wp-content/uploads/2023/03/Wayland-1024x523.png"><svg viewBox="0 0 26 26"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><circle cx="11.35" cy="11.35" r="6" class="path"></circle><line x1="15.59" y1="15.59" x2="20.65" y2="20.65" class="path"></line></svg></a><a class="link " href="https://ouidou.fr/2023/03/03/premier-pas-sur-wayland/"><svg viewBox="0 0 26 26"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><g><path d="M10.17,8.76l2.12-2.12a5,5,0,0,1,7.07,0h0a5,5,0,0,1,0,7.07l-2.12,2.12" class="path"></path><path d="M15.83,17.24l-2.12,2.12a5,5,0,0,1-7.07,0h0a5,5,0,0,1,0-7.07l2.12-2.12" class="path"></path><line x1="10.17" y1="15.83" x2="15.83" y2="10.17" class="path"></line></g></svg></a></div></div></div></div><div class="date_label">3 mars 2023</div><div class="desc"><h4><a href="https://ouidou.fr/2023/03/03/premier-pas-sur-wayland/">Premier pas sur Wayland</a></h4><hr class="hr_color" /><a href="https://ouidou.fr/2023/03/03/premier-pas-sur-wayland/" class="button button_left has-icon"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Lire la suite</span></a></div></div></div><div class="column mobile-one post-related post-8436 post type-post status-publish format-standard has-post-thumbnail hentry category-tech"><div class="mcb-column-inner"><div class="single-photo-wrapper image"><div class="image_frame scale-with-grid"><div class="image_wrapper"><a href="https://ouidou.fr/2023/01/26/faire-des-tests-unitaires-dans-les-applications-react-avec-jest-et-testing-library/"><div class="mask"></div><img width="371" height="194" src="https://ouidou.fr/wp-content/uploads/2023/03/tests_unitaires_react_avec_jest_testing_library-371x194.webp" alt="" loading="lazy" srcset="https://ouidou.fr/wp-content/uploads/2023/03/tests_unitaires_react_avec_jest_testing_library-371x194.webp 371w, https://ouidou.fr/wp-content/uploads/2023/03/tests_unitaires_react_avec_jest_testing_library-300x157.webp 300w, https://ouidou.fr/wp-content/uploads/2023/03/tests_unitaires_react_avec_jest_testing_library-260x136.webp 260w, https://ouidou.fr/wp-content/uploads/2023/03/tests_unitaires_react_avec_jest_testing_library-50x26.webp 50w, https://ouidou.fr/wp-content/uploads/2023/03/tests_unitaires_react_avec_jest_testing_library-143x75.webp 143w, https://ouidou.fr/wp-content/uploads/2023/03/tests_unitaires_react_avec_jest_testing_library.webp 720w" sizes="(max-width: 371px) 100vw, 371px" class="scale-with-grid wp-post-image no-lazyload" /></a><div class="image_links double"><a class="zoom " rel="prettyphoto" href="https://ouidou.fr/wp-content/uploads/2023/03/tests_unitaires_react_avec_jest_testing_library.webp"><svg viewBox="0 0 26 26"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><circle cx="11.35" cy="11.35" r="6" class="path"></circle><line x1="15.59" y1="15.59" x2="20.65" y2="20.65" class="path"></line></svg></a><a class="link " href="https://ouidou.fr/2023/01/26/faire-des-tests-unitaires-dans-les-applications-react-avec-jest-et-testing-library/"><svg viewBox="0 0 26 26"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><g><path d="M10.17,8.76l2.12-2.12a5,5,0,0,1,7.07,0h0a5,5,0,0,1,0,7.07l-2.12,2.12" class="path"></path><path d="M15.83,17.24l-2.12,2.12a5,5,0,0,1-7.07,0h0a5,5,0,0,1,0-7.07l2.12-2.12" class="path"></path><line x1="10.17" y1="15.83" x2="15.83" y2="10.17" class="path"></line></g></svg></a></div></div></div></div><div class="date_label">26 janvier 2023</div><div class="desc"><h4><a href="https://ouidou.fr/2023/01/26/faire-des-tests-unitaires-dans-les-applications-react-avec-jest-et-testing-library/">Faire des tests unitaires dans les applications React avec Jest et Testing-Library</a></h4><hr class="hr_color" /><a href="https://ouidou.fr/2023/01/26/faire-des-tests-unitaires-dans-les-applications-react-avec-jest-et-testing-library/" class="button button_left has-icon"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">Lire la suite</span></a></div></div></div></div></div> </div> </div> </div> </div> </div> </div> <!-- mfn_hook_content_after --><!-- mfn_hook_content_after --> <footer id="Footer" class="clearfix full-width"> <div class="widgets_wrapper "><div class="container"><div class="column mobile-one tablet-one-fifth one-fifth"><div class="mcb-column-inner"><aside id="block-6" class="widget widget_block"> <div class="wp-container-2 wp-block-group"><div class="wp-block-group__inner-container"> <div class="wp-container-1 wp-block-group"><div class="wp-block-group__inner-container"></div></div> </div></div> </aside><aside id="nav_menu-4" class="widget widget_nav_menu"><h4>À propos</h4><div class="menu-decouvrez-ouidou-container"><ul id="menu-decouvrez-ouidou" class="menu"><li id="menu-item-6337" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6337"><a href="https://ouidou.fr/qui-sommes-nous/">Qui sommes-nous ?</a></li> <li id="menu-item-6338" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6338"><a href="https://ouidou.fr/nos-realisations/">Nos réalisations</a></li> <li id="menu-item-6339" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6339"><a href="https://ouidou.fr/ressources/">Ressources</a></li> </ul></div></aside></div></div><div class="column mobile-one tablet-one-fifth one-fifth"><div class="mcb-column-inner"><aside id="block-12" class="widget widget_block widget_text"> <p></p> </aside><aside id="nav_menu-2" class="widget widget_nav_menu"><h4>Services</h4><div class="menu-services-container"><ul id="menu-services" class="menu"><li id="menu-item-1515" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1515"><a href="https://ouidou.fr/developpement-logiciels/">Développement logiciels</a></li> <li id="menu-item-1516" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1516"><a href="https://ouidou.fr/outils-collaboratifs-et-agilite/">Outils collaboratifs et agilité</a></li> <li id="menu-item-1517" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1517"><a href="https://ouidou.fr/studio-digital-ux-ui/">Le studio digital</a></li> </ul></div></aside></div></div><div class="column mobile-one tablet-one-fifth one-fifth"><div class="mcb-column-inner"><aside id="nav_menu-3" class="widget widget_nav_menu"><h4>Carrières</h4><div class="menu-carrieres-container"><ul id="menu-carrieres" class="menu"><li id="menu-item-1518" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1518"><a href="https://ouidou.fr/grandir-chez-ouidou/">Grandir chez Ouidou</a></li> <li id="menu-item-1519" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1519"><a href="https://ouidou.fr/pourquoi-rejoindre-ouidou/">Pourquoi rejoindre Ouidou ?</a></li> <li id="menu-item-1520" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1520"><a href="https://ouidou.fr/nous-rejoindre/">Nous rejoindre</a></li> </ul></div></aside></div></div><div class="column mobile-one tablet-one-fifth one-fifth"><div class="mcb-column-inner"><aside id="block-14" class="widget widget_block widget_text"> <p></p> </aside></div></div><div class="column mobile-one tablet-one-fifth one-fifth"><div class="mcb-column-inner"><aside id="block-11" class="widget widget_block widget_media_image"> <figure class="wp-block-image size-full"><img width="159" height="38" alt="" data-srcset="https://ouidou.fr/wp-content/uploads/2022/04/Logo_blanc.png 159w, https://ouidou.fr/wp-content/uploads/2022/04/Logo_blanc-50x12.png 50w, https://ouidou.fr/wp-content/uploads/2022/04/Logo_blanc-150x36.png 150w" data-src="https://ouidou.fr/wp-content/uploads/2022/04/Logo_blanc.png" data-sizes="(max-width: 159px) 100vw, 159px" class="wp-image-115 lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img width="159" height="38" src="https://ouidou.fr/wp-content/uploads/2022/04/Logo_blanc.png" alt="" class="wp-image-115" srcset="https://ouidou.fr/wp-content/uploads/2022/04/Logo_blanc.png 159w, https://ouidou.fr/wp-content/uploads/2022/04/Logo_blanc-50x12.png 50w, https://ouidou.fr/wp-content/uploads/2022/04/Logo_blanc-150x36.png 150w" sizes="(max-width: 159px) 100vw, 159px" /></noscript></figure> </aside><aside id="block-10" class="widget widget_block widget_text"> <p>SIEGE SOCIAL<br>31 rue Chaptal<br>75009 Paris</p> </aside><aside id="block-9" class="widget widget_block widget_text"> <p></p> </aside><aside id="block-8" class="widget widget_block widget_text"> <p></p> </aside><aside id="block-7" class="widget widget_block"> <ul class="wp-container-3 wp-block-social-links has-icon-color has-icon-background-color"><li style="color: #2962ff; background-color: #ffffff; " class="wp-social-link wp-social-link-linkedin wp-block-social-link"><a href="https://www.linkedin.com/company/ouidou-consulting/" rel="noopener nofollow" target="_blank" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path></svg><span class="wp-block-social-link-label screen-reader-text">LinkedIn</span></a></li> <li style="color: #2962ff; background-color: #ffffff; " class="wp-social-link wp-social-link-medium wp-block-social-link"><a href="https://blog.ouidou.fr/" rel="noopener nofollow" target="_blank" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M20.962,7.257l-5.457,8.867l-3.923-6.375l3.126-5.08c0.112-0.182,0.319-0.286,0.527-0.286c0.05,0,0.1,0.008,0.149,0.02 c0.039,0.01,0.078,0.023,0.114,0.041l5.43,2.715l0.006,0.003c0.004,0.002,0.007,0.006,0.011,0.008 C20.971,7.191,20.98,7.227,20.962,7.257z M9.86,8.592v5.783l5.14,2.57L9.86,8.592z M15.772,17.331l4.231,2.115 C20.554,19.721,21,19.529,21,19.016V8.835L15.772,17.331z M8.968,7.178L3.665,4.527C3.569,4.479,3.478,4.456,3.395,4.456 C3.163,4.456,3,4.636,3,4.938v11.45c0,0.306,0.224,0.669,0.498,0.806l4.671,2.335c0.12,0.06,0.234,0.088,0.337,0.088 c0.29,0,0.494-0.225,0.494-0.602V7.231C9,7.208,8.988,7.188,8.968,7.178z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Medium</span></a></li> <li style="color: #2962ff; background-color: #ffffff; " class="wp-social-link wp-social-link-github wp-block-social-link"><a href="https://github.com/ouidou" rel="noopener nofollow" target="_blank" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833 c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"></path></svg><span class="wp-block-social-link-label screen-reader-text">GitHub</span></a></li> <li style="color: #2962ff; background-color: #ffffff; " class="wp-social-link wp-social-link-youtube wp-block-social-link"><a href="https://www.youtube.com/channel/UCY2WQNGU9divj2dOY6Ms6Rw" rel="noopener nofollow" target="_blank" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li></ul> </aside></div></div></div></div> <div class="footer_copy"> <div class="container"> <div class="column one mobile-one"> <div class="mcb-column-inner"> <div class="copyright"> © 2022 Ouidou | Tous droits réservés | <a href="https://ouidou.fr/mentions-legale/">Mentions légales</a> </div> <ul class="social"></ul> </div> </div> </div> </div> </footer> </div> <div id="body_overlay"></div> <div id="Side_slide" class="right dark" data-width="250"><div class="close-wrapper"><a href="#" class="close"><i class="icon-cancel-fine"></i></a></div><div class="extras"><a href="/contact" class="action_button" >Nous contacter</a><div class="extras-wrapper"></div></div><div class="lang-wrapper"></div><div class="menu_wrapper"></div><ul class="social"></ul></div> <a id="back_to_top" class="footer_button sticky" href="" style="display: none"><i class="icon-up-open-big"></i></a> <!-- mfn_hook_bottom --><!-- mfn_hook_bottom --> <script> window.RS_MODULES = window.RS_MODULES || {}; window.RS_MODULES.modules = window.RS_MODULES.modules || {}; window.RS_MODULES.waiting = window.RS_MODULES.waiting || []; window.RS_MODULES.defered = true; window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {}; window.RS_MODULES.type = 'compiled'; </script> <style>.wp-container-1 > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }.wp-container-1 > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }.wp-container-1 > .aligncenter { margin-left: auto !important; margin-right: auto !important; }</style> <style>.wp-container-2 > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }.wp-container-2 > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }.wp-container-2 > .aligncenter { margin-left: auto !important; margin-right: auto !important; }</style> <style>.wp-container-3 {display: flex;gap: 0.5em;flex-wrap: wrap;align-items: center;}.wp-container-3 > * { margin: 0; }</style> <link rel='stylesheet' id='rs-plugin-settings-css' href='https://ouidou.fr/wp-content/plugins/revslider/public/assets/css/rs6.css?ver=6.5.19' type='text/css' media='all' /> <style id='rs-plugin-settings-inline-css' type='text/css'> #rs-demo-id {} </style> <script type='text/javascript' src='https://ouidou.fr/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.7.2' id='swv-js'></script> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/ouidou.fr\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://ouidou.fr/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.7.2' id='contact-form-7-js'></script> <script type='text/javascript' src='https://ouidou.fr/wp-content/plugins/display-medium-posts/public/js/display-medium-posts-public.js?ver=1.0.0' id='display-medium-posts-js'></script> <script type='text/javascript' id='leadin-script-loader-js-js-extra'> /* <![CDATA[ */ var leadin_wordpress = {"userRole":"visitor","pageType":"post","leadinPluginVersion":"9.0.480"}; /* ]]> */ </script> <script type='text/javascript' src='https://js-eu1.hs-scripts.com/25198169.js?integration=WordPress&ver=9.0.480' async defer id='hs-script-loader'></script> <script type='text/javascript' src='https://ouidou.fr/wp-content/plugins/revslider/public/assets/js/rbtools.min.js?ver=6.5.18' defer async id='tp-tools-js'></script> <script type='text/javascript' src='https://ouidou.fr/wp-content/plugins/revslider/public/assets/js/rs6.min.js?ver=6.5.19' defer async id='revmin-js'></script> <script type='text/javascript' src='https://ouidou.fr/wp-includes/js/jquery/ui/core.min.js?ver=1.13.1' id='jquery-ui-core-js'></script> <script type='text/javascript' src='https://ouidou.fr/wp-includes/js/jquery/ui/tabs.min.js?ver=1.13.1' id='jquery-ui-tabs-js'></script> <script type='text/javascript' id='mfn-plugins-js-extra'> /* <![CDATA[ */ var mfn = {"mobileInit":"1240","parallax":"translate3d","responsive":"1","sidebarSticky":"","lightbox":{"disable":false,"disableMobile":false,"title":false},"slider":{"blog":0,"clients":0,"offer":0,"portfolio":0,"shop":0,"slider":0,"testimonials":0},"livesearch":{"minChar":3,"loadPosts":10,"translation":{"pages":"Pages","categories":"Categories","portfolio":"Portfolio","post":"Posts","products":"Products"}},"home_url":"","site_url":"https:\/\/ouidou.fr","ajax":"https:\/\/ouidou.fr\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type='text/javascript' src='https://ouidou.fr/wp-content/themes/betheme/js/plugins.js?ver=26.0.2' id='mfn-plugins-js'></script> <script type='text/javascript' src='https://ouidou.fr/wp-content/themes/betheme/js/menu.js?ver=26.0.2' id='mfn-menu-js'></script> <script type='text/javascript' src='https://ouidou.fr/wp-content/themes/betheme/assets/jplayer/jplayer.min.js?ver=26.0.2' id='mfn-jplayer-js'></script> <script type='text/javascript' src='https://ouidou.fr/wp-content/themes/betheme/js/parallax/translate3d.js?ver=26.0.2' id='mfn-parallax-js'></script> <script type='text/javascript' src='https://ouidou.fr/wp-content/themes/betheme/js/scripts.js?ver=26.0.2' id='mfn-scripts-js'></script> <script type='text/javascript' id='mfn-scripts-js-after'> jQuery(function($){ $('#map-ouidou .region').mouseover((e)=>{hoverMap(e, true, false)}); $('#map-ouidou .region').mouseout((e)=>{hoverMap(e, false, false)}); $('#map-ouidou .icon').mouseover((e)=>{hoverMap(e, true, true)}); $('#map-ouidou .icon').mouseout((e)=>{hoverMap(e, false, true)}); function hoverMap(e, active, icon){ let card = $('#card-'+e.currentTarget.dataset.region) if(!icon){ if(active){ e.currentTarget.classList.add('region-active'); card[0] && card[0].classList.add('active') } else { e.currentTarget.classList.remove('region-active'); card[0] && card[0].classList.remove('active') } } if(icon){ console.log('icon : ' + '.region.'+e.currentTarget.dataset.region) if(active){ $('.region.'+e.currentTarget.dataset.region)[0].classList.add('region-active'); card[0] && card[0].classList.add('active') } else { $('.region.'+e.currentTarget.dataset.region)[0].classList.remove('region-active'); card[0] && card[0].classList.remove('active') } } } $( "#toggle-produits" ).click(function() { $( ".produits_atlassian" ).toggle(); $(".arrow-outils").toggleClass("icon-up-open"); $(".arrow-outils").toggleClass("icon-down-open") }); /*Ouvrir et ferme les onglets sur les pages des services*/ $('.bloc-4-methode .block').click(function () { $('.bloc-4-methode .block').removeClass('big') $('.bloc-4-methode .block').addClass('small') $(this).addClass('big') $(this).removeClass('small') }); $('.bloc-4-methode .block').mouseout(function () { $(this).removeClass('white') }); $('.block-wrapper').mouseout(function () { $('.block:first-child').addClass('big') }); $('.bloc-4-methode .block').mouseover(function () { $(this).addClass('white') }); /*Custom accessibility icon from One Click Accessibility plugin*/ const svg = 'M35.7,35c6.3-4.8,14.1-8.5,23.8-8.5c11.2,0,20.3,5.2,26.9,11.3c6.6,6,10.9,13.3,13,18.3c0.4,1.1,0.4,2.4,0,3.5c-1.8,4.5-5.6,10.9-11.2,16.5l14.7,11.6c1.5,1.1,1.8,3.2,0.6,4.6c-1.1,1.5-3.2,1.8-4.6,0.6L15.9,28c-1.5-1.1-1.8-3.2-0.6-4.6c1.1-1.5,3.2-1.8,4.6-0.6L35.7,35z M41.1,39.3l6.4,5c3.2-2.8,7.3-4.5,11.9-4.5c9.8,0,17.9,8.1,17.9,17.9c0,3.1-0.8,5.9-2.1,8.3l7.6,5.9c4.8-4.8,8.1-10.2,9.9-14.1c-2-4.2-5.6-10.1-11.1-15.1c-5.7-5.3-13.2-9.5-22.3-9.5C52.3,33.1,46.2,35.7,41.1,39.3zM69.8,61.8c0.6-1.3,0.8-2.7,0.8-4.1c0-6.2-5-11.2-11.2-11.2c-0.1,0-0.3,0-0.4,0c0.3,0.8,0.4,1.5,0.4,2.2c0,1.5-0.4,2.8-1,4.1L69.8,61.8z M69.7,87.7L22.2,50.5c1.1-1.8,2.5-3.9,4.1-5.9l50.8,40C74.7,85.9,72.3,86.9,69.7,87.7z M19.4,59.6c-0.4-1-0.4-2-0.1-2.9l11.2,8.8c1.8,2.5,3.9,5.2,6.6,7.6c3.6,3.4,8.1,6.3,13.3,8l10.4,8.1c-0.4,0-0.8,0-1.3,0c-11.3,0-20.4-5-27-11.2S21.5,64.5,19.4,59.6z' $('.pojo-a11y-toolbar-toggle-link').children('svg').attr('d',svg); $('.pojo-a11y-toolbar-toggle-link').children('svg').attr('viewBox','10 5 100 100'); $('.pojo-a11y-toolbar-toggle-link').children('svg').children('path').attr('d',svg); // Custom header for the studio $('.bg-containeranimated').append('<img alt="" data-src="https://ouidou.fr/wp-content/uploads/2022/08/cercle.svg" class="image_cercle_anim lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img class="image_cercle_anim" src="https://ouidou.fr/wp-content/uploads/2022/08/cercle.svg" alt=""></noscript>') // Custom cards $(".custom-card").hover(function () { $(this).addClass("opened").siblings().removeClass("opened"); }); $(".custom-card").hover(function () { $(this).addClass("hover").siblings().addClass("other-hover"); }, function () { $(this).removeClass("hover").siblings().removeClass("other-hover"); }); // Filter clients case by category jQuery(function($){ $('#filter').submit(function(){ var filter = $('#filter'); $.ajax({ url:"/wp-admin/admin-ajax.php", data:filter.serialize(), // form data type:filter.attr('method'), // POST beforeSend:function(xhr){ filter.find('button').text('Chargement...'); // changing the button label }, success:function(data){ filter.find('button').text('Filtrer'); // changing the button label back data = data.substr(0, (data.length -1)); $('#response').html(data); // insert data } }); return false; }); }); $("#contact-document-button").click(function(){ $("#document-file").click(); }); // Disabled cookie that open chatbot automaticly document.cookie = "hs-messages-is-open=false"; }); </script> <script type='text/javascript' id='pojo-a11y-js-extra'> /* <![CDATA[ */ var PojoA11yOptions = {"focusable":"","remove_link_target":"","add_role_links":"1","enable_save":"1","save_expiration":"12"}; /* ]]> */ </script> <script type='text/javascript' src='https://ouidou.fr/wp-content/plugins/pojo-accessibility/assets/js/app.min.js?ver=1.0.0' id='pojo-a11y-js'></script> <script type='text/javascript' id='wpcf7cf-scripts-js-extra'> /* <![CDATA[ */ var wpcf7cf_global_settings = {"ajaxurl":"https:\/\/ouidou.fr\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type='text/javascript' src='https://ouidou.fr/wp-content/plugins/cf7-conditional-fields/js/scripts.js?ver=2.2.9' id='wpcf7cf-scripts-js'></script> <script type='text/javascript' src='https://ouidou.fr/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min.js?ver=3.11.1' id='smush-lazy-load-js'></script> <script type='text/javascript' id='fifu-image-js-js-extra'> /* <![CDATA[ */ var fifuImageVars = {"fifu_lazy":"","fifu_woo_lbox_enabled":"1","fifu_woo_zoom":"inline","fifu_is_product":"","fifu_is_flatsome_active":"","fifu_rest_url":"https:\/\/ouidou.fr\/wp-json\/","fifu_nonce":"55af3c8773"}; /* ]]> */ </script> <script type='text/javascript' src='https://ouidou.fr/wp-content/plugins/featured-image-from-url/includes/html/js/image.js?ver=4.1.5' id='fifu-image-js-js'></script> <a id="pojo-a11y-skip-content" class="pojo-skip-link pojo-skip-content" tabindex="1" accesskey="s" href="#content">Aller au contenu principal</a> <nav id="pojo-a11y-toolbar" class="pojo-a11y-toolbar-left pojo-a11y-" role="navigation"> <div class="pojo-a11y-toolbar-toggle"> <a class="pojo-a11y-toolbar-link pojo-a11y-toolbar-toggle-link" href="javascript:void(0);" title="Outils d’accessibilité"> <span class="pojo-sr-only sr-only">Ouvrir la barre d’outils</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="currentColor" width="1em"> <path d="M50 8.1c23.2 0 41.9 18.8 41.9 41.9 0 23.2-18.8 41.9-41.9 41.9C26.8 91.9 8.1 73.2 8.1 50S26.8 8.1 50 8.1M50 0C22.4 0 0 22.4 0 50s22.4 50 50 50 50-22.4 50-50S77.6 0 50 0zm0 11.3c-21.4 0-38.7 17.3-38.7 38.7S28.6 88.7 50 88.7 88.7 71.4 88.7 50 71.4 11.3 50 11.3zm0 8.9c4 0 7.3 3.2 7.3 7.3S54 34.7 50 34.7s-7.3-3.2-7.3-7.3 3.3-7.2 7.3-7.2zm23.7 19.7c-5.8 1.4-11.2 2.6-16.6 3.2.2 20.4 2.5 24.8 5 31.4.7 1.9-.2 4-2.1 4.7-1.9.7-4-.2-4.7-2.1-1.8-4.5-3.4-8.2-4.5-15.8h-2c-1 7.6-2.7 11.3-4.5 15.8-.7 1.9-2.8 2.8-4.7 2.1-1.9-.7-2.8-2.8-2.1-4.7 2.6-6.6 4.9-11 5-31.4-5.4-.6-10.8-1.8-16.6-3.2-1.7-.4-2.8-2.1-2.4-3.9.4-1.7 2.1-2.8 3.9-2.4 19.5 4.6 25.1 4.6 44.5 0 1.7-.4 3.5.7 3.9 2.4.7 1.8-.3 3.5-2.1 3.9z"/> </svg> </a> </div> <div class="pojo-a11y-toolbar-overlay"> <div class="pojo-a11y-toolbar-inner"> <p class="pojo-a11y-toolbar-title">Outils d’accessibilité</p> <ul class="pojo-a11y-toolbar-items pojo-a11y-tools"> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-resize-font pojo-a11y-btn-resize-plus" data-action="resize-plus" data-action-group="resize" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M256 200v16c0 4.25-3.75 8-8 8h-56v56c0 4.25-3.75 8-8 8h-16c-4.25 0-8-3.75-8-8v-56h-56c-4.25 0-8-3.75-8-8v-16c0-4.25 3.75-8 8-8h56v-56c0-4.25 3.75-8 8-8h16c4.25 0 8 3.75 8 8v56h56c4.25 0 8 3.75 8 8zM288 208c0-61.75-50.25-112-112-112s-112 50.25-112 112 50.25 112 112 112 112-50.25 112-112zM416 416c0 17.75-14.25 32-32 32-8.5 0-16.75-3.5-22.5-9.5l-85.75-85.5c-29.25 20.25-64.25 31-99.75 31-97.25 0-176-78.75-176-176s78.75-176 176-176 176 78.75 176 176c0 35.5-10.75 70.5-31 99.75l85.75 85.75c5.75 5.75 9.25 14 9.25 22.5z""></path></svg></span><span class="pojo-a11y-toolbar-text">Augmenter le texte</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-resize-font pojo-a11y-btn-resize-minus" data-action="resize-minus" data-action-group="resize" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M256 200v16c0 4.25-3.75 8-8 8h-144c-4.25 0-8-3.75-8-8v-16c0-4.25 3.75-8 8-8h144c4.25 0 8 3.75 8 8zM288 208c0-61.75-50.25-112-112-112s-112 50.25-112 112 50.25 112 112 112 112-50.25 112-112zM416 416c0 17.75-14.25 32-32 32-8.5 0-16.75-3.5-22.5-9.5l-85.75-85.5c-29.25 20.25-64.25 31-99.75 31-97.25 0-176-78.75-176-176s78.75-176 176-176 176 78.75 176 176c0 35.5-10.75 70.5-31 99.75l85.75 85.75c5.75 5.75 9.25 14 9.25 22.5z"></path></svg></span><span class="pojo-a11y-toolbar-text">Diminuer le texte</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-background-group pojo-a11y-btn-grayscale" data-action="grayscale" data-action-group="schema" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M15.75 384h-15.75v-352h15.75v352zM31.5 383.75h-8v-351.75h8v351.75zM55 383.75h-7.75v-351.75h7.75v351.75zM94.25 383.75h-7.75v-351.75h7.75v351.75zM133.5 383.75h-15.5v-351.75h15.5v351.75zM165 383.75h-7.75v-351.75h7.75v351.75zM180.75 383.75h-7.75v-351.75h7.75v351.75zM196.5 383.75h-7.75v-351.75h7.75v351.75zM235.75 383.75h-15.75v-351.75h15.75v351.75zM275 383.75h-15.75v-351.75h15.75v351.75zM306.5 383.75h-15.75v-351.75h15.75v351.75zM338 383.75h-15.75v-351.75h15.75v351.75zM361.5 383.75h-15.75v-351.75h15.75v351.75zM408.75 383.75h-23.5v-351.75h23.5v351.75zM424.5 383.75h-8v-351.75h8v351.75zM448 384h-15.75v-352h15.75v352z"></path></svg></span><span class="pojo-a11y-toolbar-text">Niveau de gris</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-background-group pojo-a11y-btn-high-contrast" data-action="high-contrast" data-action-group="schema" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M192 360v-272c-75 0-136 61-136 136s61 136 136 136zM384 224c0 106-86 192-192 192s-192-86-192-192 86-192 192-192 192 86 192 192z""></path></svg></span><span class="pojo-a11y-toolbar-text">Haut contraste</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-background-group pojo-a11y-btn-negative-contrast" data-action="negative-contrast" data-action-group="schema" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M416 240c-23.75-36.75-56.25-68.25-95.25-88.25 10 17 15.25 36.5 15.25 56.25 0 61.75-50.25 112-112 112s-112-50.25-112-112c0-19.75 5.25-39.25 15.25-56.25-39 20-71.5 51.5-95.25 88.25 42.75 66 111.75 112 192 112s149.25-46 192-112zM236 144c0-6.5-5.5-12-12-12-41.75 0-76 34.25-76 76 0 6.5 5.5 12 12 12s12-5.5 12-12c0-28.5 23.5-52 52-52 6.5 0 12-5.5 12-12zM448 240c0 6.25-2 12-5 17.25-46 75.75-130.25 126.75-219 126.75s-173-51.25-219-126.75c-3-5.25-5-11-5-17.25s2-12 5-17.25c46-75.5 130.25-126.75 219-126.75s173 51.25 219 126.75c3 5.25 5 11 5 17.25z"></path></svg></span><span class="pojo-a11y-toolbar-text">Contraste négatif</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-background-group pojo-a11y-btn-light-background" data-action="light-background" data-action-group="schema" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M184 144c0 4.25-3.75 8-8 8s-8-3.75-8-8c0-17.25-26.75-24-40-24-4.25 0-8-3.75-8-8s3.75-8 8-8c23.25 0 56 12.25 56 40zM224 144c0-50-50.75-80-96-80s-96 30-96 80c0 16 6.5 32.75 17 45 4.75 5.5 10.25 10.75 15.25 16.5 17.75 21.25 32.75 46.25 35.25 74.5h57c2.5-28.25 17.5-53.25 35.25-74.5 5-5.75 10.5-11 15.25-16.5 10.5-12.25 17-29 17-45zM256 144c0 25.75-8.5 48-25.75 67s-40 45.75-42 72.5c7.25 4.25 11.75 12.25 11.75 20.5 0 6-2.25 11.75-6.25 16 4 4.25 6.25 10 6.25 16 0 8.25-4.25 15.75-11.25 20.25 2 3.5 3.25 7.75 3.25 11.75 0 16.25-12.75 24-27.25 24-6.5 14.5-21 24-36.75 24s-30.25-9.5-36.75-24c-14.5 0-27.25-7.75-27.25-24 0-4 1.25-8.25 3.25-11.75-7-4.5-11.25-12-11.25-20.25 0-6 2.25-11.75 6.25-16-4-4.25-6.25-10-6.25-16 0-8.25 4.5-16.25 11.75-20.5-2-26.75-24.75-53.5-42-72.5s-25.75-41.25-25.75-67c0-68 64.75-112 128-112s128 44 128 112z"></path></svg></span><span class="pojo-a11y-toolbar-text">Arrière-plan clair</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-links-underline" data-action="links-underline" data-action-group="toggle" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M364 304c0-6.5-2.5-12.5-7-17l-52-52c-4.5-4.5-10.75-7-17-7-7.25 0-13 2.75-18 8 8.25 8.25 18 15.25 18 28 0 13.25-10.75 24-24 24-12.75 0-19.75-9.75-28-18-5.25 5-8.25 10.75-8.25 18.25 0 6.25 2.5 12.5 7 17l51.5 51.75c4.5 4.5 10.75 6.75 17 6.75s12.5-2.25 17-6.5l36.75-36.5c4.5-4.5 7-10.5 7-16.75zM188.25 127.75c0-6.25-2.5-12.5-7-17l-51.5-51.75c-4.5-4.5-10.75-7-17-7s-12.5 2.5-17 6.75l-36.75 36.5c-4.5 4.5-7 10.5-7 16.75 0 6.5 2.5 12.5 7 17l52 52c4.5 4.5 10.75 6.75 17 6.75 7.25 0 13-2.5 18-7.75-8.25-8.25-18-15.25-18-28 0-13.25 10.75-24 24-24 12.75 0 19.75 9.75 28 18 5.25-5 8.25-10.75 8.25-18.25zM412 304c0 19-7.75 37.5-21.25 50.75l-36.75 36.5c-13.5 13.5-31.75 20.75-50.75 20.75-19.25 0-37.5-7.5-51-21.25l-51.5-51.75c-13.5-13.5-20.75-31.75-20.75-50.75 0-19.75 8-38.5 22-52.25l-22-22c-13.75 14-32.25 22-52 22-19 0-37.5-7.5-51-21l-52-52c-13.75-13.75-21-31.75-21-51 0-19 7.75-37.5 21.25-50.75l36.75-36.5c13.5-13.5 31.75-20.75 50.75-20.75 19.25 0 37.5 7.5 51 21.25l51.5 51.75c13.5 13.5 20.75 31.75 20.75 50.75 0 19.75-8 38.5-22 52.25l22 22c13.75-14 32.25-22 52-22 19 0 37.5 7.5 51 21l52 52c13.75 13.75 21 31.75 21 51z"></path></svg></span><span class="pojo-a11y-toolbar-text">Liens soulignés</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-readable-font" data-action="readable-font" data-action-group="toggle" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M181.25 139.75l-42.5 112.5c24.75 0.25 49.5 1 74.25 1 4.75 0 9.5-0.25 14.25-0.5-13-38-28.25-76.75-46-113zM0 416l0.5-19.75c23.5-7.25 49-2.25 59.5-29.25l59.25-154 70-181h32c1 1.75 2 3.5 2.75 5.25l51.25 120c18.75 44.25 36 89 55 133 11.25 26 20 52.75 32.5 78.25 1.75 4 5.25 11.5 8.75 14.25 8.25 6.5 31.25 8 43 12.5 0.75 4.75 1.5 9.5 1.5 14.25 0 2.25-0.25 4.25-0.25 6.5-31.75 0-63.5-4-95.25-4-32.75 0-65.5 2.75-98.25 3.75 0-6.5 0.25-13 1-19.5l32.75-7c6.75-1.5 20-3.25 20-12.5 0-9-32.25-83.25-36.25-93.5l-112.5-0.5c-6.5 14.5-31.75 80-31.75 89.5 0 19.25 36.75 20 51 22 0.25 4.75 0.25 9.5 0.25 14.5 0 2.25-0.25 4.5-0.5 6.75-29 0-58.25-5-87.25-5-3.5 0-8.5 1.5-12 2-15.75 2.75-31.25 3.5-47 3.5z"></path></svg></span><span class="pojo-a11y-toolbar-text">Police lisible</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-reset" data-action="reset" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M384 224c0 105.75-86.25 192-192 192-57.25 0-111.25-25.25-147.75-69.25-2.5-3.25-2.25-8 0.5-10.75l34.25-34.5c1.75-1.5 4-2.25 6.25-2.25 2.25 0.25 4.5 1.25 5.75 3 24.5 31.75 61.25 49.75 101 49.75 70.5 0 128-57.5 128-128s-57.5-128-128-128c-32.75 0-63.75 12.5-87 34.25l34.25 34.5c4.75 4.5 6 11.5 3.5 17.25-2.5 6-8.25 10-14.75 10h-112c-8.75 0-16-7.25-16-16v-112c0-6.5 4-12.25 10-14.75 5.75-2.5 12.75-1.25 17.25 3.5l32.5 32.25c35.25-33.25 83-53 132.25-53 105.75 0 192 86.25 192 192z"></path></svg></span> <span class="pojo-a11y-toolbar-text">Réinitialiser</span> </a> </li> </ul> </div> </div> </nav> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/25198169.js"></script> <!-- End of HubSpot Embed Code --> </body> </html> <!-- Cache Enabler by KeyCDN @ Fri, 31 Mar 2023 12:33:37 GMT (https-index.html) -->