PageSourceSearch

https://www.techniques-ingenieur.fr/parcours-pratique/

html techniques-ingenieur.fr collected 2026-09-24 09:14:38 UTC 295,841 bytes, 3,473 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="fr-FR">
4    <head>
5        <!--<link rel="shortcut icon" href="/images/favicon.ico">-->
6
7        <link rel="icon" type="image/x-icon" href="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/themes/astra-child/images/favicon.ico?v=2">
8        <link rel="icon" type="image/png" sizes="16x16" href="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/themes/astra-child/images/favicon-16x16.png?v=2">
9        <link rel="icon" type="image/png" sizes="32x32" href="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/themes/astra-child/images/favicon-32x32.png?v=2">
10        <link rel="apple-touch-icon" sizes="180x180" href="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/themes/astra-child/images/apple-touch-icon.png?v=2">
11        <link rel="icon" type="image/png" sizes="192x192" href="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/themes/astra-child/images/android-chrome-192x192.png?v=2">
12        <link rel="icon" type="image/png" sizes="512x512" href="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/themes/astra-child/images/android-chrome-512x512.png?v=2">
13
14        <meta charset="UTF-8">
15        <meta name="viewport" content="width=device-width, initial-scale=1">
16        <link rel="profile" href="https://gmpg.org/xfn/11">
17
18        <link rel="preload" href="https://fonts.gstatic.com/s/patuaone/v20/ZXuke1cDvLCKLDcimxB44_lu.woff2" as="font" type="font/woff2" crossorigin/>
19        <link href="https://fonts.googleapis.com/css2?family=Patua+One&display=swap" rel="stylesheet">
20
21        <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
22        
22<script>dataLayer = [{"pageType":"homepage","course_name":"","sequence_name":"","step_name":"","quiz_name":"","offre":"","theme_parcours":"","rub":"parcours","typeContenu":"","logged_ip":"no","logged":"ROLE_NOT_AUTHENTICATED","abonne":"no","prod":"yes"}]</script>
22
23        
24	<!-- This site is optimized with the Yoast SEO plugin v21.1 - https://yoast.com/wordpress/plugins/seo/ -->
25	<title>Parcours Pratiques pour ingénieurs | Techniques de l&#039;Ingénieur</title>
26	<meta name="description" content="Montez en compétences avec les Parcours Pratiques : des séquences courtes et opérationnelles pour appliquer les méthodes de l&#039;ingénierie." />
27	<link rel="canonical" href="https://www.techniques-ingenieur.fr/parcours-pratique/" />
28	<meta property="og:locale" content="fr_FR" />
29	<meta property="og:type" content="website" />
30	<meta property="og:title" content="Parcours Pratiques - Parcours pratiques" />
31	<meta property="og:description" content="La solution rapide et efficace pour relever les défis posés par vos projets ! Constitués de modules numériques, préparés par les meilleurs experts, les Parcours Pratiques sont l’assurance de votre montée en compétence. Chaque Parcours Pratique est scénarisé autour d’une problématique concrète. Séquencés étape par étape, ils intègrent des fiches didactiques, des solutions prêtes à &hellip; Parcours Pratiques Lire la suite »" />
32	<meta property="og:url" content="https://www.techniques-ingenieur.fr/parcours-pratique/" />
33	<meta property="og:site_name" content="Parcours pratiques" />
34	<meta property="article:modified_time" content="2025-03-10T13:43:09+00:00" />
35	<meta property="og:image" content="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/07/hydrogene.jpg" />
36	<meta property="og:image:width" content="1000" />
37	<meta property="og:image:height" content="667" />
38	<meta property="og:image:type" content="image/jpeg" />
39	<meta name="twitter:card" content="summary_large_image" />
40	
40<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.techniques-ingenieur.fr/parcours-pratique/","url":"https://www.techniques-ingenieur.fr/parcours-pratique/","name":"Parcours Pratiques - Parcours pratiques","isPartOf":{"@id":"https://www.techniques-ingenieur.fr/parcours-pratique/#website"},"primaryImageOfPage":{"@id":"https://www.techniques-ingenieur.fr/parcours-pratique/#primaryimage"},"image":{"@id":"https://www.techniques-ingenieur.fr/parcours-pratique/#primaryimage"},"thumbnailUrl":"https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/07/hydrogene.jpg","datePublished":"2023-07-20T11:19:11+00:00","dateModified":"2025-03-10T13:43:09+00:00","breadcrumb":{"@id":"https://www.techniques-ingenieur.fr/parcours-pratique/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://www.techniques-ingenieur.fr/parcours-pratique/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://www.techniques-ingenieur.fr/parcours-pratique/#primaryimage","url":"https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/07/hydrogene.jpg","contentUrl":"https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/07/hydrogene.jpg","width":1000,"height":667},{"@type":"BreadcrumbList","@id":"https://www.techniques-ingenieur.fr/parcours-pratique/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil"}]},{"@type":"WebSite","@id":"https://www.techniques-ingenieur.fr/parcours-pratique/#website","url":"https://www.techniques-ingenieur.fr/parcours-pratique/","name":"Parcours pratiques","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.techniques-ingenieur.fr/parcours-pratique/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"}]}</script>
40
41	<!-- / Yoast SEO plugin. -->
42
43
44<link rel='dns-prefetch' href='//www.techniques-ingenieur.fr' />
45<link rel='dns-prefetch' href='//cdn.techniques-ingenieur.fr' />
46<link rel='stylesheet' id='astra-theme-css-css' href='https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/themes/astra/assets/css/minified/main.min.css?ver=4.3.1' media='all' />
47<style id='astra-theme-css-inline-css'>
48:root{--ast-container-default-xlg-padding:3em;--ast-container-default-lg-padding:3em;--ast-container-default-slg-padding:2em;--ast-container-default-md-padding:3em;--ast-container-default-sm-padding:3em;--ast-container-default-xs-padding:2.4em;--ast-container-default-xxs-padding:1.8em;--ast-code-block-background:#ECEFF3;--ast-comment-inputs-background:#F9FAFB;}html{font-size:100%;}a{color:var(--ast-global-color-0);}a:hover,a:focus{color:var(--ast-global-color-1);}body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;font-size:16px;font-size:1rem;line-height:1.6em;}blockquote{color:var(--ast-global-color-3);}h1,.entry-content h1,h2,.entry-content h2,h3,.entry-content h3,h4,.entry-content h4,h5,.entry-content h5,h6,.entry-content h6,.site-title,.site-title a{font-weight:600;}.site-title{font-size:26px;font-size:1.625rem;display:block;}.site-header .site-description{font-size:15px;font-size:0.9375rem;display:none;}.entry-title{font-size:26px;font-size:1.625rem;}h1,.entry-content h1{font-size:40px;font-size:2.5rem;font-weight:600;line-height:1.4em;}h2,.entry-content h2{font-size:32px;font-size:2rem;font-weight:600;line-height:1.25em;}h3,.entry-content h3{font-size:26px;font-size:1.625rem;font-weight:600;line-height:1.2em;}h4,.entry-content h4{font-size:24px;font-size:1.5rem;line-height:1.2em;font-weight:600;}h5,.entry-content h5{font-size:20px;font-size:1.25rem;line-height:1.2em;font-weight:600;}h6,.entry-content h6{font-size:16px;font-size:1rem;line-height:1.25em;font-weight:600;}::selection{background-color:var(--ast-global-color-0);color:#ffffff;}body,h1,.entry-title a,.entry-content h1,h2,.entry-content h2,h3,.entry-content h3,h4,.entry-content h4,h5,.entry-content h5,h6,.entry-content h6{color:var(--ast-global-color-3);}.tagcloud a:hover,.tagcloud a:focus,.tagcloud a.current-item{color:#ffffff;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,textarea:focus{border-color:var(--ast-global-color-0);}input[type="radio"]:checked,input[type=reset],input[type="checkbox"]:checked,input[type="checkbox"]:hover:checked,input[type="checkbox"]:focus:checked,input[type=range]::-webkit-slider-thumb{border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);box-shadow:none;}.site-footer a:hover + .post-count,.site-footer a:focus + .post-count{background:var(--ast-global-color-0);border-color:var(--ast-global-color-0);}.single .nav-links .nav-previous,.single .nav-links .nav-next{color:var(--ast-global-color-0);}.entry-meta,.entry-meta *{line-height:1.45;color:var(--ast-global-color-0);}.entry-meta a:hover,.entry-meta a:hover *,.entry-meta a:focus,.entry-meta a:focus *,.page-links > .page-link,.page-links .page-link:hover,.post-navigation a:hover{color:var(--ast-global-color-1);}#cat option,.secondary .calendar_wrap thead a,.secondary .calendar_wrap thead a:visited{color:var(--ast-global-color-0);}.secondary .calendar_wrap #today,.ast-progress-val span{background:var(--ast-global-color-0);}.secondary a:hover + .post-count,.secondary a:focus + .post-count{background:var(--ast-global-color-0);border-color:var(--ast-global-color-0);}.calendar_wrap #today > a{color:#ffffff;}.page-links .page-link,.single .post-navigation a{color:var(--ast-global-color-0);}.ast-archive-title{color:var(--ast-global-color-2);}.widget-title,.widget .wp-block-heading{font-size:22px;font-size:1.375rem;color:var(--ast-global-color-2);}.ast-single-post .entry-content a,.ast-comment-content a:not(.ast-comment-edit-reply-wrap a){text-decoration:underline;}.ast-single-post .wp-block-button .wp-block-button__link,.ast-single-post .elementor-button-wrapper .elementor-button,.ast-single-post .entry-content .uagb-tab a,.ast-single-post .entry-content .uagb-ifb-cta a,.ast-single-post .entry-content .wp-block-uagb-buttons a,.ast-single-post .entry-content .uabb-module-content a,.ast-single-post .entry-content .uagb-post-grid a,.ast-single-post .entry-content .uagb-timeline a,.ast-single-post .entry-content .uagb-toc__wrap a,.ast-single-post .entry-content .uagb-taxomony-box a,.ast-single-post .entry-content .woocommerce a,.entry-content .wp-block-latest-posts > li > a,.ast-single-post .entry-content .wp-block-file__button{text-decoration:none;}a:focus-visible,.ast-menu-toggle:focus-visible,.site .skip-link:focus-visible,.wp-block-loginout input:focus-visible,.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,.ast-header-navigation-arrow:focus-visible,.woocommerce .wc-proceed-to-checkout > .checkout-button:focus-visible,.woocommerce .woocommerce-MyAccount-navigation ul li a:focus-visible,.ast-orders-table__row .ast-orders-table__cell:focus-visible,.woocommerce .woocommerce-order-details .order-again > .button:focus-visible,.woocommerce .woocommerce-message a.button.wc-forward:focus-visible,.woocommerce #minus_qty:focus-visible,.woocommerce #plus_qty:focus-visible,a#ast-apply-coupon:focus-visible,.woocommerce .woocommerce-info a:focus-visible,.woocommerce .astra-shop-summary-wrap a:focus-visible,.woocommerce a.wc-forward:focus-visible,#ast-apply-coupon:focus-visible,.woocommerce-js .woocommerce-mini-cart-item a.remove:focus-visible{outline-style:dotted;outline-color:inherit;outline-width:thin;border-color:transparent;}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,input[type="number"]:focus,textarea:focus,.wp-block-search__input:focus,[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus,.ast-mobile-popup-drawer.active .menu-toggle-close:focus,.woocommerce-ordering select.orderby:focus,#ast-scroll-top:focus,#coupon_code:focus,.woocommerce-page #comment:focus,.woocommerce #reviews #respond input#submit:focus,.woocommerce a.add_to_cart_button:focus,.woocommerce .button.single_add_to_cart_button:focus,.woocommerce .woocommerce-cart-form button:focus,.woocommerce .woocommerce-cart-form__cart-item .quantity .qty:focus,.woocommerce .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper > .input-text:focus,.woocommerce #order_comments:focus,.woocommerce #place_order:focus,.woocommerce .woocommerce-a
48ddress-fields .woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper > .input-text:focus,.woocommerce .woocommerce-MyAccount-content form button:focus,.woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-form-row .woocommerce-Input.input-text:focus,.woocommerce .ast-woocommerce-container .woocommerce-pagination ul.page-numbers li a:focus,body #content .woocommerce form .form-row .select2-container--default .select2-selection--single:focus,#ast-coupon-code:focus,.woocommerce.woocommerce-js .quantity input[type=number]:focus,.woocommerce-js .woocommerce-mini-cart-item .quantity input[type=number]:focus,.woocommerce p#ast-coupon-trigger:focus{border-style:dotted;border-color:inherit;border-width:thin;outline-color:transparent;}.ast-logo-title-inline .site-logo-img{padding-right:1em;}.ast-header-break-point #ast-desktop-header{display:none;}@media (min-width:921px){#ast-mobile-header{display:none;}}.wp-block-buttons.aligncenter{justify-content:center;}@media (max-width:921px){.ast-theme-transparent-header #primary,.ast-theme-transparent-header #secondary{padding:0;}}@media (max-width:921px){.ast-plain-container.ast-no-sidebar #primary{padding:0;}}.ast-plain-container.ast-no-sidebar #primary{margin-top:0;margin-bottom:0;}@media (min-width:1200px){.ast-plain-container.ast-no-sidebar #primary{margin-top:60px;margin-bottom:60px;}}.wp-block-button.is-style-outline .wp-block-button__link{border-color:var(--ast-global-color-0);}div.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),div.wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color){color:var(--ast-global-color-0);}.wp-block-button.is-style-outline .wp-block-button__link:hover,div.wp-block-button.is-style-outline .wp-block-button__link:focus,div.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,div.wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover{color:#ffffff;background-color:var(--ast-global-color-1);border-color:var(--ast-global-color-1);}.post-page-numbers.current .page-link,.ast-pagination .page-numbers.current{color:#ffffff;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);border-radius:2px;}h1.widget-title{font-weight:600;}h2.widget-title{font-weight:600;}h3.widget-title{font-weight:600;}#page{display:flex;flex-direction:column;min-height:100vh;}.ast-404-layout-1 h1.page-title{color:var(--ast-global-color-2);}.single .post-navigation a{line-height:1em;height:inherit;}.error-404 .page-sub-title{font-size:1.5rem;font-weight:inherit;}.search .site-content .content-area .search-form{margin-bottom:0;}#page .site-content{flex-grow:1;}.widget{margin-bottom:1.25em;}#secondary li{line-height:1.5em;}#secondary .wp-block-group h2{margin-bottom:0.7em;}#secondary h2{font-size:1.7rem;}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .ast-comment-list li.depth-1,.ast-separate-container .comment-respond{padding:3em;}.ast-separate-container .ast-article-single .ast-article-single{padding:0;}.ast-article-single .wp-block-post-template-is-layout-grid{padding-left:0;}.ast-separate-container .ast-comment-list li.depth-1,.hentry{margin-bottom:2em;}.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{border-bottom:1px solid var(--ast-border-color);}.ast-separate-container .comments-title{padding:2em 2em 0 2em;}.ast-page-builder-template .comment-form-textarea,.ast-comment-formwrap .ast-grid-common-col{padding:0;}.ast-comment-formwrap{padding:0 20px;display:inline-flex;column-gap:20px;}.archive.ast-page-builder-template .entry-header{margin-top:2em;}.ast-page-builder-template .ast-comment-formwrap{width:100%;}.entry-title{margin-bottom:0.5em;}.ast-archive-description p{font-size:inherit;font-weight:inherit;line-height:inherit;}@media (min-width:921px){.ast-left-sidebar.ast-page-builder-template #secondary,.archive.ast-right-sidebar.ast-page-builder-template .site-main{padding-left:20px;padding-right:20px;}}@media (max-width:544px){.ast-comment-formwrap.ast-row{column-gap:10px;display:inline-block;}#ast-commentform .ast-grid-common-col{position:relative;width:100%;}}@media (min-width:1201px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .ast-author-box,.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:3em;}}@media (max-width:921px){.ast-separate-container #primary,.ast-separate-container #secondary{padding:1.5em 0;}#primary,#secondary{padding:1.5em 0;margin:0;}.ast-left-sidebar #content > .ast-container{display:flex;flex-direction:column-reverse;width:100%;}}@media (min-width:922px){.ast-separate-container.ast-right-sidebar #primary,.ast-separate-container.ast-left-sidebar #primary{border:0;}.search-no-results.ast-separate-container #primary{margin-bottom:4em;}}.wp-block-button .wp-block-button__link{color:#ffffff;}.wp-block-button .wp-block-button__link:hover,.wp-block-button .wp-block-button__link:focus{color:#ffffff;background-color:var(--ast-global-color-1);border-color:var(--ast-global-color-1);}.elementor-widget-heading h1.elementor-heading-title{line-height:1.4em;}.elementor-widget-heading h2.elementor-heading-title{line-height:1.25em;}.elementor-widget-heading h3.elementor-heading-title{line-height:1.2em;}.elementor-widget-heading h4.elementor-heading-title{line-height:1.2em;}.elementor-widget-heading h5.elementor-heading-title{line-height:1.2em;}.elementor-widget-heading h6.elementor-heading-title{line-height:1.25em;}.wp-block-button .wp-block-button__link,.wp-block-search .wp-block-search__button,body .wp-block-file .wp-block-file__button{border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);color:#ffffff;font-family:inherit;font-weight:500;line-height:1em;font-size:16px;font-size:1rem;padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;}@media (max-width:921px){.wp-block-button .wp-block-button__link,.wp-block-search .wp-block-search__button,body .wp-block-file .wp-block-file__button{padding-top:14px;padding-right:28px;padding-bottom:14px;padding-left:28px;}}@media (max-width:544px){.wp-block-button .wp-block-button__link,.wp-block-search .wp-block-search__button,body .wp-block-file .wp-block-file__button{padding-top:12px;padding-right:24px;padding-bottom:12px;padding-left:24px;}}.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"],#comments .submit,.search .search-submit,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,body .wp-block-file .wp-block-file__button,.search .search-submit,.woocommerce-js a.button,.woocommerce button.button,.woocommerce .woocommerce-message a.button,.woocommerce #respond input#submit.alt,.woocommerce input.button.alt,.woocommerce input.button,.woocommerce input.button:disabled,.woocommerce input.button:disabled[disabled],.woocommerce input.button:disabled:hover,.woocommerce input.button:disabled[disabled]:hover,.woocommerce #respond input#submit,.woocommerce button.button.alt.disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,.wc-block-grid__product-onsale,[CLASS*="wc-block"] button,.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping),.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout,.woocommerce button.button.alt.disabled.wc-variation-selection-needed{border-style:solid;border-top-width:0;border-right-width:0;border-left-width:0;border-bottom-width:0;color:#ffffff;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;font-family:inherit;font-weight:500;font-size:16px;font-size:1rem;line-height:1em;}button:focus,.menu-toggle:hover,button:hover,.ast-button:hover,.ast-custom-button:hover .button:hover,.ast-custom-button:hover ,input[type=reset]:hover,input[type=reset]:focus,input#submit:hover,input#submit:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,body .wp-block-file .wp-block-file__button:hover,body .wp-block-file .wp-block-file__button:focus,.woocommerce-js a.button:hover,.woocommerce button.button:hover,.woocommerce .woocommerce-message a.button:hover,.woocommerce #respond input#submit:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce input.button.alt:hover,.woocommerce input.button:hover,.woocommerce button.button.alt.disabled:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,[CLASS*="wc-block"] button:hover,.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping):hover,.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout:hover,.woocommerce button.button.alt.disabled.wc-variation-selection-needed:hover{color:#ffffff;background-color:var(--ast-global-color-1);border-color:var(--ast-global-color-1);}form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button.has-icon{padding-top:calc(15px - 3px);padding-right:calc(30px - 3px);padding-bottom:calc(15px - 3px);padding-left:calc(30px - 3px);}@media (max-width:921px){.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"],#comments .submit,.search .search-submit,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,body .wp-block-file .wp-block-file__button,.search .search-submit,.woocommerce-js a.button,.woocommerce button.button,.woocommerce .woocommerce-message a.button,.woocommerce #respond input#submit.alt,.woocommerce input.button.alt,.woocommerce input.button,.woocommerce input.button:disabled,.woocommerce input.button:disabled[disabled],.woocommerce input.button:disabled:hover,.woocommerce input.button:disabled[disabled]:hover,.woocommerce #respond input#submit,.woocommerce button.button.alt.disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,.wc-block-grid__product-onsale,[CLASS*="wc-block"] button,.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping),.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout,.woocommerce button.button.alt.disabled.wc-variation-selection-needed{padding-top:14px;padding-right:28px;padding-bottom:14px;padding-left:28px;}}@media (max-width:544px){.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"],#comments .submit,.search .search-submit,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,body .wp-block-file .wp-block-file__button,.search .search-submit,.woocommerce-js a.button,.woocommerce button.button,.woocommerce .woocommerce-message a.button,.woocommerce #respond input#submit.alt,.woocommerce input.button.alt,.woocommerce input.button,.woocommerce input.button:disabled,.woocommerce input.button:disabled[disabled],.woocommerce input.button:disabled:hover,.woocommerce input.button:disabled[disabled]:hover,.woocommerce #respond input#submit,.woocommerce button.button.alt.disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,.wc-block-grid__product-onsale,[CLASS*="wc-block"] button,.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping),.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout,.woocommerce button.button.alt.disabled.wc-variation-selection-needed{padding-top:12px;padding-right:24px;padding-bottom:12px;padding-left:24px;}}@media (max-width:921px){.ast-mobile-header-stack .main-header-bar .ast-search-menu-icon{display:inline-block;}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-stack .main-header-bar .ast-search-icon{margin:0;}.ast-comment-avatar-wrap img{max-width:2.5em;}.ast-separate-container .ast-comment-list li.depth-1{padding:1.5em 2.14em;}.ast-separate-container .comment-respond{padding:2em 2.14em;}.ast-comment-meta{padding:0 1.8888em 1.3333em;}}@media (min-width:544px){.ast-container{max-width:100%;}}@media (max-width:544px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .comments-title,.ast-separate-container .ast-archive-description{padding:1.5em 1em;}.ast-separate-container #content .ast-container{padding-left:0.54em;padding-right:0.54em;}.ast-separate-container .ast-comment-list li.depth-1{padding:1.5em 1em;margin-bottom:1.5em;}.ast-separate-container .ast-comment-list .bypostauthor{padding:.5em;}.ast-search-menu-icon.ast-dropdown-active .search-field{width:170px;}}.ast-separate-container{background-color:var(--ast-global-color-4);;}@media (max-width:921px){.site-title{display:block;}
48.site-header .site-description{display:none;}.entry-title{font-size:30px;}h1,.entry-content h1{font-size:30px;}h2,.entry-content h2{font-size:25px;}h3,.entry-content h3{font-size:20px;}}@media (max-width:544px){.site-title{display:block;}.site-header .site-description{display:none;}.entry-title{font-size:30px;}h1,.entry-content h1{font-size:30px;}h2,.entry-content h2{font-size:25px;}h3,.entry-content h3{font-size:20px;}}@media (max-width:921px){html{font-size:91.2%;}}@media (max-width:544px){html{font-size:91.2%;}}@media (min-width:922px){.ast-container{max-width:1240px;}}@media (min-width:922px){.site-content .ast-container{display:flex;}}@media (max-width:921px){.site-content .ast-container{flex-direction:column;}}@media (min-width:922px){.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu,.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu.focus > .sub-menu{margin-left:-0px;}}.entry-content li > p{margin-bottom:0;}blockquote,cite {font-style: initial;}.wp-block-file {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}.wp-block-pullquote {border: none;}.wp-block-pullquote blockquote::before {content: "\201D";font-family: "Helvetica",sans-serif;display: flex;transform: rotate( 180deg );font-size: 6rem;font-style: normal;line-height: 1;font-weight: bold;align-items: center;justify-content: center;}.has-text-align-right > blockquote::before {justify-content: flex-start;}.has-text-align-left > blockquote::before {justify-content: flex-end;}figure.wp-block-pullquote.is-style-solid-color blockquote {max-width: 100%;text-align: inherit;}html body {--wp--custom--ast-default-block-top-padding: 3em;--wp--custom--ast-default-block-right-padding: 3em;--wp--custom--ast-default-block-bottom-padding: 3em;--wp--custom--ast-default-block-left-padding: 3em;--wp--custom--ast-container-width: 1200px;--wp--custom--ast-content-width-size: 1200px;--wp--custom--ast-wide-width-size: calc(1200px + var(--wp--custom--ast-default-block-left-padding) + var(--wp--custom--ast-default-block-right-padding));}.ast-narrow-container {--wp--custom--ast-content-width-size: 750px;--wp--custom--ast-wide-width-size: 750px;}@media(max-width: 921px) {html body {--wp--custom--ast-default-block-top-padding: 3em;--wp--custom--ast-default-block-right-padding: 2em;--wp--custom--ast-default-block-bottom-padding: 3em;--wp--custom--ast-default-block-left-padding: 2em;}}@media(max-width: 544px) {html body {--wp--custom--ast-default-block-top-padding: 3em;--wp--custom--ast-default-block-right-padding: 1.5em;--wp--custom--ast-default-block-bottom-padding: 3em;--wp--custom--ast-default-block-left-padding: 1.5em;}}.entry-content > .wp-block-group,.entry-content > .wp-block-cover,.entry-content > .wp-block-columns {padding-top: var(--wp--custom--ast-default-block-top-padding);padding-right: var(--wp--custom--ast-default-block-right-padding);padding-bottom: var(--wp--custom--ast-default-block-bottom-padding);padding-left: var(--wp--custom--ast-default-block-left-padding);}.ast-plain-container.ast-no-sidebar .entry-content > .alignfull,.ast-page-builder-template .ast-no-sidebar .entry-content > .alignfull {margin-left: calc( -50vw + 50%);margin-right: calc( -50vw + 50%);max-width: 100vw;width: 100vw;}.ast-plain-container.ast-no-sidebar .entry-content .alignfull .alignfull,.ast-page-builder-template.ast-no-sidebar .entry-content .alignfull .alignfull,.ast-plain-container.ast-no-sidebar .entry-content .alignfull .alignwide,.ast-page-builder-template.ast-no-sidebar .entry-content .alignfull .alignwide,.ast-plain-container.ast-no-sidebar .entry-content .alignwide .alignfull,.ast-page-builder-template.ast-no-sidebar .entry-content .alignwide .alignfull,.ast-plain-container.ast-no-sidebar .entry-content .alignwide .alignwide,.ast-page-builder-template.ast-no-sidebar .entry-content .alignwide .alignwide,.ast-plain-container.ast-no-sidebar .entry-content .wp-block-column .alignfull,.ast-page-builder-template.ast-no-sidebar .entry-content .wp-block-column .alignfull,.ast-plain-container.ast-no-sidebar .entry-content .wp-block-column .alignwide,.ast-page-builder
48-template.ast-no-sidebar .entry-content .wp-block-column .alignwide {margin-left: auto;margin-right: auto;width: 100%;}[ast-blocks-layout] .wp-block-separator:not(.is-style-dots) {height: 0;}[ast-blocks-layout] .wp-block-separator {margin: 20px auto;}[ast-blocks-layout] .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {max-width: 100px;}[ast-blocks-layout] .wp-block-separator.has-background {padding: 0;}.entry-content[ast-blocks-layout] > * {max-width: var(--wp--custom--ast-content-width-size);margin-left: auto;margin-right: auto;}.entry-content[ast-blocks-layout] > .alignwide {max-width: var(--wp--custom--ast-wide-width-size);}.entry-content[ast-blocks-layout] .alignfull {max-width: none;}.entry-content .wp-block-columns {margin-bottom: 0;}blockquote {margin: 1.5em;border: none;}.wp-block-quote:not(.has-text-align-right):not(.has-text-align-center) {border-left: 5px solid rgba(0,0,0,0.05);}.has-text-align-right > blockquote,blockquote.has-text-align-right {border-right: 5px solid rgba(0,0,0,0.05);}.has-text-align-left > blockquote,blockquote.has-text-align-left {border-left: 5px solid rgba(0,0,0,0.05);}.wp-block-site-tagline,.wp-block-latest-posts .read-more {margin-top: 15px;}.wp-block-loginout p label {display: block;}.wp-block-loginout p:not(.login-remember):not(.login-submit) input {width: 100%;}.wp-block-loginout input:focus {border-color: transparent;}.wp-block-loginout input:focus {outline: thin dotted;}.entry-content .wp-block-media-text .wp-block-media-text__content {padding: 0 0 0 8%;}.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding: 0 8% 0 0;}.entry-content .wp-block-media-text.has-background .wp-block-media-text__content {padding: 8%;}.entry-content .wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container,.entry-content .wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text,.entry-content .wp-block-cover:not([class*="background-color"]) .wp-block-cover-text,.entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container,.entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text,.entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {color: var(--ast-global-color-5);}.wp-block-loginout .login-remember input {width: 1.1rem;height: 1.1rem;margin: 0 5px 4px 0;vertical-align: middle;}.wp-block-latest-posts > li > *:first-child,.wp-block-latest-posts:not(.is-grid) > li:first-child {margin-top: 0;}.wp-block-search__inside-wrapper .wp-block-search__input {padding: 0 10px;color: var(--ast-global-color-3);background: var(--ast-global-color-5);border-color: var(--ast-border-color);}.wp-block-latest-posts .read-more {margin-bottom: 1.5em;}.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input {padding-top: 5px;padding-bottom: 5px;}.wp-block-latest-posts .wp-block-latest-posts__post-date,.wp-block-latest-posts .wp-block-latest-posts__post-author {font-size: 1rem;}.wp-block-latest-posts > li > *,.wp-block-latest-posts:not(.is-grid) > li {margin-top: 12px;margin-bottom: 12px;}.ast-page-builder-template .entry-content[ast-blocks-layout] > *,.ast-page-builder-template .entry-content[ast-blocks-layout] > .alignfull > * {max-width: none;}.ast-page-builder-template .entry-content[ast-blocks-layout] > .alignwide > * {max-width: var(--wp--custom--ast-wide-width-size);}.ast-page-builder-template .entry-content[ast-blocks-layout] > .inherit-container-width > *,.ast-page-builder-template .entry-content[ast-blocks-layout] > * > *,.entry-content[ast-blocks-layout] > .wp-block-cover .wp-block-cover__inner-container {max-width: var(--wp--custom--ast-content-width-size);margin-left: auto;margin-right: auto;}.entry-content[ast-blocks-layout] .wp-block-cover:not(.alignleft):not(.alignright) {width: auto;}@media(max-width: 1200px) {.ast-separate-container .entry-content > .alignfull,.ast-separate-container .entry-content[ast-blocks-layout] > .alignwide,.ast-plain-container .entry-content[ast-blocks-layout] > .alignwide,.ast-plain-container .entry-content .alignfull {margin-left: calc(-1 * min(var(--ast-container-default-xlg-padding),20px)) ;margin-right: calc(-1 * min(var(--ast-container-default-xlg-padding),20px));}}@media(min-width: 1201px) {.ast-separate-container .entry-content > .alignfull {margin-left: calc(-1 * var(--ast-container-default-xlg-padding) );margin-right: calc(-1 * var(--ast-container-default-xlg-padding) );}.ast-separate-container .entry-content[ast-blocks-layout] > .alignwide,.ast-plain-container .entry-content[ast-blocks-layout] > .alignwide {margin-left: calc(-1 * var(--wp--custom--ast-default-block-left-padding) );margin-right: calc(-1 * var(--wp--custom--ast-default-block-right-padding) );}}@media(min-width: 921px) {.ast-separate-container .entry-content .wp-block-group.alignwide:not(.inherit-container-width) >
48 :where(:not(.alignleft):not(.alignright)),.ast-plain-container .entry-content .wp-block-group.alignwide:not(.inherit-container-width) > :where(:not(.alignleft):not(.alignright)) {max-width: calc( var(--wp--custom--ast-content-width-size) + 80px );}.ast-plain-container.ast-right-sidebar .entry-content[ast-blocks-layout] .alignfull,.ast-plain-container.ast-left-sidebar .entry-content[ast-blocks-layout] .alignfull {margin-left: -60px;margin-right: -60px;}}@media(min-width: 544px) {.entry-content > .alignleft {margin-right: 20px;}.entry-content > .alignright {margin-left: 20px;}}@media (max-width:544px){.wp-block-columns .wp-block-column:not(:last-child){margin-bottom:20px;}.wp-block-latest-posts{margin:0;}}@media( max-width: 600px ) {.entry-content .wp-block-media-text .wp-block-media-text__content,.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding: 8% 0 0;}.entry-content .wp-block-media-text.has-background .wp-block-media-text__content {padding: 8%;}}.ast-page-builder-template .entry-header {padding-left: 0;}.ast-narrow-container .site-content .wp-block-uagb-image--align-full .wp-block-uagb-image__figure {max-width: 100%;margin-left: auto;margin-right: auto;}.entry-content ul,.entry-content ol {padding: revert;margin: revert;}:root .has-ast-global-color-0-color{color:var(--ast-global-color-0);}:root .has-ast-global-color-0-background-color{background-color:var(--ast-global-color-0);}:root .wp-block-button .has-ast-global-color-0-color{color:var(--ast-global-color-0);}:root .wp-block-button .has-ast-global-color-0-background-color{background-color:var(--ast-global-color-0);}:root .has-ast-global-color-1-color{color:var(--ast-global-color-1);}:root .has-ast-global-color-1-background-color{background-color:var(--ast-global-color-1);}:root .wp-block-button .has-ast-global-color-1-color{color:var(--ast-global-color-1);}:root .wp-block-button .has-ast-global-color-1-background-color{background-color:var(--ast-global-color-1);}:root .has-ast-global-color-2-color{color:var(--ast-global-color-2);}:root .has-ast-global-color-2-background-color{background-color:var(--ast-global-color-2);}:root .wp-block-button .has-ast-global-color-2-color{color:var(--ast-global-color-2);}:root .wp-block-button .has-ast-global-color-2-background-color{background-color:var(--ast-global-color-2);}:root .has-ast-global-color-3-color{color:var(--ast-global-color-3);}:root .has-ast-global-color-3-background-color{background-color:var(--ast-global-color-3);}:root .wp-block-button .has-ast-global-color-3-color{color:var(--ast-global-color-3);}:root .wp-block-button .has-ast-global-color-3-background-color{background-color:var(--ast-global-color-3);}:root .has-ast-global-color-4-color{color:var(--ast-global-color-4);}:root .has-ast-global-color-4-background-color{background-color:var(--ast-global-color-4);}:root .wp-block-button .has-ast-global-color-4-color{color:var(--ast-global-color-4);}:root .wp-block-button .has-ast-global-color-4-background-color{background-color:var(--ast-global-color-4);}:root .has-ast-global-color-5-color{color:var(--ast-global-color-5);}:root .has-ast-global-color-5-background-color{background-color:var(--ast-global-color-5);}:root .wp-block-button .has-ast-global-color-5-color{color:var(--ast-global-color-5);}:root .wp-block-button .has-ast-global-color-5-background-color{background-color:var(--ast-global-color-5);}:root .has-ast-global-color-6-color{color:var(--ast-global-color-6);}:root .has-ast-global-color-6-background-color{background-color:var(--ast-global-color-6);}:root .wp-block-button .has-ast-global-color-6-color{color:var(--ast-global-color-6);}:root .wp-block-button .has-ast-global-color-6-background-color{background-color:var(--ast-global-color-6);}:root .has-ast-global-color-7-color{color:var(--ast-global-color-7);}:root .has-ast-global-color-7-background-color{background-color:var(--ast-global-color-7);}:root .wp-block-button .has-ast-global-color-7-color{color:var(--ast-global-color-7);}:root .wp-block-button .has-ast-global-color-7-background-color{background-color:var(--ast-global-color-7);}:root .has-ast-global-color-8-color{color:var(--ast-global-color-8);}:root .has-ast-global-color-8-background-color{background-color:var(--ast-global-color-8);}:root .wp-block-button .has-ast-global-color-8-color{color:var(--ast-global-color-8);}:root .wp-block-button .has-ast-global-color-8-background-color{background-color:var(--ast-global-color-8);}:root{--ast-global-color-0:#046bd2;--ast-global-color-1:#045cb4;--ast-global-color-2:#1e293b;--ast-global-color-3:#334155;--ast-global-color-4:#f9fafb;--ast-global-color-5:#FFFFFF;--ast-global-color-6:#e2e8f0;--ast-global-color-7:#cbd5e1;--ast-global-color-8:#94a3b8;}:root {--ast-border-color : var(--ast-global-color-6);}.ast-single-entry-banner {-js-display: flex;display: flex;flex-direction: column;justify-content: center;text-align: center;position: relative;background: #eeeeee;}.ast-single-entry-banner[data-banner-layout="layout-1"] {max-width: 1200px;background: inherit;padding: 20px 0;}.ast-single-entry-banner[data-banner-width-type="custom"] {margin: 0 auto;width: 100%;}.ast-single-entry-banner + .site-content .entry-header {margin-bottom: 0;}header.entry-header .entry-title{font-weight:600;font-size:32px;font-size:2rem;}header.entry-header > *:not(:last-child){margin-bottom:10px;}.ast-archive-entry-banner {-js-display: flex;display: flex;flex-direction: column;justify-content: center;text-align: center;position: relative;background: #eeeeee;}.ast-archive-entry-banner[data-banner-width-type="custom"] {margin: 0 auto;width: 100%;}.ast-archive-entry-banner[data-banner-layout="layout-1"] {background: inherit;padding: 20px 0;text-align: left;}body.archive .ast-archive-description{max-width:1200px;width:100%;text-align:left;padding-top:3em;padding-right:3em;padding-bottom:3em;padding-left:3em;}body.archive .ast-archive-description .ast-archive-title,body.archive .ast-archive-description .ast-archive-title *{font-weight:600;font-size:32px;font-size:2rem;}body.archive .ast-archive-description > *:not(:last-child){margin-bottom:10px;}@media (max-width:921px){body.archive .ast-archive-description{text-align:left;}}@media (max-width:544px){body.archive .ast-archive-description{text-align:left;}}.ast-breadcrumbs .trail-browse,.ast-breadcrumbs .trail-items,.ast-breadcrumbs .trail-items li{display:inline-block;margin:0;padding:0;border:none;background:inherit;text-indent:0;text-decoration:none;}.ast-breadcrumbs .trail-browse{font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;}.ast-breadcrumbs .trail-items{list-style:none;}.trail-items li::after{padding:0 0.3em;content:"\00bb";}.trail-items li:last-of-type::after{display:none;}
48h1,.entry-content h1,h2,.entry-content h2,h3,.entry-content h3,h4,.entry-content h4,h5,.entry-content h5,h6,.entry-content h6{color:var(--ast-global-color-2);}.entry-title a{color:var(--ast-global-color-2);}@media (max-width:921px){.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-firstrow .ast-builder-grid-row > *:first-child,.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-lastrow .ast-builder-grid-row > *:last-child{grid-column:1 / -1;}}@media (max-width:544px){.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-firstrow .ast-builder-grid-row > *:first-child,.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-lastrow .ast-builder-grid-row > *:last-child{grid-column:1 / -1;}}.ast-builder-layout-element[data-section="title_tagline"]{display:flex;}@media (max-width:921px){.ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"]{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"]{display:flex;}}.ast-builder-menu-1{font-family:inherit;font-weight:inherit;}.ast-builder-menu-1 .menu-item > .menu-link{color:var(--ast-global-color-3);}.ast-builder-menu-1 .menu-item > .ast-menu-toggle{color:var(--ast-global-color-3);}.ast-builder-menu-1 .menu-item:hover > .menu-link,.ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-1 .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,.ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle,.ast-builder-menu-1 .current-menu-ancestor > .menu-link{color:var(--ast-global-color-1);}.ast-builder-menu-1 .menu-item.current-menu-item > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-1 .sub-menu,.ast-builder-menu-1 .inline-on-mobile .sub-menu{border-top-width:2px;border-bottom-width:0px;border-right-width:0px;border-left-width:0px;border-color:var(--ast-global-color-0);border-style:solid;}.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu,.ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper{margin-top:0px;}.ast-desktop .ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu:before,.ast-desktop .ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper:before{height:calc( 0px + 5px );}.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link{border-style:none;}@media (max-width:921px){.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-1 .inline-on-mobile .menu-item.menu-item-has-children > .ast-menu-toggle{right:-15px;}.ast-builder-menu-1 .menu-item-has-children > .menu-link:after{content:unset;}.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu,.ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper{margin-top:0;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu,.ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper{margin-top:0;}}.ast-builder-menu-1{display:flex;}@media (max-width:921px){.ast-header-break-point .ast-builder-menu-1{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-1{display:flex;}}.site-below-footer-wrap{padding-top:20px;padding-bottom:20px;}.site-below-footer-wrap[data-section="section-below-footer-builder"]{background-color:var(--ast-global-color-5);;min-height:80px;border-style:solid;border-width:0px;border-top-width:1px;border-top-color:var(--ast-global-color-6);}.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row{max-width:1200px;margin-left:auto;margin-right:auto;}.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row,.site-below-footer-wrap[data-section="section-below-footer-builder"] .site-footer-section{align-items:flex-start;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-inline .site-footer-section{dis
48play:flex;margin-bottom:0;}.ast-builder-grid-row-full .ast-builder-grid-row{grid-template-columns:1fr;}@media (max-width:921px){.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-inline .site-footer-section{display:flex;margin-bottom:0;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-full .ast-builder-grid-row{grid-template-columns:1fr;}}@media (max-width:544px){.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-inline .site-footer-section{display:flex;margin-bottom:0;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row{grid-template-columns:1fr;}}.site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}@media (max-width:921px){.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}}@media (max-width:544px){.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}}.ast-footer-copyright{text-align:center;}.ast-footer-copyright {color:var(--ast-global-color-3);}@media (max-width:921px){.ast-footer-copyright{text-align:center;}}@media (max-width:544px){.ast-footer-copyright{text-align:center;}}.ast-footer-copyright {font-size:16px;font-size:1rem;}.ast-footer-copyright.ast-builder-layout-element{display:flex;}@media (max-width:921px){.ast-header-break-point .ast-footer-copyright.ast-builder-layout-element{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-footer-copyright.ast-builder-layout-element{display:flex;}}.footer-widget-area.widget-area.site-footer-focus-item{width:auto;}.ast-header-break-point .main-header-bar{border-bottom-width:1px;}@media (min-width:922px){.main-header-bar{border-bottom-width:1px;}}.main-header-menu .menu-item, #astra-footer-menu .menu-item, .main-header-bar .ast-masthead-custom-menu-items{-js-display:flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}.main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link{height:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-js-display:flex;display:flex;}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type svg{top:.2em;margin-top:0px;margin-left:0px;width:.65em;transform:translate(0, -2px) rotateZ(270deg);}.ast-mobile-popup-content .ast-submenu-expanded > .ast-menu-toggle{transform:rotateX(180deg);overflow-y:auto;}.ast-separate-container .blog-layout-1, .ast-separate-container .blog-layout-2, .ast-separate-container .blog-layout-3{background-color:transparent;background-image:none;}.ast-separate-container .ast-article-post{background-color:var(--ast-global-color-5);;}@media (max-width:921px){.ast-separate-container .ast-article-post{background-color:var(--ast-global-color-5);;}}@media (max-width:544px){.ast-separate-container .ast-article-post{background-color:var(--ast-global-color-5);;}}.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .comments-area .comment-respond,.ast-separate-container .comments-area .ast-comment-list li, .woocommerce.ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper,.ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content,.ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .comments-area .comments-title, .ast-separate-container .ast-archive-description{background-color:var(--ast-global-color-5);;}@media (max-width:921px){.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .comments-area .comment-respond,.ast-separate-container .comments-area .ast-comment-list li, .
48woocommerce.ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper,.ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content,.ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .comments-area .comments-title, .ast-separate-container .ast-archive-description{background-color:var(--ast-global-color-5);;}}@media (max-width:544px){.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .comments-area .comment-respond,.ast-separate-container .comments-area .ast-comment-list li, .woocommerce.ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper,.ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content,.ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .comments-area .comments-title, .ast-separate-container .ast-archive-description{background-color:var(--ast-global-color-5);;}}.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-5);;}@media (max-width:921px){.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-5);;}}@media (max-width:544px){.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-5);;}}.ast-plain-container, .ast-page-builder-template{background-color:var(--ast-global-color-5);;}@media (max-width:921px){.ast-plain-container, .ast-page-builder-template{background-color:var(--ast-global-color-5);;}}@media (max-width:544px){.ast-plain-container, .ast-page-builder-template{background-color:var(--ast-global-color-5);;}}
49		#ast-scroll-top {
50			display: none;
51			position: fixed;
52			text-align: center;
53			cursor: pointer;
54			z-index: 99;
55			width: 2.1em;
56			height: 2.1em;
57			line-height: 2.1;
58			color: #ffffff;
59			border-radius: 2px;
60			content: "";
61			outline: inherit;
62		}
63		@media (min-width: 769px) {
64			#ast-scroll-top {
65				content: "769";
66			}
67		}
68		#ast-scroll-top .ast-icon.icon-arrow svg {
69			margin-left: 0px;
70			vertical-align: middle;
71			transform: translate(0, -20%) rotate(180deg);
72			width: 1.6em;
73		}
74		.ast-scroll-to-top-right {
75			right: 30px;
76			bottom: 30px;
77		}
78		.ast-scroll-to-top-left {
79			left: 30px;
80			bottom: 30px;
81		}
82	#ast-scroll-top{background-color:var(--ast-global-color-0);font-size:15px;font-size:0.9375rem;}@media (max-width:921px){#ast-scroll-top .ast-icon.icon-arrow svg{width:1em;}}.ast-mobile-header-content > *,.ast-desktop-header-content > * {padding: 10px 0;height: auto;}.ast-mobile-header-content > *:first-child,.ast-desktop-header-content > *:first-child {padding-top: 10px;}.ast-mobile-header-content > .ast-builder-menu,.ast-desktop-header-content > .ast-builder-menu {padding-top: 0;}.ast-mobile-header-content > *:last-child,.ast-desktop-header-content > *:last-child {padding-bottom: 0;}.ast-mobile-header-content .ast-search-menu-icon.ast-inline-search label,.ast-desktop-header-content .ast-search-menu-icon.ast-inline-search label {width: 100%;}.ast-desktop-header-content .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before {transform: rotateX(180deg);}#ast-desktop-header .ast-desktop-header-content,.ast-mobile-header-content .ast-search-icon,.ast-desktop-header-content .ast-search-icon,.ast-mobile-header-wrap .ast-mobile-header-content,.ast-main-header-nav-open.ast-popup-nav-open .ast-mobile-header-wrap .ast-mobile-header-content,.ast-main-header-nav-open.ast-popup-nav-open .ast-desktop-header-content {display: none;}.ast-main-header-nav-open.ast-header-break-point #ast-desktop-header .ast-desktop-header-content,.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content {display: block;}.ast-desktop .ast-desktop-header-content .astra-menu-animation-sli
82de-up > .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-up > .menu-item .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-down > .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-down > .menu-item .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-fade > .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-fade > .menu-item .menu-item > .sub-menu {opacity: 1;visibility: visible;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation {width: unset;margin: unset;}.ast-mobile-header-content.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle,.ast-desktop-header-content.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {left: calc( 20px - 0.907em);right: auto;}.ast-mobile-header-content .ast-search-menu-icon,.ast-mobile-header-content .ast-search-menu-icon.slide-search,.ast-desktop-header-content .ast-search-menu-icon,.ast-desktop-header-content .ast-search-menu-icon.slide-search {width: 100%;position: relative;display: block;right: auto;transform: none;}.ast-mobile-header-content .ast-search-menu-icon.slide-search .search-form,.ast-mobile-header-content .ast-search-menu-icon .search-form,.ast-desktop-header-content .ast-search-menu-icon.slide-search .search-form,.ast-desktop-header-content .ast-search-menu-icon .search-form {right: 0;visibility: visible;opacity: 1;position: relative;top: auto;transform: none;padding: 0;display: block;overflow: hidden;}.ast-mobile-header-content .ast-search-menu-icon.ast-inline-search .search-field,.ast-mobile-header-content .ast-search-menu-icon .search-field,.ast-desktop-header-content .ast-search-menu-icon.ast-inline-search .search-field,.ast-desktop-header-content .ast-search-menu-icon .search-field {width: 100%;padding-right: 5.5em;}.ast-mobile-header-content .ast-search-menu-icon .search-submit,.ast-desktop-header-content .ast-search-menu-icon .search-submit {display: block;position: absolute;height: 100%;top: 0;right: 0;padding: 0 1em;border-radius: 0;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation ul .sub-menu .menu-link {padding-left: 30px;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation .sub-menu .menu-item .menu-item .menu-link {padding-left: 40px;}.ast-mobile-popup-drawer.active .ast-mobile-popup-inner{background-color:#ffffff;;}.ast-mobile-header-wrap .ast-mobile-header-content, .ast-desktop-header-content{background-color:#ffffff;;}.ast-mobile-popup-content > *, .ast-mobile-header-content > *, .ast-desktop-popup-content > *, .ast-desktop-header-content > *{padding-top:0px;padding-bottom:0px;}.content-align-flex-start .ast-builder-layout-element{justify-content:flex-start;}.content-align-flex-start .main-header-menu{text-align:left;}.ast-mobile-popup-drawer.active .menu-toggle-close{color:#3a3a3a;}.ast-mobile-header-wrap .ast-primary-header-bar,.ast-primary-header-bar .site-primary-header-wrap{min-height:80px;}.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item{line-height:80px;}.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar,.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar,.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar{padding-left:20px;padding-right:20px;}.ast-header-break-point .ast-primary-header-bar{border-bottom-width:1px;border-bottom-color:#eaeaea;border-bottom-style:solid;}@media (min-width:922px){.ast-primary-header-bar{border-bottom-width:1px;border-bottom-color:#eaeaea;border-bottom-style:solid;}}.ast-primary-header-bar{background-color:#ffffff;;}.ast-primary-header-bar{display:block;}@media (max-width:921px){.ast-header-break-point .ast-primary-header-bar{display:grid;}}@media (max-width:544px){.ast-header-break-point .ast-primary-header-bar{display:grid;}}[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal{color:var(--ast-global-color-0);border:none;background:transparent;}[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{width:20px;height:20px;
82fill:var(--ast-global-color-0);}[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu{color:var(--ast-global-color-0);}.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{color:var(--ast-global-color-3);}.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle{color:var(--ast-global-color-3);}.ast-builder-menu-mobile .main-navigation .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-mobile .main-navigation .menu-item-has-children > .menu-link:after{content:unset;}.ast-hfb-header .ast-builder-menu-mobile .main-header-menu, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link{border-style:none;}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}@media (max-width:921px){.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{color:var(--ast-global-color-3);}.ast-builder-menu-mobile .main-navigation .menu-item > .ast-menu-toggle{color:var(--ast-global-color-3);}.ast-builder-menu-mobile .main-navigation .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);background:var(--ast-global-color-4);}.ast-builder-menu-mobile .main-navigation .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle{color:var(--ast-global-color-1);background:var(--ast-global-color-4);}.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-mobile .main-navigation .menu-item-has-children > .menu-link:after{content:unset;}.ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu{background-color:var(--ast-global-color-5);;}}@media (max-width:544px){.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}}.ast-builder-menu-mobile .main-navigation{display:block;}@media (max-width:921px){.ast-header-break-point .ast-builder-menu-mobile .main-navigation{display:block;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-mobile .main-navigation{display:block;}}
83</style>
84<link rel='stylesheet' id='astra-learndash-css' href='https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/themes/astra/assets/css/minified/compatibility/learndash.min.css?ver=4.3.1' media='all' />
85<link rel='stylesheet' id='wp-block-library-css' href='https://www.techniques-ingenieur.fr/parcours-pratique/wp-includes/css/dist/block-library/style.min.css?ver=6.3.1' media='all' />
86<style id='global-styles-inline-css'>
87body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--ast-global-color-0: var(--ast-global-color-0);--wp--preset--color--ast-global-color-1: var(--ast-global-color-1);--wp--preset--color--ast-global-color-2: var(--ast-global-color-2);--wp--preset--color--ast-global-color-3: var(--ast-global-color-3);--wp--preset--color--ast-global-color-4: var(--ast-global-color-4);--wp--preset--color--ast-global-color-5: var(--ast-global-color-5);--wp--preset--color--ast-global-color-6: var(--ast-global-color-6);--wp--preset--color--ast-global-color-7: var(--ast-global-color-7);--wp--preset--color--ast-global-color-8: var(--ast-global-color-8);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,
870,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}body { margin: 0;--wp--style--global--content-size: var(--wp--custom--ast-content-width-size);--wp--style--global--wide-size: var(--wp--custom--ast-wide-width-size); }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: 24px; }:where(body .is-layout-flow)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow)  > *{margin-block-start: 24px;margin-block-end: 0;}:where(body .is-layout-constrained)  > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained)  > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained)  > *{margin-block-start: 24px;margin-block-end: 0;}:where(body .is-layout-flex) {gap: 24px;}:where(body .is-layout-grid) {gap: 24px;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
87a:where(:not(.wp-element-button)){text-decoration: none;}.wp-element-button, .wp-block-button__link{background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-ast-global-color-0-color{color: var(--wp--preset--color--ast-global-color-0) !important;}.has-ast-global-color-1-color{color: var(--wp--preset--color--ast-global-color-1) !important;}.has-ast-global-color-2-color{color: var(--wp--preset--color--ast-global-color-2) !important;}.has-ast-global-color-3-color{color: var(--wp--preset--color--ast-global-color-3) !important;}.has-ast-global-color-4-color{color: var(--wp--preset--color--ast-global-color-4) !important;}.has-ast-global-color-5-color{color: var(--wp--preset--color--ast-global-color-5) !important;}.has-ast-global-color-6-color{color: var(--wp--preset--color--ast-global-color-6) !important;}.has-ast-global-color-7-color{color: var(--wp--preset--color--ast-global-color-7) !important;}.has-ast-global-color-8-color{color: var(--wp--preset--color--ast-global-color-8) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-ast-global-color-0-background-color{background-color: var(--wp--preset--color--ast-global-color-0) !important;}.has-ast-global-color-1-background-color{background-color: var(--wp--preset--color--ast-global-color-1) !important;}.has-ast-global-color-2-background-color{background-color: var(--wp--preset--color--ast-global-color-2) !important;}.has-ast-global-color-3-background-color{background-color: var(--wp--preset--color--ast-global-color-3) !important;}.has-ast-global-color-4-background-color{background-color: var(--wp--preset--color--ast-global-color-4) !important;}.has-ast-global-color-5-background-color{background-color: var(--wp--preset--color--ast-global-color-5) !important;}.has-ast-global-color-6-background-color{background-color: var(--wp--preset--color--ast-global-color-6) !important;}.has-ast-global-color-7-background-color{background-color: var(--wp--preset--color--ast-global-color-7) !important;}.has-ast-global-color-8-background-color{background-color: var(--wp--preset--color--ast-global-color-8) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-ast-global-color-0-border-color{border-color: var(--wp--preset--color--ast-global-color-0) !important;}.has-ast-global-color-1-border-color{border-color: var(--wp--preset--color--ast-global-color-1) !important;}.has-ast-global-color-2-border-color{border-color: var(--wp--preset--color--ast-global-color-2) !important;}.has-ast-global-color-3-border-color{border-color: var(--wp--preset--color--ast-global-color-3) !important;}.has-ast-global-color-4-border-color{border-color: var(--wp--preset--color--ast-global-color-4) !important;}.has-ast-global-color-5-border-color{border-color: var(--wp--preset--color--ast-global-color-5) !important;}.has-ast-global-color-6-border-color{border-color: var(--wp--preset--color--ast-global-color-6) !important;}.has-ast-global-color-7-border-color{border-color: var(--wp--preset--color--ast-global-color-7) !important;}.has-ast-global-color-8-border-color{border-color: var(--wp--preset--color--ast-global-color-8) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
87.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
88.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
89.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
90</style>
91<link rel='stylesheet' id='learndash_quiz_front_css-css' href='//www.techniques-ingenieur.fr/parcours-pratique/wp-content/plugins/sfwd-lms/themes/legacy/templates/learndash_quiz_front.min.css?ver=4.15.2' media='all' />
92<link rel='stylesheet' id='dashicons-css' href='https://www.techniques-ingenieur.fr/parcours-pratique/wp-includes/css/dashicons.min.css?ver=6.3.1' media='all' />
93<link rel='stylesheet' id='learndash-css' href='//www.techniques-ingenieur.fr/parcours-pratique/wp-content/plugins/sfwd-lms/src/assets/dist/css/styles.css?ver=4.15.2' media='all' />
94<link rel='stylesheet' id='jquery-dropdown-css-css' href='//www.techniques-ingenieur.fr/parcours-pratique/wp-content/plugins/sfwd-lms/assets/css/jquery.dropdown.min.css?ver=4.15.2' media='all' />
95<link rel='stylesheet' id='learndash_lesson_video-css' href='//www.techniques-ingenieur.fr/parcours-pratique/wp-content/plugins/sfwd-lms/themes/legacy/templates/learndash_lesson_video.min.css?ver=4.15.2' media='all' />
96<link rel='stylesheet' id='jquery-ui-css-css' href='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/assets/css/plugins/jquery-ui.custom.css?ver=6.3.1' media='all' />
97<link rel='stylesheet' id='bootstrap-css' href='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/assets/plugins/bootstrap/css/bootstrap.css?ver=6.3.1' media='all' />
98<link rel='stylesheet' id='unify-css' href='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/assets/css/style.css?ver=6.3.1' media='all' />
99<link rel='stylesheet' id='font-awesome-css' href='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/assets/plugins/font-awesome-pro-6/css/all.min.css?ver=6.3.1' media='all' />
100<link rel='stylesheet' id='ti-style-css' href='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/css/style.css?ver=6.3.1' media='all' />
101<link rel='stylesheet' id='custom-css-css' href='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/css/custom.min.css?ver=6.3.1' media='all' />
102<link rel='stylesheet' id='header-v1-min-css' href='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/assets/css/headers/header-v1.min.css?ver=6.3.1' media='all' />
103<link rel='stylesheet' id='header-css' href='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/css/header-new.css?ver=6.3.1' media='all' />
104<link rel='stylesheet' id='responsive-css' href='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/css/responsive.css?ver=6.3.1' media='all' />
105<link rel='stylesheet' id='custom-style-css' href='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/css/parcours.css?ver=6.3.1' media='all' />
106<link rel='stylesheet' id='custom-style-desktop-css' href='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/css/parcours-desktop.css?ver=6.3.1' media='screen and (min-width: 768px)' />
107<link rel='stylesheet' id='form-style-css' href='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/css/form.css?ver=6.3.1' media='all' />
108<link rel='stylesheet' id='custom-style-local-css' href='https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/themes/astra-child/style.css?ver=6.3.1' media='all' />
109<link rel='stylesheet' id='slick-css' href='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/assets/plugins/slick/slick.css?ver=6.3.1' media='all' />
110<link rel='stylesheet' id='learndash-front-css' href='//www.techniques-ingenieur.fr/parcours-pratique/wp-content/plugins/sfwd-lms/themes/ld30/assets/css/learndash.min.css?ver=4.15.2' media='all' />
111<!--[if IE]>
112<script src='https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/themes/astra/assets/js/minified/flexibility.min.js?ver=4.3.1' id='astra-flexibility-js'></script>
vendor: 1 bytes, line 112
112
113<script id="astra-flexibility-js-after">
114flexibility(document.documentElement);
115</script>
115
116<![endif]-->
117<script id='ti-library-js-extra'>
118var tiLibrary = {"homeUrl":"https:\/\/www.techniques-ingenieur.fr\/parcours-pratique","catalogueUrl":"\/\/cdn.techniques-ingenieur.fr\/lucy\/ti\/cdn.prod.v5.3.0\/","nonce":"db21bf87a5"};
119</script>
vendor: 1 bytes, line 119
119
120<script src='https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/plugins/ti-library/assets/js/library.js?ver=1789550156' id='ti-library-js'></script>
vendor: 1 bytes, line 120
120
121<script src='https://www.techniques-ingenieur.fr/parcours-pratique/wp-includes/js/jquery/jquery.min.js?ver=3.7.0' id='jquery-core-js'></script>
vendor: 1 bytes, line 121
121
122<script src='https://www.techniques-ingenieur.fr/parcours-pratique/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1' id='jquery-migrate-js'></script>
vendor: 1 bytes, line 122
122
123<script src='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/assets/plugins/jquery/jquery.min.js?ver=6.3.1' id='jquery-min-js'></script>
vendor: 1 bytes, line 123
123
124<script src='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/assets/plugins/jquery/jquery-ui.js?ver=6.3.1' id='jquery-ui-js'></script>
vendor: 1 bytes, line 124
124
125<script src='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/assets/plugins/bootstrap/js/bootstrap.min.js?ver=6.3.1' id='bootstrap-min-js'></script>
vendor: 1 bytes, line 125
125
126<script src='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/assets/plugins/slick/slick.min.js?ver=6.3.1' id='slick-js'></script>
vendor: 1 bytes, line 126
126
127<script src='//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/js/parcours-pratique/custom.js?ver=6.3.1' id='pp-script-js'></script>
vendor: 1 bytes, line 127
127
128<script src='https://www.techniques-ingenieur.fr/parcours-pratique/wp-includes/js/underscore.min.js?ver=1.13.4' id='underscore-js'></script>
vendor: 1 bytes, line 128
128
129<script id='wp-util-js-extra'>
130var _wpUtilSettings = {"ajax":{"url":"\/parcours-pratique\/wp-admin\/admin-ajax.php"}};
131</script>
vendor: 1 bytes, line 131
131
132<script src='https://www.techniques-ingenieur.fr/parcours-pratique/wp-includes/js/wp-util.min.js?ver=6.3.1' id='wp-util-js'></script>
vendor: 1 bytes, line 132
132
133<script id="ws-tracking-js-before">
134const params = {"ajax_url":"https:\/\/www.techniques-ingenieur.fr\/parcours-pratique\/wp-admin\/admin-ajax.php"}
135</script>
vendor: 1 bytes, line 135
135
136<script src='https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/themes/astra-child/js/ws-tracking.js?ver=6.3.1' id='ws-tracking-js'></script>
136
137
138        <!-- Google Tag Manager -->
139        
139<script>
vendor: 395 bytes, lines 139-143
139(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
140                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
141                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
142                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
143            })(window,document,'script','dataLayer','
143GTM-MPBWDP
vendor: 3 bytes, line 143
143');
143</script>
143
144        <!-- End Google Tag Manager -->
145
146
147        <!-- Start VWO Async SmartCode -->
148        <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
149        
149<script type='text/javascript' id='vwoCode'>
150            window._vwo_code=window._vwo_code || (function() {
151                var account_id=739587,
152                    version = 1.5,
153                    settings_tolerance=2000,
154                    library_tolerance=2500,
155                    use_existing_jquery=false,
156                    is_spa=1,
157                    hide_element='body',
158                    hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important',
159                    /* DO NOT EDIT BELOW THIS LINE */
160                    f=false,w=window,d=document,vwoCodeEl=d.querySelector('#vwoCode'),code={use_existing_jquery:function(){return use_existing_jquery},library_tolerance:function(){return library_tolerance},hide_element_style:function(){return'{'+hide_element_style+'}'},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=d.createElement('script');t.fetchPriority='high';t.src=e;t.type='text/javascript';t.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(t)},getVersion:function(){return version},getMatchedCookies:function(e){var t=[];if(document.cookie){t=document.cookie.match(e)||[]}return t},getCombinationCookie:function(){var e=code.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi);e=e.map(function(e){try{var t=decodeURIComponent(e);if(!/_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(t)){return''}return t}catch(e){return''}});var i=[];e.forEach(function(e){var t=e.match(/([\d,]+)/g);t&&i.push(t.join('-'))});return i.join('|')},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;w.settings_timer=setTimeout(function(){_vwo_code.finish()},settings_tolerance);var e=d.currentScript,t=d.createElement('style'),i=e&&!e.async?hide_element?hide_element+'{'+hide_element_style+'}':'':code.lA=1,n=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');vwoCodeEl&&t.setAttribute('nonce',vwoCodeEl.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=i;else t.appendChild(d.createTextNode(i));n.appendChild(t);var o=this.getCombinationCookie();this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&f='+ +is_spa+'&vn='+version+(o?'&c='+o:''));return settings_timer}};w._vwo_settings_timer = code.init();return code;}());
161        </script>
161
162        <!-- End VWO Async SmartCode -->
163        
163<script>
164            document.addEventListener('DOMContentLoaded', function() {
165                const toolButtons = document.querySelectorAll('#tools-sequence');
166                const relatedButtons = document.querySelectorAll('#related-content-sequence');
167
168                const toolsContainer = document.getElementById('tools');
169                const relatedContentContainer = document.getElementById('related-content');
170
171                function handlePopinDisplay(buttons, itemClass) {
172                    buttons.forEach(button => {
173                        button.addEventListener('click', function() {
174                            console.log('click');
175                            const lessonId = button.getAttribute('data-id-lesson');
176
177                            const items = document.querySelectorAll(`.${itemClass}`);
178
179                            items.forEach(item => {
180                                const lessonIds = item.getAttribute('data-id-lessons').split(',');
181
182                                if (lessonIds.includes(lessonId)) {
183                                    item.style.display = '';
184                                } else {
185                                    item.style.display = 'none';
186                                }
187                            });
188                        });
189                    });
190                }
191
192                function showAllItems(itemClass) {
193                    const items = document.querySelectorAll(`.${itemClass}`);
194                    items.forEach(item => {
195                        item.style.display = '';
196                    });
197                }
198
199                if (toolsContainer) {
200                    toolsContainer.addEventListener('click', function() {
201                        showAllItems('tool-information');
202                    });
203                }
204
205                if (relatedContentContainer) {
206                    relatedContentContainer.addEventListener('click', function() {
207                        showAllItems('relatedInfos');
208                    });
209                }
210
211                handlePopinDisplay(toolButtons, 'tool-information');
212                handlePopinDisplay(relatedButtons, 'relatedInfos');
213            });
214
215
216        </script>
216
217
218        <!-- Charger MathJax, s'il est nécessaire -->
219        <!--
219<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
219-->
220        
220<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
220
221
222        <style>
223            .popin-content .card .no-access{
224                display:none!important;
225            }
226        </style>
227    </head>
228    <body class="home page-template-default page page-id-2 ast-desktop ast-plain-container ast-no-sidebar astra-4.3.1 ast-single-post ast-inherit-site-logo-transparent ast-hfb-header ast-normal-title-enabled">
229        <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 229-230
229
230<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
230GTM-MPBWDP
vendor: 101 bytes, lines 230-231
230"
231                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
232<!-- End Google Tag Manager (noscript) -->
233
234<header>
235    <div class="bloc-container">
236        <div class="navigation">
237            <a class="small-logo" href="/">
238                <img src="https://cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/logos-ti/logo-techniques-ingenieur-small.svg" alt="Logo Techniques de l'ingénieur" width="145" height="40">
239            </a>
240            <div class="part-left">
241                <div class="main">
242                    <ul id="menu-menu-generique-ti" class=""><li id="menu-item-13" class="ressources-doc has-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-13"><a href="/ressources-documentaires/">Ressources documentaires</a></li>
243<li id="menu-item-128828" class="parcours-pratique menu-item menu-item-type-custom menu-item-object-custom menu-item-128828"><a href="/parcours-pratique/">Parcours Pratiques</a></li>
244<li id="menu-item-530" class="magazine-actualite has-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-530"><a href="/actualite/">Magazine d&rsquo;Actualité</a></li>
245<li id="menu-item-406" class="contenus-gratuits menu-item menu-item-type-custom menu-item-object-custom menu-item-406"><a href="https://www.techniques-ingenieur.fr/actualite/contenus-gratuits/">Contenus gratuits</a></li>
246</ul>                    <!-- Récupèration des sous menus -->
247                    
248                    <div id="sous-menu-ressources-documentaires">
249                        <div class="top zoning">
250                            <div>
251                                <p class="big-title">Ressources documentaires</p>
252                                <p class="accroche">Une base de connaissances techniques et scientifiques de référence, des outils et services pratiques</p>
253                            </div>
254                            <a class="button" href=""><span>En savoir plus</span></a>
255                        </div>
256                        <p class="title-domaines"><span>Les domaines d'expertises</span></p>
257                        <div class="listing-domaines">
258                            <ul >
259                                                                                                        <li><a href="/ressources-documentaires/automatique-robotique-th16/">Automatique - Robotique</a></li>
260                                                                                                        <li><a href="/ressources-documentaires/biomedical-pharma-th15/">Biomédical - Pharma</a></li>
261                                                                                                        <li><a href="/ressources-documentaires/construction-et-travaux-publics-th3/">Construction et travaux publics</a></li>
262                                                                                                        <li><a href="/ressources-documentaires/electronique-photonique-th13/">Électronique - Photonique</a></li>
263                                                                                                        <li><a href="/ressources-documentaires/energies-th4/">Énergies</a></li>
264                                                                                                        <li><a href="/ressources-documentaires/environnement-securite-th5/">Environnement - Sécurité</a></li>
265                                                                                                        <li><a href="/ressources-documentaires/genie-industriel-th6/">Génie industriel</a></li>
266                                                                                                        <li><a href="/ressources-documentaires/ingenierie-des-transports-th14/">Ingénierie des transports</a></li>
267                                                                    </ul><ul>                                    <li><a href="/ressources-documentaires/innovation-th10/">Innovation</a></li>
268                                                                                                        <li><a href="/ressources-documentaires/materiaux-th11/">Matériaux</a></li>
269                                                                                                        <li><a href="/ressources-documentaires/mecanique-th7/">Mécanique</a></li>
270                                                                                                        <li><a href="/ressources-documentaires/mesures-analyses-th1/">Mesures - Analyses</a></li>
271                                                                                                        <li><a href="/ressources-documentaires/procedes-chimie-bio-agro-th2/">Procédés chimie - bio - agro</a></li>
272                                                                                                        <li><a href="/ressources-documentaires/sciences-fondamentales-th8/">Sciences fondamentales</a></li>
273                                                                                                        <li><a href="/ressources-documentaires/technologies-de-l-information-th9/">Technologies de l'information</a></li>
274                                                            </ul>
275                        </div>
276                    </div>
277
278                    <!-- Sous-menu "Magazine d'Actualité" (également exporté seul dans Mongo : ti-actualite-partial-header) -->
279                    <div id="sous-menu-magazine-actualite">
280    <div>
281        <div class="top zoning">
282            <div>
283                <p class="big-title">Magazine d'Actualité</p>
284                <p class="accroche">Découvrez gratuitement toute l'actualité, la veille technologique, les études de cas et les événements de chaque secteur de l'industrie.</p>
285            </div>
286            <a class="button" href=""><span>Toute l'actualité</span></a>
287        </div>
288        <div class="listing-thematiques-actu">
289            <ul>
290                <li><a href='/actualite/thematique/biotech-et-chimie/'>Chimie et biotech</a></li><li>
290<a href='/actualite/thematique/energie/'>Énergie</a></li><li><a href='/actualite/thematique/entreprises-et-marches/'>Entreprises et marchés</a></li><li><a href='/actualite/thematique/environnement/'>Environnement</a></li></ul><ul><li><a href='/actualite/thematique/informatique-et-numerique/'>Informatique et numérique</a></li><li><a href='/actualite/thematique/innovations-sectorielles/'>Innovations sectorielles</a></li><li><a href='/actualite/thematique/insolite/'>Insolite</a></li><li><a href='/actualite/thematique/materiaux/'>Matériaux</a></li>            </ul>
291        </div>
292        <div class="others-links">
293            <a href="/actualite/dossier/">
294                <img src="https://cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/picto-dossiers-redac.svg" alt="" width="32" height="32">
295                <span>Les dossiers <br>de la rédaction</span>
296            </a>
297            <a href="/actualite/livre-blanc/">
298                <img src="https://cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/picto-livres-blancs.svg" alt="" width="32" height="32">
299                <span>Les livres blancs</span>
300            </a>
301            <a href="/actualite/conferences-en-ligne/">
302                <img src="https://cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/picto-conferences-ligne.svg" alt="" width="32" height="32">
303                <span>Les conférences <br>en ligne</span>
304            </a>
305        </div>
306    </div>
307                <div class="listing-articles-une">
308            <p class="big-title">&Agrave; la une</p>
309                            <div class="blog-thumb zoning">
310                                                                    <div class="blog-thumb-img">
311                            <img src="https://www.techniques-ingenieur.fr/actualite/wp-content/uploads/2021/02/écrans-150x150.jpg" alt="Les thèses du mois&nbsp;: "Comment les ingénieurs s'emparent-ils de l'IA ?"">
312                        </div>
313                                        <div class="blog-thumb-desc">
314                        <span>24 septembre 2026</span>
315                        <a href="https://www.techniques-ingenieur.fr/actualite/articles/les-theses-du-mois-comment-les-ingenieurs-semparent-ils-de-lia-163856/">Les thèses du mois&nbsp;: "Comment les ingénieurs s'emparent-ils de l'IA ?"</a>
316                    </div>
317                </div>
318                            <div class="blog-thumb zoning">
319                                                                    <div class="blog-thumb-img">
320                            <img src="https://www.techniques-ingenieur.fr/actualite/wp-content/uploads/2026/09/ia-industrielle-comment-eviter-le-prototype-sans-lendemain-150x150.jpg" alt="IA industrielle, comment éviter le prototype sans lendemain">
321                        </div>
322                                        <div class="blog-thumb-desc">
323                        <span>24 septembre 2026</span>
324                        <a href="https://www.techniques-ingenieur.fr/actualite/articles/ia-industrielle-comment-eviter-le-prototype-sans-lendemain-163614/">IA industrielle, comment éviter le prototype sans lendemain</a>
325                    </div>
326                </div>
327                            <div class="blog-thumb zoning">
328                                                                    <div class="blog-thumb-img">
329                            <img src="https://www.techniques-ingenieur.fr/actualite/wp-content/uploads/2026/09/maud-lelievre-si-nous-ninvestissons-pas-aujourdhui-dans-la-protection-de-la-biodiversite-nous-le-paierons-plus-tard-150x150.jpg" alt="Maud Lelièvre : "Si nous n'investissons pas aujourd'hui dans la protection de la biodiversité, nous le paierons plus tard"">
330                        </div>
331                                        <div class="blog-thumb-desc">
332                        <span>23 septembre 2026</span>
333                        <a href="https://www.techniques-ingenieur.fr/actualite/articles/maud-lelievre-si-nous-ninvestissons-pas-aujourdhui-dans-la-protection-de-la-biodiversite-nous-le-paierons-plus-tard-163535/">Maud Lelièvre : "Si nous n'investissons pas aujourd'hui dans la protection de la biodiversité, nous le paierons plus tard"</a>
334                    </div>
335                </div>
336                    </div>
337    </div>
338                </div>
339            </div>
340            <div class="part-right">
341                <div class="search-bloc">
342                    <form id="searchCommand" method="GET" action="/search" class="input-group">
343                        <input class="form-control" placeholder="Que recherchez-vous ?" type="text" id="query" name="query" tabindex="1" value="" title="Votre recherche" autocomplete="off">
344                        <button type="submit" id="search_form_submit" tabindex="2"><span>ok</span></button>
345                    </form>
346                    <div class="open-search-button">
347                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
347ox="0 0 16 16" fill="none">
348                            <path d="M11.5 6.5C11.5 5.17392 10.9732 3.90215 10.0355 2.96447C9.09785 2.02678 7.82608 1.5 6.5 1.5C5.17392 1.5 3.90215 2.02678 2.96447 2.96447C2.02678 3.90215 1.5 5.17392 1.5 6.5C1.5 7.82608 2.02678 9.09785 2.96447 10.0355C3.90215 10.9732 5.17392 11.5 6.5 11.5C7.82608 11.5 9.09785 10.9732 10.0355 10.0355C10.9732 9.09785 11.5 7.82608 11.5 6.5ZM10.5344 11.5969C9.42813 12.475 8.025 13 6.5 13C2.90937 13 0 10.0906 0 6.5C0 2.90937 2.90937 0 6.5 0C10.0906 0 13 2.90937 13 6.5C13 8.025 12.475 9.42813 11.5969 10.5344L15.7812 14.7188C16.075 15.0125 16.075 15.4875 15.7812 15.7781C15.4875 16.0688 15.0125 16.0719 14.7219 15.7781L10.5344 11.5969Z" fill="black"/>
349                        </svg>
350                    </div>
351                    <div class="close-search-button">
352                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
353                            <path d="M13.0437 1.71042C13.4354 1.31875 13.4354 0.685417 13.0437 0.297917C12.6521 -0.0895834 12.0187 -0.0937501 11.6312 0.297917L6.67292 5.25625L1.71042 0.29375C1.31875 -0.0979167 0.685417 -0.0979167 0.297917 0.29375C-0.0895834 0.685417 -0.0937501 1.31875 0.297917 1.70625L5.25625 6.66458L0.29375 11.6271C-0.0979167 12.0187 -0.0979167 12.6521 0.29375 13.0396C0.685417 13.4271 1.31875 13.4312 1.70625 13.0396L6.66458 8.08125L11.6271 13.0437C12.0187 13.4354 12.6521 13.4354 13.0396 13.0437C13.4271 12.6521 13.4312 12.0187 13.0396 11.6312L8.08125 6.67292L13.0437 1.71042Z" fill="black"/>
354                        </svg>
355                    </div>
356                </div>
357                <button type="button" id="login">
358    <span class="desktop">Se connecter</span>
359    <span class="mobile"><i class="fas fa-user"></i></span>
360</button>
361<div id="login-box" class="login-box-not-connected">
362    <div class="login-box-close">
363        <span class="cross-close">
364            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
365              <path d="M24.2812 25.6938C24.6688 26.0813 25.3062 26.0813 25.6938 25.6938C26.0813 25.3062 26.0813 24.6688 25.6938 24.2812L17.4125 16L25.6938 7.71875C26.0813 7.33125 26.0813 6.69375 25.6938 6.30625C25.3062 5.91875 24.6688 5.91875 24.2812 6.30625L16 14.5875L7.71875 6.30625C7.33125 5.91875 6.69375 5.91875 6.30625 6.30625C5.91875 6.69375 5.91875 7.33125 6.30625 7.71875L14.5875 16L6.30625 24.2812C5.91875 24.6688 5.91875 25.3062 6.30625 25.6938C6.69375 26.0813 7.33125 26.0813 7.71875 25.6938L16 17.4125L24.2812 25.6938Z" fill="black"/>
366            </svg>
367        </span>
368    </div>
369    <div>
370        <span class="login-box-title">Identifiez-vous&nbsp;!</span>
371    </div>
372    <div class="login-box-connection">
373        <iframe src="https://www.techniques-ingenieur.fr/cas/login?service=teching_parcours&theme=lucy" onload="firstLoginIframeLoaded=true;" class="casiframe" height="230"></iframe>
374    </div>
375    <div class="login-box-inscription">
376        <p>Vous n'avez pas encore de compte ?</p>
377        <p>Inscrivez-vous !</p>
378        <a href="/fr/mon-compte/inscription/nouveau" class="button-yellow">
379            <span>Créer un compte</span>
380        </a>
381    </div>
382</div>
383                <p id="abo-header"></p>
384                <!--<ul class="navbar-nav">
385                    <li class="nav-item dropdown">
386                        <span class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
387                            FR
388                        </span>
389                        <ul class="dropdown-menu dropdown-menu-right">
390                            <li>
391                                <a class="dropdown-item" href="/en/">
392                                    ENGLISH
393                                </a>
394                            </li>
395                        </ul>
396                    </li>
397                </ul>-->
398                <div class="open-menu-button">
399                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
400                        <path d="M0 3C0 2.2875 0.573214 1.71429 1.28571 1.71429H22.7143C23.4268 1.71429 24 2.2875 24 3C24 3.7125 23.4268 4.28572 22.7143 4.28572H1.28571C0.573214 4.28572 0 3.7125 0 3ZM0 11.5714C0 10.8589 0.573214 10.2857 1.28571 10.2857H22.7143C23.4268 10.2857 24 10.8589 24 11.5714C24 12.2839 23.4268 
40012.8571 22.7143 12.8571H1.28571C0.573214 12.8571 0 12.2839 0 11.5714ZM24 20.1429C24 20.8554 23.4268 21.4286 22.7143 21.4286H1.28571C0.573214 21.4286 0 20.8554 0 20.1429C0 19.4304 0.573214 18.8571 1.28571 18.8571H22.7143C23.4268 18.8571 24 19.4304 24 20.1429Z" fill="black"/>
401                    </svg>
402                </div>
403            </div>
404        </div>
405    </div>
406    <div class="backdrop"></div>
407</header>
408
409<script type="text/javascript">
410    $(window).on("scroll", function () {
411        const $query = $("#query");
412
413        // Vérifie que l'autocomplete est initialisé
414        if ($query.length && $query.hasClass("ui-autocomplete-input")) {
415            const instance = $query.autocomplete("instance");
416            if (!instance) return;
417
418            const $widget = instance.widget();
419            if ($widget.is(":visible")) {
420                $query.blur();      // retire le focus de l'input
421                instance.close();   // ferme la liste autocomplete
422            }
423        }
424    });
425
426    // Déplacement des sous-menus
427    const ressourcesDoc = document.querySelector('#sous-menu-ressources-documentaires');
428    document.querySelector('li.ressources-doc').append(ressourcesDoc);
429
430    const magazineActualite = document.querySelector('#sous-menu-magazine-actualite');
431    document.querySelector('li.magazine-actualite').append(magazineActualite);
432
433    document.addEventListener('DOMContentLoaded', () => {
434        // Tous les liens directs dans le menu
435        const menuLinks = document.querySelectorAll('ul#menu-menu-generique-ti > li > a');
436
437        menuLinks.forEach(link => {
438            const li = link.parentElement;
439            // Si le li n'a pas la classe has-menu, on supprime les attributs bootstrap/dropdown
440            if (!li.classList.contains('has-menu')) {
441                link.classList.remove('dropdown-toggle');
442                link.removeAttribute('data-toggle');
443                link.removeAttribute('aria-expanded'); // optionnel
444            }
445        });
446    });
447
448    // Affiche des sous-menu au hover en desktop
449    document.addEventListener('DOMContentLoaded', () => {
450        const menuItems = document.querySelectorAll('ul#menu-menu-generique-ti > li.has-menu');
451        //const backdrop = document.querySelector('backdrop-sous-menu');
452
453        menuItems.forEach(li => {
454            const triggerLink = li.querySelector(':scope > a');
455            const sousMenu = li.querySelector('div[id^="sous-menu-"]');
456
457            if (!triggerLink || !sousMenu) return;
458
459            const zoningButton = sousMenu.querySelector('.top.zoning a.button');
460            if (zoningButton) {
461                zoningButton.setAttribute('href', triggerLink.getAttribute('href'));
462            }
463        });
464    });
465
466    // Affiche des sous-menu au clic en mobile
467    document.addEventListener('DOMContentLoaded', function () {
468        const isMobile = window.matchMedia('(max-width: 1999px)');
469        const menu = document.getElementById('menu-menu-generique-ti');
470
471        if (!menu) return;
472
473        const menuItems = menu.querySelectorAll('li.has-menu');
474
475        menuItems.forEach(function (menuItem) {
476            menuItem.addEventListener('click', function (e) {
477                if (!isMobile.matches) return;
478
479                // Clic sur un lien → navigation normale
480                if (e.target.closest('a')) return;
481
482                e.preventDefault();
483
484                // Fermer les autres
485                menuItems.forEach(function (item) {
486                    if (item !== menuItem) {
487                        item.classList.remove('is-open');
488                    }
489                });
490
491                // Toggle sur le <li>
492                menuItem.classList.toggle('is-open');
493            });
494        });
495    });
496
497    // Affiche menu aide
498    document.addEventListener('DOMContentLoaded', function () {
499
500        const sticky = document.getElementById('sticky');
501        if (!sticky) return;
502
503        const button = sticky.querySelector('button');
504        const menu = sticky.querySelector('.menu-aide');
505
506        if (!button || !menu) return;
507
508        // Toggle au clic sur le bouton ouvre/ferme
509        button.addEventListener('click', function (e) {
510            e.stopPropagation(); // empêche la fermeture immédiate
511
512            menu.classList.toggle('is-open');
513            sticky.classList.toggle('is-open');
514        });
515
516        // Empêche les clics dans le menu de fermer
517        menu.addEventListener('click', function (e) {
518            e.stopPropagation();
519        });
520
521        // Clic en dehors de #sticky → fermeture
522        document.addEventListener('click', function (e) {
523            if (!sticky.contains(e.target)) {
524                menu.classList.remove('is-open');
525            }
526        });
527
528        // Ferme avec la touche echap
529        document.addEventListener('keydown', function (e) {
530            if (e.key === 'Escape') {
531                menu.classList.remove('is-open');
532            }
533        });
534
535    });
536
537    // Affichage de la recherche
538    document.addEventListener('DOMContentLoaded', () => {
539        const openSearchBtn = document.querySelector('.open-search-button');
540        const closeSearchBtn = document.querySelector('.close-search-button');
541        const searchBloc = openSearchBtn.closest('.search-bloc');
542        const mainContainer = document.querySelector('.navigation div.part-left'); // logo + main
543        const searchParent = searchBloc.parentElement; // parent immédiat de search-bloc
544        const form = searchBloc.querySelector('form');
545        const backdrop = document.getElementById('backdrop-sous-menu');
546        const input = form.querySelector('input');
547        // Mesure réelle du viewport (compatible simulation mobile)
548        //const viewportWidth = document.documentElement.clientWidth;
549        const viewportWidth = () => window.innerWidth;
550
551        let autocompleteInitialized = false;
552        // ---------- AUTOCOMPLETE ----------
553        const initAutocomplete = () => {
554            if (autocompleteInitialized) return;
555            autocompleteInitialized = true;
556            $("#query").autocomplete({
557                source: ["suggestion 1", "suggestion 2", "suggestion 3", "suggestion 4"]
558            });
559        };
560
561        // ---------- OUVERTURE ----------
562        const openSearch = () => {
563            searchBloc.classList.add('open');
564
565            // Faire prendre toute la largeur au parent de search-bloc
566            searchParent.style.flex = '1 1 100%';
567            searchParent.style.display = 'flex';
568
569            // Afficher et étendre le formulaire
570            form.style.display = 'flex';
571            form.style.width = 'calc(100% - 40px)';
572            form.style.opacity = '1';
573
574            // *** Initialiser l'autocomplete maintenant que le formulaire est visible ***
575            setTimeout(() => {
576                input?.focus();
577                initAutocomplete();
578            }, 0);
579
580            // Ne rien exécuter sur mobile / tablette
581            if (viewportWidth() < 992) {
582                backdrop?.classList.add('visible');
583                return
584            }
585
586            // Masquer le menu/logo
587            mainContainer.style.display = 'none';
588        };
589
590        // ---------- FERMETURE ----------
591        const closeSearch = () => {
592            searchBloc.classList.remove('open');
593
594            // Restaurer le parent de search-bloc
595            searchParent.style.flex = '';
596            searchParent.style.display = '';
597
598            // Cacher le formulaire
599            form.style.width = '0';
600            form.style.opacity = '0';
601            if (viewportWidth() >= 992) {
602                setTimeout(() => form.style.display = 'none', 0);
603            }
604            else {
605                form.style.display = 'none';
606            }
607
608            // Ne rien exécuter sur mobile / tablette
609            if (viewportWidth() < 992) {
610                backdrop?.classList.remove('visible');
611                return
612            }
613
614            // Restaurer le menu/logo
615            //mainContainer.style.display = 'flex';
616            setTimeout(() => mainContainer.style.display = 'flex', 0);
617        };
618
619        // ---------- LISTENERS ----------
620        openSearchBtn.addEventListener('click', e => {
621            e.stopPropagation();
622            if (!searchBloc.classList.contains('open')) {
623                openSearch();
624            } else {
625                closeSearch();
626            }
627        });
628
629        if (closeSearchBtn) {
630            closeSearchBtn.addEventListener('click', e => {
631                e.stopPropagation();
632                closeSearch();
633            });
634        }
635
636        // ---- RESET au resize ----
637        window.addEventListener('resize', () => {
638            if (viewportWidth() > 768 && viewportWidth() < 992) {
639                // On reset tous les styles ajoutés dynamiquement
640                searchParent.style.flex = '';
641                searchParent.style.display = '';
642                form.style.display = '';
643                form.style.width = '';
644                form.style.opacity = '';
645                mainContainer.style.display = '';
646                backdrop?.classList.remove('visible');
647                searchBloc.classList.remove('open');
648            }
649        });
650    });
651
652    // Affichage du menu en mobile
653    document.addEventListener("DOMContentLoaded", () => {
654        const openMenuButton = document.querySelector(".navigation .open-menu-button");
655        const partLeft = document.querySelector(".navigation .part-left");
656        const header = document.querySelector("header");
657
658        openMenuButton.addEventListener("click", () => {
659            partLeft.classList.toggle("open"); // ajoute ou retire "open"
660            header.classList.toggle("open-menu"); // ajoute ou retire "open"
661        });
662    });
663
664    //Ouverture/fermeture loginBox
665    document.addEventListener('DOMContentLoaded', () => {
666        const loginBtn = document.getElementById('login');
667        const loginToggles = document.querySelectorAll('.login-box-toggle');
668        //const aboHeaderBtn = document.querySelector('#abo-header>span');
669        //const aboHeaderBtnNew = document.querySelector('#abo-header>button');
670        const loginBox = document.getElementById('login-box');
671        const backdrop = document.querySelector('.backdrop');
672        const closeBtn = loginBox.querySelector('.cross-close');
673        const chatBot = document.getElementById('app');
674
675        // Fonction pour ouvrir/fermer
676        const toggleLoginBox = () => {
677            const isOpen = loginBox.style.display === 'block';
678            loginBox.style.display = isOpen ? 'none' : 'block';
679            backdrop.style.display = isOpen ? 'none' : 'block';
680            if(chatBot) {
681                chatBot.style.zIndex = isOpen ? '' : '1020';
682            }
683        };
684
685        // Clic sur le bouton login
686        if(loginBtn) {
687            loginBtn.addEventListener('click', e => {
688                e.stopPropagation();
689                toggleLoginBox();
690            });
691        }
692        loginToggles.forEach(el => {
693            el.addEventListener('click', e => {
694                e.stopPropagation();
695                toggleLoginBox();
696            });
697        });
698
699        // Clic sur la croix
700        closeBtn.addEventListener('click', e => {
701            e.stopPropagation();
702            loginBox.style.display = 'none';
703            backdrop.style.display = 'none';
704            if(chatBot) {
705                chatBot.style.zIndex = '';
706            }
707        });
708
709        // Clic à l'extérieur du login-box pour fermer
710        document.addEventListener('click', e => {
711            const clickOutsideLoginBox = !loginBox.contains(e.target);
712            const clickOnLoginBtn = loginBtn && loginBtn.contains(e.target);
713            const chatBot = document.getElementById('app');
714            //const clickOnAboBtn = aboHeaderBtn && aboHeaderBtn.contains(e.target);
715            //const clickOnAboBtnNew = aboHeaderBtnNew && aboHeaderBtnNew.contains(e.target);
716
717            if (clickOutsideLoginBox && !clickOnLoginBtn) {
718                loginBox.style.display = 'none';
719                backdrop.style.display = 'none';
720                if(chatBot) {
721                    chatBot.style.zIndex = '';
722                }
723            }
724        });
725    });
726
727    document.addEventListener('DOMContentLoaded', () =>{
728        var url = window.location.href;
729        var nav = document.querySelector('#menu-menu-generique-ti');
730
731        if (!nav) return;
732
733        var routes = [
734            { path: '/contenus-gratuits', selector: '.contenu-gratuit' },
735            { path: '/actualite/edito', selector: '' },
736            { path: '/actualite', selector: '.magazine-actualite' },
737            { path: '/video', selector: '.ressources-doc' },
738            { path: '/parcours-pratique', selector: '.parcours-pratique' }
739        ];
740
741        routes.some(function(route) {
742            if (url.includes('https://www.techniques-ingenieur.fr/actualite' + route.path)) {
743                nav.querySelector(route.selector)?.classList.add('bg-active');
744                return true; // stop au premier match
745            }
746        });
747    });
748
749    document.querySelectorAll(".zoning").forEach((el) => {
750        el.addEventListener("click", (event) => {
751            const link = el.querySelector("a");
752            if (link && link.getAttribute("href")) {
753                window.location = link.getAttribute("href");
754            }
755            event.preventDefault();
756        });
757    });
758
759    //copier l'url pour partage
760    document.addEventListener("DOMContentLoaded", function () {
761        const button = document.querySelector(".social-share-url");
762
763        if (!button) return;
764
765        const iconContainer = button.querySelector(".icon-container");
766        const label = button.querySelector(".link-title");
767
768        // Sauvegarde de l’état initial
769        const initialIconHTML = iconContainer.innerHTML;
770        const initialLabelText = label.textContent;
771
772        button.addEventListener("click", function () {
773            // Ici tu peux mettre ton vrai copier dans le presse-papier si besoin
774            navigator.clipboard.writeText(window.location.href);
775
776            // État "succès"
777            button.disabled = true;
778            iconContainer.classList.add("icon-container-success");
779            label.classList.add("link-title-success");
780
781            iconContainer.innerHTML = '<span class="icon-link-success"></span>';
782            label.textContent = "Lien copié !";
783
784            // Retour à l’état initial après 2 secondes
785            setTimeout(() => {
786                button.disabled = false;
787                iconContainer.classList.remove("icon-container-success");
788                label.classList.remove("link-title-success");
789
790                iconContainer.innerHTML = initialIconHTML;
791                label.textContent = initialLabelText;
792            }, 2000);
793        });
794    });
795
796
797    //switchLang footer class open click
798    document.addEventListener('DOMContentLoaded', () => {
799        document.querySelectorAll('.switch-lang').forEach(switchLang => {
800            const toggle = switchLang.querySelector('[data-bs-toggle="dropdown"], [data-toggle="dropdown"]');
801
802            if (!toggle) return;
803
804            toggle.addEventListener('click', () => {
805                requestAnimationFrame(() => {
806                    const isOpen =
807                        switchLang.querySelector('.dropdown-menu.show') || // Bootstrap 5
808                        switchLang.querySelector('.dropdown.open');         // Bootstrap 3
809
810                    switchLang.classList.toggle('open', !!isOpen);
811                });
812            });
813
814            document.addEventListener('click', () => {
815                requestAnimationFrame(() => {
816                    const isOpen =
817                        switchLang.querySelector('.dropdown-menu.show') ||
818                        switchLang.querySelector('.dropdown.open');
819
820                    switchLang.classList.toggle('open', !!isOpen);
821                });
822            });
823        });
824    });
825</script>
825
826
827<!-- ETI Skin -->
828<div id="eti-skin" class="gam-pub"></div>
829
830<!-- Mon-compte My Subscription style -->
831<style>
832    :root {
833        --z-drawer: 1130;
834        --drawer-panel-max-w: 1000px;
835    }
836
837    /* ====== Drawer ====== */
838    .drawer {
839        position: fixed;
840        inset-inline: 0;
841        z-index: var(--z-drawer);
842    }
843
844    .drawer__backdrop {
845        position: fixed;
846        inset-inline: 0;
847        background: rgba(0, 0, 0, 0.35);
848        opacity: 0;
849        pointer-events: none;
850        transition: opacity 0.25s;
851    }
852
853    .drawer__backdrop--visible {
854        opacity: 1;
855        pointer-events: auto;
856    }
857
858    .drawer__panel {
859        position: fixed;
860        inset-inline-end: 0;
861        width: 100vw;
862        @media (min-width: 768px) {
863            width: min(50vw, var(--drawer-panel-max-w));
864        }
865        max-width: 100%;
866        background: #fff;
867        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.12);
868        transform: translateX(100%);
869        transition: transform 0.28s;
870        outline: none;
871        display: flex;
872        flex-direction: column;
873        padding-top: env(safe-area-inset-top);
874    }
875
876    .drawer__panel--visible {
877        transform: translateX(0);
878    }
879
880    .drawer__header {
881        display: flex;
882        align-items: center;
883        justify-content: space-between;
884        gap: 0.75rem;
885        padding: 0.85rem 1rem;
886        border-bottom: 1px solid #f0f0f0;
887    }
888
889    .drawer__body {
890        padding: 0;
891        overflow: auto;
892    }
893
894    @media (prefers-reduced-motion: reduce) {
895        .drawer__backdrop,
896        .drawer__panel {
897            transition: none;
898        }
899    }
900
901    .d-none{
902        display: none;
903    }
904</style>
905<div
906        id="account-panel"
907        class="drawer"
908        role="dialog"
909        aria-modal="true"
910        aria-hidden="true"
911        aria-labelledby="drawer-title"
912        data-drawer-header-selector-value="div.navbar"
913        data-drawer-content-url="/account/user/my-subscriptions"
914        data-drawer-cache="true"
915>
916    <div class="drawer__backdrop" data-drawer-target="backdrop"></div>
917    <aside class="drawer__panel bg-white" data-drawer-target="panel" tabindex="-1">
918        <iframe class="hidden d-none" src="/cas/login?service=teching_moncompte&theme=lucy&locale=fr"
919                scrolling="no"
920                frameborder="0"
921                marginheight="0"
922                marginwidth="0">
923        </iframe>
924        <div class="drawer__body" id="subscriptions-fragment" data-drawer-target="body">
925            <!-- Content will be loaded from my -->
926            Loading…
927        </div>
928    </aside>
929</div>
930
931<script>
932    // tracking analytics sur liens nav principale
933        $('a', '#menu-menu-generique-ti').on('click', function (e) {
934            var link = $(this);
935            var url = link.attr('href');
936            var label = link.text();
937            var urlParent = window.location.toString();
938            e.preventDefault();
939            if(typeof(ga) == "function") {
940                ga('send', 'event', 'header_refonte_2026', label, urlParent);
941            } else if (typeof(__gaTracker) == "function") {
942                __gaTracker('send', 'event', 'header_refonte_2026', label, urlParent);
943            }
944            setTimeout(function () {
945                document.location = url;
946            }, 300);
947        });
948
949        // tracking analytics sur liens sous-nav_actualite
950        $('a', '#sous-menu-magazine-actualite').on('click', function (e) {
951            var link = $(this);
952            var url = link.attr('href');
953            var label = link.text();
954            var urlParent = window.location.toString();
955            e.preventDefault();
956            if(typeof(ga) == "function") {
957                ga('send', 'event', { eventCategory: 'sous-nav_actualite', eventAction: label, eventLabel:  urlParent });
958            } else if (typeof(__gaTracker) == "function") {
959                __gaTracker('send', 'event', { eventCategory: 'sous-nav_actualite', eventAction: label, eventLabel: urlParent });
960            }
961            setTimeout(function () {
962                document.location = url;
963            }, 300);
964
965        });
966
967        // tracking analytics sur liens sous-nav_ress-doc
968        $('a', '#sous-menu-ressources-documentaires').on('click', function (e) {
969            var link = $(this);
970            var url = link.attr('href');
971            var label = url.split("/");
972            var urlParent = window.location.toString();
973            e.preventDefault();
974            if(typeof(ga) == "function") {
975                ga('send', 'event', { eventCategory: 'sous-nav_ress-doc', eventAction: label[2] , eventLabel: urlParent });
976            } else if (typeof(__gaTracker) == "function") {
977                __gaTracker('send', 'event', { eventCategory: 'sous-nav_ress-doc', eventAction: label[2] , eventLabel: urlParent });
978            }
979            setTimeout(function () {
980                document.location = url;
981            }, 300);
982        });
983</script>
vendor: 1 bytes, line 983
983
984<script type="text/javascript">
985    let host_name = window.location.hostname;
986    let is_ti_host = host_name === 'preprod.techniques-ingenieur.fr' || host_name === 'www.techniques-ingenieur.fr';
987    if (is_ti_host) {
988        jQuery(document).on("click", ".cookie-renew", function() {
989            sessionStorage.setItem("marketing_cookie_reload_pending", "1");
990            var isDisplay = setInterval(function() {
991                var banner = document.getElementById("cookiebanner");
992                if (!banner || banner.style.display !== "block") {
993                    return;
994                }
995
996                document.getElementById("button-row").style.display = "none";
997                document.getElementById("cookiebanner-select").style.display = "block";
998
999                var preferences = document.getElementById('CybotCookiebotDialogBodyLevelButtonPreferences');
1000                var statistics = document.getElementById('CybotCookiebotDialogBodyLevelButtonStatistics');
1001                var marketing = document.getElementById('CybotCookiebotDialogBodyLevelButtonMarketing');
1002
1003                if (window.Cookiebot) {
1004                    preferences.checked = !!Cookiebot.consent.preferences;
1005                    statistics.checked = !!Cookiebot.consent.statistics;
1006                    marketing.checked = !!Cookiebot.consent.marketing;
1007                }else{
1008                    preferences.checked = false;
1009                    statistics.checked = false;
1010                    marketing.checked = false;
1011                }
1012
1013                clearInterval(isDisplay);
1014            }, 100);
1015        });
1016
1017        window.addEventListener("CookiebotOnAccept", function() {
1018            if (sessionStorage.getItem("marketing_cookie_reload_pending") === "1" &&
1019                Cookiebot.consent.marketing
1020            ) {
1021                sessionStorage.removeItem("marketing_cookie_reload_pending");
1022                location.reload();
1023            }
1024        }, false);
1025    }
1026
1027    document.addEventListener("DOMContentLoaded", function() {
1028        document.querySelectorAll('.only-on-ti').forEach(el => {
1029            if (is_ti_host) {
1030                if (el.classList.contains('only-on-ti-ok')) {
1031                    el.classList.remove('hidden');
1032                } else {
1033                    el.remove();
1034                }
1035            } else {
1036                if (el.classList.contains('only-on-ti-nok')) {
1037                    el.classList.remove('hidden');
1038                } else {
1039                    el.remove();
1040                }
1041            }
1042        });
1043
1044        // Handle first login event for Google tracking
1045        if (document.querySelector("iframe.casiframe") === null && !hasUserLoggedInOnce()) {
1046            setUserLoggedInOnce();
1047        }
1048    });
1049
1050    function hasUserLoggedInOnce()
1051    {
1052        const userLoggedInOnce = JSON.parse(localStorage.getItem("logged_in_once"));
1053
1054        return typeof userLoggedInOnce === "boolean" ? userLoggedInOnce : false;
1055    }
1056
1057    function setUserLoggedInOnce(status = true)
1058    {
1059        if (typeof status !== "boolean") {
1060            return;
1061        }
1062
1063        localStorage.setItem("logged_in_once", JSON.stringify(status));
1064
1065        if (status === true && typeof window.dataLayer !== "undefined") {
1066            window.dataLayer.push({
1067                event: "login",
1068            });
1069        }
1070    }
1071</script>
1071
1072
1073<!--Script from Mon-Compte to handle my subscriptions buttons-->
1074<script>
1075    /** Handle attach by code form behavior **/
1076    function initAttachController(root) {
1077        // Avoid double-binding
1078        if (root._attachInitialized) return;
1079        root._attachInitialized = true;
1080
1081        // Targets
1082        const input          = root.querySelector('[data-attach-target="input"]');
1083        const button         = root.querySelector('[data-attach-target="button"]');
1084        const feedback       = root.querySelector('[data-attach-target="feedback"]');
1085        const refreshTarget  = root.querySelector('[data-attach-target="refresh"]');
1086
1087        // Values
1088        const urlValue             = root.dataset.attachUrlValue;
1089        const refreshUrlValue      = root.dataset.attachRefreshUrlValue;
1090        const refreshSelectorValue = root.dataset.attachRefreshSelectorValue;
1091
1092        const form = root.querySelector('form');
1093        if (!form) return;
1094
1095        form.addEventListener('submit', onSubmit);
1096
1097        function onSubmit(event) {
1098            console.log('Submitting form');
1099            event.preventDefault(); // <- this MUST run
1100
1101            const code = (input ? input.value : '').trim();
1102            if (!code) {
1103                showError("Veuillez saisir un code de rattachement.");
1104                return;
1105            }
1106
1107            setLoading(true);
1108
1109            const url = new URL(urlValue, window.location.origin);
1110            url.searchParams.set('code', code);
1111
1112            fetch(url.toString(), {
1113                method: 'GET',
1114                headers: { 'Accept': 'application/json' },
1115                credentials: 'same-origin'
1116            })
1117                .then(async (res) => {
1118                    const payload = await safeJson(res);
1119                    if (!res.ok) {
1120                        const msg = (payload && (payload.error || payload.message)) || 'Erreur '+res.status;
1121                        throw new Error(msg);
1122                    }
1123
1124                    const message = (payload && (payload.message || "Code accepté.")) || "Code accepté.";
1125                    showSuccess(message);
1126
1127                    if (refreshUrlValue) {
1128                        return refreshContent().then(() => payload);
1129                    }
1130                    return payload;
1131                })
1132                .then((payload) => {
1133                    root.dispatchEvent(new CustomEvent('attach:success', {
1134                        detail: { code, payload },
1135                        bubbles: true
1136                    }));
1137                })
1138                .catch((err) => {
1139                    showError(err.message || "Une erreur est survenue.");
1140                    root.dispatchEvent(new CustomEvent('attach:error', {
1141                        detail: { code, error: err },
1142                        bubbles: true
1143                    }));
1144                })
1145                .finally(() => setLoading(false));
1146        }
1147
1148        async function safeJson(res) {
1149            try {
1150                return await res.json();
1151            } catch (e) {
1152                return null;
1153            }
1154        }
1155
1156        function setLoading(state) {
1157            if (button) {
1158                button.toggleAttribute('disabled', state);
1159                button.classList.toggle('disabled', state);
1160                if (!button.dataset.originalText) {
1161                    button.dataset.originalText = button.textContent;
1162                }
1163                button.textContent = state ? 'Veuillez patienter…' : button.dataset.originalText;
1164            }
1165            if (input) {
1166                input.toggleAttribute('disabled', state);
1167            }
1168        }
1169
1170        function showError(msg) {
1171            if (input) {
1172                input.classList.add('is-invalid');
1173            }
1174            if (feedback) {
1175                feedback.textContent = msg;
1176                feedback.classList.remove('text-success');
1177                feedback.classList.add('text-danger');
1178            }
1179        }
1180
1181        function showSuccess(msg) {
1182            if (input) {
1183                input.classList.remove('is-invalid');
1184            }
1185            if (feedback) {
1186                feedback.textContent = msg;
1187                feedback.classList.remove('text-danger');
1188                feedback.classList.add('text-success');
1189            }
1190        }
1191
1192        async function refreshContent() {
1193            const container = resolveRefreshContainer();
1194            if (!container) return;
1195
1196            const url = new URL(refreshUrlValue, window.location.origin);
1197            url.searchParams.set('_', Date.now().toString()); // cache-buster
1198
1199            const res = await fetch(url.toString(), {
1200                method: 'GET',
1201                headers: { 'Accept': 'text/html' },
1202                credentials: 'same-origin'
1203            });
1204
1205            if (!res.ok) {
1206                throw new Error('Refresh failed ('+res.status+')');
1207            }
1208
1209            container.innerHTML = await res.text();
1210        }
1211
1212        function resolveRefreshContainer() {
1213            if (refreshSelectorValue) {
1214                const el = document.querySelector(refreshSelectorValue);
1215                return el || null;
1216            }
1217            return refreshTarget || null;
1218        }
1219    }
1220
1221    function initAllAttachControllers() {
1222        document.querySelectorAll('[data-controller="attach"]').forEach(initAttachController);
1223    }
1224
1225    /**
1226     * Enable offer detail toggle and multi account select
1227     */
1228    function initAccountSwitcher(root = document) {
1229        const select = root.querySelector("#account-id");
1230        if (!select || select.dataset.accountSwitcherInit === "1") return;
1231
1232        console.log(select);
1233        const sections = root.querySelectorAll("section[data-account-id]");
1234
1235        function showSelectedSection() {
1236            const selectedId = select.value;
1237            sections.forEach((section) => {
1238                if (section.dataset.accountId === selectedId) {
1239                    section.classList.remove("d-none");
1240                } else {
1241                    section.classList.add("d-none");
1242                }
1243            });
1244        }
1245
1246        select.dataset.accountSwitcherInit = "1";
1247        showSelectedSection();
1248        select.addEventListener("change", showSelectedSection, { passive: true });
1249    }
1250
1251    function initOfferDetailToggles(root = document) {
1252        const OPEN_LABEL = "Fermer";
1253        const CLOSED_LABEL = "Détail";
1254
1255        const toggles = root.querySelectorAll('[data-offer-detail-target="toggle"]');
1256        toggles.forEach((toggleEl) => {
1257            if (toggleEl.dataset.offerToggleInit === "1") return; // idempotency
1258
1259            const rootItem =
1260                toggleEl.closest('[data-controller~="offer-detail"]') ||
1261                toggleEl.closest("li") ||
1262                root;
1263
1264            const panelEl = rootItem.querySelector('[data-offer-detail-target="panel"]');
1265            const contentEl = rootItem.querySelector('[data-offer-detail-target="content"]');
1266            if (!panelEl || !contentEl) {
1267                toggleEl.dataset.offerToggleInit = "1";
1268                return;
1269            }
1270
1271            panelEl.style.overflow = "hidden";
1272            panelEl.style.transition = "height .25s ease";
1273
1274            const isOpen = !panelEl.hidden;
1275            if (isOpen) {
1276                panelEl.style.height = contentEl.offsetHeight + "px";
1277                toggleEl.innerHTML = "<span>" + OPEN_LABEL + "</span>";
1278                toggleEl.setAttribute("aria-expanded", "true");
1279                rootItem.classList.add("is-open");
1280            } else {
1281                panelEl.style.height = "0px";
1282                toggleEl.textContent = CLOSED_LABEL;
1283                toggleEl.setAttribute("aria-expanded", "false");
1284                rootItem.classList.remove("is-open");
1285            }
1286
1287            if (!contentEl.__offerDetailRO && "ResizeObserver" in window) {
1288                contentEl.__offerDetailRO = new ResizeObserver(() => {
1289                    if (!panelEl.hidden) {
1290                        panelEl.style.height = contentEl.offsetHeight + "px";
1291                    }
1292                });
1293                contentEl.__offerDetailRO.observe(contentEl);
1294            }
1295
1296            // Toggle handler
1297            const onClick = (e) => {
1298                e.preventDefault();
1299                const currentlyOpen = !panelEl.hidden;
1300
1301                if (currentlyOpen) {
1302                    // Close
1303                    toggleEl.textContent = CLOSED_LABEL;
1304                    toggleEl.setAttribute("aria-expanded", "false");
1305                    rootItem.classList.remove("is-open");
1306
1307                    panelEl.style.height = "0px";
1308                    const onEnd = () => {
1309                        panelEl.hidden = true;
1310                        panelEl.removeEventListener("transitionend", onEnd);
1311                    };
1312                    panelEl.addEventListener("transitionend", onEnd, { once: true });
1313                } else {
1314                    // Open
1315                    panelEl.hidden = false;
1316                    void panelEl.offsetHeight;
1317                    panelEl.style.height = contentEl.offsetHeight + "px";
1318
1319                    toggleEl.innerHTML = "<span>" + OPEN_LABEL + "</span>";
1320                    toggleEl.setAttribute("aria-expanded", "true");
1321                    rootItem.classList.add("is-open");
1322                }
1323            };
1324
1325            toggleEl.addEventListener("click", onClick);
1326            toggleEl.dataset.offerToggleInit = "1"; // mark as initialized
1327        });
1328    }
1329
1330    // Convenience helper to run both initializers on a container
1331    function initAll(root = document) {
1332        initAccountSwitcher(root);
1333        initOfferDetailToggles(root);
1334        initAllAttachControllers();
1335    }
1336    window.MySubsInit = { initAll, initAccountSwitcher, initOfferDetailToggles };
1337
1338
1339    /**
1340     * Drawer
1341     * Reads header selector from data-drawer-header-selector-value (or data-drawer-header-selector)
1342     * Fetches body HTML from data-drawer-content-url (optional), caches if data-drawer-cache="true"
1343     * - Triggers: data-drawer-open="#id", data-drawer-toggle="#id", data-drawer-close
1344     */
1345    (function () {
1346        const S = {
1347            drawer: '.drawer',
1348            backdrop: '.drawer__backdrop',
1349            panel: '.drawer__panel',
1350            body: '.drawer__body',
1351        };
1352        const M = {
1353            backdropVisible: 'drawer__backdrop--visible',
1354            panelVisible: 'drawer__panel--visible',
1355        };
1356        const cache = new WeakMap(); // element -> { open, loaded, lastFocus, listeners }
1357
1358        const qs = (el, sel) => el.querySelector(sel);
1359
1360        function getHeaderSel(el) {
1361            return el.getAttribute('data-drawer-header-selector-value') || el.getAttribute('data-drawer-header-selector') || '';
1362        }
1363        function getHeader(el) {
1364            const sel = getHeaderSel(el);
1365            return sel ? document.querySelector(sel) : null;
1366        }
1367        function headerHeight(el) {
1368            const h = getHeader(el);
1369            return h ? Math.ceil(h.getBoundingClientRect().height) : 0;
1370        }
1371        function setOffsets(el) {
1372            const panel = qs(el, S.panel);
1373            const backdrop = qs(el, S.backdrop);
1374            const hh = headerHeight(el);
1375
1376            const top = '0px';
1377            const height = '100dvh';
1378
1379            [panel, backdrop].forEach(function (n) {
1380                if (!n) return;
1381                n.style.top = top;
1382                n.style.height = height;
1383            });
1384        }
1385
1386
1387        function lockScroll() { const d=document.documentElement; if (!d.dataset.drawerLock){ d.dataset.drawerLock='1'; d.style.overflow='hidden'; } }
1388        function unlockScroll() { const d=document.documentElement; delete d.dataset.drawerLock; d.style.overflow=''; }
1389
1390        function trapTab(e, panel) {
1391            const nodes = panel.querySelectorAll('a[href], button, textarea, input, select, [tabindex]:not([tabindex="-1"])');
1392            const list = Array.from(nodes).filter(el => !el.disabled && el.offsetParent !== null);
1393            if (!list.length) return;
1394            const first = list[0], last = list[list.length - 1];
1395            if (e.shiftKey && document.activeElement === first) { last.focus(); e.preventDefault(); }
1396            else if (!e.shiftKey && document.activeElement === last) { first.focus(); e.preventDefault(); }
1397        }
1398
1399        async function loadBody(el) {
1400            const st = cache.get(el);
1401            if (st.loaded) return;
1402            const url = el.getAttribute('data-drawer-content-url');
1403            const shouldCache = (el.getAttribute('data-drawer-cache') || 'true') === 'true';
1404            const container = qs(el, S.body);
1405            if (!url || !container) return;
1406            container.innerHTML = 'Loading…';
1407
1408            try {
1409                const res = await fetch(url, { credentials: 'include' });
1410                const html = await res.text();
1411                container.innerHTML = html;
1412
1413                initAll(container);
1414                if (shouldCache) st.loaded = true;
1415            } catch (e) {
1416                container.innerHTML = '<div role="alert">Failed to load content.</div>';
1417            }
1418        }
1419
1420        function open(el) {
1421            const panel = qs(el, S.panel);
1422            const backdrop = qs(el, S.backdrop);
1423            const st = cache.get(el) || {};
1424            st.open = true; cache.set(el, st);
1425
1426            el.setAttribute('aria-hidden', 'false');
1427            backdrop && backdrop.classList.add(M.backdropVisible);
1428            panel && panel.classList.add(M.panelVisible);
1429
1430            lockScroll();
1431            setOffsets(el);
1432
1433            st.lastFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;
1434            setTimeout(() => { if (panel && panel.focus) panel.focus(); }, 40);
1435
1436            loadBody(el);
1437
1438            // listeners
1439            st.listeners = st.listeners || {};
1440            st.listeners.keydown = (e) => {
1441                if (!st.open) return;
1442                if (e.key === 'Escape') { e.preventDefault(); close(el); }
1443                if (e.key === 'Tab') { trapTab(e, panel); }
1444            };
1445            document.addEventListener('keydown', st.listeners.keydown);
1446
1447            const header = getHeader(el);
1448            if ('ResizeObserver' in window && header) {
1449                st.ro = new ResizeObserver(() => setOffsets(el));
1450                st.ro.observe(header);
1451            }
1452            st.listeners.resize = () => setOffsets(el);
1453            window.addEventListener('resize', st.listeners.resize);
1454
1455            el.dispatchEvent(new CustomEvent('drawer:open', { bubbles: true }));
1456        }
1457
1458        function close(el) {
1459            const panel = qs(el, S.panel);
1460            const backdrop = qs(el, S.backdrop);
1461            const st = cache.get(el) || {};
1462            st.open = false; cache.set(el, st);
1463
1464            el.setAttribute('aria-hidden', 'true');
1465            backdrop && backdrop.classList.remove(M.backdropVisible);
1466            panel && panel.classList.remove(M.panelVisible);
1467
1468            unlockScroll();
1469
1470            if (st.listeners?.keydown) document.removeEventListener('keydown', st.listeners.keydown);
1471            if (st.listeners?.resize) window.removeEventListener('resize', st.listeners.resize);
1472            if (st.ro) { st.ro.disconnect(); st.ro = null; }
1473
1474            if (st.lastFocus && st.lastFocus.focus) setTimeout(() => st.lastFocus.focus(), 40);
1475
1476            el.dispatchEvent(new CustomEvent('drawer:close', { bubbles: true }));
1477        }
1478
1479        function toggle(el) { (cache.get(el)?.open) ? close(el) : open(el); }
1480
1481        function findDrawer(targetOrSelector) {
1482            if (!targetOrSelector) return null;
1483            if (typeof targetOrSelector === 'string') return document.querySelector(targetOrSelector);
1484            if (targetOrSelector.closest) return targetOrSelector.closest(S.drawer);
1485            return null;
1486        }
1487
1488        document.addEventListener('click', (e) => {
1489            const bd = e.target.closest('.drawer__backdrop');
1490            if (bd) { const root = bd.closest(S.drawer); if (root) close(root); }
1491        });
1492        document.addEventListener('click', (e) => {
1493            const openBtn = e.target.closest('[data-drawer-open]');
1494            if (openBtn) { const el = findDrawer(openBtn.getAttribute('data-drawer-open')); if (el) { e.preventDefault(); open(el); } return; }
1495
1496            const toggleBtn = e.target.closest('[data-drawer-toggle]');
1497            if (toggleBtn) { const el = findDrawer(toggleBtn.getAttribute('data-drawer-toggle')); if (el) { e.preventDefault(); toggle(el); } return; }
1498
1499            const closeBtn = e.target.closest('[data-drawer-close]');
1500            if (closeBtn) { const el = findDrawer(closeBtn.getAttribute('data-drawer-close')) || closeBtn.closest(S.drawer); if (el) { e.preventDefault(); close(el); } }
1501        });
1502        document.addEventListener('DOMContentLoaded', () => {
1503            document.querySelectorAll(S.drawer).forEach((el) => {
1504                if (!el.hasAttribute('aria-hidden')) el.setAttribute('aria-hidden', 'true');
1505                if (!el.hasAttribute('role')) el.setAttribute('role', 'dialog');
1506                if (!el.hasAttribute('aria-modal')) el.setAttribute('aria-modal', 'true');
1507                setOffsets(el);
1508                cache.set(el, { open: false, loaded: false, lastFocus: null });
1509            });
1510        });
1511
1512        window.Drawer = { open: (sel) => open(findDrawer(sel)), close: (sel) => close(findDrawer(sel)), toggle: (sel) => toggle(findDrawer(sel)) };
1513    })();
1514</script>
1514
1515
1516<script src="/modules/header/js/abonnements.do"></script>
1516
1517<!--
1517<script src="--><!--/header/js/abonnements/"></script>
1517-->
1517<script>isAnonymousIp();</script>
1517        <div class="ast-container learndash-wrapper">
1518            <div id="breadcrumb" class="bloc-container">
1519    <div class="breadcrumb">
1520        <a href="https://www.techniques-ingenieur.fr">Accueil</a>
1521<span class="active">Parcours Pratiques</span>
1522    </div>
1523    <div>
1524        <button type="button" class="social-share-url" data-position="top" data-social="copy" aria-live="assertive" aria-atomic="true">
1525            <span class="icon-container">
1526                <span class="icon-link"></span>
1527            </span>
1528            <span class="link-title">Copier le lien</span>
1529        </button>
1530    </div>
1531</div>
1532
1533            <div id="content" class="site-content">
1534
1535
1536
1537<!--<div id="sticky" class="hidden-print">
1538    <div id="sticky-menu" class="text-right sticky-show" xmlns="http://www.w3.org/1999/html">
1539        <a class="switch-popin prospect" href="" onclick="sendTrackEvent('send', 'event', {eventCategory: 'Depuis Accueil', eventAction: 'Button Fiona', eventLabel: 'HOME'});">
1540            <img src="" alt="" height="100" width="100">
1541            <p class="text-left"><i class="fa fa-comment" aria-hidden="true"></i> | En savoir plus</p>
1542        </a>
1543    </div>
1544</div>-->
1545
1546<div id="sticky" class="hidden-print">
1547    <button>
1548        <i class="fa-regular fa-question"></i>
1549    </button>
1550    <span>Contactez-nous</span>
1551    <div class="menu-aide">
1552        <section>
1553            <p>Contact</p>
1554            <hr>
1555            <a class="switch-popin" href="/switch.html">Poser une question en ligne</a>
1556            <a href="/edito/contact.html">Contacter nos équipes</a>
1557        </section>
1558        <section>
1559            <p>Aide en ligne</p>
1560            <hr>
1561            <a href="/actualite/edito/aide/">Tutos</a>
1562            <a href="/actualite/edito/foire-aux-questions/">FAQ</a>
1563            <a href="/edito/contact.html#assistantIAfullPage">Chatbot d'assistance</a>
1564        </section>
1565    </div>
1566</div>
1567<div id="bandeau-top-home-parcours">
1568    <div>
1569        <div class="bloc-titre">
1570            <div>
1571                <img src="//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/parcours-pratique/picto-parcours-pratiques-noir.svg" alt="Logo Parcours Pratiques" height="80" width="79">
1572                <h1>Parcours Pratiques</h1>
1573            </div>
1574        </div>
1575        <div class="bloc-video">
1576            <div>
1577                <iframe src="https://player.vimeo.com/video/1061297627?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" width="350" height="196" frameborder="0" allowfullscreen="allowfullscreen" data-ready="true"></iframe>
1578            </div>
1579        </div>
1580    </div>
1581    <div>
1582        <div class="bloc-descriptif">
1583            <h2><strong>La solution rapide et efficace pour relever les défis posés par vos projets !</strong></h2>
1584<p>Constitués de modules numériques, préparés par les meilleurs experts, les Parcours Pratiques sont l’assurance de votre montée en compétence.</p>
1585<p>Chaque Parcours Pratique est scénarisé autour d’une problématique concrète. Séquencés étape par étape, ils intègrent des fiches didactiques, des solutions prêtes à l’emploi, des outils pratiques à télécharger et des quiz pour renforcer l’apprentissage.</p>
1586<p>Une approche flexible et autonome pour entrer facilement dans des sujets complexes !</p>
1587                            <a class="voir-tout" href="https://www.techniques-ingenieur.fr/actualite/edito/les-parcours-pratiques/">
1588                    <span>En savoir plus</span>
1589                    <svg xmlns="http://www.w3.org/2000/svg" width="42" height="12" viewBox="0 0 42 12" fill="none">
1590                        <path d="M0.75 4.77295C0.335787 4.77295 7.24234e-08 5.10874 0 5.52295C-7.24234e-08 5.93716 0.335786 6.27295 0.75 6.27295L0.75 5.52295L0.75 4.77295ZM41.2803 6.05328C41.5732 5.76039 41.5732 5.28551 41.2803 4.99262L36.5074 0.21965C36.2145 -0.0732435 35.7396 -0.0732435 35.4467 0.21965C35.1538 0.512543 35.1538 0.987417 35.4467 1.28031L39.6893 5.52295L35.4467 9.76559C35.1538 10.0585 35.1538 10.5334 35.4467 10.8263C35.7396 11.1191 36.2145 11.1191 36.5074 10.8263L41.2803 6.05328ZM0.75 5.52295L0.75 6.27295L40.75 6.27295L40.75 5.52295L40.75 4.77295L0.75 4.77295L0.75 5.52295Z" fill="black"></path>
1591                    </svg>
1592                </a>
1593                    </div>
1594    </div>
1595</div>
1596
1597<div class="listing-parcours" id="listing-parcours">
1598    <div class="filter-parcours">
1599        <span class="filters-title">Les packs thématiques :</span>
1600        <div class="filtres-thematics nav-select" id="navSelect">
1601                            <button class="filter-course" data-class="conception-bureau-etudes">Conception - Bureau d’études</button>
1602                            <button class="filter-course" data-class="gestion-de-crise">Gestion de crise</button>
1603                            <button class="filter-course" data-class="gestion-de-projet">Gestion de projet</button>
1604                            <button class="filter-course" data-class="innovation">Innovation</button>
1605                            <button class="filter-course" data-class="intrapreneuriat">Intrapreneuriat</button>
1606                            <button class="filter-course" data-class="propriete-intellectuelle">Propriété intellectuelle</button>
1607                            <button class="filter-course" data-class="transition-energetique">Transition énergétique</button>
1608                            <button class="filter-course" data-class="veille">Veille</button>
1609                            <button class="filter-course" data-class="all">Tous les modules</button>
1610                    </div>
1611    </div>
1612
1613    <div>
1614                    <div id="offre-tipp">
1615                <div class="infos-offre">
1616                    <p class="title">Conception - Bureau d’études</p>
1617                    <p class="descriptif">Accès aux modules du Parcours Pratique, leurs fiches didactiques et leurs outils et modèles, pendant 12 mois.</p>
1618                </div>
1619                <div class="separateur"><span></span></div>
1620                <div class="infos-price">
1621                    <div class="bloc-price">
1622                        <div class="line-price">
1623                            <span class="price"><span>795&nbsp;€&nbsp;HT</span></span>
1624                        </div>
1625                        <p class="licence">Par an, monoposte</p>
1626                    </div>
1627                    <div class="bloc-action">
1628                        <a class="button" href="https://boutique.techniques-ingenieur.fr/catalogue/parcours-pratique-conception---bureau-d-etudes.html">
1629                            <span>Voir l'offre</span>
1630                        </a>
1631                        <div>
1632                            <p class="licence">Pour toute autre formule :<br><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/information-request/?thematique=conception-bureau-etudes">Demandez un devis</a></p>
1633                        </div>
1634                    </div>
1635                </div>
1636            </div>
1637                <div id="list-course" data-pages="6">
1638                            <div class="zoning item-course gestion-de-projet" data-page="1">
1639    <div class="item-course-top">
1640        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/boite-a-outils-de-communication-pour-chefs-de-projet/" rel="bookmark">
1641            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP200.png" alt="Boîte à outils de communication pour chefs de projet">
1642        </a>
1643            </div>
1644
1645    <div class="item-course-content">
1646        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/boite-a-outils-de-communication-pour-chefs-de-projet/">
1647            <h3 title="Boîte à outils de communication pour chefs de projet">Boîte à outils de communication pour chefs de projet</h3>
1648        </a>
1649
1650        <!--
1651                        <div class="library-toggle bookmark" data-post-id="">
1652                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
1653                <span class="library-delete">
1654                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
1655                </span>
1656            </div>
1657        -->
1658    </div>
1659
1660    <div class="item-course-bottom">
1661                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1662                <g clip-path="url(#clip0_4837_6382)">
1663                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
1664                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
1665                </g>
1666                <defs>
1667                    <clipPath id="clip0_4837_6382">
1668                        <rect width="20" height="20" fill="white"/>
1669                    </clipPath>
1670                </defs>
1671            </svg>
1672        
1673        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/boite-a-outils-de-communication-pour-chefs-de-projet/" class="btn">
1674                            <span>Découvrir</span>
1675                        <i class="fa-regular fa-arrow-right-long"></i>
1676        </a>
1677    </div>
1678</div>
1679                            <div class="zoning item-course gestion-de-projet" data-page="1">
1680    <div class="item-course-top">
1681        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/suivre-et-reporter-les-indicateurs-financiers-dun-projet/" rel="bookmark">
1682            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP201.png" alt="Suivre et reporter les indicateurs financiers d’un projet">
1683        </a>
1684            </div>
1685
1686    <div class="item-course-content">
1687        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/suivre-et-reporter-les-indicateurs-financiers-dun-projet/">
1688            <h3 title="Suivre et reporter les indicateurs financiers d’un projet">Suivre et reporter les indicateurs financiers d’un projet</h3>
1689        </a>
1690
1691        <!--
1692                        <div class="library-toggle bookmark" data-post-id="">
1693                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
1694                <span class="library-delete">
1695                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
1696                </span>
1697            </div>
1698        -->
1699    </div>
1700
1701    <div class="item-course-bottom">
1702                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1703                <g clip-path="url(#clip0_4837_6382)">
1704                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
1705                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
1706                </g>
1707                <defs>
1708                    <clipPath id="clip0_4837_6382">
1709                        <rect width="20" height="20" fill="white"/>
1710                    </clipPath>
1711                </defs>
1712            </svg>
1713        
1714        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/suivre-et-reporter-les-indicateurs-financiers-dun-projet/" class="btn">
1715                            <span>Découvrir</span>
1716                        <i class="fa-regular fa-arrow-right-long"></i>
1717        </a>
1718    </div>
1719</div>
1720                            <div class="zoning item-course gestion-de-projet" data-page="1">
1721    <div class="item-course-top">
1722        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/etablir-le-planning-dun-projet/" rel="bookmark">
1723            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP202.png" alt="Établir le planning d’un projet">
1724        </a>
1725            </div>
1726
1727    <div class="item-course-content">
1728        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/etablir-le-planning-dun-projet/">
1729            <h3 title="Établir le planning d’un projet">Établir le planning d’un projet</h3>
1730        </a>
1731
1732        <!--
1733                        <div class="library-toggle bookmark" data-post-id="">
1734                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
1735                <span class="library-delete">
1736                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
1737                </span>
1738            </div>
1739        -->
1740    </div>
1741
1742    <div class="item-course-bottom">
1743                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1744                <g clip-path="url(#clip0_4837_6382)">
1745                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
1746                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
1747                </g>
1748                <defs>
1749                    <clipPath id="clip0_4837_6382">
1750                        <rect width="20" height="20" fill="white"/>
1751                    </clipPath>
1752                </defs>
1753            </svg>
1754        
1755        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/etablir-le-planning-dun-projet/" class="btn">
1756                            <span>Découvrir</span>
1757                        <i class="fa-regular fa-arrow-right-long"></i>
1758        </a>
1759    </div>
1760</div>
1761                            <div class="zoning item-course gestion-de-projet" data-page="1">
1762    <div class="item-course-top">
1763        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/manager-un-projet-a-distance/" rel="bookmark">
1764            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP203.png" alt="Manager un projet à distance">
1765        </a>
1766            </div>
1767
1768    <div class="item-course-content">
1769        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/manager-un-projet-a-distance/">
1770            <h3 title="Manager un projet à distance">Manager un projet à distance</h3>
1771        </a>
1772
1773        <!--
1774                        <div class="library-toggle bookmark" data-post-id="">
1775                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
1776                <span class="library-delete">
1777                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
1778                </span>
1779            </div>
1780        -->
1781    </div>
1782
1783    <div class="item-course-bottom">
1784                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1785                <g clip-path="url(#clip0_4837_6382)">
1786                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
1787                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
1788                </g>
1789                <defs>
1790                    <clipPath id="clip0_4837_6382">
1791                        <rect width="20" height="20" fill="white"/>
1792                    </clipPath>
1793                </defs>
1794            </svg>
1795        
1796        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/manager-un-projet-a-distance/" class="btn">
1797                            <span>Découvrir</span>
1798                        <i class="fa-regular fa-arrow-right-long"></i>
1799        </a>
1800    </div>
1801</div>
1802                            <div class="zoning item-course conception-bureau-etudes" data-page="1">
1803    <div class="item-course-top">
1804        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/travailler-avec-les-acheteurs-publics-aspects-reglementaires/" rel="bookmark">
1805            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP204.png" alt="Travailler avec les acheteurs publics : aspects réglementaires">
1806        </a>
1807            </div>
1808
1809    <div class="item-course-content">
1810        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/travailler-avec-les-acheteurs-publics-aspects-reglementaires/">
1811            <h3 title="Travailler avec les acheteurs publics : aspects réglementaires">Travailler avec les acheteurs publics : aspects réglementaires</h3>
1812        </a>
1813
1814        <!--
1815                        <div class="library-toggle bookmark" data-post-id="">
1816                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
1817                <span class="library-delete">
1818                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
1819                </span>
1820            </div>
1821        -->
1822    </div>
1823
1824    <div class="item-course-bottom">
1825                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1826                <g clip-path="url(#clip0_4837_6382)">
1827                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
1828                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
1829                </g>
1830                <defs>
1831                    <clipPath id="clip0_4837_6382">
1832                        <rect width="20" height="20" fill="white"/>
1833                    </clipPath>
1834                </defs>
1835            </svg>
1836        
1837        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/travailler-avec-les-acheteurs-publics-aspects-reglementaires/" class="btn">
1838                            <span>Découvrir</span>
1839                        <i class="fa-regular fa-arrow-right-long"></i>
1840        </a>
1841    </div>
1842</div>
1843                            <div class="zoning item-course conception-bureau-etudes" data-page="1">
1844    <div class="item-course-top">
1845        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/gerer-la-documentation/" rel="bookmark">
1846            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP205.png" alt="Gérer la documentation">
1847        </a>
1848            </div>
1849
1850    <div class="item-course-content">
1851        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/gerer-la-documentation/">
1852            <h3 title="Gérer la documentation">Gérer la documentation</h3>
1853        </a>
1854
1855        <!--
1856                        <div class="library-toggle bookmark" data-post-id="">
1857                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
1858                <span class="library-delete">
1859                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
1860                </span>
1861            </div>
1862        -->
1863    </div>
1864
1865    <div class="item-course-bottom">
1866                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1867                <g clip-path="url(#clip0_4837_6382)">
1868                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
1869                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
1870                </g>
1871                <defs>
1872                    <clipPath id="clip0_4837_6382">
1873                        <rect width="20" height="20" fill="white"/>
1874                    </clipPath>
1875                </defs>
1876            </svg>
1877        
1878        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/gerer-la-documentation/" class="btn">
1879                            <span>Découvrir</span>
1880                        <i class="fa-regular fa-arrow-right-long"></i>
1881        </a>
1882    </div>
1883</div>
1884                            <div class="zoning item-course transition-energetique" data-page="2">
1885    <div class="item-course-top">
1886        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mener-un-diagnostic-energetique/" rel="bookmark">
1887            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP206.png" alt="Mener un diagnostic énergétique">
1888        </a>
1889            </div>
1890
1891    <div class="item-course-content">
1892        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mener-un-diagnostic-energetique/">
1893            <h3 title="Mener un diagnostic énergétique">Mener un diagnostic énergétique</h3>
1894        </a>
1895
1896        <!--
1897                        <div class="library-toggle bookmark" data-post-id="">
1898                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
1899                <span class="library-delete">
1900                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
1901                </span>
1902            </div>
1903        -->
1904    </div>
1905
1906    <div class="item-course-bottom">
1907                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1908                <g clip-path="url(#clip0_4837_6382)">
1909                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
1910                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
1911                </g>
1912                <defs>
1913                    <clipPath id="clip0_4837_6382">
1914                        <rect width="20" height="20" fill="white"/>
1915                    </clipPath>
1916                </defs>
1917            </svg>
1918        
1919        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mener-un-diagnostic-energetique/" class="btn">
1920                            <span>Découvrir</span>
1921                        <i class="fa-regular fa-arrow-right-long"></i>
1922        </a>
1923    </div>
1924</div>
1925                            <div class="zoning item-course transition-energetique" data-page="2">
1926    <div class="item-course-top">
1927        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/decarboner-les-utilites-industrielles/" rel="bookmark">
1928            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP207.png" alt="Décarboner les utilités industrielles">
1929        </a>
1930            </div>
1931
1932    <div class="item-course-content">
1933        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/decarboner-les-utilites-industrielles/">
1934            <h3 title="Décarboner les utilités industrielles">Décarboner les utilités industrielles</h3>
1935        </a>
1936
1937        <!--
1938                        <div class="library-toggle bookmark" data-post-id="">
1939                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
1940                <span class="library-delete">
1941                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
1942                </span>
1943            </div>
1944        -->
1945    </div>
1946
1947    <div class="item-course-bottom">
1948                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1949                <g clip-path="url(#clip0_4837_6382)">
1950                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
1951                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
1952                </g>
1953                <defs>
1954                    <clipPath id="clip0_4837_6382">
1955                        <rect width="20" height="20" fill="white"/>
1956                    </clipPath>
1957                </defs>
1958            </svg>
1959        
1960        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/decarboner-les-utilites-industrielles/" class="btn">
1961                            <span>Découvrir</span>
1962                        <i class="fa-regular fa-arrow-right-long"></i>
1963        </a>
1964    </div>
1965</div>
1966                            <div class="zoning item-course conception-bureau-etudes" data-page="2">
1967    <div class="item-course-top">
1968        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/maitriser-vos-relations-de-sous-traitance/" rel="bookmark">
1969            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP208.png" alt="Maîtriser vos relations de sous-traitance">
1970        </a>
1971            </div>
1972
1973    <div class="item-course-content">
1974        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/maitriser-vos-relations-de-sous-traitance/">
1975            <h3 title="Maîtriser vos relations de sous-traitance">Maîtriser vos relations de sous-traitance</h3>
1976        </a>
1977
1978        <!--
1979                        <div class="library-toggle bookmark" data-post-id="">
1980                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
1981                <span class="library-delete">
1982                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
1983                </span>
1984            </div>
1985        -->
1986    </div>
1987
1988    <div class="item-course-bottom">
1989                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1990                <g clip-path="url(#clip0_4837_6382)">
1991                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
1992                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
1993                </g>
1994                <defs>
1995                    <clipPath id="clip0_4837_6382">
1996                        <rect width="20" height="20" fill="white"/>
1997                    </clipPath>
1998                </defs>
1999            </svg>
2000        
2001        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/maitriser-vos-relations-de-sous-traitance/" class="btn">
2002                            <span>Découvrir</span>
2003                        <i class="fa-regular fa-arrow-right-long"></i>
2004        </a>
2005    </div>
2006</div>
2007                            <div class="zoning item-course intrapreneuriat" data-page="2">
2008    <div class="item-course-top">
2009        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/comprendre-et-evaluer-les-benefices-de-lapproche-intrapreneuriale/" rel="bookmark">
2010            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP209.png" alt="Comprendre et évaluer les bénéfices de l’approche intrapreneuriale">
2011        </a>
2012            </div>
2013
2014    <div class="item-course-content">
2015        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/comprendre-et-evaluer-les-benefices-de-lapproche-intrapreneuriale/">
2016            <h3 title="Comprendre et évaluer les bénéfices de l’approche intrapreneuriale">Comprendre et évaluer les bénéfices de l’approche...</h3>
2017        </a>
2018
2019        <!--
2020                        <div class="library-toggle bookmark" data-post-id="">
2021                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2022                <span class="library-delete">
2023                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2024                </span>
2025            </div>
2026        -->
2027    </div>
2028
2029    <div class="item-course-bottom">
2030                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2031                <g clip-path="url(#clip0_4837_6382)">
2032                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2033                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2034                </g>
2035                <defs>
2036                    <clipPath id="clip0_4837_6382">
2037                        <rect width="20" height="20" fill="white"/>
2038                    </clipPath>
2039                </defs>
2040            </svg>
2041        
2042        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/comprendre-et-evaluer-les-benefices-de-lapproche-intrapreneuriale/" class="btn">
2043                            <span>Découvrir</span>
2044                        <i class="fa-regular fa-arrow-right-long"></i>
2045        </a>
2046    </div>
2047</div>
2048                            <div class="zoning item-course intrapreneuriat" data-page="2">
2049    <div class="item-course-top">
2050        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mettre-en-place-une-organisation-intrapreneuriale-dans-votre-entreprise/" rel="bookmark">
2051            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP210.png" alt="Mettre en place une organisation intrapreneuriale dans votre entreprise">
2052        </a>
2053            </div>
2054
2055    <div class="item-course-content">
2056        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mettre-en-place-une-organisation-intrapreneuriale-dans-votre-entreprise/">
2057            <h3 title="Mettre en place une organisation intrapreneuriale dans votre entreprise">Mettre en place une organisation intrapreneuriale dans votre...</h3>
2058        </a>
2059
2060        <!--
2061                        <div class="library-toggle bookmark" data-post-id="">
2062                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2063                <span class="library-delete">
2064                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2065                </span>
2066            </div>
2067        -->
2068    </div>
2069
2070    <div class="item-course-bottom">
2071                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2072                <g clip-path="url(#clip0_4837_6382)">
2073                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2074                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2075                </g>
2076                <defs>
2077                    <clipPath id="clip0_4837_6382">
2078                        <rect width="20" height="20" fill="white"/>
2079                    </clipPath>
2080                </defs>
2081            </svg>
2082        
2083        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mettre-en-place-une-organisation-intrapreneuriale-dans-votre-entreprise/" class="btn">
2084                            <span>Découvrir</span>
2085                        <i class="fa-regular fa-arrow-right-long"></i>
2086        </a>
2087    </div>
2088</div>
2089                            <div class="zoning item-course intrapreneuriat" data-page="2">
2090    <div class="item-course-top">
2091        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/intrapreneuriat-accompagner-vos-equipes-vers-la-reussite/" rel="bookmark">
2092            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP211.png" alt="Intrapreneuriat : accompagner vos équipes vers la réussite">
2093        </a>
2094            </div>
2095
2096    <div class="item-course-content">
2097        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/intrapreneuriat-accompagner-vos-equipes-vers-la-reussite/">
2098            <h3 title="Intrapreneuriat : accompagner vos équipes vers la réussite">Intrapreneuriat : accompagner vos équipes vers la réussite</h3>
2099        </a>
2100
2101        <!--
2102                        <div class="library-toggle bookmark" data-post-id="">
2103                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2104                <span class="library-delete">
2105                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2106                </span>
2107            </div>
2108        -->
2109    </div>
2110
2111    <div class="item-course-bottom">
2112                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2113                <g clip-path="url(#clip0_4837_6382)">
2114                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2115                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2116                </g>
2117                <defs>
2118                    <clipPath id="clip0_4837_6382">
2119                        <rect width="20" height="20" fill="white"/>
2120                    </clipPath>
2121                </defs>
2122            </svg>
2123        
2124        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/intrapreneuriat-accompagner-vos-equipes-vers-la-reussite/" class="btn">
2125                            <span>Découvrir</span>
2126                        <i class="fa-regular fa-arrow-right-long"></i>
2127        </a>
2128    </div>
2129</div>
2130                            <div class="zoning item-course propriete-intellectuelle" data-page="3">
2131    <div class="item-course-top">
2132        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/proteger-la-propriete-intellectuelle-de-vos-inventions/" rel="bookmark">
2133            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP212.png" alt="Protéger la propriété intellectuelle de vos inventions">
2134        </a>
2135            </div>
2136
2137    <div class="item-course-content">
2138        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/proteger-la-propriete-intellectuelle-de-vos-inventions/">
2139            <h3 title="Protéger la propriété intellectuelle de vos inventions">Protéger la propriété intellectuelle de vos inventions</h3>
2140        </a>
2141
2142        <!--
2143                        <div class="library-toggle bookmark" data-post-id="">
2144                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2145                <span class="library-delete">
2146                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2147                </span>
2148            </div>
2149        -->
2150    </div>
2151
2152    <div class="item-course-bottom">
2153                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2154                <g clip-path="url(#clip0_4837_6382)">
2155                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2156                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2157                </g>
2158                <defs>
2159                    <clipPath id="clip0_4837_6382">
2160                        <rect width="20" height="20" fill="white"/>
2161                    </clipPath>
2162                </defs>
2163            </svg>
2164        
2165        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/proteger-la-propriete-intellectuelle-de-vos-inventions/" class="btn">
2166                            <span>Découvrir</span>
2167                        <i class="fa-regular fa-arrow-right-long"></i>
2168        </a>
2169    </div>
2170</div>
2171                            <div class="zoning item-course veille" data-page="3">
2172    <div class="item-course-top">
2173        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/definir-les-axes-strategiques-de-la-veille/" rel="bookmark">
2174            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP213.png" alt="Définir les axes stratégiques de la veille">
2175        </a>
2176            </div>
2177
2178    <div class="item-course-content">
2179        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/definir-les-axes-strategiques-de-la-veille/">
2180            <h3 title="Définir les axes stratégiques de la veille">Définir les axes stratégiques de la veille</h3>
2181        </a>
2182
2183        <!--
2184                        <div class="library-toggle bookmark" data-post-id="">
2185                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2186                <span class="library-delete">
2187                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2188                </span>
2189            </div>
2190        -->
2191    </div>
2192
2193    <div class="item-course-bottom">
2194                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2195                <g clip-path="url(#clip0_4837_6382)">
2196                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2197                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2198                </g>
2199                <defs>
2200                    <clipPath id="clip0_4837_6382">
2201                        <rect width="20" height="20" fill="white"/>
2202                    </clipPath>
2203                </defs>
2204            </svg>
2205        
2206        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/definir-les-axes-strategiques-de-la-veille/" class="btn">
2207                            <span>Découvrir</span>
2208                        <i class="fa-regular fa-arrow-right-long"></i>
2209        </a>
2210    </div>
2211</div>
2212                            <div class="zoning item-course conception-bureau-etudes" data-page="3">
2213    <div class="item-course-top">
2214        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/bureaux-detudes-concevoir-pour-lutilisateur/" rel="bookmark">
2215            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP2141.png" alt="Bureaux d’études : concevoir pour l'utilisateur">
2216        </a>
2217            </div>
2218
2219    <div class="item-course-content">
2220        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/bureaux-detudes-concevoir-pour-lutilisateur/">
2221            <h3 title="Bureaux d’études : concevoir pour l'utilisateur">Bureaux d’études : concevoir pour l'utilisateur</h3>
2222        </a>
2223
2224        <!--
2225                        <div class="library-toggle bookmark" data-post-id="">
2226                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2227                <span class="library-delete">
2228                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2229                </span>
2230            </div>
2231        -->
2232    </div>
2233
2234    <div class="item-course-bottom">
2235                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2236                <g clip-path="url(#clip0_4837_6382)">
2237                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2238                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2239                </g>
2240                <defs>
2241                    <clipPath id="clip0_4837_6382">
2242                        <rect width="20" height="20" fill="white"/>
2243                    </clipPath>
2244                </defs>
2245            </svg>
2246        
2247        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/bureaux-detudes-concevoir-pour-lutilisateur/" class="btn">
2248                            <span>Découvrir</span>
2249                        <i class="fa-regular fa-arrow-right-long"></i>
2250        </a>
2251    </div>
2252</div>
2253                            <div class="zoning item-course innovation" data-page="3">
2254    <div class="item-course-top">
2255        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/manier-les-outils-de-la-creativite/" rel="bookmark">
2256            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/outils_creativite_test.jpg" alt="Manier les outils de la créativité">
2257        </a>
2258            </div>
2259
2260    <div class="item-course-content">
2261        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/manier-les-outils-de-la-creativite/">
2262            <h3 title="Manier les outils de la créativité">Manier les outils de la créativité</h3>
2263        </a>
2264
2265        <!--
2266                        <div class="library-toggle bookmark" data-post-id="">
2267                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2268                <span class="library-delete">
2269                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2270                </span>
2271            </div>
2272        -->
2273    </div>
2274
2275    <div class="item-course-bottom">
2276                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2277                <g clip-path="url(#clip0_4837_6382)">
2278                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2279                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2280                </g>
2281                <defs>
2282                    <clipPath id="clip0_4837_6382">
2283                        <rect width="20" height="20" fill="white"/>
2284                    </clipPath>
2285                </defs>
2286            </svg>
2287        
2288        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/manier-les-outils-de-la-creativite/" class="btn">
2289                            <span>Découvrir</span>
2290                        <i class="fa-regular fa-arrow-right-long"></i>
2291        </a>
2292    </div>
2293</div>
2294                            <div class="zoning item-course innovation" data-page="3">
2295    <div class="item-course-top">
2296        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/la-gestion-des-competences-au-service-de-linnovation/" rel="bookmark">
2297            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP216.png" alt="La gestion des compétences au service de l’innovation">
2298        </a>
2299            </div>
2300
2301    <div class="item-course-content">
2302        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/la-gestion-des-competences-au-service-de-linnovation/">
2303            <h3 title="La gestion des compétences au service de l’innovation">La gestion des compétences au service de l’innovation</h3>
2304        </a>
2305
2306        <!--
2307                        <div class="library-toggle bookmark" data-post-id="">
2308                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2309                <span class="library-delete">
2310                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2311                </span>
2312            </div>
2313        -->
2314    </div>
2315
2316    <div class="item-course-bottom">
2317                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2318                <g clip-path="url(#clip0_4837_6382)">
2319                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2320                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2321                </g>
2322                <defs>
2323                    <clipPath id="clip0_4837_6382">
2324                        <rect width="20" height="20" fill="white"/>
2325                    </clipPath>
2326                </defs>
2327            </svg>
2328        
2329        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/la-gestion-des-competences-au-service-de-linnovation/" class="btn">
2330                            <span>Découvrir</span>
2331                        <i class="fa-regular fa-arrow-right-long"></i>
2332        </a>
2333    </div>
2334</div>
2335                            <div class="zoning item-course conception-bureau-etudes" data-page="3">
2336    <div class="item-course-top">
2337        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/optimiser-les-procedes-et-maitriser-les-risques/" rel="bookmark">
2338            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP217.png" alt="Optimiser les procédés et maîtriser les risques">
2339        </a>
2340            </div>
2341
2342    <div class="item-course-content">
2343        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/optimiser-les-procedes-et-maitriser-les-risques/">
2344            <h3 title="Optimiser les procédés et maîtriser les risques">Optimiser les procédés et maîtriser les risques</h3>
2345        </a>
2346
2347        <!--
2348                        <div class="library-toggle bookmark" data-post-id="">
2349                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2350                <span class="library-delete">
2351                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2352                </span>
2353            </div>
2354        -->
2355    </div>
2356
2357    <div class="item-course-bottom">
2358                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2359                <g clip-path="url(#clip0_4837_6382)">
2360                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2361                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2362                </g>
2363                <defs>
2364                    <clipPath id="clip0_4837_6382">
2365                        <rect width="20" height="20" fill="white"/>
2366                    </clipPath>
2367                </defs>
2368            </svg>
2369        
2370        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/optimiser-les-procedes-et-maitriser-les-risques/" class="btn">
2371                            <span>Découvrir</span>
2372                        <i class="fa-regular fa-arrow-right-long"></i>
2373        </a>
2374    </div>
2375</div>
2376                            <div class="zoning item-course veille" data-page="4">
2377    <div class="item-course-top">
2378        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/diffuser-et-optimiser-linformation/" rel="bookmark">
2379            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP218_2.png" alt="Diffuser et optimiser l’information">
2380        </a>
2381            </div>
2382
2383    <div class="item-course-content">
2384        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/diffuser-et-optimiser-linformation/">
2385            <h3 title="Diffuser et optimiser l’information">Diffuser et optimiser l’information</h3>
2386        </a>
2387
2388        <!--
2389                        <div class="library-toggle bookmark" data-post-id="">
2390                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2391                <span class="library-delete">
2392                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2393                </span>
2394            </div>
2395        -->
2396    </div>
2397
2398    <div class="item-course-bottom">
2399                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2400                <g clip-path="url(#clip0_4837_6382)">
2401                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2402                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2403                </g>
2404                <defs>
2405                    <clipPath id="clip0_4837_6382">
2406                        <rect width="20" height="20" fill="white"/>
2407                    </clipPath>
2408                </defs>
2409            </svg>
2410        
2411        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/diffuser-et-optimiser-linformation/" class="btn">
2412                            <span>Découvrir</span>
2413                        <i class="fa-regular fa-arrow-right-long"></i>
2414        </a>
2415    </div>
2416</div>
2417                            <div class="zoning item-course propriete-intellectuelle" data-page="4">
2418    <div class="item-course-top">
2419        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/deposer-un-brevet-en-france/" rel="bookmark">
2420            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2023/09/PP219.png" alt="Déposer un brevet en France">
2421        </a>
2422            </div>
2423
2424    <div class="item-course-content">
2425        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/deposer-un-brevet-en-france/">
2426            <h3 title="Déposer un brevet en France">Déposer un brevet en France</h3>
2427        </a>
2428
2429        <!--
2430                        <div class="library-toggle bookmark" data-post-id="">
2431                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2432                <span class="library-delete">
2433                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2434                </span>
2435            </div>
2436        -->
2437    </div>
2438
2439    <div class="item-course-bottom">
2440                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2441                <g clip-path="url(#clip0_4837_6382)">
2442                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2443                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2444                </g>
2445                <defs>
2446                    <clipPath id="clip0_4837_6382">
2447                        <rect width="20" height="20" fill="white"/>
2448                    </clipPath>
2449                </defs>
2450            </svg>
2451        
2452        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/deposer-un-brevet-en-france/" class="btn">
2453                            <span>Découvrir</span>
2454                        <i class="fa-regular fa-arrow-right-long"></i>
2455        </a>
2456    </div>
2457</div>
2458                            <div class="zoning item-course transition-energetique" data-page="4">
2459    <div class="item-course-top">
2460        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mettre-en-place-les-reglementations-et-normes-energetiques/" rel="bookmark">
2461            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2024/11/PP220.jpg" alt="Mettre en place les réglementations et normes énergétiques">
2462        </a>
2463            </div>
2464
2465    <div class="item-course-content">
2466        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mettre-en-place-les-reglementations-et-normes-energetiques/">
2467            <h3 title="Mettre en place les réglementations et normes énergétiques">Mettre en place les réglementations et normes énergétiques</h3>
2468        </a>
2469
2470        <!--
2471                        <div class="library-toggle bookmark" data-post-id="">
2472                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2473                <span class="library-delete">
2474                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2475                </span>
2476            </div>
2477        -->
2478    </div>
2479
2480    <div class="item-course-bottom">
2481                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2482                <g clip-path="url(#clip0_4837_6382)">
2483                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2484                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2485                </g>
2486                <defs>
2487                    <clipPath id="clip0_4837_6382">
2488                        <rect width="20" height="20" fill="white"/>
2489                    </clipPath>
2490                </defs>
2491            </svg>
2492        
2493        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mettre-en-place-les-reglementations-et-normes-energetiques/" class="btn">
2494                            <span>Découvrir</span>
2495                        <i class="fa-regular fa-arrow-right-long"></i>
2496        </a>
2497    </div>
2498</div>
2499                            <div class="zoning item-course transition-energetique" data-page="4">
2500    <div class="item-course-top">
2501        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/produire-de-lelectricite-et-de-lhydrogene-decarbones/" rel="bookmark">
2502            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2024/12/PP221.jpg" alt="Produire de l’électricité et de l’hydrogène décarbonés">
2503        </a>
2504            </div>
2505
2506    <div class="item-course-content">
2507        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/produire-de-lelectricite-et-de-lhydrogene-decarbones/">
2508            <h3 title="Produire de l’électricité et de l’hydrogène décarbonés">Produire de l’électricité et de l’hydrogène décarbonés</h3>
2509        </a>
2510
2511        <!--
2512                        <div class="library-toggle bookmark" data-post-id="">
2513                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2514                <span class="library-delete">
2515                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2516                </span>
2517            </div>
2518        -->
2519    </div>
2520
2521    <div class="item-course-bottom">
2522                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2523                <g clip-path="url(#clip0_4837_6382)">
2524                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2525                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2526                </g>
2527                <defs>
2528                    <clipPath id="clip0_4837_6382">
2529                        <rect width="20" height="20" fill="white"/>
2530                    </clipPath>
2531                </defs>
2532            </svg>
2533        
2534        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/produire-de-lelectricite-et-de-lhydrogene-decarbones/" class="btn">
2535                            <span>Découvrir</span>
2536                        <i class="fa-regular fa-arrow-right-long"></i>
2537        </a>
2538    </div>
2539</div>
2540                            <div class="zoning item-course veille" data-page="4">
2541    <div class="item-course-top">
2542        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/veille-et-intelligence-artificielle/" rel="bookmark">
2543            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2024/12/artificial-intelligence-3382507_1280.jpg" alt="Veille et intelligence artificielle">
2544        </a>
2545            </div>
2546
2547    <div class="item-course-content">
2548        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/veille-et-intelligence-artificielle/">
2549            <h3 title="Veille et intelligence artificielle">Veille et intelligence artificielle</h3>
2550        </a>
2551
2552        <!--
2553                        <div class="library-toggle bookmark" data-post-id="">
2554                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2555                <span class="library-delete">
2556                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2557                </span>
2558            </div>
2559        -->
2560    </div>
2561
2562    <div class="item-course-bottom">
2563                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2564                <g clip-path="url(#clip0_4837_6382)">
2565                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2566                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2567                </g>
2568                <defs>
2569                    <clipPath id="clip0_4837_6382">
2570                        <rect width="20" height="20" fill="white"/>
2571                    </clipPath>
2572                </defs>
2573            </svg>
2574        
2575        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/veille-et-intelligence-artificielle/" class="btn">
2576                            <span>Découvrir</span>
2577                        <i class="fa-regular fa-arrow-right-long"></i>
2578        </a>
2579    </div>
2580</div>
2581                            <div class="zoning item-course innovation" data-page="4">
2582    <div class="item-course-top">
2583        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/faire-de-leco-innovation-un-atout-strategique/" rel="bookmark">
2584            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2025/11/ai-generated-9326362_1280.jpg" alt="Faire de l’éco-innovation un atout stratégique">
2585        </a>
2586            </div>
2587
2588    <div class="item-course-content">
2589        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/faire-de-leco-innovation-un-atout-strategique/">
2590            <h3 title="Faire de l’éco-innovation un atout stratégique">Faire de l’éco-innovation un atout stratégique</h3>
2591        </a>
2592
2593        <!--
2594                        <div class="library-toggle bookmark" data-post-id="">
2595                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2596                <span class="library-delete">
2597                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2598                </span>
2599            </div>
2600        -->
2601    </div>
2602
2603    <div class="item-course-bottom">
2604                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2605                <g clip-path="url(#clip0_4837_6382)">
2606                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2607                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2608                </g>
2609                <defs>
2610                    <clipPath id="clip0_4837_6382">
2611                        <rect width="20" height="20" fill="white"/>
2612                    </clipPath>
2613                </defs>
2614            </svg>
2615        
2616        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/faire-de-leco-innovation-un-atout-strategique/" class="btn">
2617                            <span>Découvrir</span>
2618                        <i class="fa-regular fa-arrow-right-long"></i>
2619        </a>
2620    </div>
2621</div>
2622                            <div class="zoning item-course innovation" data-page="5">
2623    <div class="item-course-top">
2624        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/innover-dans-vos-business-models/" rel="bookmark">
2625            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2024/11/PP224.jpg" alt="Innover dans vos business models">
2626        </a>
2627            </div>
2628
2629    <div class="item-course-content">
2630        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/innover-dans-vos-business-models/">
2631            <h3 title="Innover dans vos business models">Innover dans vos business models</h3>
2632        </a>
2633
2634        <!--
2635                        <div class="library-toggle bookmark" data-post-id="">
2636                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2637                <span class="library-delete">
2638                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2639                </span>
2640            </div>
2641        -->
2642    </div>
2643
2644    <div class="item-course-bottom">
2645                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2646                <g clip-path="url(#clip0_4837_6382)">
2647                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2648                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2649                </g>
2650                <defs>
2651                    <clipPath id="clip0_4837_6382">
2652                        <rect width="20" height="20" fill="white"/>
2653                    </clipPath>
2654                </defs>
2655            </svg>
2656        
2657        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/innover-dans-vos-business-models/" class="btn">
2658                            <span>Découvrir</span>
2659                        <i class="fa-regular fa-arrow-right-long"></i>
2660        </a>
2661    </div>
2662</div>
2663                            <div class="zoning item-course gestion-de-crise" data-page="5">
2664    <div class="item-course-top">
2665        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/faire-face-a-un-accident-avec-des-produits-chimiques/" rel="bookmark">
2666            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2024/12/PP225.jpg" alt="Faire face à un accident avec des produits chimiques">
2667        </a>
2668            </div>
2669
2670    <div class="item-course-content">
2671        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/faire-face-a-un-accident-avec-des-produits-chimiques/">
2672            <h3 title="Faire face à un accident avec des produits chimiques">Faire face à un accident avec des produits chimiques</h3>
2673        </a>
2674
2675        <!--
2676                        <div class="library-toggle bookmark" data-post-id="">
2677                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2678                <span class="library-delete">
2679                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2680                </span>
2681            </div>
2682        -->
2683    </div>
2684
2685    <div class="item-course-bottom">
2686                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2687                <g clip-path="url(#clip0_4837_6382)">
2688                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2689                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2690                </g>
2691                <defs>
2692                    <clipPath id="clip0_4837_6382">
2693                        <rect width="20" height="20" fill="white"/>
2694                    </clipPath>
2695                </defs>
2696            </svg>
2697        
2698        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/faire-face-a-un-accident-avec-des-produits-chimiques/" class="btn">
2699                            <span>Découvrir</span>
2700                        <i class="fa-regular fa-arrow-right-long"></i>
2701        </a>
2702    </div>
2703</div>
2704                            <div class="zoning item-course gestion-de-crise" data-page="5">
2705    <div class="item-course-top">
2706        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/gestion-de-crise-identifier-les-consequences-potentielles-dune-crise/" rel="bookmark">
2707            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2024/12/PP226.jpg" alt="Gestion de crise : identifier les conséquences potentielles d’une crise">
2708        </a>
2709            </div>
2710
2711    <div class="item-course-content">
2712        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/gestion-de-crise-identifier-les-consequences-potentielles-dune-crise/">
2713            <h3 title="Gestion de crise : identifier les conséquences potentielles d’une crise">Gestion de crise : identifier les conséquences potentielles...</h3>
2714        </a>
2715
2716        <!--
2717                        <div class="library-toggle bookmark" data-post-id="">
2718                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2719                <span class="library-delete">
2720                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2721                </span>
2722            </div>
2723        -->
2724    </div>
2725
2726    <div class="item-course-bottom">
2727                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2728                <g clip-path="url(#clip0_4837_6382)">
2729                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2730                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2731                </g>
2732                <defs>
2733                    <clipPath id="clip0_4837_6382">
2734                        <rect width="20" height="20" fill="white"/>
2735                    </clipPath>
2736                </defs>
2737            </svg>
2738        
2739        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/gestion-de-crise-identifier-les-consequences-potentielles-dune-crise/" class="btn">
2740                            <span>Découvrir</span>
2741                        <i class="fa-regular fa-arrow-right-long"></i>
2742        </a>
2743    </div>
2744</div>
2745                            <div class="zoning item-course gestion-de-crise" data-page="5">
2746    <div class="item-course-top">
2747        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/disposer-dun-cadre-dactions-et-de-strategies-operationnelles-pour-gerer-la-crise/" rel="bookmark">
2748            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2024/12/idea-2654148_1280.jpg" alt="Disposer d’un cadre d’actions et de stratégies opérationnelles pour gérer la crise">
2749        </a>
2750            </div>
2751
2752    <div class="item-course-content">
2753        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/disposer-dun-cadre-dactions-et-de-strategies-operationnelles-pour-gerer-la-crise/">
2754            <h3 title="Disposer d’un cadre d’actions et de stratégies opérationnelles pour gérer la crise">Disposer d’un cadre d’actions et de stratégies...</h3>
2755        </a>
2756
2757        <!--
2758                        <div class="library-toggle bookmark" data-post-id="">
2759                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2760                <span class="library-delete">
2761                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2762                </span>
2763            </div>
2764        -->
2765    </div>
2766
2767    <div class="item-course-bottom">
2768                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2769                <g clip-path="url(#clip0_4837_6382)">
2770                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2771                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2772                </g>
2773                <defs>
2774                    <clipPath id="clip0_4837_6382">
2775                        <rect width="20" height="20" fill="white"/>
2776                    </clipPath>
2777                </defs>
2778            </svg>
2779        
2780        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/disposer-dun-cadre-dactions-et-de-strategies-operationnelles-pour-gerer-la-crise/" class="btn">
2781                            <span>Découvrir</span>
2782                        <i class="fa-regular fa-arrow-right-long"></i>
2783        </a>
2784    </div>
2785</div>
2786                            <div class="zoning item-course gestion-de-crise" data-page="5">
2787    <div class="item-course-top">
2788        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/maitriser-la-communication-de-crise-et-lutiliser-comme-un-outil-daccompagnement/" rel="bookmark">
2789            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2025/02/illustration-PP228.jpg" alt="Maîtriser la communication de crise et l’utiliser comme un outil d’accompagnement">
2790        </a>
2791            </div>
2792
2793    <div class="item-course-content">
2794        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/maitriser-la-communication-de-crise-et-lutiliser-comme-un-outil-daccompagnement/">
2795            <h3 title="Maîtriser la communication de crise et l’utiliser comme un outil d’accompagnement">Maîtriser la communication de crise et l’utiliser comme un...</h3>
2796        </a>
2797
2798        <!--
2799                        <div class="library-toggle bookmark" data-post-id="">
2800                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2801                <span class="library-delete">
2802                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2803                </span>
2804            </div>
2805        -->
2806    </div>
2807
2808    <div class="item-course-bottom">
2809                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2810                <g clip-path="url(#clip0_4837_6382)">
2811                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2812                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2813                </g>
2814                <defs>
2815                    <clipPath id="clip0_4837_6382">
2816                        <rect width="20" height="20" fill="white"/>
2817                    </clipPath>
2818                </defs>
2819            </svg>
2820        
2821        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/maitriser-la-communication-de-crise-et-lutiliser-comme-un-outil-daccompagnement/" class="btn">
2822                            <span>Découvrir</span>
2823                        <i class="fa-regular fa-arrow-right-long"></i>
2824        </a>
2825    </div>
2826</div>
2827                            <div class="zoning item-course gestion-de-projet" data-page="5">
2828    <div class="item-course-top">
2829        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/accompagner-lequipe-projet-vers-la-reussite/" rel="bookmark">
2830            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2024/11/PP229.jpg" alt="Accompagner l’équipe projet vers la réussite">
2831        </a>
2832            </div>
2833
2834    <div class="item-course-content">
2835        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/accompagner-lequipe-projet-vers-la-reussite/">
2836            <h3 title="Accompagner l’équipe projet vers la réussite">Accompagner l’équipe projet vers la réussite</h3>
2837        </a>
2838
2839        <!--
2840                        <div class="library-toggle bookmark" data-post-id="">
2841                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2842                <span class="library-delete">
2843                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2844                </span>
2845            </div>
2846        -->
2847    </div>
2848
2849    <div class="item-course-bottom">
2850                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2851                <g clip-path="url(#clip0_4837_6382)">
2852                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2853                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2854                </g>
2855                <defs>
2856                    <clipPath id="clip0_4837_6382">
2857                        <rect width="20" height="20" fill="white"/>
2858                    </clipPath>
2859                </defs>
2860            </svg>
2861        
2862        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/accompagner-lequipe-projet-vers-la-reussite/" class="btn">
2863                            <span>Découvrir</span>
2864                        <i class="fa-regular fa-arrow-right-long"></i>
2865        </a>
2866    </div>
2867</div>
2868                            <div class="zoning item-course gestion-de-projet" data-page="6">
2869    <div class="item-course-top">
2870        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/prevenir-les-risques-du-projet/" rel="bookmark">
2871            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2024/11/PP230.jpg" alt="Prévenir les risques du projet">
2872        </a>
2873            </div>
2874
2875    <div class="item-course-content">
2876        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/prevenir-les-risques-du-projet/">
2877            <h3 title="Prévenir les risques du projet">Prévenir les risques du projet</h3>
2878        </a>
2879
2880        <!--
2881                        <div class="library-toggle bookmark" data-post-id="">
2882                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2883                <span class="library-delete">
2884                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2885                </span>
2886            </div>
2887        -->
2888    </div>
2889
2890    <div class="item-course-bottom">
2891                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2892                <g clip-path="url(#clip0_4837_6382)">
2893                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2894                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2895                </g>
2896                <defs>
2897                    <clipPath id="clip0_4837_6382">
2898                        <rect width="20" height="20" fill="white"/>
2899                    </clipPath>
2900                </defs>
2901            </svg>
2902        
2903        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/prevenir-les-risques-du-projet/" class="btn">
2904                            <span>Découvrir</span>
2905                        <i class="fa-regular fa-arrow-right-long"></i>
2906        </a>
2907    </div>
2908</div>
2909                            <div class="zoning item-course transition-energetique" data-page="6">
2910    <div class="item-course-top">
2911        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mettre-en-oeuvre-des-economies-denergie-dans-les-batiments-tertiaires-et-industriels/" rel="bookmark">
2912            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2025/11/image-PP231-scaled.jpg" alt="Mettre en œuvre des économies d'énergie dans les bâtiments tertiaires et industriels">
2913        </a>
2914            </div>
2915
2916    <div class="item-course-content">
2917        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mettre-en-oeuvre-des-economies-denergie-dans-les-batiments-tertiaires-et-industriels/">
2918            <h3 title="Mettre en œuvre des économies d'énergie dans les bâtiments tertiaires et industriels">Mettre en œuvre des économies d'énergie dans les bâtiments...</h3>
2919        </a>
2920
2921        <!--
2922                        <div class="library-toggle bookmark" data-post-id="">
2923                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2924                <span class="library-delete">
2925                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2926                </span>
2927            </div>
2928        -->
2929    </div>
2930
2931    <div class="item-course-bottom">
2932                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2933                <g clip-path="url(#clip0_4837_6382)">
2934                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2935                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2936                </g>
2937                <defs>
2938                    <clipPath id="clip0_4837_6382">
2939                        <rect width="20" height="20" fill="white"/>
2940                    </clipPath>
2941                </defs>
2942            </svg>
2943        
2944        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mettre-en-oeuvre-des-economies-denergie-dans-les-batiments-tertiaires-et-industriels/" class="btn">
2945                            <span>Découvrir</span>
2946                        <i class="fa-regular fa-arrow-right-long"></i>
2947        </a>
2948    </div>
2949</div>
2950                            <div class="zoning item-course innovation" data-page="6">
2951    <div class="item-course-top">
2952        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/reussir-son-pitch-produit/" rel="bookmark">
2953            <img src="https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/uploads/2025/09/business-8941862_1280.jpg" alt="Réussir son pitch produit">
2954        </a>
2955            </div>
2956
2957    <div class="item-course-content">
2958        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/reussir-son-pitch-produit/">
2959            <h3 title="Réussir son pitch produit">Réussir son pitch produit</h3>
2960        </a>
2961
2962        <!--
2963                        <div class="library-toggle bookmark" data-post-id="">
2964                <img class="library-add liseuse-icon" src="/images/picto-add-bookmark.svg" height="20" alt="Ajouter à ma bibliothèque" title="Ajouter à ma bibliothèque" />
2965                <span class="library-delete">
2966                    <i class="fas fa-bookmark"  title="Retirer de la bibliothèque" aria-hidden="true" style="font-size: 32px;"></i>
2967                </span>
2968            </div>
2969        -->
2970    </div>
2971
2972    <div class="item-course-bottom">
2973                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
2974                <g clip-path="url(#clip0_4837_6382)">
2975                    <path opacity="0.4" d="M5.29419 4.70588V7.05882H7.64713V4.70588C7.64713 3.40809 8.70228 2.35294 10.0001 2.35294C11.2979 2.35294 12.353 3.40809 12.353 4.70588V7.05882H14.706V4.70588C14.706 2.10662 12.5993 0 10.0001 0C7.40081 0 5.29419 2.10662 5.29419 4.70588Z" fill="black"/>
2976                    <path d="M5.2941 7.05884C3.99631 7.05884 2.94116 8.11399 2.94116 9.41178V17.6471C2.94116 18.9449 3.99631 20 5.2941 20H14.7059C16.0037 20 17.0588 18.9449 17.0588 17.6471V9.41178C17.0588 8.11399 16.0037 7.05884 14.7059 7.05884H5.2941ZM10.8823 12.0588V15C10.8823 15.489 10.489 15.8824 9.99999 15.8824C9.51102 15.8824 9.11763 15.489 9.11763 15V12.0588C9.11763 11.5699 9.51102 11.1765 9.99999 11.1765C10.489 11.1765 10.8823 11.5699 10.8823 12.0588Z" fill="black"/>
2977                </g>
2978                <defs>
2979                    <clipPath id="clip0_4837_6382">
2980                        <rect width="20" height="20" fill="white"/>
2981                    </clipPath>
2982                </defs>
2983            </svg>
2984        
2985        <a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/reussir-son-pitch-produit/" class="btn">
2986                            <span>Découvrir</span>
2987                        <i class="fa-regular fa-arrow-right-long"></i>
2988        </a>
2989    </div>
2990</div>
2991                        <div class="bottom-listing">
2992                <div>
2993                    <div class="separateur"></div>
2994                    <div id="category-desc"></div>
2995                </div>
2996                                    <div id="pagination">
2997                                                    <span class="filter-page current" data-page="1">1</span>
2998                                                    <span class="filter-page" data-page="2">2</span>
2999                                                    <span class="filter-page" data-page="3">3</span>
3000                                                    <span class="filter-page" data-page="4">4</span>
3001                                                    <span class="filter-page" data-page="5">5</span>
3002                                                    <span class="filter-page" data-page="6">6</span>
3003                                            </div>
3004                            </div>
3005        </div>
3006
3007                    <div class="bottom-bloc">
3008                <p>Le Parcours Pratique<br>Une solution didactique, prête à l'emploi</p>
3009                <a class="button" href="https://www.techniques-ingenieur.fr/actualite/edito/les-parcours-pratiques/">
3010                    <span>En savoir plus</span>
3011                </a>
3012            </div>
3013        
3014    </div>
3015</div>
3016
3017<script>
3018    document.addEventListener("DOMContentLoaded", () => {
3019        const nav = document.getElementById('navSelect');
3020
3021        nav.addEventListener('click', (e) => {
3022            const item = e.target.closest('.filter-course');
3023            if (!item) return;
3024
3025            const isMobile = window.matchMedia('(max-width: 768px)').matches;
3026
3027            // Mobile : clic sur l'élément actif → ouvrir / fermer
3028            if (isMobile && item.classList.contains('active')) {
3029                nav.classList.toggle('open');
3030                return;
3031            }
3032
3033            // Mobile : clic sur un autre élément
3034            /*if (isMobile) {
3035                nav.querySelectorAll('.filter-course')
3036                    .forEach(el => el.classList.remove('active'));
3037
3038                item.classList.add('active');
3039                nav.classList.remove('open');
3040            }*/
3041
3042            // 👉 ici tu branches ton filtrage
3043            const filter = item.dataset.class;
3044            console.log('Filtre sélectionné :', filter);
3045        });
3046    });
3047
3048    jQuery(document).ready(function() {
3049        let current = 'conception-bureau-etudes';
3050        showCoursesByCat(current);
3051        if (window.location.href.includes("thematique")) {
3052            const listingParcoursPos = jQuery('#listing-parcours').offset();
3053            window.scrollTo(0, listingParcoursPos.top - 80);
3054        }
3055    });
3056
3057    const first = 'conception-bureau-etudes';
3058    jQuery(document).on("click", ".filter-course", function() {
3059        if(!jQuery(this).hasClass('active')) {
3060            let current = jQuery(this).data('class');
3061            let url = 'https://www.techniques-ingenieur.fr/parcours-pratique';
3062            if (current !== first) {
3063                url += '/?thematique=' + current;
3064            }
3065            document.location.href = url
3066        }
3067    });
3068
3069    jQuery(document).on("click", ".filter-page", function() {
3070        jQuery(".filter-page").each(function(){
3071            jQuery(this).removeClass("current");
3072        });
3073        let page = jQuery(this).data('page');
3074        jQuery(this).addClass("current");
3075        showCoursesByCat('all');
3076        showCoursesByPage(page);
3077        const listingParcoursPos = jQuery('.filters-title').position();
3078        window.scrollTo(0, listingParcoursPos.top - 80);
3079    });
3080
3081    function showCoursesByCat(current) {
3082        document.querySelectorAll(".filter-course").forEach(function(el) {
3083            el.classList.remove("active");
3084        });
3085        document.querySelectorAll(".item-course").forEach(function(el) {
3086            el.classList.remove("hidden");
3087        });
3088        if (current === 'all') {
3089            jQuery("#category-desc").html("");
3090            jQuery('.bottom-listing div:first-child').hide();
3091
3092            let pagesTotal = jQuery("#list-course").data('pages');
3093            if (pagesTotal > 1) {
3094                jQuery("#pagination").removeClass('hidden');
3095                document.querySelectorAll(".item-course").forEach(function (el) {
3096                    el.classList.add("hidden");
3097                });
3098                jQuery('.item-course[data-page="1"]').removeClass('hidden');
3099            }
3100        } else {
3101            let desc = jQuery.parseJSON('{"conception-bureau-etudes":"<p><strong>La conception<\/strong> est un \u00e9l\u00e9ment essentiel du travail des ing\u00e9nieurs, qu\u0027il s\u0027agisse de concevoir des produits, des syst\u00e8mes, des b\u00e2timents ou des infrastructures. Pour r\u00e9ussir dans ce domaine, vous devez ma\u00eetriser plusieurs aspects cl\u00e9s, \u00e0 savoir la gestion des sous-traitants, les aspects r\u00e9glementaires, les proc\u00e9d\u00e9s et la ma\u00eetrise des risques, ainsi que la documentation.<\/p><p>La gestion des sous-traitants joue un r\u00f4le crucial dans la conception. Les ing\u00e9nieurs doivent s\u00e9lectionner avec soin des sous-traitants qualifi\u00e9s et \u00e9tablir des relations de travail solides. Cela n\u00e9cessite une communication claire, des contrats bien d\u00e9finis et un suivi r\u00e9gulier pour s\u0027assurer que les travaux sont effectu\u00e9s conform\u00e9ment aux sp\u00e9cifications.<\/p><p>Les proc\u00e9d\u00e9s de conception doivent \u00eatre m\u00e9thodiques et bien planifi\u00e9s. Vos \u00e9quipes doivent suivre des \u00e9tapes claires, de la d\u00e9finition des besoins \u00e0 la mod\u00e9lisation, \u00e0 la simulation, \u00e0 la s\u00e9lection de mat\u00e9riaux, \u00e0 la cr\u00e9ation de prototypes et aux tests. Une gestion rigoureuse du processus de conception permet d\u0027optimiser l\u0027efficacit\u00e9 et la qualit\u00e9 du r\u00e9sultat final.<\/p><p>La ma\u00eetrise des risques est \u00e9galement cruciale. En identifiant les risques potentiels et en mettant en place des strat\u00e9gies d\u0027att\u00e9nuation, vous garantissez que les projets restent sur la bonne voie et \u00e9vitez les surprises ind\u00e9sirables.<\/p><p>Enfin, la documentation est un \u00e9l\u00e9ment fondamental de la conception. Une documentation compl\u00e8te et bien r\u00e9alis\u00e9e facilite la communication, la maintenance future et la r\u00e9solution de probl\u00e8mes.<\/p>","gestion-de-crise":"Que faire face \u00e0 une situation d\u0027urgence impliquant des produits chimiques ? Comment anticiper et g\u00e9rer les crises qui peuvent survenir dans n\u0027importe quel environnement professionnel ? Ces questions cruciales trouvent des r\u00e9ponses dans des parcours pratiques sur la <strong>gestion de crise<\/strong> qui vous permettent de d\u00e9velopper des comp\u00e9tences essentielles pour g\u00e9rer l\u0027impr\u00e9vu et r\u00e9agir rapidement.Vous apprendrez \u00e0 faire face \u00e0 un accident impliquant des substances dangereuses. Ce parcours vous donnera les outils n\u00e9cessaires pour prot\u00e9ger les personnes et l\u0027e
3101nvironnement tout en minimisant les d\u00e9g\u00e2ts.Ensuite, d\u00e9couvrez comment identifier les cons\u00e9quences potentielles d\u0027une crise, un \u00e9l\u00e9ment cl\u00e9 pour \u00e9viter l\u0027escalade et prendre des d\u00e9cisions \u00e9clair\u00e9es. Gr\u00e2ce \u00e0 un cadre d\u0027actions et des strat\u00e9gies op\u00e9rationnelles, vous serez en mesure d\u0027agir rapidement et efficacement face \u00e0 des situations critiques.Enfin, ma\u00eetrisez l\u0027art de la communication de crise, un outil indispensable pour rassurer, informer et accompagner toutes les parties prenantes, que ce soit en interne ou en externe. Ces parcours vous armeront pour faire face \u00e0 l\u0027inattendu avec confiance et ma\u00eetrise.","gestion-de-projet":"<p><strong>La gestion de projet<\/strong> est une comp\u00e9tence essentielle pour les ing\u00e9nieurs, car elle garantit le succ\u00e8s d\u0027un projet, qu\u0027il s\u0027agisse de la construction d\u0027un pont, du d\u00e9veloppement d\u0027un logiciel complexe ou de la conception d\u0027un nouveau produit. Plusieurs aspects cl\u00e9s doivent \u00eatre pris en compte pour une gestion de projet efficace. Tout d\u0027abord, vous devez \u00eatre capable de surveiller de pr\u00e8s les indicateurs financiers tout au long du projet. Cela inclut le suivi des co\u00fbts, des revenus, des marges et du retour sur investissement. Des outils de gestion financi\u00e8re appropri\u00e9s sont indispensables pour prendre des d\u00e9cisions \u00e9clair\u00e9es, ajuster le budget si n\u00e9cessaire et s\u0027assurer que le projet reste rentable. Vous devez \u00e9galement \u00eatre capable de communiquer efficacement avec les parties prenantes, y compris les responsables financiers et les investisseurs, pour maintenir la transparence et la confiance.<\/p><p><p>Le management \u00e0 distance est devenu de plus en plus courant, en particulier dans un monde o\u00f9 les \u00e9quipes sont souvent dispers\u00e9es g\u00e9ographiquement.<\/p><p>La communication est un \u00e9l\u00e9ment cl\u00e9 de la gestion de projet. Une communication ouverte et transparente favorise la r\u00e9solution rapide des probl\u00e8mes et maintient l\u0027ensemble de l\u0027\u00e9quipe sur la m\u00eame longueur d\u0027onde.<\/p><p>Enfin, un planning bien \u00e9tabli est la colonne vert\u00e9brale de la gestion de projet. Vous devez savoir \u00e9laborer un plan d\u00e9taill\u00e9 avec des \u00e9tapes claires, des jalons et des \u00e9ch\u00e9ances. La gestion du temps est cruciale pour respecter le calendrier du projet et \u00e9viter les retards co\u00fbteux.<\/p><p>Nos Parcours Pratiques en gestion de projet vous aideront \u00e0 mener vos projets avec efficacit\u00e9 et professionnalisme.<\/p>","innovation":"<p><strong>L\u0027innovation<\/strong> est un moteur essentiel de progr\u00e8s dans le domaine de l\u0027ing\u00e9nierie, et les ing\u00e9nieurs jouent un r\u00f4le cl\u00e9 dans la cr\u00e9ation de solutions novatrices. Pour exceller dans ce domaine, ils doivent ma\u00eetriser deux aspects fondamentaux : les outils de la cr\u00e9ativit\u00e9 et le management des comp\u00e9tences.<\/p><p>Les outils de la cr\u00e9ativit\u00e9 sont indispensables pour stimuler l\u0027innovation. Ces outils incluent des techniques de brainstorming, des m\u00e9thodes de conception centr\u00e9e sur l\u0027utilisateur, des analyses de sc\u00e9narios et des approches de prototypage rapide. En encourageant la pens\u00e9e out of the box et en fournissant des m\u00e9thodologies structur\u00e9es pour g\u00e9n\u00e9rer des id\u00e9es, ces outils aident les ing\u00e9nieurs \u00e0 explorer de nouvelles solutions et \u00e0 aborder les probl\u00e8mes sous des angles diff\u00e9rents.<\/p><p>La gestion des comp\u00e9tences au sein d\u2019une organisation est tout aussi cruciale. Vos collaborateurs poss\u00e8dent des comp\u00e9tences techniques de pointe, mais aussi des comp\u00e9tences en gestion de projet, en communication, en leadership et en r\u00e9solution de probl\u00e8mes. De plus, la cr\u00e9ation d\u0027\u00e9quipes multidisciplinaires, o\u00f9 chaque membre apporte des comp\u00e9tences compl\u00e9mentaires, renforce la capacit\u00e9 d\u0027innovation en favorisant la collaboration et la diversit\u00e9 d\u0027id\u00e9es.<\/p>","intrapreneuriat":"<p><strong>L\u0027intrapreneuriat<\/strong> est une approche innovante et dynamique qui offre d\u0027\u00e9normes avantages aux ing\u00e9nieurs et \u00e0 leurs entreprises, mais qui n\u2019est pas facile \u00e0 mettre en place. Pour r\u00e9ussir dans cette d\u00e9mar
3101che, il est essentiel de comprendre et d\u0027\u00e9valuer les b\u00e9n\u00e9fices de cette approche pour votre structure, de mettre en place une organisation propice \u00e0 l\u0027intrapreneuriat et d\u0027accompagner vos \u00e9quipes vers la r\u00e9ussite. L\u0027intrapreneuriat favorise la cr\u00e9ativit\u00e9, la motivation et la r\u00e9tention des talents au sein de l\u0027organisation. Il peut \u00e9galement stimuler la croissance de l\u0027entreprise en identifiant de nouvelles opportunit\u00e9s sur le march\u00e9. Pour mettre en place une organisation intrapreneuriale, il faut cr\u00e9er un environnement qui encourage la prise de risques calcul\u00e9s, l\u0027exp\u00e9rimentation et la collaboration. Les collaborateurs doivent \u00eatre autoris\u00e9s \u00e0 explorer de nouvelles id\u00e9es, \u00e0 tester des prototypes et \u00e0 \u00e9chouer sans crainte de repr\u00e9sailles. Les dirigeants doivent \u00e9galement soutenir activement l\u0027intrapreneuriat en allouant des ressources et en reconnaissant les succ\u00e8s. Enfin, accompagner vos \u00e9quipes vers la r\u00e9ussite dans l\u0027intrapreneuriat est essentiel. Cela peut passer par la formation, le mentorat, l\u0027acc\u00e8s \u00e0 des ressources internes et externes, ainsi que par la cr\u00e9ation d\u0027incubateurs internes ou de laboratoires d\u0027innovation. En mettant en place une organisation intrapreneuriale favorable et en accompagnant activement vos \u00e9quipes vers la r\u00e9ussite, vous pouvez lib\u00e9rer le potentiel innovant de votre entreprise et rester comp\u00e9titif dans un environnement en constante \u00e9volution. S\u2019il est men\u00e9 avec intelligence et s\u2019il est lib\u00e9r\u00e9 des freins internes trop souvent pr\u00e9sents, l\u0027intrapreneuriat est une voie prometteuse vers l\u0027innovation et la croissance.<\/p>","propriete-intellectuelle":"<p>Dans le monde de l\u0027ing\u00e9nierie, o\u00f9 la cr\u00e9ativit\u00e9 et l\u0027innovation sont au c\u0153ur de chaque projet, la pr\u00e9servation de <strong>la propri\u00e9t\u00e9 intellectuelle<\/strong> est cruciale. Cela requiert une attention particuli\u00e8re \u00e0 la fois \u00e0 la protection de vos inventions et au processus de d\u00e9p\u00f4t de brevet. La protection de la propri\u00e9t\u00e9 intellectuelle vise \u00e0 emp\u00eacher autrui d\u0027utiliser, de copier ou de commercialiser votre invention sans votre autorisation. Pour ce faire, il est imp\u00e9ratif de garder des enregistrements d\u00e9taill\u00e9s de tous les aspects de votre travail, notamment des croquis, des notes, des sch\u00e9mas et des documents de conception. Ces preuves document\u00e9es servent de base solide pour \u00e9tablir la paternit\u00e9 de votre invention. Le d\u00e9p\u00f4t de brevet est le moyen le plus efficace de prot\u00e9ger l\u00e9galement votre innovation. Il vous conf\u00e8re le droit exclusif d\u0027exploiter votre invention pendant une p\u00e9riode d\u00e9termin\u00e9e, g\u00e9n\u00e9ralement 20 ans, tout en vous permettant de d\u00e9cider qui peut l\u0027utiliser. Le processus de d\u00e9p\u00f4t de brevet peut \u00eatre complexe, n\u00e9cessitant des recherches approfondies, la r\u00e9daction d\u0027une demande de brevet pr\u00e9cise et la soumission de documents au bureau des brevets appropri\u00e9. En veillant \u00e0 la pr\u00e9servation de votre propri\u00e9t\u00e9 intellectuelle et au d\u00e9p\u00f4t de brevet lorsque n\u00e9cessaire, vous assurez la reconnaissance et la valeur de votre travail d\u0027ing\u00e9nieur.<\/p>","transition-energetique":"<p><strong>La transition \u00e9nerg\u00e9tique<\/strong> est l\u0027un des d\u00e9fis les plus pressants de notre \u00e9poque, et les ing\u00e9nieurs jouent un r\u00f4le crucial dans cette transformation.  Mener un diagnostic \u00e9nerg\u00e9tique est le point de d\u00e9part essentiel pour comprendre et am\u00e9liorer l\u0027efficacit\u00e9 \u00e9nerg\u00e9tique d\u0027un syst\u00e8me ou d\u0027une entreprise. A cet effet, vous devez analyser minutieusement la consommation d\u0027\u00e9nergie, identifier les sources de gaspillage, \u00e9valuer l\u0027efficacit\u00e9 des \u00e9quipements et des processus, et estimer les \u00e9missions de gaz \u00e0 effet de serre. Ce diagnostic \u00e9nerg\u00e9tique permet de d\u00e9finir des objectifs d\u0027efficacit\u00e9 \u00e9nerg\u00e9tique, d\u0027identifier les mesures d\u0027optimisation et de planifier la transition vers des sources d\u0027\u00e9nergie plus propres. D\u00e9carboner les utilit\u00e9s industrielles est une \u00e9tape cruciale de la transition \u00e9nerg\u00e9tique. Cela implique de remplacer progressivement les \u00e9nergies fossiles par des sources d\u0027\u00e9nergie renouvelable ou d\u00e9carbon\u00e9e, comme l\u0027\u00e9nergie solaire, \u00e9olienne, hydraulique, ou encore la biomasse. Les ing\u00e9nieurs doivent c
3101oncevoir et mettre en \u0153uvre des technologies plus respectueuses de l\u0027environnement, am\u00e9liorer l\u0027efficacit\u00e9 \u00e9nerg\u00e9tique des processus industriels, et int\u00e9grer des syst\u00e8mes de stockage d\u0027\u00e9nergie pour garantir une alimentation continue en \u00e9nergie propre.<\/p>","veille":"<p><strong>La veille technologique<\/strong> est une pratique cruciale pour les ing\u00e9nieurs, car elle vous permet de rester \u00e0 la pointe de votre domaine en surveillant de pr\u00e8s les \u00e9volutions et les avanc\u00e9es du secteur. Pour \u00eatre efficace dans cette d\u00e9marche, il est essentiel de d\u00e9finir des axes strat\u00e9giques de veille et de ma\u00eetriser la diffusion et l\u0027optimisation de l\u0027information.<\/p><p>Tout d\u0027abord, la d\u00e9finition des axes strat\u00e9giques de la veille est une \u00e9tape fondamentale. Vous devez cibler sp\u00e9cifiquement les domaines qui ont un impact direct sur vos projets ou secteurs d\u0027activit\u00e9. Cela peut inclure la surveillance des tendances technologiques, des innovations concurrentielles, des nouvelles r\u00e9glementations ou m\u00eame des avanc\u00e9es dans la recherche fondamentale. En identifiant ces axes strat\u00e9giques, vous \u00eates \u00e0 m\u00eame de cibler vos efforts de veille de mani\u00e8re plus efficace.<\/p><p>Une fois les informations pertinentes collect\u00e9es, leur diffusion et leur optimisation sont essentielles pour en tirer le meilleur parti. Vous partagez vos connaissances au sein de votre \u00e9quipe, favorisant ainsi une culture de l\u0027innovation. Cela peut se faire par le biais de r\u00e9unions, de rapports, de newsletters internes ou de plateformes de partage de connaissances. La diffusion de l\u0027information encourage la collaboration et la prise de d\u00e9cision \u00e9clair\u00e9e.<\/p><p>En parall\u00e8le, l\u0027optimisation de l\u0027information consiste \u00e0 trier, organiser et analyser les donn\u00e9es collect\u00e9es pour en extraire des insights exploitables.<\/p><p>En d\u00e9finissant des axes strat\u00e9giques de veille, en diffusant activement les informations pertinentes et en optimisant leur utilisation, vous restez \u00e0 la pointe de votre domaine, et vous \u00eates capables de prendre des d\u00e9cisions \u00e9clair\u00e9es et de contribuer \u00e0 l\u0027innovation continue dans votre domaine d\u0027expertise.<\/p>"}');
3102            if (!desc[current] || desc[current] === "") {
3103                jQuery('.bottom-listing div:first-child').hide();
3104            } else {
3105                jQuery('#category-desc').html(desc[current]);
3106            }
3107            jQuery("#pagination").addClass('hidden');
3108            document.querySelectorAll(".item-course").forEach(function(el) {
3109                if (!el.classList.contains(current)) {
3110                    el.classList.add("hidden");
3111                }
3112            });
3113        }
3114        jQuery('.filter-course[data-class="'+current+'"]').addClass('active');
3115    }
3116
3117    function showCoursesByPage(page) {
3118        jQuery("#pagination").removeClass('hidden');
3119        showCoursesByCat('all');
3120        document.querySelectorAll(".item-course").forEach(function(el) {
3121            el.classList.add("hidden");
3122        });
3123        jQuery('.item-course[data-page="'+page+'"]').removeClass('hidden');
3124    }
3125</script>
3125
3126
3127</div><!-- #content -->
3128</div><!-- ast-container -->
3129<footer id="footer">
3130    <section class="bloc-top">
3131        <div class="bloc-container">
3132            <img src="//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/logos-ti/logo-techniques-ingenieur-blanc.svg" alt="Logo Techniques de l'ingénieur" width="261">
3133            <div>
3134                <p class="title">L’expertise technique et scientifique de référence</p>
3135                <p class="hook">Avec Techniques de l'Ingénieur, retrouvez tous les articles  scientifiques et techniques : base de données, veille technologique,  documentation et expertise technique.</p>
3136            </div>
3137        </div>
3138    </section>
3139    <section class="bloc-middle">
3140        <div class="bloc-container bloc-links">
3141            <div>
3142                <div>
3143                    <p class="title">Conception - Bureau d’études</p>
3144                    <ul>
3145                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/travailler-avec-les-acheteurs-publics-aspects-reglementaires">Travailler avec les acheteurs publics : aspects réglementaires</a></li>
3146                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/gerer-la-documentation/">Gérer la documentation</a></li>
3147                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/maitriser-vos-relations-de-sous-traitance/">Maîtriser vos relations de sous-traitance</a></li>
3148                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/bureaux-detudes-concevoir-pour-lutilisateur/">Bureaux d’études : concevoir pour l'utilisateur</a></li>
3149                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/optimiser-les-procedes-et-maitriser-les-risques/">Optimiser les procédés et maîtriser les risques</a></li>
3150                    </ul>
3151                </div>
3152
3153                <div>
3154                    <p class="title">Gestion de projet</p>
3155                    <ul>
3156                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/boite-a-outils-de-communication-pour-chefs-de-projet/">Boîte à outils de communication pour chefs de projet</a></li>
3157                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/suivre-et-reporter-les-indicateurs-financiers-dun-projet/">Suivre et reporter les indicateurs financiers d’un projet</a></li>
3158                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/etablir-le-planning-dun-projet/">Établir le planning d’un projet</a></li>
3159                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/manager-un-projet-a-distance/">Manager un projet à distance</a></li>
3160                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/accompagner-lequipe-projet-vers-la-reussite/">Accompagner l’équipe projet vers la réussite</a></li>
3161                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/prevenir-les-risques-du-projet/">Prévenir les risques du projet</a></li>
3162                    </ul>
3163                </div>
3164            </div>
3165            <div>
3166                <div>
3167                    <p class="title">Transition énergétique</p>
3168                    <ul>
3169                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mener-un-diagnostic-energetique/">Mener un diagnostic énergétique</a></li>
3170                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/decarboner-les-utilites-industrielles/">Décarboner les utilités industrielles</a></li>
3171                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mettre-en-place-les-reglementations-et-normes-energetiques">Mettre en place les réglementations et normes énergétiques</a></li>
3172                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/produire-de-lelectricite-et-de-lhydrogene-decarbones/">Produire de l’électricité et de l’hydrogène décarbonés</a></li>
3173                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/mettre-en-oeuvre-des-economies-denergie-dans-les-batiments-tertiaires-et-industriels/">Mettre en œuvre des économies d'énergie dans les bâtiments tertiaires et industriels</a></li>
3174                    </ul>
3175                </div>
3176
3177                <div>
3178                    <p class="title">Veille</p>
3179                    <ul>
3180                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/definir-les-axes-strategiques-de-la-veille/">
3180Définir les axes stratégiques de la veille</a></li>
3181                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/diffuser-et-optimiser-linformation/">Diffuser et optimiser l’information</a></li>
3182                        <li><a href="https://www.techniques-ingenieur.fr/parcours-pratique/parcours/veille-et-intelligence-artificielle/">Veille et intelligence artificielle</a></li>
3183                    </ul>
3184                </div>
3185            </div>
3186            <div>
3187                <div>
3188                    <p class="title">Des contenus en libre accès</p>
3189                    <ul>
3190                        <li><a href="/actualite/livre-blanc/">Les livres blancs</a></li>
3191                        <li><a href="/actualite/conferences-en-ligne/">Les conférences en ligne</a></li>
3192                        <li><a href="/ressources-documentaires/article/temoin">Les articles témoins</a></li>
3193                        <li><a href="/actualite/contenus-gratuits/">Tous les contenus en accès libre</a></li>
3194                    </ul>
3195                </div>
3196
3197                <div>
3198                    <p class="title">Un suivi  selon vos besoins</p>
3199                    <div class="social-icons">
3200                        <a onclick="window.open('https://fr-fr.facebook.com/techniques.ingenieur', '_blank');" title="Facebook"><img src="//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/icon-facebook.svg" alt="Facebook" width="24"></a>
3201                        <a onclick="window.open('https://twitter.com/actu_ETI', '_blank');" title="Twitter"><img src="//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/icon-twitter.svg" alt="Twitter" width="24"></a>
3202                        <a onclick="window.open('https://www.youtube.com/channel/UC5Ax9Upv5GZ892TPFCFjFYQ', '_blank');" title="Youtube"><img src="//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/icon-youtube.svg" alt="Youtube" width="24"></a>
3203                        <a onclick="window.open('https://www.linkedin.com/company/techniques-de-l%27ing-nieur', '_blank');" title="Linkedin"><img src="//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/icon-linkedin.svg" alt="Linkedin" width="24"></a>
3204                    </div>
3205                    <ul>
3206                        <li><a href="/newsletter.html">Nos newsletters</a></li>
3207                        <li><a href="/actualite/edito/rss-2/">Nos flux RSS</a></li>
3208                    </ul>
3209                </div>
3210            </div>
3211        </div>
3212        <div class="bloc-container bloc-domaines">
3213            <div>
3214                <p class="title">Domaines couverts</p>
3215                                <div>
3216                                            <a href="">
3217                            <span>Automatique - Robotique</span>
3218                        </a>
3219                                            <a href="">
3220                            <span>Biomédical - Pharma</span>
3221                        </a>
3222                                            <a href="">
3223                            <span>Construction et travaux publics</span>
3224                        </a>
3225                                            <a href="">
3226                            <span>Électronique - Photonique</span>
3227                        </a>
3228                                            <a href="">
3229                            <span>Énergies</span>
3230                        </a>
3231                                            <a href="">
3232                            <span>Environnement - Sécurité</span>
3233                        </a>
3234                                            <a href="">
3235                            <span>Génie industriel</span>
3236                        </a>
3237                                            <a href="">
3238                            <span>Ingénierie des transports</span>
3239                        </a>
3240                                            <a href="">
3241                            <span>Innovation</span>
3242                        </a>
3243                                            <a href="">
3244                            <span>Matériaux</span>
3245                        </a>
3246                                            <a href="">
3247                            <span>Mécanique</span>
3248                        </a>
3249                                            <a href="">
3250                            <span>Mesures - Analyses</span>
3251                        </a>
3252                                            <a href="">
3253                            <span>Procédés chimie - bio - agro</span>
3254                        </a>
3255                                            <a href="">
3256                            <span>Sciences fondamentales</span>
3257                        </a>
3258                                            <a href="">
3259                            <span>Technologies de l'information</span>
3260                        </a>
3261                                            <a href="/base-documentaire/archives-th12/">
3262                            <span>Archives</span>
3263                        </a>
3264                                    </div>
3265            </div>
3266        </div>
3267        <div class="bloc-container bloc-glossaire">
3268            <div>
3269                <p class="title">Recherches les plus populaires</p>
3270                <ul><li><a href="/glossaire/index.html">Top</a></li><li class="separator">·</li><li><a href="/glossaire/A">A</a></li><li class="separator">·</li><li><a href="/glossaire/B">B</a></li><li class="separator">·</li><li><a href="/glossaire/C">C</a></li><li class="separator">·</li><li><a href="/glossaire/D">D</a></li><li class="separator">·</li><li><a href="/glossaire/E">E</a></li><li class="separator">·</li><li><a href="/glossaire/F">F</a></li><li class="separator">·</li><li><a href="/glossaire/G">G</a></li><li class="separator">·</li><li><a href="/glossaire/H">H</a></li><li class="separator">·</li><li><a href="/glossaire/I">I</a></li><li class="separator">·</li><li><a href="/glossaire/J">J</a></li><li class="separator">·</li><li><a href="/glossaire/K">K</a></li><li class="separator">·</li><li><a href="/glossaire/L">L</a></li><li class="separator">·</li><li><a href="/glossaire/M">M</a></li><li class="separator">·</li><li><a href="/glossaire/N">N</a></li><li class="separator">·</li><li><a href="/glossaire/O">O</a></li><li class="separator">·</li><li><a href="/glossaire/P">P</a></li><li class="separator">·</li><li><a href="/glossaire/Q">Q</a></li><li class="separator">·</li><li><a href="/glossaire/R">R</a></li><li class="separator">·</li><li><a href="/glossaire/S">S</a></li><li class="separator">·</li><li><a href="/glossaire/T">T</a></li><li class="separator">·</li><li><a href="/glossaire/U">U</a></li><li class="separator">·</li><li><a href="/glossaire/V">V</a></li><li class="separator">·</li><li><a href="/glossaire/W">W</a></li><li class="separator">·</li><li><a href="/glossaire/X">X</a></li><li class="separator">·</li><li><a href="/glossaire/Y">Y</a></li><li class="separator">·</li><li class="last"><a href="/glossaire/Z">Z</a></li></ul>            </div>
3271        </div>
3272    </section>
3273    <section class="bloc-bottom">
3274        <div class="bloc-container">
3275            <div class="social-links">
3276                <a href="https://www.facebook.com/techniques.ingenieur" target="_blank">
3277                    <img src="//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/picto-facebook.png" height="30" width="30" alt="facebook"/>
3278                </a>
3279                <a href="https://twitter.com/actu_ETI" target="_blank">
3280                    <img src="//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/picto-X.png" height="30" width="30" alt="twitter"/>
3281                </a>
3282                <a href="https://www.youtube.com/channel/UC5Ax9Upv5GZ892TPFCFjFYQ" target="_blank">
3283                    <img src="//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/picto-youtube.png" height="30" width="30" alt="youtube"/>
3284                </a>
3285                <a href="https://www.linkedin.com/company/techniques-de-lingenieur/mycompany/verification/" target="_blank">
3286                    <img src="//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/picto-linkedin.png" height="30" width="30" alt="linkedin"/>
3287                </a>
3288            </div>
3289        </div>
3290        <div class="bloc-container">
3291            <div class="footer-links">
3292                <a href="/" title="Accueil"><span>Accueil</span></a><span>|</span>
3293                <a href="/actualite/edito/mieux-nous-connaitre/" title="A propos"><span>A&nbsp;propos</span></a><span>|</span>
3294                <a href="/auteur/" title="Annuaire auteurs"><span>Annuaire&nbsp;auteurs</span></a><span>|</span>
3295                <a href="/actualite/edito/nos-experts/" title="Experts scientifiques"><span>Experts&nbsp;scientifiques</span></a><span>|</span>
3296                <a href="/actualite/edito/nos-partenaires/" title="Nos partenaires"><span>Partenaires</span></a><span>|</span>
3297                <a href="/actualite/edito/publicite/" title="Publicité - annonceurs"><span>Publicité</span></a><span>|</span>
3298                <a href="/actualite/edito/aide/" title="Aide"><span>Aide &amp; FAQ</span></a><span>|</span>
3299                <a href="/edito/contact.html" title="Nous contacter"><span>Contact</span></a>
3300            </div>
3301            <div class="switch-lang">
3302                <ul class="navbar-nav">
3303                    <li class="nav-item dropdown">
3304                        <button class="nav-link dropdown-toggle" id="navbarDropdownMenuLink"
3305                                data-toggle="dropdown">
3306                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
3307                                <g clip-path="url(#clip0_5198_384)">
3308                                    <path d="M21.75 12C21.75 11.0906 21.6281 10.2141 21.3938 9.37969L20.1094 9.12188C19.7484 9.05156 19.3875 9.22969 19.2234 9.55313C18.9516 10.0969 18.3234 10.3547 17.7469 10.1625L17.0859 9.94219C16.725 9.82031 16.3313 9.91406 16.0641 10.1813C15.8906 10.3547 15.8906 10.6359 16.0641 10.8094L17.6344 12.3797C17.8688 12.6141 18 12.9328 18 13.2656C18 13.8422 17.6063 14.3438 17.0484 14.4844L16.8 14.5453C16.6219 14.5875 16.5 14.7469 16.5 14.9297V15.4969C16.5 16.1438 16.2891 16.7766 15.9 17.2969L14.7 18.8953C14.4188 19.275 13.9734 19.4953 13.5 19.4953C12.6703 19.4953 12 18.825 12 17.9953V15.75C12 15.3375 11.6625 15 11.25 15H9.75C8.50781 15 7.5 13.9922 7.5 12.75V11.4375C7.5 10.8469 7.77656 10.2938 8.25 9.9375L10.0969 8.55469C10.3594 8.35781 10.6781 8.25 11.0063 8.25C11.1703 8.25 11.3297 8.27813 11.4844 8.32969L12.9844 8.83125C13.3219 8.94375 13.6875 8.95781 14.0344 8.87344L15.6938 8.46094C16.1719 8.34375 16.5047 7.9125 16.5047 7.42031C16.5047 7.0125 16.275 6.64219 15.9141 6.45938L14.5453 5.775C14.3719 5.69063 14.1656 5.72344 14.0297 5.85938L13.8469 6.04219C13.6313 6.25781 13.3359 6.37969 13.0313 6.37969C12.8531 6.37969 12.675 6.3375 12.5156 6.25781L11.8031 5.90156C11.4891 5.74219 11.1047 5.82656 10.8844 6.10313L10.2469 6.9C9.98906 7.22344 9.50625 7.24688 9.21563 6.95625C9.08438 6.825 9.01406 6.65156 9.01406 6.46875V4.52344C9.01406 4.26094 8.94375 4.00781 8.81719 3.77813L8.34844 2.9625C4.76719 4.41094 2.25 7.9125 2.25 12C2.25 17.3859 6.61406 21.75 12 21.75C17.3859 21.75 21.75 17.3859 21.75 12ZM0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12Z" fill="white"/>
3309                                </g>
3310                                <defs>
3311                                    <clipPath id="clip0_5198_384">
3312                                        <rect width="24" height="24" fill="white"/>
3313                                    </clipPath>
3314                                </defs>
3315                            </svg>
3316                            <span>Français</span>
3317                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
3318                                <path d="M5.47036 9.52949C5.76333 9.82246 6.23911 9.82246 6.53208 9.52949L11.0321 5.02949C11.325 4.73652 11.325 4.26074 11.0321 3.96777C10.7391 3.6748 10.2633 3.6748 9.97036 3.96777L6.00005 7.93809L2.02974 3.97012C1.73677 3.67715 1.26099 3.67715 0.968018 3.97012C0.675049 4.26309 0.675049 4.73887 0.968018 5.03184L5.46802 9.53184L5.47036 9.52949Z" fill="white"/>
3319                            </svg>
3320                        </button>
3321                        <ul class="dropdown-menu dropdown-menu-right">
3322                            <li>
3323                                <a class="dropdown-item"
3324                                   href="/en/">
3325                                    Anglais
3326                                </a>
3327                            </li>
3328                        </ul>
3329                    </li>
3330                </ul>
3331            </div>
3332        </div>
3333        <div class="bloc-container">
3334            <div class="footer-links second-line">
3335                <a href="/actualite/edito/plan-du-site/" title="Plan du site"><span>Plan&nbsp;du&nbsp;site</span></a><span>|</span>
3336                <a href="/actualite/edito/mentions-legales/" title="Mentions légales"><span>Mentions&nbsp;Légales</span></a><span>|</span>
3337                <a href="https://rgpd.techniques-ingenieur.fr/politique-de-protection-des-donnees-personnelles" title="RGPD"><span>RGPD</span></a><span>|</span>
3338                <a href="/actualite/edito/utilisation-des-cookies/" title="COOKIES"><span>Cookies</span></a>
3339            </div>
3340        </div>
3341    </section>
3342    <section class="bloc-reassurance">
3343        <div class="bloc-container">
3344            <div>
3345                <img src="//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/picto-payment-secure.png" alt="picto-payment-secure" height="53" width="46">
3346                <p>PAIEMENT<br> SÉCURISÉ</p>
3347            </div>
3348            <div>
3349                <img src="//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/picto-rapid-subscriptions.png" alt="picto-payment-secure" height="49" width="50">
3350                <p>
3350OUVERTURE RAPIDE<br> DE VOS DROITS</p>
3351            </div>
3352            <div>
3353                <img src="//cdn.techniques-ingenieur.fr/lucy/ti/cdn.prod.v5.3.0/images/pictos/picto-hotline.png" alt="picto-payment-secure" height="53" width="50">
3354                <p>ASSISTANCE TÉLÉPHONIQUE<br> <span>+33 (0)1 53 35 20 20</span></p>
3355            </div>
3356        </div>
3357    </section>
3358</footer>
3359<script>
3360    (function ($) {
3361        //ne sert que dans une page, inutile d'exécuter la suite sinon
3362        if (window.location.pathname.indexOf('/information-request/') === -1) {
3363            return;
3364        }
3365
3366
3367        // Sécurité : on vérifie qu’on a bien un objet user.
3368        if (typeof window.currentWPUser === 'undefined') {
3369            return;
3370        }
3371//pour éviter que ça tourne en boucle si jamais il y a un souci de chargement du formulaire.
3372        let attempts = 0;
3373        let maxAttempts = 20;
3374        let intervalDelay = 500;
3375        let checkInterval = setInterval(function () {
3376            attempts++;
3377
3378            // On regarde si le formulaire est présent.
3379            //
3380            let $form = $('form#ti-classic-form');
3381
3382            if ($form.length > 0) {
3383                // On a trouvé le form => on arrête de boucler
3384                clearInterval(checkInterval);
3385                prefillForm($form);
3386            }
3387
3388            // Si on dépasse la limite de 20 tentatives => on arrête.
3389            if (attempts >= maxAttempts) {
3390                clearInterval(checkInterval);
3391                console.warn("Formulaire introuvable, arrêt des tentatives.");
3392            }
3393        }, intervalDelay);
3394
3395        function prefillForm($form) {
3396           // let userData = window.currentWPUser;
3397
3398            function setReadOnlyIfFilled(selector, value) {
3399                let $field = $form.find(selector);
3400                if (value && value.trim() !== '') {
3401                    $field.val(value).prop('readonly', true);
3402
3403                    $field[0].setAttribute("style", `
3404                background-color: #f0f0f0 !important;
3405                color: #666 !important;
3406                cursor: not-allowed !important;
3407            `);
3408                }
3409            }
3410
3411            
3412                window.currentWPUser = {
3413                    firstName: null,
3414                    lastName: null,
3415                    email: null
3416                };
3417              var userData = {
3418        salutation: "",
3419        profil: "",
3420        lastName: "",
3421        firstName: "",
3422        email: "",
3423        pays: "",
3424        zip: "",
3425        ville: "",
3426        phone: ""
3427    };
3428
3429            setReadOnlyIfFilled("#lffield\\[salutation\\]", userData.salutation);
3430            setReadOnlyIfFilled("#lffield\\[profil\\]", userData.profil);
3431            setReadOnlyIfFilled("#lffield\\[lastName\\]", userData.lastName);
3432            setReadOnlyIfFilled("#lffield\\[firstName\\]", userData.firstName);
3433            setReadOnlyIfFilled("#lffield\\[email\\]", userData.email);
3434            setReadOnlyIfFilled("#lffield\\[pays\\]", userData.pays);
3435            setReadOnlyIfFilled("#lffield\\[zip\\]", userData.zip);
3436            setReadOnlyIfFilled("#lffield\\[ville_text\\]", userData.ville);
3437            setReadOnlyIfFilled("#lffield\\[phone\\]", userData.phone);
3438
3439
3440            console.log("Formulaire prérempli !");
3441        }
3442
3443    })(jQuery);
3444</script>
3444
3445
3446
3447<div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both">
3448	<span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
3449                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z"/>
3450                </svg></span>	<span class="screen-reader-text">Retour en haut</span>
3451</div>
3452<script id='astra-theme-js-js-extra'>
3453var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"1","is_scroll_to_top":"1","is_header_footer_builder_active":"1"};
3454</script>
vendor: 1 bytes, line 3454
3454
3455<script src='https://www.techniques-ingenieur.fr/parcours-pratique/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=4.3.1' id='astra-theme-js-js'></script>
vendor: 1 bytes, line 3455
3455
3456<script src='//www.techniques-ingenieur.fr/parcours-pratique/wp-content/plugins/sfwd-lms/themes/legacy/templates/learndash_pager.min.js?ver=4.15.2' id='learndash_pager_js-js'></script>
vendor: 1 bytes, line 3456
3456
3457<script id='learndash_template_script_js-js-extra'>
3458var sfwd_data = {"json":"{\"ajaxurl\":\"https:\\\/\\\/www.techniques-ingenieur.fr\\\/parcours-pratique\\\/wp-admin\\\/admin-ajax.php\"}"};
3459</script>
vendor: 1 bytes, line 3459
3459
3460<script src='//www.techniques-ingenieur.fr/parcours-pratique/wp-content/plugins/sfwd-lms/themes/legacy/templates/learndash_template_script.min.js?ver=4.15.2' id='learndash_template_script_js-js'></script>
vendor: 1 bytes, line 3460
3460
3461<script src='//www.techniques-ingenieur.fr/parcours-pratique/wp-content/plugins/sfwd-lms/assets/js/jquery.dropdown.min.js?ver=4.15.2' id='jquery-dropdown-js-js'></script>
vendor: 1 bytes, line 3461
3461
3462<script id='learndash-front-js-extra'>
3463var ldVars = {"postID":"2","videoReqMsg":"Vous devez regarder la vid\u00e9o avant d\u2019acc\u00e9der \u00e0 ce contenu","ajaxurl":"https:\/\/www.techniques-ingenieur.fr\/parcours-pratique\/wp-admin\/admin-ajax.php"};
3464</script>
vendor: 1 bytes, line 3464
3464
3465<script src='//www.techniques-ingenieur.fr/parcours-pratique/wp-content/plugins/sfwd-lms/themes/ld30/assets/js/learndash.js?ver=4.15.2' id='learndash-front-js'></script>
3465
3466			
3466<script>
3467			/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
3468			</script>
3468
3469			
3470
3471<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"fc48248d98934cd0b66d65f23b3f185c","spa":2}' crossorigin="anonymous"></script>
3471
3472</body>
3473</html>

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