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

La technologie Java Web Start (JWS)

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 class="article-media-bottom"> <a href="http://twitter.com/share?text=Regarde cet article ici -> &url=http://https://ouidou.fr/medium/la-technologie-java-web-start-jws/"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="15" cy="15" r="15" fill="#2962FF"/> <path d="M21.3438 11.75C21.3438 11.9062 21.3438 12.0312 21.3438 12.1875C21.3438 16.5312 18.0625 21.5 12.0312 21.5C10.1562 21.5 8.4375 20.9688 7 20.0312C7.25 20.0625 7.5 20.0938 7.78125 20.0938C9.3125 20.0938 10.7188 19.5625 11.8438 18.6875C10.4062 18.6562 9.1875 17.7188 8.78125 16.4062C9 16.4375 9.1875 16.4688 9.40625 16.4688C9.6875 16.4688 10 16.4062 10.25 16.3438C8.75 16.0312 7.625 14.7188 7.625 13.125V13.0938C8.0625 13.3438 8.59375 13.4688 9.125 13.5C8.21875 12.9062 7.65625 11.9062 7.65625 10.7812C7.65625 10.1562 7.8125 9.59375 8.09375 9.125C9.71875 11.0938 12.1562 12.4062 14.875 12.5625C14.8125 12.3125 14.7812 12.0625 14.7812 11.8125C14.7812 10 16.25 8.53125 18.0625 8.53125C19 8.53125 19.8438 8.90625 20.4688 9.5625C21.1875 9.40625 21.9062 9.125 22.5312 8.75C22.2812 9.53125 21.7812 10.1562 21.0938 10.5625C21.75 10.5 22.4062 10.3125 22.9688 10.0625C22.5312 10.7188 21.9688 11.2812 21.3438 11.75Z" fill="white"/> </svg> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://ouidou.fr/medium/la-technologie-java-web-start-jws/"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1607_12884)"> <path d="M15 0.760315C6.717 0.760315 0 7.15745 0 15.046C0 22.9346 6.717 29.3317 15 29.3317C23.283 29.3317 30 22.9346 30 15.046C30 7.15745 23.283 0.760315 15 0.760315ZM10.6412 22.3563H6.98799V11.889H10.6412V22.3563ZM8.8147 10.4597H8.79089C7.565 10.4597 6.77216 9.65597 6.77216 8.65151C6.77216 7.62437 7.58926 6.84291 8.83896 6.84291C10.0887 6.84291 10.8577 7.62437 10.8815 8.65151C10.8815 9.65597 10.0887 10.4597 8.8147 10.4597ZM23.8138 22.3563H20.1611V16.7565C20.1611 15.3492 19.6321 14.3895 18.3103 14.3895C17.3012 14.3895 16.7001 15.0369 16.436 15.6618C16.3394 15.8855 16.3158 16.1981 16.3158 16.5109V22.3563H12.6629C12.6629 22.3563 12.7107 12.871 12.6629 11.889H16.3158V13.3711C16.8013 12.6578 17.6699 11.6433 19.6081 11.6433C22.0116 11.6433 23.8138 13.1393 23.8138 16.3544V22.3563Z" fill="#2962FF"/> </g> <defs> <clipPath id="clip0_1607_12884"> <rect width="30" height="30" fill="white"/> </clipPath> </defs> </svg> </a> <a href="mailto:name@email.com?body=https://ouidou.fr/medium/la-technologie-java-web-start-jws/&subject=Regarde cet article sur : La technologie Java Web Start (JWS)"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="30" height="30" rx="15" fill="#2962FF"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.25H9C7.76104 8.25 6.7575 9.26051 6.7575 10.5L6.75 19.4994C6.75 20.7392 7.76079 21.75 9 21.75H21C22.2392 21.75 23.25 20.7392 23.25 19.5V10.5C23.25 9.26079 22.2392 8.25 21 8.25ZM8.2575 10.5006C8.2575 10.0866 8.5918 9.75 9 9.75H21C21.4108 9.75 21.75 10.0892 21.75 10.5V19.5C21.75 19.9108 21.4108 20.25 21 20.25H9C8.58921 20.25 8.25 19.9108 8.25 19.5L8.2575 10.5006ZM10.113 12.7501C9.75826 12.5363 9.64394 12.0754 9.85771 11.7206C10.0715 11.3659 10.5324 11.2515 10.8872 11.4653L14.978 13.9301L19.2464 11.3583C19.6018 11.1442 20.0634 11.2587 20.2775 11.6141C20.4912 11.9686 20.3777 12.4292 20.0238 12.644L15.0075 15.6885L15.0028 15.6963L10.113 12.7501Z" fill="white"/> <mask id="mask0_4280_16979" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="6" y="8" width="18" height="14"> <path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.25H9C7.76104 8.25 6.7575 9.26051 6.7575 10.5L6.75 19.4994C6.75 20.7392 7.76079 21.75 9 21.75H21C22.2392 21.75 23.25 20.7392 23.25 19.5V10.5C23.25 9.26079 22.2392 8.25 21 8.25ZM8.2575 10.5006C8.2575 10.0866 8.5918 9.75 9 9.75H21C21.4108 9.75 21.75 10.0892 21.75 10.5V19.5C21.75 19.9108 21.4108 20.25 21 20.25H9C8.58921 20.25 8.25 19.9108 8.25 19.5L8.2575 10.5006ZM10.113 12.7501C9.75826 12.5363 9.64394 12.0754 9.85771 11.7206C10.0715 11.3659 10.5324 11.2515 10.8872 11.4653L14.978 13.9301L19.2464 11.3583C19.6018 11.1442 20.0634 11.2587 20.2775 11.6141C20.4912 11.9686 20.3777 12.4292 20.0238 12.644L15.0075 15.6885L15.0028 15.6963L10.113 12.7501Z" fill="white"/> </mask> <g mask="url(#mask0_4280_16979)"> <rect x="6" y="6" width="18" height="18" fill="white"/> </g> </svg> </a> <a href="whatsapp://send?text=https://ouidou.fr/medium/la-technologie-java-web-start-jws/"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1607_12886)"> <path d="M15 0C6.717 0 0 6.717 0 15C0 23.283 6.717 30 15 30C23.283 30 30 23.283 30 15C30 6.717 23.283 0 15 0ZM15.3179 23.7334C15.3177 23.7334 15.3181 23.7334 15.3179 23.7334H15.3143C13.8116 23.7328 12.3351 23.356 11.0239 22.641L6.26472 23.8891L7.53845 19.2382C6.7527 17.8773 6.33934 16.3332 6.34003 14.7514C6.34209 9.80301 10.3695 5.77721 15.3179 5.77721C17.7193 5.77812 19.9736 6.71288 21.6685 8.40912C23.3636 10.1056 24.2965 12.3605 24.2956 14.7585C24.2935 19.7072 20.2657 23.7334 15.3179 23.7334Z" fill="#2962FF"/> <path d="M15.3207 7.29309C11.2047 7.29309 7.8573 10.6391 7.85547 14.7521C7.85501 16.1616 8.2496 17.5342 8.99645 18.7218L9.17383 19.0041L8.41989 21.7568L11.2441 21.0162L11.5167 21.1777C12.6622 21.8575 13.9755 22.2171 15.3145 22.2176H15.3175C19.4303 22.2176 22.7776 18.8713 22.7795 14.7581C22.7802 12.7647 22.0047 10.8907 20.5959 9.48074C19.1872 8.07083 17.3136 7.29378 15.3207 7.29309V7.29309ZM19.7097 17.9592C19.5227 18.4829 18.6266 18.961 18.1957 19.0256C17.8091 19.0833 17.3202 19.1073 16.7828 18.9368C16.4568 18.8333 16.0391 18.6953 15.5038 18.4644C13.2536 17.493 11.784 15.228 11.6718 15.0783C11.5597 14.9286 10.7559 13.8622 10.7559 12.7583C10.7559 11.6547 11.3354 11.112 11.5409 10.8877C11.7467 10.6631 11.9898 10.6071 12.1392 10.6071C12.2887 10.6071 12.4384 10.6084 12.5691 10.6149C12.7068 10.6217 12.8918 10.5624 13.0737 10.9998C13.2607 11.4489 13.7094 12.5526 13.7654 12.6647C13.8215 12.7771 13.8588 12.908 13.7842 13.0577C13.7094 13.2074 13.4608 13.5303 13.2234 13.8247C13.1239 13.9481 12.9941 14.0579 13.125 14.2825C13.2557 14.5068 13.7061 15.2412 14.3729 15.8359C15.2298 16.5999 15.9526 16.8365 16.1769 16.9489C16.401 17.0611 16.5319 17.0423 16.6628 16.8929C16.7935 16.7432 17.2236 16.238 17.3731 16.0135C17.5225 15.789 17.6722 15.8265 17.8777 15.9013C18.0835 15.976 19.1863 16.5186 19.4106 16.6308C19.6349 16.7432 19.7843 16.7992 19.8404 16.8929C19.8967 16.9865 19.8967 17.4353 19.7097 17.9592V17.9592Z" fill="#2962FF"/> </g> <defs> <clipPath id="clip0_1607_12886"> <rect width="30" height="30" fill="white"/> </clipPath> </defs> </svg> </a> </div> </div> </div> <!-- more articles --> <div class="article-read-more"> <h3>À lire aussi </h3> <div class="read-more-wrapper"> <div class="article-card"> <div class="article-card-infos"> <div class="article-card-img"> <img width="1105" height="564" src="https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique.png" alt="" style="width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16/9" srcset="https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique.png 1105w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-300x153.png 300w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-1024x523.png 1024w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-768x392.png 768w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-260x133.png 260w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-50x26.png 50w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-147x75.png 147w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-380x194.png 380w" sizes="(max-width: 1105px) 100vw, 1105px" class="attachment-interview-card-image size-interview-card-image wp-post-image no-lazyload" /> </div> <div class="article-card-date"> 21 novembre 2023 </div> <div class="article-card-title"> <h4> La hiérarchie de l’information </h4> </div> </div> <div class="article-card-link"> <a href="https://ouidou.fr/2023/11/21/la-hierarchie-de-linformation/"> <p> Lire la suite </p> <button onclick=> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.707 8.70707L12.707 15.7071C12.512 15.9021 12.256 16 12 16C11.744 16 11.488 15.9021 11.293 15.7071C10.902 15.3161 10.902 14.684 11.293 14.293L16.586 9.00004H1C0.447 9.00004 0 8.55304 0 8.00004C0 7.44704 0.447 7.00004 1 7.00004H16.586L11.293 1.70707C10.902 1.31607 10.902 0.684006 11.293 0.293006C11.684 -0.0979941 12.316 -0.0979941 12.707 0.293006L19.707 7.29301C20.098 7.68401 20.098 8.31607 19.707 8.70707Z" fill="white"/> </svg> </button> </a> </div> </div> <div class="article-card"> <div class="article-card-infos"> <div class="article-card-img"> <img width="1105" height="564" src="https://ouidou.fr/wp-content/uploads/2023/08/Authentifiez-les-services-derrière-vos-ingress-avec-OAuth2-Proxy-1.png" alt="" style="width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16/9" loading="lazy" srcset="https://ouidou.fr/wp-content/uploads/2023/08/Authentifiez-les-services-derrière-vos-ingress-avec-OAuth2-Proxy-1.png 1105w, https://ouidou.fr/wp-content/uploads/2023/08/Authentifiez-les-services-derrière-vos-ingress-avec-OAuth2-Proxy-1-300x153.png 300w, https://ouidou.fr/wp-content/uploads/2023/08/Authentifiez-les-services-derrière-vos-ingress-avec-OAuth2-Proxy-1-1024x523.png 1024w, https://ouidou.fr/wp-content/uploads/2023/08/Authentifiez-les-services-derrière-vos-ingress-avec-OAuth2-Proxy-1-768x392.png 768w, https://ouidou.fr/wp-content/uploads/2023/08/Authentifiez-les-services-derrière-vos-ingress-avec-OAuth2-Proxy-1-260x133.png 260w, https://ouidou.fr/wp-content/uploads/2023/08/Authentifiez-les-services-derrière-vos-ingress-avec-OAuth2-Proxy-1-50x26.png 50w, https://ouidou.fr/wp-content/uploads/2023/08/Authentifiez-les-services-derrière-vos-ingress-avec-OAuth2-Proxy-1-147x75.png 147w, https://ouidou.fr/wp-content/uploads/2023/08/Authentifiez-les-services-derrière-vos-ingress-avec-OAuth2-Proxy-1-380x194.png 380w" sizes="(max-width: 1105px) 100vw, 1105px" class="attachment-interview-card-image size-interview-card-image wp-post-image no-lazyload" /> </div> <div class="article-card-date"> 7 novembre 2023 </div> <div class="article-card-title"> <h4> Authentifiez les services derrière vos ingress avec OAuth2 Proxy </h4> </div> </div> <div class="article-card-link"> <a href="https://ouidou.fr/2023/11/07/ingress-oauth2-proxy/"> <p> Lire la suite </p> <button onclick=> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.707 8.70707L12.707 15.7071C12.512 15.9021 12.256 16 12 16C11.744 16 11.488 15.9021 11.293 15.7071C10.902 15.3161 10.902 14.684 11.293 14.293L16.586 9.00004H1C0.447 9.00004 0 8.55304 0 8.00004C0 7.44704 0.447 7.00004 1 7.00004H16.586L11.293 1.70707C10.902 1.31607 10.902 0.684006 11.293 0.293006C11.684 -0.0979941 12.316 -0.0979941 12.707 0.293006L19.707 7.29301C20.098 7.68401 20.098 8.31607 19.707 8.70707Z" fill="white"/> </svg> </button> </a> </div> </div> <div class="article-card"> <div class="article-card-infos"> <div class="article-card-img"> <img width="1105" height="564" src="https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2.png" alt="Ouidou x Atlassian" style="width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16/9" loading="lazy" srcset="https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2.png 1105w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-300x153.png 300w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-1024x523.png 1024w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-768x392.png 768w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-260x133.png 260w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-50x26.png 50w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-147x75.png 147w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-380x194.png 380w" sizes="(max-width: 1105px) 100vw, 1105px" class="attachment-interview-card-image size-interview-card-image wp-post-image no-lazyload" /> </div> <div class="article-card-date"> 2 novembre 2023 </div> <div class="article-card-title"> <h4> Ouidou x Atlassian </h4> </div> </div> <div class="article-card-link"> <a href="https://ouidou.fr/2023/11/02/ouidou-tech-x-atlassian/"> <p> Lire la suite </p> <button onclick=> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.707 8.70707L12.707 15.7071C12.512 15.9021 12.256 16 12 16C11.744 16 11.488 15.9021 11.293 15.7071C10.902 15.3161 10.902 14.684 11.293 14.293L16.586 9.00004H1C0.447 9.00004 0 8.55304 0 8.00004C0 7.44704 0.447 7.00004 1 7.00004H16.586L11.293 1.70707C10.902 1.31607 10.902 0.684006 11.293 0.293006C11.684 -0.0979941 12.316 -0.0979941 12.707 0.293006L19.707 7.29301C20.098 7.68401 20.098 8.31607 19.707 8.70707Z" fill="white"/> </svg> </button> </a> </div> </div> <div class="article-card"> <div class="article-card-infos"> <div class="article-card-img"> <img width="1105" height="564" src="https://ouidou.fr/wp-content/uploads/2023/10/Dev-fest-nantes.png" alt="Devfest de nantes" style="width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16/9" loading="lazy" srcset="https://ouidou.fr/wp-content/uploads/2023/10/Dev-fest-nantes.png 1105w, https://ouidou.fr/wp-content/uploads/2023/10/Dev-fest-nantes-300x153.png 300w, https://ouidou.fr/wp-content/uploads/2023/10/Dev-fest-nantes-1024x523.png 1024w, https://ouidou.fr/wp-content/uploads/2023/10/Dev-fest-nantes-768x392.png 768w, https://ouidou.fr/wp-content/uploads/2023/10/Dev-fest-nantes-260x133.png 260w, https://ouidou.fr/wp-content/uploads/2023/10/Dev-fest-nantes-50x26.png 50w, https://ouidou.fr/wp-content/uploads/2023/10/Dev-fest-nantes-147x75.png 147w, https://ouidou.fr/wp-content/uploads/2023/10/Dev-fest-nantes-380x194.png 380w" sizes="(max-width: 1105px) 100vw, 1105px" class="attachment-interview-card-image size-interview-card-image wp-post-image no-lazyload" /> </div> <div class="article-card-date"> 31 octobre 2023 </div> <div class="article-card-title"> <h4> DevFest de Nantes 2023 </h4> </div> </div> <div class="article-card-link"> <a href="https://ouidou.fr/2023/10/31/devfest-de-nantes-2023/"> <p> Lire la suite </p> <button onclick=> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.707 8.70707L12.707 15.7071C12.512 15.9021 12.256 16 12 16C11.744 16 11.488 15.9021 11.293 15.7071C10.902 15.3161 10.902 14.684 11.293 14.293L16.586 9.00004H1C0.447 9.00004 0 8.55304 0 8.00004C0 7.44704 0.447 7.00004 1 7.00004H16.586L11.293 1.70707C10.902 1.31607 10.902 0.684006 11.293 0.293006C11.684 -0.0979941 12.316 -0.0979941 12.707 0.293006L19.707 7.29301C20.098 7.68401 20.098 8.31607 19.707 8.70707Z" fill="white"/> </svg> </button> </a> </div> </div> </div> </div> </article> </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-11361 post type-post status-publish format-standard has-post-thumbnail hentry category-studio category-tous-les-articles"><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/11/21/la-hierarchie-de-linformation/"><div class="mask"></div><img width="380" height="194" src="https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-380x194.png" alt="" loading="lazy" srcset="https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-380x194.png 380w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-300x153.png 300w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-1024x523.png 1024w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-768x392.png 768w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-260x133.png 260w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-50x26.png 50w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique-147x75.png 147w, https://ouidou.fr/wp-content/uploads/2023/11/bonne-pratique.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/11/bonne-pratique-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/11/21/la-hierarchie-de-linformation/"><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">21 novembre 2023</div><div class="desc"><h4><a href="https://ouidou.fr/2023/11/21/la-hierarchie-de-linformation/">La hiérarchie de l’information</a></h4><hr class="hr_color" /><a href="https://ouidou.fr/2023/11/21/la-hierarchie-de-linformation/" 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-10925 post type-post status-publish format-standard has-post-thumbnail hentry category-tous-les-articles"><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/11/02/ouidou-tech-x-atlassian/"><div class="mask"></div><img width="380" height="194" src="https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-380x194.png" alt="Ouidou x Atlassian" loading="lazy" srcset="https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-380x194.png 380w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-300x153.png 300w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-1024x523.png 1024w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-768x392.png 768w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-260x133.png 260w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-50x26.png 50w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2-147x75.png 147w, https://ouidou.fr/wp-content/uploads/2023/11/Dev-fest-nantes-2.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/11/Dev-fest-nantes-2-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/11/02/ouidou-tech-x-atlassian/"><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">2 novembre 2023</div><div class="desc"><h4><a href="https://ouidou.fr/2023/11/02/ouidou-tech-x-atlassian/">Ouidou x Atlassian</a></h4><hr class="hr_color" /><a href="https://ouidou.fr/2023/11/02/ouidou-tech-x-atlassian/" 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-11244 post type-post status-publish format-standard has-post-thumbnail hentry category-tous-les-articles tag-formation"><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/10/25/retour-sur-la-conference-cloud-nord-2023/"><div class="mask"></div><img width="380" height="194" src="https://ouidou.fr/wp-content/uploads/2023/10/Cloud-nord-1-380x194.png" alt="cloud nord 2023" loading="lazy" srcset="https://ouidou.fr/wp-content/uploads/2023/10/Cloud-nord-1-380x194.png 380w, https://ouidou.fr/wp-content/uploads/2023/10/Cloud-nord-1-300x153.png 300w, https://ouidou.fr/wp-content/uploads/2023/10/Cloud-nord-1-1024x523.png 1024w, https://ouidou.fr/wp-content/uploads/2023/10/Cloud-nord-1-768x392.png 768w, https://ouidou.fr/wp-content/uploads/2023/10/Cloud-nord-1-260x133.png 260w, https://ouidou.fr/wp-content/uploads/2023/10/Cloud-nord-1-50x26.png 50w, https://ouidou.fr/wp-content/uploads/2023/10/Cloud-nord-1-147x75.png 147w, https://ouidou.fr/wp-content/uploads/2023/10/Cloud-nord-1.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/10/Cloud-nord-1-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/10/25/retour-sur-la-conference-cloud-nord-2023/"><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">25 octobre 2023</div><div class="desc"><h4><a href="https://ouidou.fr/2023/10/25/retour-sur-la-conference-cloud-nord-2023/">Retour sur la conférence Cloud Nord 2023</a></h4><hr class="hr_color" /><a href="https://ouidou.fr/2023/10/25/retour-sur-la-conference-cloud-nord-2023/" 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-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>70-74 boulevard Garibaldi 75015 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-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' 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":"a0202a9d81"}; /* ]]> */ </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>