.paragraph.paragraph--type--infographie-element{--infographie-date-width:4rem;--infographie-date-border:var(--color-info);--infographie-date-background:var(--color-info);--infographie-date-color:var(--color-info);--infographie-date-y-position:4rem;--infographie-content-background:#fff;--infographie-content-color:#47474f;--infographie-content-border-radius:var(--bs-border-radius-lg);padding:3rem 0 0;padding-left:var(--infographie-date-width);position:relative}@media (min-width:768px){.paragraph.paragraph--type--infographie-element{--infographie-date-width:4rem;--infographie-date-y-position:50%;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-end;padding-left:0}.paragraph.paragraph--type--infographie-element .info-content{padding:0;width:50%}.paragraph.paragraph--type--infographie-element .infographie-medias{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding-right:calc(var(--infographie-date-width)/2 + 1.5rem);width:100%}.paragraph.paragraph--type--infographie-element .infographie-content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding-left:calc(var(--infographie-date-width)/2);width:100%}}@media (min-width:992px){.paragraph.paragraph--type--infographie-element{--infographie-date-width:6rem}}@media (min-width:1170px){.paragraph.paragraph--type--infographie-element{--infographie-date-width:8rem}}@media (min-width:1600px){.paragraph.paragraph--type--infographie-element{--infographie-date-width:10rem}}.paragraph.paragraph--type--infographie-element:before{background-color:#ced4da;content:"";height:100%;left:1.5rem;position:absolute;top:5rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:10px}@media (min-width:768px){.paragraph.paragraph--type--infographie-element:before{left:50%}}.paragraph.paragraph--type--infographie-element .infographie-medias{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:3s;animation-duration:3s}@media (max-width:767.98px){.paragraph.paragraph--type--infographie-element .infographie-medias{display:none}}@media (min-width:992px){.paragraph.paragraph--type--infographie-element .infographie-medias{padding-top:1.5rem}}.paragraph.paragraph--type--infographie-element .infographie-medias>.inner .blazy{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end}@media (max-width:767.98px){.paragraph.paragraph--type--infographie-element .infographie-medias>.inner .blazy{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.paragraph.paragraph--type--infographie-element .infographie-medias>.inner .blazy>.media{margin:0;max-height:115px;max-width:150px;overflow:hidden}.paragraph.paragraph--type--infographie-element .infographie-medias>.inner .blazy>.media img,.paragraph.paragraph--type--infographie-element .infographie-medias>.inner .blazy>.media svg{height:auto;max-height:115px;max-width:150px;width:auto}.paragraph.paragraph--type--infographie-element .infographie-medias>.inner .blazy>.media img.b-blur,.paragraph.paragraph--type--infographie-element .infographie-medias>.inner .blazy>.media svg.b-blur{width:100%}.paragraph.paragraph--type--infographie-element .infographie-title{-webkit-animation-delay:.85s;animation-delay:.85s;-webkit-animation-duration:1s;animation-duration:1s;max-width:100%;position:relative;text-align:center;-webkit-transition-delay:.85s;-o-transition-delay:.85s;transition-delay:.85s;visibility:visible!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (min-width:768px){.paragraph.paragraph--type--infographie-element .infographie-title{width:50%}}.paragraph.paragraph--type--infographie-element .infographie-title .info-title{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0;padding-right:0;position:relative;text-align:left}@media (min-width:768px){.paragraph.paragraph--type--infographie-element .infographie-title .info-title{padding-left:calc(var(--infographie-date-width)/2)}}.paragraph.paragraph--type--infographie-element .infographie-title .info-title:after{content:inherit}.paragraph.paragraph--type--infographie-element .infographie-title .info-title:not(.collapsed) .inner i:before{-webkit-transform:translate(-50%,-50%) rotate(180deg);-ms-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}.paragraph.paragraph--type--infographie-element .infographie-title .info-title .inner{background-color:var(--infographie-date-background);border-radius:3rem;color:#fff;display:inline-block;height:3rem;left:calc(var(--infographie-date-width)*-1);padding:0;position:absolute;right:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:3rem}@media (min-width:768px){.paragraph.paragraph--type--infographie-element .infographie-title .info-title .inner{left:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.paragraph.paragraph--type--infographie-element .infographie-title .info-title .inner:before{background:hsla(0,0%,100%,.2);border-radius:50px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.paragraph.paragraph--type--infographie-element .infographie-title .info-title .inner i:before{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.paragraph.paragraph--type--infographie-element .infographie-title .op-chapeau{background-color:transparent;border-radius:10px;color:var(--color-info);font-size:1.25rem;font-weight:700;margin:0;padding:1rem 1.5rem;width:100%}@media (min-width:992px){.paragraph.paragraph--type--infographie-element .infographie-title .op-chapeau{font-size:1.5rem;padding:1.5rem 2rem}}@media (min-width:1170px){.paragraph.paragraph--type--infographie-element .infographie-title .op-chapeau{font-size:1.75rem}}.paragraph.paragraph--type--infographie-element .infographie-content>.text-style{margin:0;padding:0 1.5rem;text-align:left}@media (min-width:992px){.paragraph.paragraph--type--infographie-element .infographie-content>.text-style{padding:0 2rem}}.paragraph.paragraph--type--infographie-element .infographie-content>.text-style>*,.paragraph.paragraph--type--infographie-element .infographie-content>.text-style>.field>*{color:inherit;line-height:1.25;margin-bottom:.5rem}.paragraph.paragraph--type--infographie-element .infographie-content>.text-style>.field>:first-child,.paragraph.paragraph--type--infographie-element .infographie-content>.text-style>:first-child{margin-top:0}.paragraph.paragraph--type--infographie-element .infographie-content>.text-style>.field>:last-child,.paragraph.paragraph--type--infographie-element .infographie-content>.text-style>:last-child{margin-bottom:0}@media (max-width:767.98px){.paragraph.paragraph--type--infographie-element{-ms-flex-wrap:wrap;flex-wrap:wrap}.paragraph.paragraph--type--infographie-element .infographie-medias{margin-bottom:40px;width:100%}.paragraph.paragraph--type--infographie-element .infographie-content{width:100%}.paragraph.paragraph--type--infographie-element .infographie-content>.text-style .op-chapeau{font-size:1.5rem}}.paragraph.paragraph--type--infographie{margin-bottom:4rem}.paragraph.paragraph--type--infographie .section-title u:before{-webkit-mask-image:url(/themes/custom/op_custom/images/underline-lg.svg);mask-image:url(/themes/custom/op_custom/images/underline-lg.svg)}.paragraph.paragraph--type--infographie .field--name-field-infographie-elements{counter-reset:element;position:relative}.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element{counter-increment:element;position:relative;z-index:2}.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element .infographie-title .info-title .inner:after{color:#fff;content:counter(element);font-size:30px;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-width:768px){.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element:after,.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element:before{left:50%}}.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element:last-child:before{background-color:#fff}@media (min-width:768px){.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element:nth-child(odd){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element:nth-child(odd) .infographie-medias{padding-left:calc(var(--infographie-date-width)/2 + 1.5rem);padding-right:0}.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element:nth-child(odd) .infographie-medias>.inner .blazy{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element:nth-child(odd) .infographie-title .info-title{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-left:0;padding-right:0;text-align:right}}@media (min-width:768px) and (min-width:768px){.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element:nth-child(odd) .infographie-title .info-title{padding-right:calc(var(--infographie-date-width)/2)}}@media (min-width:768px){.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element:nth-child(odd) .infographie-title .inner{left:auto;right:0;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%)}}@media (min-width:768px){.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element:nth-child(odd) .info-content{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:768px){.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element:nth-child(odd) .infographie-content{padding-left:0;padding-right:calc(var(--infographie-date-width)/2)}}@media (min-width:768px){.paragraph.paragraph--type--infographie .field--name-field-infographie-elements .paragraph.paragraph--type--infographie-element:nth-child(odd) .infographie-content>.text-style{text-align:right}}