.hq-grid-12-cols{gap:16px}@media (min-width:640px){.hq-grid-12-cols{gap:24px}}.hq-grid-12-cols{display:grid}@media (min-width:640px){.hq-grid-12-cols{grid-template-columns:repeat(12,minmax(0,1fr))}}.hq-grid-12-col-12-span{grid-column:span 12/span 12}@media (min-width:640px){.hq-grid-12-col-10-span{grid-column:span 12/span 12}}@media (min-width:1024px){.hq-grid-12-col-10-span{grid-column:span 10/span 10;grid-column-start:2}}.hq-grid-faq__item{margin-top:40px;margin-bottom:40px}@media (min-width:1024px){.hq-grid-faq__item{margin-top:64px;margin-bottom:64px}}.hq-grid-faq__item{gap:16px}@media (min-width:640px){.hq-grid-faq__item{gap:24px}}.hq-grid-faq__item{display:grid}@media (min-width:640px){.hq-grid-faq__item{grid-template-columns:repeat(12,minmax(0,1fr))}}.hq-section-hero .hq-container-site>.hq-grid-faq__item{width:100%}@media (min-width:640px){.hq-grid-faq__item{grid-template-columns:repeat(12,minmax(0,1fr));-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}@media (min-width:640px){.hq-grid-faq__item:nth-child(odd) .hq-grid-faq__column-text{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}}@media (min-width:640px){.hq-grid-faq__item:nth-child(odd) .hq-grid-faq__column-text{grid-column:span 8/span 8}}@media (min-width:1024px){.hq-grid-faq__item:nth-child(odd) .hq-grid-faq__column-text{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;grid-column:span 5/span 5;grid-column-start:7}}@media (min-width:640px){.hq-grid-faq__item:nth-child(odd) .hq-grid-faq__column-image{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}}@media (min-width:640px){.hq-grid-faq__item:nth-child(odd) .hq-grid-faq__column-image{grid-column:span 4/span 4}}@media (min-width:1024px){.hq-grid-faq__item:nth-child(odd) .hq-grid-faq__column-image{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;grid-column-start:2}}@media (min-width:640px){.hq-grid-faq__item:nth-child(2n) .hq-grid-faq__column-text{grid-column:span 8/span 8}}@media (min-width:1024px){.hq-grid-faq__item:nth-child(2n) .hq-grid-faq__column-text{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;grid-column:span 5/span 5;grid-column-start:2}}@media (min-width:640px){.hq-grid-faq__item:nth-child(2n) .hq-grid-faq__column-image{grid-column:span 4/span 4}}@media (min-width:1024px){.hq-grid-faq__item:nth-child(2n) .hq-grid-faq__column-image{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;grid-column-start:8}}.hq-grid-faq__item:last-child{margin-bottom:0}@media (max-width:639px){.hq-grid-faq__column-text{-webkit-box-ordinal-group:3!important;-webkit-order:2!important;-ms-flex-order:2!important;order:2!important}}@media (max-width:639px){.hq-grid-faq__column-image{-webkit-box-ordinal-group:2!important;-webkit-order:1!important;-ms-flex-order:1!important;order:1!important}}.hq-grid-faq__column-image figure{max-width:300px;margin:0 auto}@media (min-width:640px){.hq-grid-faq__column-image figure{max-width:none}}.nav-par-onglets,.nav-par-onglets .lien-nav-onglet{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.nav-par-onglets .lien-nav-onglet{font-family:OpenSans;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:4rem;-webkit-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;color:#1224b8;cursor:pointer;overflow:hidden;border-bottom:1px solid rgba(61,60,60,.251);font-size:.875rem}@media (min-width:640px){.nav-par-onglets .lien-nav-onglet{font-size:1rem}}.nav-par-onglets .lien-nav-onglet.is-active{border-bottom:3px solid #1224b8;margin-bottom:-3px}.nav-par-onglets .lien-nav-onglet.is-active>p,.nav-par-onglets .lien-nav-onglet:focus-visible>p,.nav-par-onglets .lien-nav-onglet:hover>p{font-weight:600}@media (min-width:640px){.nav-par-onglets .lien-nav-onglet:not(:last-child){padding-right:1rem}}.contenu-nav-onglet{display:none}.contenu-nav-onglet.is-active{display:block}.tab-sticky{position:-webkit-sticky;position:sticky;z-index:1}a[href^="https://"]:after,a[href^=http]:after{content:"";width:11px;height:11px;margin-left:4px;background-image:url(/themes/hybride-ds-tailwind/images/icones/icon-external-link-bleu.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.hq-lien-icn-ext{display:none}.hq-list-subject{margin:0;padding:0;list-style:none;display:grid;gap:16px}@media (min-width:640px){.hq-list-subject{display:block;gap:0;padding-top:60px;padding-bottom:60px}}.hq-list-subject__item{padding-bottom:40px;border-bottom:1px solid #dfdfdf;display:grid;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.hq-list-subject__item{padding-top:60px;padding-bottom:60px}}@media (min-width:1024px){.hq-list-subject__item{grid-template-columns:repeat(12,minmax(0,1fr))}}.hq-list-subject__item:first-child{padding-top:0}@media (min-width:1024px){.hq-list-subject__column-text{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;grid-column:span 8/span 8;grid-column-start:5}}@media (min-width:1024px){.hq-list-subject__column-image{grid-column:span 3/span 3}}.hq-list-subject__column-image figure{max-width:300px;margin:0 auto}@media (min-width:1024px){.hq-list-subject__column-image figure{max-width:none}}.hq-section-hero{background-color:#0f096c;color:#fff;height:300px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media (min-width:1024px){.hq-section-hero{height:450px}}.hq-h1,.hq-h2,.hq-h3,.hq-h4,.hq-section-hero__title{font-family:Hydro-Quebec,sans-serif}.hq-section-hero__title{font-size:2.4375rem;font-weight:500;line-height:3rem}@media (min-width:640px){.hq-section-hero__title{font-size:3.0625rem;line-height:4rem}}@media (min-width:1024px){.hq-section-hero__title{font-size:3.8125rem;line-height:4.5rem}}.hq-section-hero__title{text-align:left;color:#fff}@media (min-width:640px){.hq-section-hero__title{text-align:center}}.hq-section-hero .hq-container-site{padding-top:40px;padding-bottom:40px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}@media (min-width:1024px){.hq-section-hero .hq-container-site{padding-top:60px;padding-bottom:60px}}.hq-section-hero .hq-container-site>.hq-grid-12-cols{width:100%}.hq-section-hero .hq-container-site .hq-breadcrumb{position:absolute;top:16px;left:16px}@media (min-width:1288px){.hq-section-hero .hq-container-site .hq-breadcrumb{left:0}}@media (min-width:1288px){.hq-section-hero--offset .hq-container-site{padding-bottom:120px}}@media (min-width:1288px){.hq-section-hero--offset .hq-container-site:before{content:"";position:absolute;bottom:0;left:0;width:100%;background-color:#fff;height:40px}}.hq-separateur{border-bottom:1px solid}.hq-separateur--blanc{color:#fff}.hq-separateur--gris{color:#dfdfdf}#section-comprendre-fonctionnement{position:relative}#section-comprendre-fonctionnement:before{content:"";position:absolute;top:0;left:0;width:100%;background-color:#fff;height:275px}@media (min-width:640px){#section-comprendre-fonctionnement:before{height:230px}}@media (min-width:1024px){#section-comprendre-fonctionnement:before{height:300px}}@media (min-width:1288px){#section-comprendre-fonctionnement:before{height:400px}}.animation-container{min-height:715px;max-height:715px;max-width:992px;min-width:992px;margin:0 auto}#animation-comprendre-electrique [data-animation-control-play-icon],#animation-comprendre-magnetique [data-animation-control-play-icon]{display:none}#animation-comprendre-electrique [data-anim-bg],#animation-comprendre-magnetique [data-anim-bg]{-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}#animation-comprendre-electrique.is-paused #arrow-down-1,#animation-comprendre-electrique.is-paused #arrow-down-1 path.head,#animation-comprendre-electrique.is-paused #arrow-down-1 path.tail,#animation-comprendre-electrique.is-paused #arrow-down-2,#animation-comprendre-electrique.is-paused #arrow-down-2 path.head,#animation-comprendre-electrique.is-paused #arrow-down-2 path.tail,#animation-comprendre-electrique.is-paused #arrow-down-3,#animation-comprendre-electrique.is-paused #arrow-down-3 path.head,#animation-comprendre-electrique.is-paused #arrow-down-3 path.tail,#animation-comprendre-electrique.is-paused #arrow-down-4,#animation-comprendre-electrique.is-paused #arrow-down-4 path.head,#animation-comprendre-electrique.is-paused #arrow-down-4 path.tail,#animation-comprendre-electrique.is-paused #arrow-down-5,#animation-comprendre-electrique.is-paused #arrow-down-5 path.head,#animation-comprendre-electrique.is-paused #arrow-down-5 path.tail,#animation-comprendre-electrique.is-paused #arrow-down-6,#animation-comprendre-electrique.is-paused #arrow-down-6 path.head,#animation-comprendre-electrique.is-paused #arrow-down-6 path.tail,#animation-comprendre-electrique.is-paused #arrow-down-7,#animation-comprendre-electrique.is-paused #arrow-down-7 path.head,#animation-comprendre-electrique.is-paused #arrow-down-7 path.tail,#animation-comprendre-electrique.is-paused #arrow-down-8,#animation-comprendre-electrique.is-paused #arrow-down-8 path.head,#animation-comprendre-electrique.is-paused #arrow-down-8 path.tail,#animation-comprendre-electrique.is-paused #tree-shield path,#animation-comprendre-electrique.is-paused #tree-shield path path.head,#animation-comprendre-electrique.is-paused #tree-shield path path.tail,#animation-comprendre-electrique.is-paused .spark .path-1,#animation-comprendre-electrique.is-paused .spark .path-1 path.head,#animation-comprendre-electrique.is-paused .spark .path-1 path.tail,#animation-comprendre-electrique.is-paused .spark .path-2,#animation-comprendre-electrique.is-paused .spark .path-2 path.head,#animation-comprendre-electrique.is-paused .spark .path-2 path.tail,#animation-comprendre-electrique.is-paused .spark .path-3,#animation-comprendre-electrique.is-paused .spark .path-3 path.head,#animation-comprendre-electrique.is-paused .spark .path-3 path.tail,#animation-comprendre-electrique.is-paused .spark .path-4,#animation-comprendre-electrique.is-paused .spark .path-4 path.head,#animation-comprendre-electrique.is-paused .spark .path-4 path.tail,#animation-comprendre-electrique.is-paused .spark .path-5,#animation-comprendre-electrique.is-paused .spark .path-5 path.head,#animation-comprendre-electrique.is-paused .spark .path-5 path.tail,#animation-comprendre-electrique.is-paused .spark .path-6,#animation-comprendre-electrique.is-paused .spark .path-6 path.head,#animation-comprendre-electrique.is-paused .spark .path-6 path.tail,#animation-comprendre-electrique.is-paused .spark .path-7,#animation-comprendre-electrique.is-paused .spark .path-7 path.head,#animation-comprendre-electrique.is-paused .spark .path-7 path.tail,#animation-comprendre-magnetique.is-paused #arrow-down-1,#animation-comprendre-magnetique.is-paused #arrow-down-1 path.head,#animation-comprendre-magnetique.is-paused #arrow-down-1 path.tail,#animation-comprendre-magnetique.is-paused #arrow-down-2,#animation-comprendre-magnetique.is-paused #arrow-down-2 path.head,#animation-comprendre-magnetique.is-paused #arrow-down-2 path.tail,#animation-comprendre-magnetique.is-paused #arrow-down-3,#animation-comprendre-magnetique.is-paused #arrow-down-3 path.head,#animation-comprendre-magnetique.is-paused #arrow-down-3 path.tail,#animation-comprendre-magnetique.is-paused #arrow-down-4,#animation-comprendre-magnetique.is-paused #arrow-down-4 path.head,#animation-comprendre-magnetique.is-paused #arrow-down-4 path.tail,#animation-comprendre-magnetique.is-paused #arrow-down-5,#animation-comprendre-magnetique.is-paused #arrow-down-5 path.head,#animation-comprendre-magnetique.is-paused #arrow-down-5 path.tail,#animation-comprendre-magnetique.is-paused #arrow-down-6,#animation-comprendre-magnetique.is-paused #arrow-down-6 path.head,#animation-comprendre-magnetique.is-paused #arrow-down-6 path.tail,#animation-comprendre-magnetique.is-paused #arrow-down-7,#animation-comprendre-magnetique.is-paused #arrow-down-7 path.head,#animation-comprendre-magnetique.is-paused #arrow-down-7 path.tail,#animation-comprendre-magnetique.is-paused #arrow-down-8,#animation-comprendre-magnetique.is-paused #arrow-down-8 path.head,#animation-comprendre-magnetique.is-paused #arrow-down-8 path.tail,#animation-comprendre-magnetique.is-paused #tree-shield path,#animation-comprendre-magnetique.is-paused #tree-shield path path.head,#animation-comprendre-magnetique.is-paused #tree-shield path path.tail,#animation-comprendre-magnetique.is-paused .spark .path-1,#animation-comprendre-magnetique.is-paused .spark .path-1 path.head,#animation-comprendre-magnetique.is-paused .spark .path-1 path.tail,#animation-comprendre-magnetique.is-paused .spark .path-2,#animation-comprendre-magnetique.is-paused .spark .path-2 path.head,#animation-comprendre-magnetique.is-paused .spark .path-2 path.tail,#animation-comprendre-magnetique.is-paused .spark .path-3,#animation-comprendre-magnetique.is-paused .spark .path-3 path.head,#animation-comprendre-magnetique.is-paused .spark .path-3 path.tail,#animation-comprendre-magnetique.is-paused .spark .path-4,#animation-comprendre-magnetique.is-paused .spark .path-4 path.head,#animation-comprendre-magnetique.is-paused .spark .path-4 path.tail,#animation-comprendre-magnetique.is-paused .spark .path-5,#animation-comprendre-magnetique.is-paused .spark .path-5 path.head,#animation-comprendre-magnetique.is-paused .spark .path-5 path.tail,#animation-comprendre-magnetique.is-paused .spark .path-6,#animation-comprendre-magnetique.is-paused .spark .path-6 path.head,#animation-comprendre-magnetique.is-paused .spark .path-6 path.tail,#animation-comprendre-magnetique.is-paused .spark .path-7,#animation-comprendre-magnetique.is-paused .spark .path-7 path.head,#animation-comprendre-magnetique.is-paused .spark .path-7 path.tail{-webkit-animation-play-state:paused;animation-play-state:paused}#animation-comprendre-electrique.is-paused #tree-shield path,#animation-comprendre-magnetique.is-paused #tree-shield path{-webkit-animation:none;animation:none;opacity:1}#animation-comprendre-electrique.is-paused #tree-shield-2 path,#animation-comprendre-magnetique.is-paused #tree-shield-2 path{-webkit-animation-play-state:paused;animation-play-state:paused}#animation-comprendre-electrique.is-paused [data-animation-control-play-icon],#animation-comprendre-magnetique.is-paused [data-animation-control-play-icon]{display:block}#animation-comprendre-electrique.is-paused [data-animation-control-pause-icon],#animation-comprendre-magnetique.is-paused [data-animation-control-pause-icon]{display:none}#animation-comprendre-electrique #electrique-anim,#animation-comprendre-magnetique #electrique-anim{width:20%;top:135px;left:448px;-webkit-transform:skew(10deg,10deg);-ms-transform:skew(10deg,10deg);transform:skew(10deg,10deg)}#animation-comprendre-electrique #electrique-anim-2,#animation-comprendre-magnetique #electrique-anim-2{opacity:0;width:20%;top:134px;left:415px;-webkit-transform:skew(10deg,10deg);-ms-transform:skew(10deg,10deg);transform:skew(10deg,10deg)}#animation-comprendre-electrique #magnetique-anim,#animation-comprendre-magnetique #magnetique-anim{width:20%;top:152px;left:473px;-webkit-transform:skew(10deg,10deg);-ms-transform:skew(10deg,10deg);transform:skew(10deg,10deg)}#animation-comprendre-electrique #magnetique-anim-2,#animation-comprendre-magnetique #magnetique-anim-2{opacity:0;width:20%;top:146px;left:500px;-webkit-transform:skew(10deg,10deg);-ms-transform:skew(10deg,10deg);transform:skew(10deg,10deg)}#animation-comprendre-magnetique [data-text-5-container]{top:570px;left:37px;max-width:264px}#animation-comprendre-magnetique [data-text-6-container]{top:670px;left:37px;max-width:250px}#animation-comprendre-magnetique [data-text-7-container]{top:570px;left:391px;max-width:250px}#animation-comprendre-magnetique #text-8-container{top:570px;left:700px;max-width:260px}#tree-shield{position:absolute;top:369px;left:663px;width:31px}#tree-shield-2{position:absolute;top:365px;left:661px;width:70px}#spark-1{top:290px;left:242px}#spark-2{top:247px;left:749px}#arrow-down-1,#arrow-down-2,#arrow-down-3,#arrow-down-4{position:absolute;top:112px;left:474px;width:10px}#arrow-down-5,#arrow-down-6,#arrow-down-7,#arrow-down-8{position:absolute;top:114px;left:547px;width:10px}#explosion-anim{position:absolute;top:103px;left:398px}#arrow-down-1{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:arrow-down-anim 2s linear 0s infinite;animation:arrow-down-anim 2s linear 0s infinite}#arrow-down-1 path.tail{-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;opacity:1;-webkit-animation:arrow-down-anim-tail 2s linear 0s infinite;animation:arrow-down-anim-tail 2s linear 0s infinite}#arrow-down-1 path.head{-webkit-animation:arrow-down-anim-head 2s linear 0s infinite;animation:arrow-down-anim-head 2s linear 0s infinite}#arrow-down-2{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:arrow-down-anim 2s linear .5s infinite;animation:arrow-down-anim 2s linear .5s infinite}#arrow-down-2 path.tail{-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;opacity:1;-webkit-animation:arrow-down-anim-tail 2s linear .5s infinite;animation:arrow-down-anim-tail 2s linear .5s infinite}#arrow-down-2 path.head{-webkit-animation:arrow-down-anim-head 2s linear .5s infinite;animation:arrow-down-anim-head 2s linear .5s infinite}#arrow-down-3{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:arrow-down-anim 2s linear 1s infinite;animation:arrow-down-anim 2s linear 1s infinite}#arrow-down-3 path.tail{-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;opacity:1;-webkit-animation:arrow-down-anim-tail 2s linear 1s infinite;animation:arrow-down-anim-tail 2s linear 1s infinite}#arrow-down-3 path.head{-webkit-animation:arrow-down-anim-head 2s linear 1s infinite;animation:arrow-down-anim-head 2s linear 1s infinite}#arrow-down-4{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:arrow-down-anim 2s linear 1.5s infinite;animation:arrow-down-anim 2s linear 1.5s infinite}#arrow-down-4 path.tail{-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;opacity:1;-webkit-animation:arrow-down-anim-tail 2s linear 1.5s infinite;animation:arrow-down-anim-tail 2s linear 1.5s infinite}#arrow-down-4 path.head{-webkit-animation:arrow-down-anim-head 2s linear 1.5s infinite;animation:arrow-down-anim-head 2s linear 1.5s infinite}#arrow-down-5{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:arrow-down-anim-angle 2s linear 0s infinite;animation:arrow-down-anim-angle 2s linear 0s infinite}#arrow-down-5 path.tail{-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;-webkit-animation:arrow-down-anim-tail 2s linear 0s infinite;animation:arrow-down-anim-tail 2s linear 0s infinite}#arrow-down-5 path.head{-webkit-animation:arrow-down-anim-head 2s linear 0s infinite;animation:arrow-down-anim-head 2s linear 0s infinite}#arrow-down-6{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:arrow-down-anim-angle 2s linear .5s infinite;animation:arrow-down-anim-angle 2s linear .5s infinite}#arrow-down-6 path.tail{-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;-webkit-animation:arrow-down-anim-tail 2s linear .5s infinite;animation:arrow-down-anim-tail 2s linear .5s infinite}#arrow-down-6 path.head{-webkit-animation:arrow-down-anim-head 2s linear .5s infinite;animation:arrow-down-anim-head 2s linear .5s infinite}#arrow-down-7{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:arrow-down-anim-angle 2s linear 1s infinite;animation:arrow-down-anim-angle 2s linear 1s infinite}#arrow-down-7 path.tail{-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;-webkit-animation:arrow-down-anim-tail 2s linear 1s infinite;animation:arrow-down-anim-tail 2s linear 1s infinite}#arrow-down-7 path.head{-webkit-animation:arrow-down-anim-head 2s linear 1s infinite;animation:arrow-down-anim-head 2s linear 1s infinite}#arrow-down-8{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:arrow-down-anim-angle 2s linear 1.5s infinite;animation:arrow-down-anim-angle 2s linear 1.5s infinite}#arrow-down-8 path.tail{-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;-webkit-animation:arrow-down-anim-tail 2s linear 1.5s infinite;animation:arrow-down-anim-tail 2s linear 1.5s infinite}#arrow-down-8 path.head{-webkit-animation:arrow-down-anim-head 2s linear 1.5s infinite;animation:arrow-down-anim-head 2s linear 1.5s infinite}[data-text-5-container]{top:605px;left:37px;max-width:290px;line-height:1.25rem}#spark-white{top:492px;left:197px}#wave-white{top:499px;left:512px}#shield-white{top:489px;left:818px}#shield-white-2{top:470px;left:615px}[data-text-6-container]{top:605px;left:407px;max-width:250px;line-height:1.25rem}[data-text-7-container]{top:605px;left:689px;max-width:250px;line-height:1.25rem}.animated-text{margin-bottom:0!important;font-size:1.25rem;line-height:1.375rem}.spark path{opacity:0}.spark .path-6{-webkit-animation:spark-anim .7s linear infinite;animation:spark-anim .7s linear infinite}.spark .path-4{-webkit-animation:spark-anim .4s linear .1s infinite;animation:spark-anim .4s linear .1s infinite}.spark .path-7{-webkit-animation:spark-anim .3s linear .2s infinite;animation:spark-anim .3s linear .2s infinite}.spark .path-2{-webkit-animation:spark-anim .2s linear .3s infinite;animation:spark-anim .2s linear .3s infinite}.spark .path-5{-webkit-animation:spark-anim .3s linear .1s infinite;animation:spark-anim .3s linear .1s infinite}.spark .path-1{-webkit-animation:spark-anim .5s linear .5s infinite;animation:spark-anim .5s linear .5s infinite}.spark .path-3{-webkit-animation:spark-anim .4s linear .6s infinite;animation:spark-anim .4s linear .6s infinite}#tree-shield path{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:0;-webkit-animation:shield-anim 2s linear 0s infinite;animation:shield-anim 2s linear 0s infinite}#tree-shield-2 path{opacity:.2}#tree-shield-2 path.point-1{-webkit-animation:shield-anim-2 1s linear 0s infinite;animation:shield-anim-2 1s linear 0s infinite}#tree-shield-2 path.point-2{-webkit-animation:shield-anim-2 1s linear .1s infinite;animation:shield-anim-2 1s linear .1s infinite}#tree-shield-2 path.point-3{-webkit-animation:shield-anim-2 1s linear .2s infinite;animation:shield-anim-2 1s linear .2s infinite}#tree-shield-2 path.point-4{-webkit-animation:shield-anim-2 1s linear .3s infinite;animation:shield-anim-2 1s linear .3s infinite}#tree-shield-2 path.point-5{-webkit-animation:shield-anim-2 1s linear .4s infinite;animation:shield-anim-2 1s linear .4s infinite}#tree-shield-2 path.point-6{-webkit-animation:shield-anim-2 1s linear .5s infinite;animation:shield-anim-2 1s linear .5s infinite}#tree-shield-2 path.point-7{-webkit-animation:shield-anim-2 1s linear .6s infinite;animation:shield-anim-2 1s linear .6s infinite}#tree-shield-2 path.point-8{-webkit-animation:shield-anim-2 1s linear .7s infinite;animation:shield-anim-2 1s linear .7s infinite}#tree-shield-2 path.point-9{-webkit-animation:shield-anim-2 1s linear .8s infinite;animation:shield-anim-2 1s linear .8s infinite}#tree-shield-2 path.point-10{-webkit-animation:shield-anim-2 1s linear .9s infinite;animation:shield-anim-2 1s linear .9s infinite}#tree-shield-2 path.point-11{-webkit-animation:shield-anim-2 1s linear 1s infinite;animation:shield-anim-2 1s linear 1s infinite}#tree-shield-2 path.point-12{-webkit-animation:shield-anim-2 1s linear 1.2s infinite;animation:shield-anim-2 1s linear 1.2s infinite}#tree-shield-2 path.point-13{-webkit-animation:shield-anim-2 1s linear 1.3s infinite;animation:shield-anim-2 1s linear 1.3s infinite}#tree-shield-2 path.point-14{-webkit-animation:shield-anim-2 1s linear 1.4s infinite;animation:shield-anim-2 1s linear 1.4s infinite}#tree-shield-2 path.point-15{-webkit-animation:shield-anim-2 1s linear 1.5s infinite;animation:shield-anim-2 1s linear 1.5s infinite}#tree-shield-2 path.point-16{-webkit-animation:shield-anim-2 1s linear 1.6s infinite;animation:shield-anim-2 1s linear 1.6s infinite}#tree-shield-2 path.point-17{-webkit-animation:shield-anim-2 1s linear 1.7s infinite;animation:shield-anim-2 1s linear 1.7s infinite}#tree-shield-2 path.point-18{-webkit-animation:shield-anim-2 1s linear 1.8s infinite;animation:shield-anim-2 1s linear 1.8s infinite}#tree-shield-2 path.point-19{-webkit-animation:shield-anim-2 1s linear 1.9s infinite;animation:shield-anim-2 1s linear 1.9s infinite}#tree-shield-2 path.point-20{-webkit-animation:shield-anim-2 1s linear 2s infinite;animation:shield-anim-2 1s linear 2s infinite}#tree-shield-2 path.point-21{-webkit-animation:shield-anim-2 1s linear 2.1s infinite;animation:shield-anim-2 1s linear 2.1s infinite}#tree-shield-2 path.point-22{-webkit-animation:shield-anim-2 1s linear 2.2s infinite;animation:shield-anim-2 1s linear 2.2s infinite}#explosion-anim .group-1{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:explosion-anim 2s linear 0s infinite;animation:explosion-anim 2s linear 0s infinite}#explosion-anim .group-1 path.tail{-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;-webkit-animation:explosion-anim-tail 2s linear 0s infinite;animation:explosion-anim-tail 2s linear 0s infinite}@-webkit-keyframes spark-anim{0%{opacity:0}to{opacity:1}}@keyframes spark-anim{0%{opacity:0}to{opacity:1}}@-webkit-keyframes shield-anim{0%{opacity:0;-webkit-transform:scale(.5) translate(50px,30px);transform:scale(.5) translate(50px,30px)}30%{opacity:0}70%{opacity:1;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{opacity:0}}@keyframes shield-anim{0%{opacity:0;-webkit-transform:scale(.5) translate(50px,30px);transform:scale(.5) translate(50px,30px)}30%{opacity:0}70%{opacity:1;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{opacity:0}}@-webkit-keyframes shield-anim-2{0%{opacity:.2}to{opacity:1}}@keyframes shield-anim-2{0%{opacity:.2}to{opacity:1}}@-webkit-keyframes arrow-down-anim{to{-webkit-transform:translateY(230px);transform:translateY(230px)}}@keyframes arrow-down-anim{to{-webkit-transform:translateY(230px);transform:translateY(230px)}}@-webkit-keyframes arrow-down-anim-angle{0%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}to{-webkit-transform:rotate(-25deg) translateY(250px);transform:rotate(-25deg) translateY(250px)}}@keyframes arrow-down-anim-angle{0%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}to{-webkit-transform:rotate(-25deg) translateY(250px);transform:rotate(-25deg) translateY(250px)}}@-webkit-keyframes arrow-down-anim-tail{0%{opacity:1}to{opacity:.2;-webkit-transform:scaleY(.4) translateY(-6px);transform:scaleY(.4) translateY(-6px)}}@keyframes arrow-down-anim-tail{0%{opacity:1}to{opacity:.2;-webkit-transform:scaleY(.4) translateY(-6px);transform:scaleY(.4) translateY(-6px)}}@-webkit-keyframes arrow-down-anim-head{0%{opacity:1}to{opacity:.2}}@keyframes arrow-down-anim-head{0%{opacity:1}to{opacity:.2}}@-webkit-keyframes explosion-anim{50%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}51%{opacity:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{opacity:1;-webkit-transform:translateY(-30px) rotate(180deg);transform:translateY(-30px) rotate(180deg)}}@keyframes explosion-anim{50%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}51%{opacity:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{opacity:1;-webkit-transform:translateY(-30px) rotate(180deg);transform:translateY(-30px) rotate(180deg)}}@-webkit-keyframes explosion-anim-tail{50%{-webkit-transform:scaleY(.95);transform:scaleY(.95)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes explosion-anim-tail{50%{-webkit-transform:scaleY(.95);transform:scaleY(.95)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}[data-animation-controls]{top:10px;left:10px}[data-animation-controls] button{color:#1224b8}#animation-exposition-a120 [data-id=girl],#animation-exposition-a315 [data-id=girl],#animation-exposition-a735 [data-id=girl]{top:585px;left:64px}#animation-exposition-a120 [data-id=arrow],#animation-exposition-a315 [data-id=arrow],#animation-exposition-a735 [data-id=arrow]{width:200px;top:658px;left:10px;-webkit-animation:exposition-arrow 2.5s linear 0s infinite;animation:exposition-arrow 2.5s linear 0s infinite}@media (prefers-reduced-motion){#animation-exposition-a120 [data-id=arrow],#animation-exposition-a315 [data-id=arrow],#animation-exposition-a735 [data-id=arrow]{-webkit-animation:none;animation:none;left:50px}}#animation-exposition-a120 [data-id=tower]{left:-114px}#animation-exposition-a315 [data-id=tower]{top:5px;left:-49px}#animation-exposition-a315 [data-id=chart]{left:50px}#animation-exposition-a315 [data-id=markers]{left:236px}#animation-exposition-a735 [data-id=tower]{left:-69px}#animation-exposition-a735 [data-id=chart]{left:50px}#animation-exposition-a735 [data-id=markers]{left:236px}#animation-exposition-a735 .bubble-bar--5{top:13px}[data-id=chart]{width:100%;height:100%;top:13px}[data-id=chart] .bar{position:absolute;width:115px;height:200px;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}[data-id=chart] .bar--1{top:184px;left:129px;background-color:#ff9c04}[data-id=chart] .bar--2{top:184px;left:256px;background-color:#ff9c04}[data-id=chart] .bar--3{top:184px;left:383px;background-color:#ff9c04}[data-id=chart] .bar--4{top:184px;left:510px;background-color:#ff9c04}[data-id=chart] .bar--5{top:184px;left:637px;background-color:#ff9c04}[data-id=chart] .bubble-wrapper{position:absolute;width:150px;top:50px;pointer-events:none}[data-id=chart] .bubble-wrapper.bubble-bar--1{left:112px}[data-id=chart] .bubble-wrapper.bubble-bar--2{left:239px}[data-id=chart] .bubble-wrapper.bubble-bar--3{left:363px}[data-id=chart] .bubble-wrapper.bubble-bar--4{left:492px}[data-id=chart] .bubble-wrapper.bubble-bar--5{left:621px}[data-id=chart] .bubble-text{top:47px}[data-id=markers]{position:absolute;top:524px;left:186px}[data-id=markers] .marker{width:2px;height:30px;position:absolute;background-color:#000;top:66px}[data-id=markers] .marker--1{left:-30px;-webkit-transform:skewX(-13deg);-ms-transform:skewX(-13deg);transform:skewX(-13deg)}[data-id=markers] .marker--2{left:116px;-webkit-transform:skewX(-6deg);-ms-transform:skewX(-6deg);transform:skewX(-6deg)}[data-id=markers] .marker--3{left:252px;-webkit-transform:skewX(-3deg);-ms-transform:skewX(-3deg);transform:skewX(-3deg)}[data-id=markers] .marker--4{left:389px;-webkit-transform:skewX(3deg);-ms-transform:skewX(3deg);transform:skewX(3deg)}[data-id=markers] .marker--5{left:519px;-webkit-transform:skewX(8deg);-ms-transform:skewX(8deg);transform:skewX(8deg)}[data-id=markers] .marker--text{position:absolute;min-width:100px;text-align:center;color:#000}[data-id=markers] [data-id=marker-1-text]{top:34px;left:-71px}[data-id=markers] [data-id=marker-2-text]{top:34px;left:68px}[data-id=markers] [data-id=marker-3-text]{top:34px;left:203px}[data-id=markers] [data-id=marker-4-text]{top:34px;left:338px}[data-id=markers] [data-id=marker-5-text]{top:34px;left:476px}#animation-exposition-s120 [data-id=girl]{top:450px;left:75px}#animation-exposition-s120 [data-id=arrow]{width:200px;top:514px;left:10px;-webkit-animation:exposition-arrow 2.5s linear 0s infinite;animation:exposition-arrow 2.5s linear 0s infinite}@media (prefers-reduced-motion){#animation-exposition-s120 [data-id=arrow]{-webkit-animation:none;animation:none;left:15px}}#animation-exposition-s120 [data-id=chart]{left:-77px;top:160px}#animation-exposition-s120 [data-id=chart] .bar{top:126px}#animation-exposition-s120 [data-id=chart] .bar--3{left:406px}#animation-exposition-s120 [data-id=chart] .bubble-bar--3{left:389px}#animation-exposition-s120 [data-id=chart] .bar--4{left:554px}#animation-exposition-s120 [data-id=chart] .bubble-bar--4{left:537px}#animation-exposition-s120 [data-id=chart] .bar--5{left:700px}#animation-exposition-s120 [data-id=chart] .bubble-bar--5{left:680px}#animation-exposition-s120 [data-id=markers]{top:668px}#animation-exposition-s120 [data-id=markers] .marker--2{left:80px}#animation-exposition-s120 [data-id=markers] .marker--3{left:232px}#animation-exposition-s120 .marker{-webkit-transform:skewX(0);-ms-transform:skewX(0);transform:skewX(0);height:2px;width:90px;top:-110px;background-color:#fff!important}#animation-exposition-s120 .marker--text{color:#fff}#animation-exposition-s120 .marker-line{position:absolute;height:22px;width:2px;top:-155px;background:#fff;-webkit-transform:none;-ms-transform:none;transform:none}#animation-exposition-s120 .marker-line.marker--2{left:50px!important}#animation-exposition-s120 .marker-line.marker--3{left:200px!important}#animation-exposition-s120 .marker-line.marker--4{left:348px!important}#animation-exposition-s120 .marker-line.marker--5{left:496px!important}#animation-exposition-s120 [data-id=marker-4]{left:377px}#animation-exposition-s120 [data-id=marker-2]{left:377px}#animation-exposition-s120 [data-id=marker-2-text]{top:-123px;left:0}#animation-exposition-s120 [data-id=marker-3-text]{top:-123px;left:150px}#animation-exposition-s120 [data-id=marker-4-text]{top:-123px;left:300px}#animation-exposition-s120 [data-id=marker-5-text]{top:-123px;left:450px}#animation-exposition-s120 #home-1{top:457px;left:542px}#animation-exposition-s120 #home-2{top:461px;left:60px}#animation-exposition-s120 #home-3{top:448px;left:941px}#animation-exposition-s120 #home-4{top:440px;left:54px}#animation-exposition-s120 #home-5{top:474px;left:732px}#animation-exposition-s120 #home-6{top:427px;left:753px}#animation-exposition-s120 #pipes{top:146px}#animation-exposition-s120 #trees{top:138px}@-webkit-keyframes exposition-arrow{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1;-webkit-transform:translateX(130px);transform:translateX(130px)}80%{opacity:1;-webkit-transform:translateX(130px);transform:translateX(130px)}to{opacity:0;-webkit-transform:translateX(130px);transform:translateX(130px)}}@keyframes exposition-arrow{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1;-webkit-transform:translateX(130px);transform:translateX(130px)}80%{opacity:1;-webkit-transform:translateX(130px);transform:translateX(130px)}to{opacity:0;-webkit-transform:translateX(130px);transform:translateX(130px)}}@-webkit-keyframes exposition-arrow-reduce-motion{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1;-webkit-transform:translateX(130px);transform:translateX(130px)}80%{opacity:1;-webkit-transform:translateX(130px);transform:translateX(130px)}to{opacity:1;-webkit-transform:translateX(130px);transform:translateX(130px)}}@keyframes exposition-arrow-reduce-motion{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1;-webkit-transform:translateX(130px);transform:translateX(130px)}80%{opacity:1;-webkit-transform:translateX(130px);transform:translateX(130px)}to{opacity:1;-webkit-transform:translateX(130px);transform:translateX(130px)}}@-webkit-keyframes bubble-anim{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}30%{opacity:1}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bubble-anim{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}30%{opacity:1}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.sr-only-anim{position:absolute;left:-9999px}#messages-electrique,#messages-exposition-a120,#messages-exposition-a315,#messages-exposition-a735,#messages-exposition-s120,#messages-magnetique{background-color:orange;top:100px;right:0;position:absolute;width:500px;z-index:10}#animation-exposition-a120 [data-animation-control-play-icon],#animation-exposition-a315 [data-animation-control-play-icon],#animation-exposition-a735 [data-animation-control-play-icon],#animation-exposition-s120 [data-animation-control-play-icon]{display:none}#animation-exposition-a120.is-paused [data-animation-control-play-icon],#animation-exposition-a315.is-paused [data-animation-control-play-icon],#animation-exposition-a735.is-paused [data-animation-control-play-icon],#animation-exposition-s120.is-paused [data-animation-control-play-icon]{display:block}#animation-exposition-a120.is-paused [data-animation-control-pause-icon],#animation-exposition-a315.is-paused [data-animation-control-pause-icon],#animation-exposition-a735.is-paused [data-animation-control-pause-icon],#animation-exposition-s120.is-paused [data-animation-control-pause-icon]{display:none}#animation-exposition-a120.is-paused [data-id=arrow],#animation-exposition-a315.is-paused [data-id=arrow],#animation-exposition-a735.is-paused [data-id=arrow],#animation-exposition-s120.is-paused [data-id=arrow]{-webkit-animation-play-state:paused;animation-play-state:paused}@media (prefers-reduced-motion){#animation-exposition-a120.is-paused [data-id=arrow],#animation-exposition-a315.is-paused [data-id=arrow],#animation-exposition-a735.is-paused [data-id=arrow],#animation-exposition-s120.is-paused [data-id=arrow]{-webkit-animation-play-state:paused;animation-play-state:paused}}#tabComprendreAnimation{background-color:#fff;z-index:100}#text-2--magnetique,#text-3--magnetique{width:650px}[data-popper-button] svg{display:inline-block;margin-left:2px}[data-popper-tooltip]{z-index:100}.top-13px{top:13px}