/** [AIV_SHORT] Build version: 2.10.4-alpha.3 - Friday, October 10th, 2025, 7:40:35 AM **/ @font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(fonts/KaTeX_AMS-Regular.woff2) format("woff2"),url(fonts/KaTeX_AMS-Regular.woff) format("woff"),url(fonts/KaTeX_AMS-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Caligraphic-Bold.woff2) format("woff2"),url(fonts/KaTeX_Caligraphic-Bold.woff) format("woff"),url(fonts/KaTeX_Caligraphic-Bold.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Caligraphic-Regular.woff2) format("woff2"),url(fonts/KaTeX_Caligraphic-Regular.woff) format("woff"),url(fonts/KaTeX_Caligraphic-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Fraktur-Bold.woff2) format("woff2"),url(fonts/KaTeX_Fraktur-Bold.woff) format("woff"),url(fonts/KaTeX_Fraktur-Bold.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Fraktur-Regular.woff2) format("woff2"),url(fonts/KaTeX_Fraktur-Regular.woff) format("woff"),url(fonts/KaTeX_Fraktur-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Main-Bold.woff2) format("woff2"),url(fonts/KaTeX_Main-Bold.woff) format("woff"),url(fonts/KaTeX_Main-Bold.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Main-BoldItalic.woff2) format("woff2"),url(fonts/KaTeX_Main-BoldItalic.woff) format("woff"),url(fonts/KaTeX_Main-BoldItalic.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Main-Italic.woff2) format("woff2"),url(fonts/KaTeX_Main-Italic.woff) format("woff"),url(fonts/KaTeX_Main-Italic.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Main-Regular.woff2) format("woff2"),url(fonts/KaTeX_Main-Regular.woff) format("woff"),url(fonts/KaTeX_Main-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Math-BoldItalic.woff2) format("woff2"),url(fonts/KaTeX_Math-BoldItalic.woff) format("woff"),url(fonts/KaTeX_Math-BoldItalic.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Math-Italic.woff2) format("woff2"),url(fonts/KaTeX_Math-Italic.woff) format("woff"),url(fonts/KaTeX_Math-Italic.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(fonts/KaTeX_SansSerif-Bold.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Bold.woff) format("woff"),url(fonts/KaTeX_SansSerif-Bold.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(fonts/KaTeX_SansSerif-Italic.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Italic.woff) format("woff"),url(fonts/KaTeX_SansSerif-Italic.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(fonts/KaTeX_SansSerif-Regular.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Regular.woff) format("woff"),url(fonts/KaTeX_SansSerif-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Script-Regular.woff2) format("woff2"),url(fonts/KaTeX_Script-Regular.woff) format("woff"),url(fonts/KaTeX_Script-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size1-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size1-Regular.woff) format("woff"),url(fonts/KaTeX_Size1-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size2-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size2-Regular.woff) format("woff"),url(fonts/KaTeX_Size2-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size3-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size3-Regular.woff) format("woff"),url(fonts/KaTeX_Size3-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size4-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size4-Regular.woff) format("woff"),url(fonts/KaTeX_Size4-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Typewriter-Regular.woff2) format("woff2"),url(fonts/KaTeX_Typewriter-Regular.woff) format("woff"),url(fonts/KaTeX_Typewriter-Regular.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.21"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo} /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in IE and iOS. */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; } /** * Add the correct display in IE 9-. */ audio, canvas, progress, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ template, [hidden] { display: none; } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /* Forms ========================================================================== */ /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ } /** * Restore the font weight unset by the previous rule. */ optgroup { font-weight: bold; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Correct the text style of placeholders in Chrome, Edge, and Safari. */ ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } @font-face { font-family: 'montserratregular'; font-weight: normal; font-style: normal; src: url("../fonts/montserrat-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat-regular-webfont.woff") format("woff"); } @font-face { font-family: 'montserratbold'; font-weight: bold; font-style: normal; src: url("../fonts/montserrat-bold-webfont.woff2") format("woff2"), url("../fonts/montserrat-bold-webfont.woff") format("woff"); } /* base styles like a, h1, html, body and only that: no classes, no ids */ *, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; } body, html { margin: 0; -webkit-font-smoothing: antialiased; background-color: white; } body { font-size: 0.8rem; line-height: 1.2; color: #344150; font-family: montserratregular, Helvetica, Arial, sans-serif; } body { position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100%; overflow: hidden; } .App, .Root { height: 100%; } a { color: #293643; text-decoration: underline; border-radius: 0; } a:hover, a:focus { text-decoration: none; } a:active { text-decoration: underline; } a:not([href]), a:active:not([href]) { text-decoration: none; } img { width: auto; max-width: 100%; } figure { margin: 0; } h1, h2, h3, h4, h5, h6, ul, p, dl, dt, dd, fieldset, legend { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; color: #293643; } input, textarea, select, button { font: inherit; letter-spacing: inherit; color: #293643; border-radius: 0; } input[type="search"] { -webkit-appearance: none !important; -webkit-border-radius: 0 !important; } ul { padding-left: 0; } fieldset { border: none; } legend { color: inherit; display: block; } button { cursor: pointer; } input:invalid { box-shadow: none; } input:-moz-submit-invalid { box-shadow: none; } input:-moz-ui-invalid { box-shadow: none; } abbr:hover, abbr:focus { cursor: pointer; } body .LogoPrint, body .LogoIcedapPrint { display: none !important; } body .PrintVersionOnly { display: none; } @media print { body { display: block; position: static; float: none; width: auto; border: 0; margin: 0 2%; padding: 0; overflow: visible !important; page-break-inside: avoid; } body.PrintDocument .AsideMenuWrapper, body.PrintDocument .PageHeader, body.PrintDocument .PageFooter, body.PrintDocument .ButtonHelpers { display: none; } body.PrintDocument .Page { display: block; overflow: visible !important; } body.PrintDocument .Page-content { width: 100%; float: none; } body.PrintDocument .Page-main { top: 1rem; height: 100%; } body.PrintDocument h1, body.PrintDocument h2, body.PrintDocument h3, body.PrintDocument h3, body.PrintDocument h5, body.PrintDocument h6 { margin-right: 0 !important; } body.PrintDocument .Page-wrapper, body.PrintDocument .Page-wrapper--menuOpen { box-shadow: none; } body.PrintDocument .Content { display: block; padding: 0; width: 100%; overflow: visible !important; page-break-inside: avoid; padding-top: 0; font-size: 15px !important; background-color: transparent; background-image: none; } body.PrintDocument .Content table { page-break-inside: auto; } body.PrintDocument .Content table tr { page-break-inside: avoid; page-break-after: auto; } body.PrintDocument .Content table[data-role="layout"] { width: auto; margin: 10px auto; border-spacing: 6px; } body.PrintDocument .Content table[data-role="layout"] td[data-role="layout"] { padding: 10px; } body.PrintDocument .Content .Content-pdfContainer { display: none; } body.PrintDocument .Content .Content-block, body.PrintDocument .Content div[data-role="new"], body.PrintDocument .Content .Content-block--resetStyles div[data-role="information"] { box-shadow: none; page-break-inside: avoid; page-break-after: auto; } body.PrintDocument .Content .Content-blockContainer { margin-right: 0; page-break-inside: avoid; page-break-after: auto; } body.PrintDocument .Content .Content-contentContainer { padding: 1rem; background-color: transparent; } body.PrintDocument .Content .Content-introductionContainer { padding: 1rem; } body.PrintDocument .Content .Content-themeTitle, body.PrintDocument .Content .Content-themeSubtitle { margin-right: 0; } body.PrintDocument h1, body.PrintDocument h2, body.PrintDocument h3, body.PrintDocument h4, body.PrintDocument h5, body.PrintDocument h6 { margin-right: 0; } body.PrintDocument .ArrowButton { display: none; } body.PrintDocument .IntroductionDropdown { margin-right: 0; } body.PrintDocument .IntroductionDropdown-childrenContainer { margin-right: 0; box-shadow: none; } body.PrintDocument .IntroductionDropdown-childrenContainer.is-hidden { display: block; } body.PrintDocument .PrintVersionOnly { display: block; } body.PrintDocument .LogoPrint { display: block; position: fixed; bottom: 0; right: 0; width: 50px; height: 30px; z-index: 1000; } body.PrintDocument .LogoIcedapPrint { display: block; position: fixed; bottom: 0; right: 55px; width: 40px; height: 40px; z-index: 1000; } } .vtFlash-MessageList { position: fixed; right: 0; bottom: 2.8rem; left: 0; margin: 0 auto; max-width: 80%; z-index: 500; } .vtFlash-Message { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0.7rem; border: 1px solid transparent; } .vtFlash-Message--info { background: #3A6EC8; border-color: #284d8e; color: #fff; } .vtFlash-Message--success { background: #368528; border-color: #1e4a16; color: #fff; } .vtFlash-Message--error { background: #d41829; border-color: #8f101c; color: #fff; } .vtFlash-Message-body { -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 1.4rem; font-weight: bold; } .vtFlash-Message-closeButton { border: 0; padding: 1.4rem; background: none; font-weight: bold; cursor: pointer; color: inherit; } .vtElectroform-CheckboxField--inline { display: inline-block; } .vtElectroform-CheckboxField-input, .vtElectroform-CheckboxField-label { vertical-align: middle; } .vtElectroform-CheckboxField-label { margin-left: 3px; } .vtElectroform-ErrorMessage { color: #e9061a; } .vtElectroform-Field-label, .vtElectroform-Field-input { display: inline-block; vertical-align: baseline; } .vtElectroform-Field-label { margin-right: 0.35rem; } .vtElectroform-Fieldset { border: none; margin: 0; padding: 0; } .vtElectroform-Fieldset-legend { padding: 0 0.35rem; line-height: 1.75rem; min-height: 1.75rem; } .vtElectroform-FlexField { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .vtElectroform-FlexField-input { -webkit-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; } .vtElectroform-FlexField-input .vtElectroform-Field-input { width: 100%; } .vtElectroform-Input { padding: 0 0.35rem; line-height: 1.75rem; min-height: 1.75rem; border: 1px solid #ddd; color: #111; background: #fff; } .vtElectroform-Label { line-height: 1.75rem; padding: 0 0; } .vtElectroform-RadioField { display: inline-block; } /** * */ .vtParade-Slideshow { position: relative; } .vtParade-Slideshow-rail { position: relative; padding-bottom: 56.25%; background-color: black; overflow: hidden; } .vtParade-Slideshow-slideList { position: absolute; top: 0; margin: 0; padding: 0; height: 100%; transition: left ease-out 100ms; -webkit-transform: translateZ(0); transform: translateZ(0); } .vtParade-Slideshow-slideItem { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; float: left; height: 100%; } .vtParade-Slideshow-slide { display: block; max-width: 100%; max-height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vtParade-Slideshow-slide > img { max-width: 100%; max-height: 100%; } .vtParade-Slideshow-controls { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background-color: #ddd; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .vtParade-Slideshow-control, .vtParade-Slideshow-closeButton { font-weight: bold; cursor: pointer; } .vtParade-Slideshow-control[disabled], .vtParade-Slideshow-closeButton[disabled] { color: #acacac; cursor: not-allowed; } .vtParade-Slideshow-control:not([disabled]):hover, .vtParade-Slideshow-control:not([disabled]):focus, .vtParade-Slideshow-closeButton:not([disabled]):hover, .vtParade-Slideshow-closeButton:not([disabled]):focus { background-color: blue; color: #fff; } .vtParade-Slideshow-control:not([disabled]):active, .vtParade-Slideshow-closeButton:not([disabled]):active { background-color: blue; } .vtParade-Slideshow-control, .vtParade-Slideshow-pager, .vtParade-Slideshow-closeButton { border: 0; background-color: #ddd; height: 1.75rem; line-height: 1.75rem; } .vtParade-Slideshow-control { padding: 0 0.7rem; } .vtParade-Slideshow-pager { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .vtParade-Slideshow-arrow { display: block; width: 1em; height: 1em; border-style: solid; border-color: #222; margin: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .vtParade-Slideshow-control[disabled] .vtParade-Slideshow-arrow { border-color: #acacac; } .vtParade-Slideshow-control:not([disabled]):hover .vtParade-Slideshow-arrow, .vtParade-Slideshow-control:not([disabled]):focus .vtParade-Slideshow-arrow { border-color: #fff; } .vtParade-Slideshow-arrow--left { border-width: 0 0 2px 2px; margin-left: 0.46667rem; } .vtParade-Slideshow-arrow--right { border-width: 2px 2px 0 0; margin-right: 0.46667rem; } .vtParade-ScreenReaderOnly { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */ .mejs__offscreen { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; } .mejs__container { background: #000; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Helvetica', Arial, serif; position: relative; text-align: left; text-indent: 0; vertical-align: top; } .mejs__container * { -moz-box-sizing: border-box; box-sizing: border-box; } /* Hide native play button and control bar from iOS to favor plugin button */ .mejs__container video::-webkit-media-controls, .mejs__container video::-webkit-media-controls-panel, .mejs__container video::-webkit-media-controls-panel-container, .mejs__container video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; } .mejs__fill-container, .mejs__fill-container .mejs__container { height: 100%; width: 100%; } .mejs__fill-container { background: transparent; margin: 0 auto; overflow: hidden; position: relative; } .mejs__container:focus { outline: none; } .mejs__iframe-overlay { height: 100%; position: absolute; width: 100%; } .mejs__embed, .mejs__embed body { background: #000; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .mejs__fullscreen { overflow: hidden !important; } .mejs__container-fullscreen { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1000; } .mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video { height: 100% !important; width: 100% !important; } /* Start: LAYERS */ .mejs__background { left: 0; position: absolute; top: 0; } .mejs__mediaelement { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .mejs__poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; left: 0; position: absolute; top: 0; z-index: 1; } :root .mejs__poster-img { display: none; } .mejs__poster-img { border: 0; padding: 0; } .mejs__overlay { -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; left: 0; position: absolute; top: 0; } .mejs__layer { z-index: 1; } .mejs__overlay-play { cursor: pointer; } .mejs__overlay-button { background: url("mejs-controls.svg") no-repeat; background-position: 0 -39px; height: 80px; width: 80px; } .mejs__overlay:hover > .mejs__overlay-button { background-position: -80px -39px; } .mejs__overlay-loading { height: 80px; width: 80px; } .mejs__overlay-loading-bg-img { -webkit-animation: mejs__loading-spinner 1s linear infinite; animation: mejs__loading-spinner 1s linear infinite; background: transparent url("mejs-controls.svg") -160px -40px no-repeat; display: block; height: 80px; width: 80px; z-index: 1; } @-webkit-keyframes mejs__loading-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mejs__loading-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs__controls { bottom: 0; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; height: 40px; left: 0; list-style-type: none; margin: 0; padding: 0 10px; position: absolute; width: 100%; z-index: 3; } .mejs__controls:not([style*='display: none']) { background: rgba(255, 0, 0, 0.7); background: linear-gradient(transparent, rgba(0, 0, 0, 0.35)); } .mejs__button, .mejs__time, .mejs__time-rail { font-size: 10px; height: 40px; line-height: 10px; margin: 0; width: 32px; } .mejs__button > button { background: transparent url("mejs-controls.svg"); border: 0; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; margin: 10px 6px; overflow: hidden; padding: 0; position: absolute; text-decoration: none; width: 20px; } /* :focus for accessibility */ .mejs__button > button:focus { outline: dotted 1px #999; } .mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus, .mejs__container-keyboard-inactive [role=slider], .mejs__container-keyboard-inactive [role=slider]:focus { outline: 0; } /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ .mejs__time { -moz-box-sizing: content-box; box-sizing: content-box; color: #fff; font-size: 11px; font-weight: bold; height: 24px; overflow: hidden; padding: 16px 6px 0; text-align: center; width: auto; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs__play > button { background-position: 0 0; } .mejs__pause > button { background-position: -20px 0; } .mejs__replay > button { background-position: -160px 0; } /* End: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs__time-rail { direction: ltr; -webkit-flex-grow: 1; -ms-flex-positive: 1; -moz-box-flex: 1; flex-grow: 1; height: 40px; margin: 0 10px; padding-top: 10px; position: relative; } .mejs__time-total, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-current, .mejs__time-float, .mejs__time-hovered, .mejs__time-float-current, .mejs__time-float-corner, .mejs__time-marker { border-radius: 2px; cursor: pointer; display: block; height: 10px; position: absolute; } .mejs__time-total { background: rgba(255, 255, 255, 0.3); margin: 5px 0 0; width: 100%; } .mejs__time-buffering { -webkit-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background-size: 15px 15px; width: 100%; } @-webkit-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .mejs__time-loaded { background: rgba(255, 255, 255, 0.3); } .mejs__time-current, .mejs__time-handle-content { background: rgba(255, 255, 255, 0.9); } .mejs__time-hovered { background: rgba(255, 255, 255, 0.5); z-index: 10; } .mejs__time-hovered.negative { background: rgba(0, 0, 0, 0.2); } .mejs__time-current, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-hovered { left: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; transition: 0.15s ease-in all; width: 100%; } .mejs__time-buffering { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .mejs__time-hovered { transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); } .mejs__time-hovered.no-hover { -webkit-transform: scaleX(0) !important; -ms-transform: scaleX(0) !important; transform: scaleX(0) !important; } .mejs__time-handle, .mejs__time-handle-content { border: 4px solid transparent; cursor: pointer; left: 0; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs__time-handle-content { border: 4px solid rgba(255, 255, 255, 0.9); border-radius: 50%; height: 10px; left: -7px; top: -4px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: 10px; } .mejs__time-rail:hover .mejs__time-handle-content, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail .mejs__time-handle-content:active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mejs__time-float { background: #eee; border: solid 1px #333; bottom: 100%; color: #111; display: none; height: 17px; margin-bottom: 9px; position: absolute; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 36px; } .mejs__time-float-current { display: block; left: 0; margin: 2px; text-align: center; width: 30px; } .mejs__time-float-corner { border: solid 5px #eee; border-color: #eee transparent transparent; border-radius: 0; display: block; height: 0; left: 50%; line-height: 0; position: absolute; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; } .mejs__long-video .mejs__time-float { margin-left: -23px; width: 64px; } .mejs__long-video .mejs__time-float-current { width: 60px; } .mejs__broadcast { color: #fff; height: 10px; position: absolute; top: 15px; width: 100%; } /* End: Progress Bar */ /* Start: Fullscreen */ .mejs__fullscreen-button > button { background-position: -80px 0; } .mejs__unfullscreen > button { background-position: -100px 0; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs__mute > button { background-position: -60px 0; } .mejs__unmute > button { background-position: -40px 0; } .mejs__volume-button { position: relative; } .mejs__volume-button > .mejs__volume-slider { -webkit-backface-visibility: hidden; background: rgba(50, 50, 50, 0.7); border-radius: 0; bottom: 100%; display: none; height: 115px; left: 50%; margin: 0; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 25px; z-index: 1; } .mejs__volume-button:hover { border-radius: 0 0 4px 4px; } .mejs__volume-total { background: rgba(255, 255, 255, 0.5); height: 100px; left: 50%; margin: 0; position: absolute; top: 8px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 2px; } .mejs__volume-current { background: rgba(255, 255, 255, 0.9); left: 0; margin: 0; position: absolute; width: 100%; } .mejs__volume-handle { background: rgba(255, 255, 255, 0.9); border-radius: 1px; cursor: ns-resize; height: 6px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 16px; } .mejs__horizontal-volume-slider { display: block; height: 36px; position: relative; vertical-align: middle; width: 56px; } .mejs__horizontal-volume-total { background: rgba(50, 50, 50, 0.8); border-radius: 2px; font-size: 1px; height: 8px; left: 0; margin: 0; padding: 0; position: absolute; top: 16px; width: 50px; } .mejs__horizontal-volume-current { background: rgba(255, 255, 255, 0.8); border-radius: 2px; font-size: 1px; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; } .mejs__horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ .mejs__captions-button, .mejs__chapters-button { position: relative; } .mejs__captions-button > button { background-position: -140px 0; } .mejs__chapters-button > button { background-position: -180px 0; } .mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector { background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; border-radius: 0; bottom: 100%; margin-right: -43px; overflow: hidden; padding: 0; position: absolute; right: 50%; visibility: visible; width: 86px; } .mejs__chapters-button > .mejs__chapters-selector { margin-right: -55px; width: 110px; } .mejs__captions-selector-list, .mejs__chapters-selector-list { list-style-type: none !important; margin: 0; overflow: hidden; padding: 0; } .mejs__captions-selector-list-item, .mejs__chapters-selector-list-item { color: #fff; cursor: pointer; display: block; list-style-type: none !important; margin: 0 0 6px; overflow: hidden; padding: 0; } .mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover { background-color: #c8c8c8 !important; background-color: rgba(255, 255, 255, 0.4) !important; } .mejs__captions-selector-input, .mejs__chapters-selector-input { clear: both; float: left; left: -1000px; margin: 3px 3px 0 5px; position: absolute; } .mejs__captions-selector-label, .mejs__chapters-selector-label { cursor: pointer; float: left; font-size: 10px; line-height: 15px; padding: 4px 10px 0; width: 100%; } .mejs__captions-selected, .mejs__chapters-selected { color: #21f8f8; } .mejs__captions-translations { font-size: 10px; margin: 0 0 5px; } .mejs__captions-layer { bottom: 0; color: #fff; font-size: 16px; left: 0; line-height: 20px; position: absolute; text-align: center; } .mejs__captions-layer a { color: #fff; text-decoration: underline; } .mejs__captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs__captions-position { bottom: 15px; left: 0; position: absolute; width: 100%; } .mejs__captions-position-hover { bottom: 35px; } .mejs__captions-text, .mejs__captions-text * { background: rgba(20, 20, 20, 0.5); box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); padding: 0; white-space: pre-wrap; } .mejs__container.mejs__hide-cues video::-webkit-media-text-track-container { display: none; } /* End: Track (Captions and Chapters) */ /* Start: Error */ .mejs__overlay-error { position: relative; } .mejs__overlay-error > img { left: 0; max-width: 100%; position: absolute; top: 0; z-index: -1; } .mejs__cannotplay, .mejs__cannotplay a { color: #fff; font-size: 0.8em; } .mejs__cannotplay { position: relative; } .mejs__cannotplay p, .mejs__cannotplay a { display: inline-block; padding: 0 15px; width: 100%; } /* End: Error */ /** * */ .rea11y-Modal-backdrop { display: table-cell; vertical-align: middle; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000; background: rgba(0, 0, 0, 0.8); overflow-y: auto; z-index: 100; } .rea11y-Modal { margin-left: auto; margin-right: auto; max-width: 35em; background: white; } /** * */ .Modal-header { padding: 1rem; background: #344150; color: white; } .Modal-header h1 { color: white; margin-bottom: 0 !important; line-height: inherit !important; font-size: inherit !important; } .Modal-header h1:after { background-color: transparent !important; } .Modal-body { padding: 2rem 3rem; background: #F5F5F5; overflow-y: auto; } .Modal-footer { height: 3rem; text-align: right; background: #344150; color: white; } .Modal-footer .Modal-footerButton, .Modal-footer .Modal-closeButton, .Modal-footer .Modal-confirmButton { padding-left: 5%; padding-right: 5%; height: 3rem; border: none; } .Modal-footer .Modal-footerButton:hover, .Modal-footer .Modal-closeButton:hover, .Modal-footer .Modal-confirmButton:hover, .Modal-footer .Modal-footerButton:focus, .Modal-footer .Modal-closeButton:focus, .Modal-footer .Modal-confirmButton:focus { opacity: 0.7; } .Modal-footer .Modal-footerButton:last-child, .Modal-footer .Modal-closeButton:last-child, .Modal-footer .Modal-confirmButton:last-child { border-left: 1px solid white; } .Modal-footer .Modal-closeButton { color: white; background: #293643; } .Modal-footer .Modal-confirmButton { color: white; background-color: #293643; } .Modal-form label { display: block; } .Modal-form input[type="text"], .Modal-form textarea { display: block; width: 100%; margin-bottom: 1rem; } .Categories { width: 100%; list-style: none; } @media screen and (max-width: 700px) { .Categories { width: 100%; } } .Category { height: 4.5rem; } .Category-toggleButton, .Themes-homeLink { font-size: 0.8rem; line-height: 1.2; width: 100%; padding: 0; border: none; background-color: #344150; text-align: left; text-decoration: none; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; color: white; } .Category-toggleButton > span, .Themes-homeLink > span { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .Category-toggleButton:hover, .Themes-homeLink:hover, .Category-toggleButton:focus, .Themes-homeLink:focus { text-decoration: none; } .Category-imageWrapper { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 4.5rem; width: 4.5rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-position: 50% 50%; background-repeat: no-repeat; } .Category-title { padding-left: 1rem; padding-right: 0.25rem; letter-spacing: 0.035rem; line-height: 1.75; text-align: left; } .Category-toggleButton--gamboge:hover > span, .Category-toggleButton--gamboge:focus > span { background-color: #1b2936; } .Category-toggleButton--gamboge .Category-imageWrapper { background-color: #e59709; background-image: url("../../public/images/epargne.png"); } .Category-toggleButton--gray:hover > span, .Category-toggleButton--gray:focus > span { background-color: #1b2936; } .Category-toggleButton--gray .Category-imageWrapper { background-color: #293643; background-image: url("../../public/images/accueil.png"); } .Category-toggleButton--thunderbird:hover > span, .Category-toggleButton--thunderbird:focus > span { background-color: #1b2936; } .Category-toggleButton--thunderbird .Category-imageWrapper { background-color: #d13e30; background-image: url("../../public/images/fiscalite.png"); } .Category-toggleButton--eminence:hover > span, .Category-toggleButton--eminence:focus > span { background-color: #1b2936; } .Category-toggleButton--eminence .Category-imageWrapper { background-color: #7e4895; background-image: url("../../public/images/assurance.png"); } .Category-toggleButton--genoa:hover > span, .Category-toggleButton--genoa:focus > span { background-color: #1b2936; } .Category-toggleButton--genoa .Category-imageWrapper { background-color: #2f807b; background-image: url("../../public/images/compte_et_moyen_de_paiement.png"); } .Category-toggleButton--cerulean:hover > span, .Category-toggleButton--cerulean:focus > span { background-color: #1b2936; } .Category-toggleButton--cerulean .Category-imageWrapper { background-color: #037CC2; background-image: url("../../public/images/credit.png"); } .Category-toggleButton--disco:hover > span, .Category-toggleButton--disco:focus > span { background-color: #1b2936; } .Category-toggleButton--disco .Category-imageWrapper { background-color: #b42673; background-image: url("../../public/images/reglementation.png"); } .Category-toggleButton--christi:hover > span, .Category-toggleButton--christi:focus > span { background-color: #1b2936; } .Category-toggleButton--christi .Category-imageWrapper { background-color: #89b124; background-image: url("../../public/images/connaissance_du_client_particulier.png"); } .Category-toggleButton--allports:hover > span, .Category-toggleButton--allports:focus > span { background-color: #1b2936; } .Category-toggleButton--allports .Category-imageWrapper { background-color: #0066a3; background-image: url("../../public/images/connaissance_du_client_professionnel.png"); } .Category-toggleButton--jaffa:hover > span, .Category-toggleButton--jaffa:focus > span { background-color: #1b2936; } .Category-toggleButton--jaffa .Category-imageWrapper { background-color: #C15807; background-image: url("../../public/images/autres_themes.png"); } .Category-toggleButton--ferra:hover > span, .Category-toggleButton--ferra:focus > span { background-color: #1b2936; } .Category-toggleButton--ferra .Category-imageWrapper { background-color: #70544f; background-image: url("../../public/images/gestion_de_la_relation_commerciale.png"); } .Document { display: block; min-height: 4.5rem; } .Document .Document-link { font-size: 0.8rem; line-height: 1.2; line-height: 1.75; } .Document .Document-link:before { display: inline-block; width: 0.25rem; vertical-align: top; margin-left: -0.25rem; content: '\25CF\A0'; color: white; } .Document .Document-link > span { display: inline-block; margin-left: 0.75rem; } .Document--nested { margin-left: 0; } .Document--nested > .Document-link:before { content: '\25CB\A0'; } .Document-link { display: block; min-height: 4.5rem; width: 100%; padding: 1rem; text-decoration: none; border: none; background-color: #344150; text-align: left; color: white; letter-spacing: 0.035rem; } .Document-link:focus, .Document-link:hover { text-decoration: none; background-color: #6A788A; } .Document-link.is-active { font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; } .Document-link.is-last { text-decoration: none; background-color: #6A788A; } .is-hidden { display: none; } .Theme { display: block; min-height: 4.5rem; } .Theme-toggleButton { font-size: 0.8rem; line-height: 1.2; display: block; min-height: 4.5rem; width: 100%; padding: 1rem; border: none; background-color: #344150; text-align: left; color: white; text-decoration: none; letter-spacing: 0.035rem; line-height: 1.75; } .Theme-toggleButton:hover, .Theme-toggleButton:focus { background-color: #6A788A; text-decoration: none; } .Theme-toggleButton--gamboge { border-left: 4px solid #e59709; } .Theme-toggleButton--gray { border-left: 4px solid #293643; } .Theme-toggleButton--thunderbird { border-left: 4px solid #d13e30; } .Theme-toggleButton--eminence { border-left: 4px solid #7e4895; } .Theme-toggleButton--genoa { border-left: 4px solid #2f807b; } .Theme-toggleButton--cerulean { border-left: 4px solid #037CC2; } .Theme-toggleButton--disco { border-left: 4px solid #b42673; } .Theme-toggleButton--christi { border-left: 4px solid #89b124; } .Theme-toggleButton--allports { border-left: 4px solid #0066a3; } .Theme-toggleButton--jaffa { border-left: 4px solid #C15807; } .Theme-toggleButton--ferra { border-left: 4px solid #70544f; } .Themes { width: 100%; } .Themes-homeLink > span { background-color: #293643; } .Themes-homeLink .Category-imageWrapper { background-color: #293643; background-image: url("../../public/images/accueil.png"); } .Themes-categoryName { display: block; font-size: 0.8rem; line-height: 1.2; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; color: white; width: 100%; border: none; padding: 0; } .Themes-categoryName > span { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #1b2936; } .Themes-categoryName > span .Category-title { line-height: 1.75; text-align: left; letter-spacing: 0.035rem; } .Themes-categoryName--gamboge { background-color: #e59709; } .Themes-categoryName--gamboge .Category-imageWrapper { background-color: #e59709; background-image: url("../../public/images/epargne.png"); } .Themes-categoryName--gray { background-color: #293643; } .Themes-categoryName--gray .Category-imageWrapper { background-color: #293643; background-image: url("../../public/images/accueil.png"); } .Themes-categoryName--thunderbird { background-color: #d13e30; } .Themes-categoryName--thunderbird .Category-imageWrapper { background-color: #d13e30; background-image: url("../../public/images/fiscalite.png"); } .Themes-categoryName--eminence { background-color: #7e4895; } .Themes-categoryName--eminence .Category-imageWrapper { background-color: #7e4895; background-image: url("../../public/images/assurance.png"); } .Themes-categoryName--genoa { background-color: #2f807b; } .Themes-categoryName--genoa .Category-imageWrapper { background-color: #2f807b; background-image: url("../../public/images/compte_et_moyen_de_paiement.png"); } .Themes-categoryName--cerulean { background-color: #037CC2; } .Themes-categoryName--cerulean .Category-imageWrapper { background-color: #037CC2; background-image: url("../../public/images/credit.png"); } .Themes-categoryName--disco { background-color: #b42673; } .Themes-categoryName--disco .Category-imageWrapper { background-color: #b42673; background-image: url("../../public/images/reglementation.png"); } .Themes-categoryName--christi { background-color: #89b124; } .Themes-categoryName--christi .Category-imageWrapper { background-color: #89b124; background-image: url("../../public/images/connaissance_du_client_particulier.png"); } .Themes-categoryName--allports { background-color: #0066a3; } .Themes-categoryName--allports .Category-imageWrapper { background-color: #0066a3; background-image: url("../../public/images/connaissance_du_client_professionnel.png"); } .Themes-categoryName--jaffa { background-color: #C15807; } .Themes-categoryName--jaffa .Category-imageWrapper { background-color: #C15807; background-image: url("../../public/images/autres_themes.png"); } .Themes-categoryName--ferra { background-color: #70544f; } .Themes-categoryName--ferra .Category-imageWrapper { background-color: #70544f; background-image: url("../../public/images/gestion_de_la_relation_commerciale.png"); } .Themes-list > li { list-style: none; } .SearchPage-content { -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: calc(100% - 3rem); padding: 1.2rem 2.4rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .SearchPage-spinnerWrapper { position: absolute; top: 50%; left: 50%; z-index: 1; } @media screen and (max-width: 1024px) { .SearchPage-content { padding: 0.6rem 0.9rem; } } @media screen and (max-width: 700px) { .SearchPage-content { -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .ArrowButton { display: block; padding: 0; border: none; background-color: transparent; margin-top: 0.75rem; margin-bottom: 1rem; } .ArrowButton > span { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .ArrowButton-arrow { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 1rem; width: 2rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-position: 50% 20%; background-repeat: no-repeat; } .ArrowButton-arrowUp { background-image: url("../../public/images/arrow-up-gray.png"); } .ArrowButton-arrowDown { background-image: url("../../public/images/arrow-down-gray.png"); } .ArrowButton-title { line-height: 2rem; font-size: 1.4rem; color: #5C6773; padding-left: 0.5rem; } .Content-introductionContainer .ArrowButton { margin-bottom: 0; } .ScreenReaderOnly, .Facet-checkbox { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .Page { height: 100%; overflow: hidden; } .Page.DocumentPage { background-color: #F5F5F5; } .Page.ThemePage { background-color: white; } .Page-main { overflow: auto; position: relative; height: calc(100% - 4.5rem); top: 4.5rem; } .Page-wrapper { height: 100%; overflow: auto; box-shadow: inset 4.5rem 0px 0px 0px #293643; } .Page-wrapper--menuOpen { box-shadow: inset 18.5rem 0px 0px 0px #344150; } .Page-content { position: relative; float: right; width: calc(100% - 4.5rem); min-height: calc(100% - 3rem); } .Page-wrapper--menuOpen .Page-content { width: calc(100% - 18.5rem); } #pageFocus { outline-offset: 0.65rem; } @media screen and (max-width: 1024px) { .Page-wrapper { overflow-x: hidden; -webkit-overflow-scrolling: touch; } .Page-content { display: block; } } @media screen and (max-width: 700px) { .Page-wrapper { overflow: hidden; box-shadow: none; } .Page-content { overflow: auto; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; } .Page-wrapper--menuOpen .Page-content { width: 0; } } @media screen and (max-width: 650px) { .Page-main { height: calc(100% - 9rem); top: 9rem; } } .DynamicContent { opacity: 1; transition: opacity ease-out 100ms; } .DynamicContent.is-loading { opacity: 0.2; transition: none; pointer-events: none; } .TreeMenu { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .TreeMenu nav { width: 18.5rem; } @media screen and (max-width: 650px) { .TreeMenu nav { width: 100%; } } .Documents { width: 100%; } .Documents-currentTheme { display: block; font-size: 0.8rem; line-height: 1.2; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; padding: 1rem; color: white; min-height: 4.5rem; background-color: #293643; width: 100%; border: none; text-align: left; letter-spacing: 0.035rem; } .Documents-currentTheme--gamboge { border-left: 4px solid #e59709; } .Documents-currentTheme--gray { border-left: 4px solid #293643; } .Documents-currentTheme--thunderbird { border-left: 4px solid #d13e30; } .Documents-currentTheme--eminence { border-left: 4px solid #7e4895; } .Documents-currentTheme--genoa { border-left: 4px solid #2f807b; } .Documents-currentTheme--cerulean { border-left: 4px solid #037CC2; } .Documents-currentTheme--disco { border-left: 4px solid #b42673; } .Documents-currentTheme--christi { border-left: 4px solid #89b124; } .Documents-currentTheme--allports { border-left: 4px solid #0066a3; } .Documents-currentTheme--jaffa { border-left: 4px solid #C15807; } .Documents-currentTheme--ferra { border-left: 4px solid #70544f; } .Documents-categoryName { display: block; font-size: 0.8rem; line-height: 1.2; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; color: white; width: 100%; border: none; padding: 0; } .Documents-categoryName > span { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #1b2936; } .Documents-categoryName > span .ArrowButton { margin-left: 0; } .Documents-categoryName > span .Category-title { line-height: 1.75; text-align: left; letter-spacing: 0.035rem; } .Documents-categoryName--gamboge { background-color: #e59709; } .Documents-categoryName--gamboge .Category-imageWrapper { background-color: #e59709; background-image: url("../../public/images/epargne.png"); } .Documents-categoryName--gray { background-color: #293643; } .Documents-categoryName--gray .Category-imageWrapper { background-color: #293643; background-image: url("../../public/images/accueil.png"); } .Documents-categoryName--thunderbird { background-color: #d13e30; } .Documents-categoryName--thunderbird .Category-imageWrapper { background-color: #d13e30; background-image: url("../../public/images/fiscalite.png"); } .Documents-categoryName--eminence { background-color: #7e4895; } .Documents-categoryName--eminence .Category-imageWrapper { background-color: #7e4895; background-image: url("../../public/images/assurance.png"); } .Documents-categoryName--genoa { background-color: #2f807b; } .Documents-categoryName--genoa .Category-imageWrapper { background-color: #2f807b; background-image: url("../../public/images/compte_et_moyen_de_paiement.png"); } .Documents-categoryName--cerulean { background-color: #037CC2; } .Documents-categoryName--cerulean .Category-imageWrapper { background-color: #037CC2; background-image: url("../../public/images/credit.png"); } .Documents-categoryName--disco { background-color: #b42673; } .Documents-categoryName--disco .Category-imageWrapper { background-color: #b42673; background-image: url("../../public/images/reglementation.png"); } .Documents-categoryName--christi { background-color: #89b124; } .Documents-categoryName--christi .Category-imageWrapper { background-color: #89b124; background-image: url("../../public/images/connaissance_du_client_particulier.png"); } .Documents-categoryName--allports { background-color: #0066a3; } .Documents-categoryName--allports .Category-imageWrapper { background-color: #0066a3; background-image: url("../../public/images/connaissance_du_client_professionnel.png"); } .Documents-categoryName--jaffa { background-color: #C15807; } .Documents-categoryName--jaffa .Category-imageWrapper { background-color: #C15807; background-image: url("../../public/images/autres_themes.png"); } .Documents-categoryName--ferra { background-color: #70544f; } .Documents-categoryName--ferra .Category-imageWrapper { background-color: #70544f; background-image: url("../../public/images/gestion_de_la_relation_commerciale.png"); } .Content { font-size: 0.8rem; line-height: 1.2; color: #344150; font-family: montserratregular, Helvetica, Arial, sans-serif; padding-top: 40px; min-height: 100vh; min-height: calc(100% - 3rem); background-size: auto 120px; background-repeat: repeat-x; background-color: #F5F5F5; } .Content video { width: 100%; } .Content strong[data-role="emphasis"] { font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; } .Content span[data-role="new"] { background-color: #f5d657; } .Content span[data-role="highlight"] { background-color: #b7dfca; } .Content span[data-role="underlining"] { text-decoration: underline; } .Content span[data-role="ref"] { text-decoration: underline; } .Content div[data-type="para"][data-classe="content"] { font-size: 0.9rem; line-height: 1.2; font-weight: bold; } .Content div[data-type="para"][data-classe="content"] p { margin-top: 0.1rem; } .Content figure { margin-bottom: 0.75rem; } .Content .note-toggle { display: inline-block; width: 0.75rem; text-decoration: none; color: inherit; } .Content .note-toggle:hover, .Content .note-toggle:focus { text-decoration: none; } .Content div[data-classe="notes"] { font-size: 0.7rem; line-height: 1.2; margin-top: 0.25rem; } .Content div[data-classe="notes"] .note { transition: 0.5s background-color ease; margin-bottom: 0.25rem; } .Content div[data-classe="notes"] .note a { font-size: 0.9rem; line-height: 1.2; font-weight: bold; text-decoration: none; padding: 0.25rem; color: #293643; } .Content div[data-classe="notes"] .note a:hover, .Content div[data-classe="notes"] .note a:focus { text-decoration: underline; } .Content div[data-classe="notes"] .note:target { background-color: #dedede; } .Content span[data-role="inlineList"] span[data-role="inlineItem"]:before { display: inline-block; content: "\A0\25CF\A0"; vertical-align: text-top; padding-top: 2px; font-size: 8px; } .Content span[data-role="inlineListOrd"] { counter-reset: item; } .Content span[data-role="inlineListOrd"] span[data-role="inlineItem"] { counter-increment: item; margin-bottom: 5px; } .Content span[data-role="inlineListOrd"] span[data-role="inlineItem"]:before { margin-right: 0.25rem; margin-left: 0.25rem; content: counter(item); background: #293643; border-radius: 100%; color: white; width: 0.8rem; height: 0.8rem; font-size: 0.6rem; vertical-align: 15%; text-align: center; display: inline-block; font-family: 'Arial'; } .Content ul { list-style: none; padding-left: 1.4rem; } .Content ul > li { position: relative; } .Content ul > li:before { position: absolute; left: -0.7rem; display: inline-block; content: '\25CF\A0'; color: #293643; font-size: 10px; padding-top: 2px; } .Content ul ul > li { position: relative; } .Content ul ul > li:before { content: '\25CF\A0'; color: #293643; position: absolute; left: -0.7rem; display: inline-block; font-size: 8px; padding-top: 4px; } .Content ul[data-role="dash"] { list-style: none; } .Content ul[data-role="dash"] > li:before { content: "-"; font-size: 12px; padding-right: 0.5rem; } .Content ol { counter-reset: item; list-style: none; margin: 0.5rem 0; padding-left: 1.3rem; } .Content ol > li { position: relative; counter-increment: item; } .Content ol > li:before { display: inline-block; position: absolute; left: -1.3rem; content: counter(item); border-radius: 100%; width: 0.8rem; height: 0.8rem; font-size: 0.6rem; text-align: center; margin-top: 1px; color: white; background: #293643; line-height: initial; font-family: 'Arial'; } .Content table { margin: 1rem auto; table-layout: fixed; border-collapse: collapse; } .Content table caption { margin-bottom: 0.5rem; text-align: left; font-weight: bold; } .Content table th, .Content table td { padding: 0.12rem 0.4rem; text-align: left; vertical-align: top; background-color: transparent; border: 1px solid; } .Content table th.entete { color: #344150; font-weight: bold; } .Content table th:empty { border: none; } .Content table td[data-role="center"], .Content table th[data-role="center"] { text-align: center; } .Content table td[data-role="right"], .Content table th[data-role="right"] { text-align: right; } .Content table td[data-role="left"], .Content table th[data-role="left"] { text-align: left; } .Content table[data-borders="none"] th, .Content table[data-borders="none"] td { border: none; } .Content table[data-borders="contour"] { border: 1px solid; } .Content table[data-borders="contour"] th, .Content table[data-borders="contour"] td { border: none; } .Content table[data-borders="rows"] th, .Content table[data-borders="rows"] td { border: none; } .Content table[data-borders="columns"] { border-bottom: 2px solid; } .Content table[data-borders="columns"] th, .Content table[data-borders="columns"] td { border: none; } .Content table[data-borders="columns"] td:not(:last-child), .Content table[data-borders="columns"] th:not(:last-child) { border-right: 2px solid white; } .Content table[data-borders="both"] th, .Content table[data-borders="both"] td { border: none; } .Content table[data-borders="both"] td:not(:last-child), .Content table[data-borders="both"] th:not(:last-child) { border-right: 2px solid white; } .Content tr[data-role="top"] td, .Content tr[data-role="top"] th { vertical-align: top; } .Content tr[data-role="middle"] td, .Content tr[data-role="middle"] th { vertical-align: middle; } .Content tr[data-role="bottom"] td, .Content tr[data-role="bottom"] th { vertical-align: bottom; } .Content table[data-role="layout"] { margin: 0 auto; border-collapse: separate; border-spacing: 0.4rem; table-layout: fixed; } .Content table[data-role="layout"] td[data-role="layout"] { background-color: transparent; border: 1px solid; vertical-align: top; padding: 0.5rem; } .Content td[data-role="layoutFront"] { border: 1px solid; color: white; background-repeat: no-repeat; background-position: 100% 100%; background-size: 0%; padding: 0.5rem; padding-right: 5rem; } .Content td[data-role="layoutFront"] li:before { color: white; } .Content td[data-role="layoutFront"] a { color: white; } .Content p { margin: 0.25rem 0; line-height: 1.4; } .Content h1 { font-size: 1.2rem; line-height: 1.2; position: relative; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1.5; } .Content h1:after { content: ""; position: absolute; bottom: -2px; left: 0; height: 5px; width: 3rem; } .Content h2 { font-size: 1.2rem; line-height: 1.2; line-height: 1; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 0.75rem; margin-right: 25.5rem; } .Content h3:not(.Content-title), .Content .titre-introduction { font-size: 1rem; line-height: 1.2; position: relative; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 1.25rem; margin-right: 25.5rem; line-height: 1.5; } .Content h3:not(.Content-title):after, .Content .titre-introduction:after { content: ""; position: absolute; bottom: -2px; left: 0; height: 3px; width: 3rem; } .Content h4 { font-size: 1rem; line-height: 1.2; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 1.25rem; margin-right: 25.5rem; line-height: 1; } .Content h5, .Content h6 { font-size: 0.9rem; line-height: 1.2; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 1.25rem; margin-right: 25.5rem; line-height: 1; } .Content .titre-introduction { margin-right: 0; } .Content div[data-role="warning"] { padding: 0.75rem; } .Content div[data-role="warning"] div[data-classe="warning"] { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .Content div[data-role="warning"] div[data-classe="warning"]:before { content: ''; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 1.6rem; height: 1.6rem; background-size: 100%; background-position: 0% 50%; background-repeat: no-repeat; background-image: url("../../public/images/warning_square.png"); } .Content div[data-role="warning"] div[data-classe="warning"] p { margin-bottom: 0; padding-left: 1rem; font-style: italic; } .Content span[data-role="warning"] { position: relative; display: block; padding-left: 1.5rem; font-style: italic; } .Content span[data-role="warning"]:before { content: ''; position: absolute; top: -0.2rem; left: 0; background-image: url("../../public/images/warning.png"); background-repeat: no-repeat; background-size: 1.25rem; width: 1.25rem; height: 1.25rem; } .Content dl { position: relative; padding: 0.75rem; margin-bottom: 1rem; margin-left: 0.25rem; } .Content dl:before { content: ''; position: absolute; left: -1px; top: 20px; height: calc(100% - 20px); width: 1px; background-color: #dedede; } .Content dl dt { font-weight: bold; color: #1E6A89; } .Content dl dt:before { position: absolute; color: #1E6A89; content: '\25CF\A0'; left: -7px; font-size: 1.4rem; line-height: 13px; } .Content dl dd { padding: 0.25rem 0; border-bottom: solid 1px #dedede; } .Content dl dd:not(:last-child) { margin-bottom: 0.75rem; } .Content div[data-classe="question"] > div:first-child { position: relative; z-index: 1; } .Content div[data-classe="question"] > div:first-child div[data-classe="question"] { background-color: #E7F3FF; padding: 0.75rem; margin-bottom: 0.6rem; margin-left: 1.5rem; border-radius: 6px; box-shadow: 0.125rem 0.125rem 0.5rem #cfcfcf; } .Content div[data-classe="question"] > div:first-child div[data-classe="question"]:before { content: ''; width: 2.5rem; height: 100%; background-color: #0B68A3; position: absolute; left: 0; top: 0; z-index: -1; } .Content div[data-classe="question"] > div:first-child div[data-classe="question"]:after { content: ""; position: absolute; height: 0.75rem; width: 0.75rem; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 1.5rem; top: 33%; background: #E7F3FF; } .Content div[data-classe="question"] > div[data-classe="reponse"] { background-color: white; border: 1px solid #EBEBEB; box-shadow: 0.125rem 0.125rem 0.5rem #cfcfcf; padding: 0.75rem; margin-left: 1.75rem; } .Content div[data-classe="question"]:not(:last-child) div[data-classe="reponse"] { margin-bottom: 1rem; } .Content div[data-classe="formula"] { margin: 0.75rem 0; } .Content div[data-classe="formula"] p[data-classe="formula-title"] { font-size: 0.9rem; line-height: 1.2; font-weight: bold; color: #0D8390; } .Content div[data-classe="formula"] div[data-classe="formula-content"] { position: relative; border: 1px solid #0D8390; padding: 0.45rem; padding-right: 6.5rem; background-color: #EFFCFD; } .Content div[data-classe="formula"] div[data-classe="formula-content"]:before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 45px; background-color: #0D8390; } .Content div[data-classe="formula"] div[data-classe="formula-content"]:after { content: url("../../public/images/formula_background.png"); position: absolute; right: 0; bottom: 0; height: 39px; } .Content div[data-classe="formula"] div[data-classe="formula-content"] table { margin: 0; } .Content div[data-classe="formula"] div[data-classe="formula-detail"] { position: relative; border-left: 1px solid #0D8390; padding-left: 0.5rem; margin-top: 1rem; } .Content div[data-classe="formula"] div[data-classe="formula-detail"]:before { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 20px; background-color: #0D8390; } .Content div[data-role="illustration"] { position: relative; border: 1px solid #dedede; margin: 0.75rem 0; border-radius: 3px; box-shadow: 0.125rem 0.125rem 0.5rem #cfcfcf; background-color: #F5F5F5; } .Content div[data-role="illustration"] div[data-classe="illustration"] { padding: 2rem 0.75rem 1rem; } .Content div[data-role="illustration"] div[data-classe="illustration"] > div { padding: 0.75rem; background-color: white; } .Content div[data-role="illustration"]:before { font-size: 0.7rem; line-height: 1.2; content: 'ILLUSTRATION'; position: absolute; top: 0.5rem; right: 0.5rem; } .Content div[data-role="illustration"]:not(:last-child) { margin-bottom: 0.8rem; } .Content div[data-classe="talk"] { position: relative; border: 2px solid #2f79b7; margin: 1rem 0; padding: 0.75rem; background-color: white; } .Content div[data-classe="talk"]:before { content: ""; position: absolute; height: 20px; width: 20px; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translateY(-14px) rotate(45deg); -ms-transform: translateY(-14px) rotate(45deg); transform: translateY(-14px) rotate(45deg); left: -2px; top: 50%; background: white; border-bottom: 2px solid #2f79b7; border-left: 2px solid #2f79b7; } .Content div[data-classe="talk"]:after { content: url("../../public/images/quotes.png"); position: absolute; bottom: -2.1rem; right: 0rem; background-color: white; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .Content div[data-classe="talk"] div[data-classe="content"]::before { content: url("../../public/images/quotes.png"); position: absolute; left: 1rem; top: -0.6rem; background-color: white; } .Content div[data-classe="talk"] p[data-classe="speaker"] { display: none; } .Content div[data-role="information"] { overflow-x: auto; margin: 0.5rem 0; } .Content .Content-themeTitleContainer { background-color: #0D8390; height: 28rem; padding-right: 3rem; padding-left: 2rem; -webkit-clip-path: polygon(0 0, 90% 9%, 100% 90%, 0% 100%); clip-path: polygon(0 0, 90% 9%, 100% 90%, 0% 100%); margin: 0; width: 50%; position: absolute; left: 0; top: 2rem; z-index: 2; overflow: hidden; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Content .Content-themeTitle { font-size: 2rem; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; color: white; margin-right: 0 !important; margin-bottom: 1.5rem; } .Content .Content-themeImage { position: absolute; right: 0; top: 2rem; width: 55%; height: 28rem; -webkit-clip-path: polygon(0 13%, 100% 2%, 100% 100%, 0 84%); clip-path: polygon(0 13%, 100% 2%, 100% 100%, 0 84%); z-index: 1; } .Content .Content-themeSubtitle { font-size: 1.2rem; line-height: 1.2; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: inherit; color: white; margin-right: 0; } .Content .Content-blockContainer { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0; margin-right: 18rem; } .Content .Content-blockContainer > div:first-child { -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .Content .Content-block, .Content div[data-role="new"], .Content .Content-block--resetStyles div[data-role="information"] { position: relative; background-color: white; border: 1px solid #EBEBEB; box-shadow: 0 0 0.1rem #cfcfcf; padding: 0 0.75rem; border-radius: 3px; margin: 0; margin-bottom: 1rem; } .Content .Content-block--colorCorner:before, .Content .Content-block--resetStyles div[data-role="information"]:before { display: block; position: absolute; content: ""; width: 1.25rem; height: 1.25rem; top: -1px; left: -1px; border-top-left-radius: 3px; } .Content .Content-block--new { border: 2px solid #F0D656; background-color: #FFF9E3; } .Content div[data-role="new"] { padding: 0.75rem; border: 2px solid #F0D656; background-color: #FFF9E3; } .Content .Content-block--resetStyles { background-color: transparent; border: none; box-shadow: none; padding: 0; } .Content .Content-block--resetStyles:before { display: none; } .Content .Content-block--resetStyles .Content-title { padding: 1rem 0; margin-bottom: 0; } .Content .Content-block--resetStyles div[data-role="information"] { padding: 0.75rem; } .Content .Content-pdfContainer { position: absolute; top: 1.4rem; right: 4.8rem; border: 2px solid #EBEBEB; box-shadow: 0 0 0.1rem #cfcfcf; border-radius: 2px; } .Content .Content-pdfTitle { font-size: 0.7rem; line-height: 1.2; background-color: #EBEBEB; width: 100%; padding: 0.75rem; text-align: center; text-transform: uppercase; } .Content .Content-pdfLinkContainer { padding: 1rem; background-color: white; } .Content .Content-pdfLink img { width: 10rem; height: 14rem; border: 1px solid #EBEBEB; box-shadow: 0 0 0.1rem #cfcfcf; } .Content .Content-introductionContainer { position: relative; padding: 1rem 2rem; padding-bottom: 0 !important; background-color: white; } .Content .Content-introductionContainer h1 { margin-right: 21.5rem; } .Content .Content-contentContainer { padding: 1rem 2rem; background-color: #F5F5F5; } .Content .Content-title { font-size: 0.9rem; line-height: 1.2; line-height: 1; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; margin: 0.75rem 0; } .Content-documentPage .Content-introductionContainer > div:not(.Content-pdfContainer) { height: 100%; padding-bottom: 1.2rem; } .Content-themePage { padding-top: 0; background-image: none !important; background-color: white; } .Content-themePage .Content-introductionContainer { padding-bottom: 2rem !important; } .Content-themePage .IntroductionDropdown { display: block; padding-top: 30rem; margin-right: 10.5rem; margin-bottom: 0; } .Content--gamboge { background-image: url("../../public/images/bandeau_epargne.png"); } .Content--gamboge .Content-block:before, .Content--gamboge .Content div[data-role="new"]:before, .Content .Content--gamboge div[data-role="new"]:before, .Content--gamboge .Content .Content-block--resetStyles div[data-role="information"]:before, .Content .Content-block--resetStyles .Content--gamboge div[data-role="information"]:before { border-top: 4px solid #A76906; border-left: 4px solid #A76906; } .Content--gamboge .Content-block--resetStyles div[data-role="information"]:before { border-top: 4px solid #A76906; border-left: 4px solid #A76906; } .Content--gamboge .Content-title { color: #A76906; } .Content--gamboge h1:after, .Content--gamboge h3:after, .Content--gamboge .titre-introduction:after { background-color: #A76906; } .Content--gamboge h5 { color: #A76906; } .Content--gamboge table[data-role="layout"] td[data-role="layout"] { border-color: #ffd88c; border-top: 5px solid #db9000; } .Content--gamboge table[data-role="layout"][data-borders="none"] td[data-role="layout"] { border: none; } .Content--gamboge table[data-role="layout"][data-borders="right"] td[data-role="layout"] { border-right: 5px solid #db9000; border-top: 1px solid #ffd88c; } .Content--gamboge table[data-role="layout"][data-borders="left"] td[data-role="layout"] { border-left: 5px solid #db9000; border-top: 1px solid #ffd88c; } .Content--gamboge table[data-role="layout"][data-borders="bottom"] td[data-role="layout"] { border-bottom: 5px solid #db9000; border-top: 1px solid #ffd88c; } .Content--gamboge table[data-role="layout"] td[data-role="layout"]:empty { background: repeating-linear-gradient(-45deg, white, white 20px, #fff4d8 20px, #fff4d8 120px); border: 1px solid #fff4d8; } .Content--gamboge td[data-role="layoutFront"] { background-color: #A76906; border-color: #A76906; background-image: url("../../public/images/epargne_background_logo.png"); } .Content--gamboge table th, .Content--gamboge table td { border-color: #db9000; } .Content--gamboge table th.entete { background-color: #ffca42; } .Content--gamboge table col[data-role="total"] { background-color: #ece2c9 !important; } .Content--gamboge table[data-borders="none"] tr:nth-child(odd) th.entete, .Content--gamboge table[data-borders="contour"] tr:nth-child(odd) th.entete, .Content--gamboge table[data-borders="rows"] tr:nth-child(odd) th.entete, .Content--gamboge table[data-borders="columns"] tr:nth-child(odd) th.entete, .Content--gamboge table[data-borders="both"] tr:nth-child(odd) th.entete { background-color: #ffca42; } .Content--gamboge table[data-borders="none"] tr:nth-child(even) th.entete, .Content--gamboge table[data-borders="contour"] tr:nth-child(even) th.entete, .Content--gamboge table[data-borders="rows"] tr:nth-child(even) th.entete, .Content--gamboge table[data-borders="columns"] tr:nth-child(even) th.entete, .Content--gamboge table[data-borders="both"] tr:nth-child(even) th.entete { background-color: #ffd88c; } .Content--gamboge table[data-borders="contour"] { border-color: #db9000; } .Content--gamboge table[data-borders="rows"] tr:nth-child(odd) { background-color: transparent; } .Content--gamboge table[data-borders="rows"] tr:nth-child(odd) td.total { background-color: #ece2c9; } .Content--gamboge table[data-borders="rows"] tr:nth-child(even) { background-color: #fff4d8; } .Content--gamboge table[data-borders="rows"] tr:nth-child(even) td.total { background-color: #dad2bb !important; } .Content--gamboge table[data-borders="columns"] { border-bottom-color: #ece2c9; } .Content--gamboge table[data-borders="columns"] col { background-color: #fff4d8; } .Content--gamboge table[data-borders="both"] tr:nth-child(odd) { background-color: #fff4d8; } .Content--gamboge table[data-borders="both"] tr:nth-child(odd) td.total { background-color: #ece2c9; } .Content--gamboge table[data-borders="both"] tr:nth-child(even) { background-color: #ffd88c; } .Content--gamboge table[data-borders="both"] tr:nth-child(even) td.total { background-color: #dad2bb; } .Content--gamboge table.entete tr:last-of-type { border-bottom: 3px solid #db9000 !important; } .Content--gamboge tr[data-role="head"] { border-bottom: 3px solid #db9000 !important; font-weight: bold; } .Content--gamboge tr[data-role="total"] { background-color: #ece2c9 !important; } .Content--thunderbird { background-image: url("../../public/images/bandeau_fiscalite.png"); } .Content--thunderbird .Content-block:before, .Content--thunderbird .Content div[data-role="new"]:before, .Content .Content--thunderbird div[data-role="new"]:before, .Content--thunderbird .Content .Content-block--resetStyles div[data-role="information"]:before, .Content .Content-block--resetStyles .Content--thunderbird div[data-role="information"]:before { border-top: 4px solid #b30c0b; border-left: 4px solid #b30c0b; } .Content--thunderbird .Content-block--resetStyles div[data-role="information"]:before { border-top: 4px solid #b30c0b; border-left: 4px solid #b30c0b; } .Content--thunderbird .Content-title { color: #b30c0b; } .Content--thunderbird h1:after, .Content--thunderbird h3:after, .Content--thunderbird .titre-introduction:after { background-color: #b30c0b; } .Content--thunderbird h5 { color: #b30c0b; } .Content--thunderbird table[data-role="layout"] td[data-role="layout"] { border-color: #ffbcab; border-top: 5px solid #b30c0b; } .Content--thunderbird table[data-role="layout"][data-borders="none"] td[data-role="layout"] { border: none; } .Content--thunderbird table[data-role="layout"][data-borders="right"] td[data-role="layout"] { border-right: 5px solid #b30c0b; border-top: 1px solid #ffbcab; } .Content--thunderbird table[data-role="layout"][data-borders="left"] td[data-role="layout"] { border-left: 5px solid #b30c0b; border-top: 1px solid #ffbcab; } .Content--thunderbird table[data-role="layout"][data-borders="bottom"] td[data-role="layout"] { border-bottom: 5px solid #b30c0b; border-top: 1px solid #ffbcab; } .Content--thunderbird table[data-role="layout"] td[data-role="layout"]:empty { background: repeating-linear-gradient(-45deg, white, white 20px, #fde9e0 20px, #fde9e0 120px); border: 1px solid #fde9e0; } .Content--thunderbird td[data-role="layoutFront"] { background-color: #b30c0b; border-color: #b30c0b; background-image: url("../../public/images/fiscalite_background_logo.png"); } .Content--thunderbird table th, .Content--thunderbird table td { border-color: #b30c0b; } .Content--thunderbird table th.entete { background-color: #ffa387; } .Content--thunderbird table col[data-role="total"] { background-color: #e9d1ca !important; } .Content--thunderbird table[data-borders="none"] tr:nth-child(odd) th.entete, .Content--thunderbird table[data-borders="contour"] tr:nth-child(odd) th.entete, .Content--thunderbird table[data-borders="rows"] tr:nth-child(odd) th.entete, .Content--thunderbird table[data-borders="columns"] tr:nth-child(odd) th.entete, .Content--thunderbird table[data-borders="both"] tr:nth-child(odd) th.entete { background-color: #ffa387; } .Content--thunderbird table[data-borders="none"] tr:nth-child(even) th.entete, .Content--thunderbird table[data-borders="contour"] tr:nth-child(even) th.entete, .Content--thunderbird table[data-borders="rows"] tr:nth-child(even) th.entete, .Content--thunderbird table[data-borders="columns"] tr:nth-child(even) th.entete, .Content--thunderbird table[data-borders="both"] tr:nth-child(even) th.entete { background-color: #ffbcab; } .Content--thunderbird table[data-borders="contour"] { border-color: #b30c0b; } .Content--thunderbird table[data-borders="rows"] tr:nth-child(odd) { background-color: transparent; } .Content--thunderbird table[data-borders="rows"] tr:nth-child(odd) td.total { background-color: #e9d1ca; } .Content--thunderbird table[data-borders="rows"] tr:nth-child(even) { background-color: #fde9e0; } .Content--thunderbird table[data-borders="rows"] tr:nth-child(even) td.total { background-color: #d8c3bd !important; } .Content--thunderbird table[data-borders="columns"] { border-bottom-color: #e9d1ca; } .Content--thunderbird table[data-borders="columns"] col { background-color: #fde9e0; } .Content--thunderbird table[data-borders="both"] tr:nth-child(odd) { background-color: #fde9e0; } .Content--thunderbird table[data-borders="both"] tr:nth-child(odd) td.total { background-color: #e9d1ca; } .Content--thunderbird table[data-borders="both"] tr:nth-child(even) { background-color: #ffbcab; } .Content--thunderbird table[data-borders="both"] tr:nth-child(even) td.total { background-color: #d8c3bd; } .Content--thunderbird table.entete tr:last-of-type { border-bottom: 3px solid #b30c0b !important; } .Content--thunderbird tr[data-role="head"] { border-bottom: 3px solid #b30c0b !important; font-weight: bold; } .Content--thunderbird tr[data-role="total"] { background-color: #e9d1ca !important; } .Content--eminence { background-image: url("../../public/images/bandeau_assurance.png"); } .Content--eminence .Content-block:before, .Content--eminence .Content div[data-role="new"]:before, .Content .Content--eminence div[data-role="new"]:before, .Content--eminence .Content .Content-block--resetStyles div[data-role="information"]:before, .Content .Content-block--resetStyles .Content--eminence div[data-role="information"]:before { border-top: 4px solid #7e4895; border-left: 4px solid #7e4895; } .Content--eminence .Content-block--resetStyles div[data-role="information"]:before { border-top: 4px solid #7e4895; border-left: 4px solid #7e4895; } .Content--eminence .Content-title { color: #7e4895; } .Content--eminence h1:after, .Content--eminence h3:after, .Content--eminence .titre-introduction:after { background-color: #7e4895; } .Content--eminence h5 { color: #7e4895; } .Content--eminence table[data-role="layout"] td[data-role="layout"] { border-color: #e2bcdf; border-top: 5px solid #5c356c; } .Content--eminence table[data-role="layout"][data-borders="none"] td[data-role="layout"] { border: none; } .Content--eminence table[data-role="layout"][data-borders="right"] td[data-role="layout"] { border-right: 5px solid #5c356c; border-top: 1px solid #e2bcdf; } .Content--eminence table[data-role="layout"][data-borders="left"] td[data-role="layout"] { border-left: 5px solid #5c356c; border-top: 1px solid #e2bcdf; } .Content--eminence table[data-role="layout"][data-borders="bottom"] td[data-role="layout"] { border-bottom: 5px solid #5c356c; border-top: 1px solid #e2bcdf; } .Content--eminence table[data-role="layout"] td[data-role="layout"]:empty { background: repeating-linear-gradient(-45deg, white, white 20px, #ede1f0 20px, #ede1f0 120px); border: 1px solid #ede1f0; } .Content--eminence td[data-role="layoutFront"] { background-color: #7e4895; border-color: #7e4895; background-image: url("../../public/images/assurance_background_logo.png"); } .Content--eminence table th, .Content--eminence table td { border-color: #5c356c; } .Content--eminence table th.entete { background-color: #d4a2d1; } .Content--eminence table col[data-role="total"] { background-color: #dcd1df !important; } .Content--eminence table[data-borders="none"] tr:nth-child(odd) th.entete, .Content--eminence table[data-borders="contour"] tr:nth-child(odd) th.entete, .Content--eminence table[data-borders="rows"] tr:nth-child(odd) th.entete, .Content--eminence table[data-borders="columns"] tr:nth-child(odd) th.entete, .Content--eminence table[data-borders="both"] tr:nth-child(odd) th.entete { background-color: #d4a2d1; } .Content--eminence table[data-borders="none"] tr:nth-child(even) th.entete, .Content--eminence table[data-borders="contour"] tr:nth-child(even) th.entete, .Content--eminence table[data-borders="rows"] tr:nth-child(even) th.entete, .Content--eminence table[data-borders="columns"] tr:nth-child(even) th.entete, .Content--eminence table[data-borders="both"] tr:nth-child(even) th.entete { background-color: #e2bcdf; } .Content--eminence table[data-borders="contour"] { border-color: #5c356c; } .Content--eminence table[data-borders="rows"] tr:nth-child(odd) { background-color: transparent; } .Content--eminence table[data-borders="rows"] tr:nth-child(odd) td.total { background-color: #dcd1df; } .Content--eminence table[data-borders="rows"] tr:nth-child(even) { background-color: #ede1f0; } .Content--eminence table[data-borders="rows"] tr:nth-child(even) td.total { background-color: #cdc3d0 !important; } .Content--eminence table[data-borders="columns"] { border-bottom-color: #dcd1df; } .Content--eminence table[data-borders="columns"] col { background-color: #ede1f0; } .Content--eminence table[data-borders="both"] tr:nth-child(odd) { background-color: #ede1f0; } .Content--eminence table[data-borders="both"] tr:nth-child(odd) td.total { background-color: #dcd1df; } .Content--eminence table[data-borders="both"] tr:nth-child(even) { background-color: #e2bcdf; } .Content--eminence table[data-borders="both"] tr:nth-child(even) td.total { background-color: #cdc3d0; } .Content--eminence table.entete tr:last-of-type { border-bottom: 3px solid #5c356c !important; } .Content--eminence tr[data-role="head"] { border-bottom: 3px solid #5c356c !important; font-weight: bold; } .Content--eminence tr[data-role="total"] { background-color: #dcd1df !important; } .Content--genoa { background-image: url("../../public/images/bandeau_compte_et_moyen_de_paiement.png"); } .Content--genoa .Content-block:before, .Content--genoa .Content div[data-role="new"]:before, .Content .Content--genoa div[data-role="new"]:before, .Content--genoa .Content .Content-block--resetStyles div[data-role="information"]:before, .Content .Content-block--resetStyles .Content--genoa div[data-role="information"]:before { border-top: 4px solid #2f807b; border-left: 4px solid #2f807b; } .Content--genoa .Content-block--resetStyles div[data-role="information"]:before { border-top: 4px solid #2f807b; border-left: 4px solid #2f807b; } .Content--genoa .Content-title { color: #2f807b; } .Content--genoa h1:after, .Content--genoa h3:after, .Content--genoa .titre-introduction:after { background-color: #2f807b; } .Content--genoa h5 { color: #2f807b; } .Content--genoa table[data-role="layout"] td[data-role="layout"] { border-color: #b2e1e7; border-top: 5px solid #008c93; } .Content--genoa table[data-role="layout"][data-borders="none"] td[data-role="layout"] { border: none; } .Content--genoa table[data-role="layout"][data-borders="right"] td[data-role="layout"] { border-right: 5px solid #008c93; border-top: 1px solid #b2e1e7; } .Content--genoa table[data-role="layout"][data-borders="left"] td[data-role="layout"] { border-left: 5px solid #008c93; border-top: 1px solid #b2e1e7; } .Content--genoa table[data-role="layout"][data-borders="bottom"] td[data-role="layout"] { border-bottom: 5px solid #008c93; border-top: 1px solid #b2e1e7; } .Content--genoa table[data-role="layout"] td[data-role="layout"]:empty { background: repeating-linear-gradient(-45deg, white, white 20px, #eaf5f7 20px, #eaf5f7 120px); border: 1px solid #eaf5f7; } .Content--genoa td[data-role="layoutFront"] { background-color: #2f807b; border-color: #2f807b; background-image: url("../../public/images/compte_et_moyen_de_paiement_background_logo.png"); } .Content--genoa table th, .Content--genoa table td { border-color: #008c93; } .Content--genoa table th.entete { background-color: #86d6de; } .Content--genoa table col[data-role="total"] { background-color: #d8e3e5 !important; } .Content--genoa table[data-borders="none"] tr:nth-child(odd) th.entete, .Content--genoa table[data-borders="contour"] tr:nth-child(odd) th.entete, .Content--genoa table[data-borders="rows"] tr:nth-child(odd) th.entete, .Content--genoa table[data-borders="columns"] tr:nth-child(odd) th.entete, .Content--genoa table[data-borders="both"] tr:nth-child(odd) th.entete { background-color: #86d6de; } .Content--genoa table[data-borders="none"] tr:nth-child(even) th.entete, .Content--genoa table[data-borders="contour"] tr:nth-child(even) th.entete, .Content--genoa table[data-borders="rows"] tr:nth-child(even) th.entete, .Content--genoa table[data-borders="columns"] tr:nth-child(even) th.entete, .Content--genoa table[data-borders="both"] tr:nth-child(even) th.entete { background-color: #b2e1e7; } .Content--genoa table[data-borders="contour"] { border-color: #008c93; } .Content--genoa table[data-borders="rows"] tr:nth-child(odd) { background-color: transparent; } .Content--genoa table[data-borders="rows"] tr:nth-child(odd) td.total { background-color: #d8e3e5; } .Content--genoa table[data-borders="rows"] tr:nth-child(even) { background-color: #eaf5f7; } .Content--genoa table[data-borders="rows"] tr:nth-child(even) td.total { background-color: #c9d3d4 !important; } .Content--genoa table[data-borders="columns"] { border-bottom-color: #d8e3e5; } .Content--genoa table[data-borders="columns"] col { background-color: #eaf5f7; } .Content--genoa table[data-borders="both"] tr:nth-child(odd) { background-color: #eaf5f7; } .Content--genoa table[data-borders="both"] tr:nth-child(odd) td.total { background-color: #d8e3e5; } .Content--genoa table[data-borders="both"] tr:nth-child(even) { background-color: #b2e1e7; } .Content--genoa table[data-borders="both"] tr:nth-child(even) td.total { background-color: #c9d3d4; } .Content--genoa table.entete tr:last-of-type { border-bottom: 3px solid #008c93 !important; } .Content--genoa tr[data-role="head"] { border-bottom: 3px solid #008c93 !important; font-weight: bold; } .Content--genoa tr[data-role="total"] { background-color: #d8e3e5 !important; } .Content--cerulean { background-image: url("../../public/images/bandeau_credit.png"); } .Content--cerulean .Content-block:before, .Content--cerulean .Content div[data-role="new"]:before, .Content .Content--cerulean div[data-role="new"]:before, .Content--cerulean .Content .Content-block--resetStyles div[data-role="information"]:before, .Content .Content-block--resetStyles .Content--cerulean div[data-role="information"]:before { border-top: 4px solid #037CC2; border-left: 4px solid #037CC2; } .Content--cerulean .Content-block--resetStyles div[data-role="information"]:before { border-top: 4px solid #037CC2; border-left: 4px solid #037CC2; } .Content--cerulean .Content-title { color: #037CC2; } .Content--cerulean h1:after, .Content--cerulean h3:after, .Content--cerulean .titre-introduction:after { background-color: #037CC2; } .Content--cerulean h5 { color: #037CC2; } .Content--cerulean table[data-role="layout"] td[data-role="layout"] { border-color: #b3d5f5; border-top: 5px solid #0083ba; } .Content--cerulean table[data-role="layout"][data-borders="none"] td[data-role="layout"] { border: none; } .Content--cerulean table[data-role="layout"][data-borders="right"] td[data-role="layout"] { border-right: 5px solid #0083ba; border-top: 1px solid #b3d5f5; } .Content--cerulean table[data-role="layout"][data-borders="left"] td[data-role="layout"] { border-left: 5px solid #0083ba; border-top: 1px solid #b3d5f5; } .Content--cerulean table[data-role="layout"][data-borders="bottom"] td[data-role="layout"] { border-bottom: 5px solid #0083ba; border-top: 1px solid #b3d5f5; } .Content--cerulean table[data-role="layout"] td[data-role="layout"]:empty { background: repeating-linear-gradient(-45deg, white, white 20px, #dcecfa 20px, #dcecfa 120px); border: 1px solid #dcecfa; } .Content--cerulean td[data-role="layoutFront"] { background-color: #037CC2; border-color: #037CC2; background-image: url("../../public/images/credit_background_logo.png"); } .Content--cerulean table th, .Content--cerulean table td { border-color: #0083ba; } .Content--cerulean table th.entete { background-color: #97c3e9; } .Content--cerulean table col[data-role="total"] { background-color: #cddbe8 !important; } .Content--cerulean table[data-borders="none"] tr:nth-child(odd) th.entete, .Content--cerulean table[data-borders="contour"] tr:nth-child(odd) th.entete, .Content--cerulean table[data-borders="rows"] tr:nth-child(odd) th.entete, .Content--cerulean table[data-borders="columns"] tr:nth-child(odd) th.entete, .Content--cerulean table[data-borders="both"] tr:nth-child(odd) th.entete { background-color: #97c3e9; } .Content--cerulean table[data-borders="none"] tr:nth-child(even) th.entete, .Content--cerulean table[data-borders="contour"] tr:nth-child(even) th.entete, .Content--cerulean table[data-borders="rows"] tr:nth-child(even) th.entete, .Content--cerulean table[data-borders="columns"] tr:nth-child(even) th.entete, .Content--cerulean table[data-borders="both"] tr:nth-child(even) th.entete { background-color: #b3d5f5; } .Content--cerulean table[data-borders="contour"] { border-color: #0083ba; } .Content--cerulean table[data-borders="rows"] tr:nth-child(odd) { background-color: transparent; } .Content--cerulean table[data-borders="rows"] tr:nth-child(odd) td.total { background-color: #cddbe8; } .Content--cerulean table[data-borders="rows"] tr:nth-child(even) { background-color: #dcecfa; } .Content--cerulean table[data-borders="rows"] tr:nth-child(even) td.total { background-color: #beccd7 !important; } .Content--cerulean table[data-borders="columns"] { border-bottom-color: #cddbe8; } .Content--cerulean table[data-borders="columns"] col { background-color: #dcecfa; } .Content--cerulean table[data-borders="both"] tr:nth-child(odd) { background-color: #dcecfa; } .Content--cerulean table[data-borders="both"] tr:nth-child(odd) td.total { background-color: #cddbe8; } .Content--cerulean table[data-borders="both"] tr:nth-child(even) { background-color: #b3d5f5; } .Content--cerulean table[data-borders="both"] tr:nth-child(even) td.total { background-color: #beccd7; } .Content--cerulean table.entete tr:last-of-type { border-bottom: 3px solid #0083ba !important; } .Content--cerulean tr[data-role="head"] { border-bottom: 3px solid #0083ba !important; font-weight: bold; } .Content--cerulean tr[data-role="total"] { background-color: #cddbe8 !important; } .Content--disco { background-image: url("../../public/images/bandeau_reglementation.png"); } .Content--disco .Content-block:before, .Content--disco .Content div[data-role="new"]:before, .Content .Content--disco div[data-role="new"]:before, .Content--disco .Content .Content-block--resetStyles div[data-role="information"]:before, .Content .Content-block--resetStyles .Content--disco div[data-role="information"]:before { border-top: 4px solid #b42673; border-left: 4px solid #b42673; } .Content--disco .Content-block--resetStyles div[data-role="information"]:before { border-top: 4px solid #b42673; border-left: 4px solid #b42673; } .Content--disco .Content-title { color: #b42673; } .Content--disco h1:after, .Content--disco h3:after, .Content--disco .titre-introduction:after { background-color: #b42673; } .Content--disco h5 { color: #b42673; } .Content--disco table[data-role="layout"] td[data-role="layout"] { border-color: #eeb8d9; border-top: 5px solid #85004f; } .Content--disco table[data-role="layout"][data-borders="none"] td[data-role="layout"] { border: none; } .Content--disco table[data-role="layout"][data-borders="right"] td[data-role="layout"] { border-right: 5px solid #85004f; border-top: 1px solid #eeb8d9; } .Content--disco table[data-role="layout"][data-borders="left"] td[data-role="layout"] { border-left: 5px solid #85004f; border-top: 1px solid #eeb8d9; } .Content--disco table[data-role="layout"][data-borders="bottom"] td[data-role="layout"] { border-bottom: 5px solid #85004f; border-top: 1px solid #eeb8d9; } .Content--disco table[data-role="layout"] td[data-role="layout"]:empty { background: repeating-linear-gradient(-45deg, white, white 20px, #f4e8f4 20px, #f4e8f4 120px); border: 1px solid #f4e8f4; } .Content--disco td[data-role="layoutFront"] { background-color: #b42673; border-color: #b42673; background-image: url("../../public/images/reglementation_background_logo.png"); } .Content--disco table th, .Content--disco table td { border-color: #85004f; } .Content--disco table th.entete { background-color: #e593be; } .Content--disco table col[data-role="total"] { background-color: #e3d8e2 !important; } .Content--disco table[data-borders="none"] tr:nth-child(odd) th.entete, .Content--disco table[data-borders="contour"] tr:nth-child(odd) th.entete, .Content--disco table[data-borders="rows"] tr:nth-child(odd) th.entete, .Content--disco table[data-borders="columns"] tr:nth-child(odd) th.entete, .Content--disco table[data-borders="both"] tr:nth-child(odd) th.entete { background-color: #e593be; } .Content--disco table[data-borders="none"] tr:nth-child(even) th.entete, .Content--disco table[data-borders="contour"] tr:nth-child(even) th.entete, .Content--disco table[data-borders="rows"] tr:nth-child(even) th.entete, .Content--disco table[data-borders="columns"] tr:nth-child(even) th.entete, .Content--disco table[data-borders="both"] tr:nth-child(even) th.entete { background-color: #eeb8d9; } .Content--disco table[data-borders="contour"] { border-color: #85004f; } .Content--disco table[data-borders="rows"] tr:nth-child(odd) { background-color: transparent; } .Content--disco table[data-borders="rows"] tr:nth-child(odd) td.total { background-color: #e3d8e2; } .Content--disco table[data-borders="rows"] tr:nth-child(even) { background-color: #f4e8f4; } .Content--disco table[data-borders="rows"] tr:nth-child(even) td.total { background-color: #d2c9d2 !important; } .Content--disco table[data-borders="columns"] { border-bottom-color: #e3d8e2; } .Content--disco table[data-borders="columns"] col { background-color: #f4e8f4; } .Content--disco table[data-borders="both"] tr:nth-child(odd) { background-color: #f4e8f4; } .Content--disco table[data-borders="both"] tr:nth-child(odd) td.total { background-color: #e3d8e2; } .Content--disco table[data-borders="both"] tr:nth-child(even) { background-color: #eeb8d9; } .Content--disco table[data-borders="both"] tr:nth-child(even) td.total { background-color: #d2c9d2; } .Content--disco table.entete tr:last-of-type { border-bottom: 3px solid #85004f !important; } .Content--disco tr[data-role="head"] { border-bottom: 3px solid #85004f !important; font-weight: bold; } .Content--disco tr[data-role="total"] { background-color: #e3d8e2 !important; } .Content--christi { background-image: url("../../public/images/bandeau_connaissance_du_client_particulier.png"); } .Content--christi .Content-block:before, .Content--christi .Content div[data-role="new"]:before, .Content .Content--christi div[data-role="new"]:before, .Content--christi .Content .Content-block--resetStyles div[data-role="information"]:before, .Content .Content-block--resetStyles .Content--christi div[data-role="information"]:before { border-top: 4px solid #58830A; border-left: 4px solid #58830A; } .Content--christi .Content-block--resetStyles div[data-role="information"]:before { border-top: 4px solid #58830A; border-left: 4px solid #58830A; } .Content--christi .Content-title { color: #58830A; } .Content--christi h1:after, .Content--christi h3:after, .Content--christi .titre-introduction:after { background-color: #58830A; } .Content--christi h5 { color: #58830A; } .Content--christi table[data-role="layout"] td[data-role="layout"] { border-color: #c7e29a; border-top: 5px solid #398043; } .Content--christi table[data-role="layout"][data-borders="none"] td[data-role="layout"] { border: none; } .Content--christi table[data-role="layout"][data-borders="right"] td[data-role="layout"] { border-right: 5px solid #398043; border-top: 1px solid #c7e29a; } .Content--christi table[data-role="layout"][data-borders="left"] td[data-role="layout"] { border-left: 5px solid #398043; border-top: 1px solid #c7e29a; } .Content--christi table[data-role="layout"][data-borders="bottom"] td[data-role="layout"] { border-bottom: 5px solid #398043; border-top: 1px solid #c7e29a; } .Content--christi table[data-role="layout"] td[data-role="layout"]:empty { background: repeating-linear-gradient(-45deg, white, white 20px, #e8f1db 20px, #e8f1db 120px); border: 1px solid #e8f1db; } .Content--christi td[data-role="layoutFront"] { background-color: #58830A; border-color: #58830A; background-image: url("../../public/images/connaissance_du_client_particulier_background_logo.png"); } .Content--christi table th, .Content--christi table td { border-color: #398043; } .Content--christi table th.entete { background-color: #add07a; } .Content--christi table col[data-role="total"] { background-color: #d6dfcc !important; } .Content--christi table[data-borders="none"] tr:nth-child(odd) th.entete, .Content--christi table[data-borders="contour"] tr:nth-child(odd) th.entete, .Content--christi table[data-borders="rows"] tr:nth-child(odd) th.entete, .Content--christi table[data-borders="columns"] tr:nth-child(odd) th.entete, .Content--christi table[data-borders="both"] tr:nth-child(odd) th.entete { background-color: #add07a; } .Content--christi table[data-borders="none"] tr:nth-child(even) th.entete, .Content--christi table[data-borders="contour"] tr:nth-child(even) th.entete, .Content--christi table[data-borders="rows"] tr:nth-child(even) th.entete, .Content--christi table[data-borders="columns"] tr:nth-child(even) th.entete, .Content--christi table[data-borders="both"] tr:nth-child(even) th.entete { background-color: #c7e29a; } .Content--christi table[data-borders="contour"] { border-color: #398043; } .Content--christi table[data-borders="rows"] tr:nth-child(odd) { background-color: transparent; } .Content--christi table[data-borders="rows"] tr:nth-child(odd) td.total { background-color: #d6dfcc; } .Content--christi table[data-borders="rows"] tr:nth-child(even) { background-color: #e8f1db; } .Content--christi table[data-borders="rows"] tr:nth-child(even) td.total { background-color: #c7d0be !important; } .Content--christi table[data-borders="columns"] { border-bottom-color: #d6dfcc; } .Content--christi table[data-borders="columns"] col { background-color: #e8f1db; } .Content--christi table[data-borders="both"] tr:nth-child(odd) { background-color: #e8f1db; } .Content--christi table[data-borders="both"] tr:nth-child(odd) td.total { background-color: #d6dfcc; } .Content--christi table[data-borders="both"] tr:nth-child(even) { background-color: #c7e29a; } .Content--christi table[data-borders="both"] tr:nth-child(even) td.total { background-color: #c7d0be; } .Content--christi table.entete tr:last-of-type { border-bottom: 3px solid #398043 !important; } .Content--christi tr[data-role="head"] { border-bottom: 3px solid #398043 !important; font-weight: bold; } .Content--christi tr[data-role="total"] { background-color: #d6dfcc !important; } .Content--allports { background-image: url("../../public/images/bandeau_connaissance_du_client_professionnel.png"); } .Content--allports .Content-block:before, .Content--allports .Content div[data-role="new"]:before, .Content .Content--allports div[data-role="new"]:before, .Content--allports .Content .Content-block--resetStyles div[data-role="information"]:before, .Content .Content-block--resetStyles .Content--allports div[data-role="information"]:before { border-top: 4px solid #0066a3; border-left: 4px solid #0066a3; } .Content--allports .Content-block--resetStyles div[data-role="information"]:before { border-top: 4px solid #0066a3; border-left: 4px solid #0066a3; } .Content--allports .Content-title { color: #0066a3; } .Content--allports h1:after, .Content--allports h3:after, .Content--allports .titre-introduction:after { background-color: #0066a3; } .Content--allports h5 { color: #0066a3; } .Content--allports table[data-role="layout"] td[data-role="layout"] { border-color: #b2caf1; border-top: 5px solid #0066a3; } .Content--allports table[data-role="layout"][data-borders="none"] td[data-role="layout"] { border: none; } .Content--allports table[data-role="layout"][data-borders="right"] td[data-role="layout"] { border-right: 5px solid #0066a3; border-top: 1px solid #b2caf1; } .Content--allports table[data-role="layout"][data-borders="left"] td[data-role="layout"] { border-left: 5px solid #0066a3; border-top: 1px solid #b2caf1; } .Content--allports table[data-role="layout"][data-borders="bottom"] td[data-role="layout"] { border-bottom: 5px solid #0066a3; border-top: 1px solid #b2caf1; } .Content--allports table[data-role="layout"] td[data-role="layout"]:empty { background: repeating-linear-gradient(-45deg, white, white 20px, #dbe6f4 20px, #dbe6f4 120px); border: 1px solid #dbe6f4; } .Content--allports td[data-role="layoutFront"] { background-color: #0066a3; border-color: #0066a3; background-image: url("../../public/images/connaissance_du_client_professionnel_background_logo.png"); } .Content--allports table th, .Content--allports table td { border-color: #0066a3; } .Content--allports table th.entete { background-color: #9bb7e2; } .Content--allports table col[data-role="total"] { background-color: #ccd6e3 !important; } .Content--allports table[data-borders="none"] tr:nth-child(odd) th.entete, .Content--allports table[data-borders="contour"] tr:nth-child(odd) th.entete, .Content--allports table[data-borders="rows"] tr:nth-child(odd) th.entete, .Content--allports table[data-borders="columns"] tr:nth-child(odd) th.entete, .Content--allports table[data-borders="both"] tr:nth-child(odd) th.entete { background-color: #9bb7e2; } .Content--allports table[data-borders="none"] tr:nth-child(even) th.entete, .Content--allports table[data-borders="contour"] tr:nth-child(even) th.entete, .Content--allports table[data-borders="rows"] tr:nth-child(even) th.entete, .Content--allports table[data-borders="columns"] tr:nth-child(even) th.entete, .Content--allports table[data-borders="both"] tr:nth-child(even) th.entete { background-color: #b2caf1; } .Content--allports table[data-borders="contour"] { border-color: #0066a3; } .Content--allports table[data-borders="rows"] tr:nth-child(odd) { background-color: transparent; } .Content--allports table[data-borders="rows"] tr:nth-child(odd) td.total { background-color: #ccd6e3; } .Content--allports table[data-borders="rows"] tr:nth-child(even) { background-color: #dbe6f4; } .Content--allports table[data-borders="rows"] tr:nth-child(even) td.total { background-color: #bec7d3 !important; } .Content--allports table[data-borders="columns"] { border-bottom-color: #ccd6e3; } .Content--allports table[data-borders="columns"] col { background-color: #dbe6f4; } .Content--allports table[data-borders="both"] tr:nth-child(odd) { background-color: #dbe6f4; } .Content--allports table[data-borders="both"] tr:nth-child(odd) td.total { background-color: #ccd6e3; } .Content--allports table[data-borders="both"] tr:nth-child(even) { background-color: #b2caf1; } .Content--allports table[data-borders="both"] tr:nth-child(even) td.total { background-color: #bec7d3; } .Content--allports table.entete tr:last-of-type { border-bottom: 3px solid #0066a3 !important; } .Content--allports tr[data-role="head"] { border-bottom: 3px solid #0066a3 !important; font-weight: bold; } .Content--allports tr[data-role="total"] { background-color: #ccd6e3 !important; } .Content--jaffa { background-image: url("../../public/images/bandeau_autres_themes.png"); } .Content--jaffa .Content-block:before, .Content--jaffa .Content div[data-role="new"]:before, .Content .Content--jaffa div[data-role="new"]:before, .Content--jaffa .Content .Content-block--resetStyles div[data-role="information"]:before, .Content .Content-block--resetStyles .Content--jaffa div[data-role="information"]:before { border-top: 4px solid #C15807; border-left: 4px solid #C15807; } .Content--jaffa .Content-block--resetStyles div[data-role="information"]:before { border-top: 4px solid #C15807; border-left: 4px solid #C15807; } .Content--jaffa .Content-title { color: #C15807; } .Content--jaffa h1:after, .Content--jaffa h3:after, .Content--jaffa .titre-introduction:after { background-color: #C15807; } .Content--jaffa h5 { color: #C15807; } .Content--jaffa table[data-role="layout"] td[data-role="layout"] { border-color: #ffb99b; border-top: 5px solid #ea5a12; } .Content--jaffa table[data-role="layout"][data-borders="none"] td[data-role="layout"] { border: none; } .Content--jaffa table[data-role="layout"][data-borders="right"] td[data-role="layout"] { border-right: 5px solid #ea5a12; border-top: 1px solid #ffb99b; } .Content--jaffa table[data-role="layout"][data-borders="left"] td[data-role="layout"] { border-left: 5px solid #ea5a12; border-top: 1px solid #ffb99b; } .Content--jaffa table[data-role="layout"][data-borders="bottom"] td[data-role="layout"] { border-bottom: 5px solid #ea5a12; border-top: 1px solid #ffb99b; } .Content--jaffa table[data-role="layout"] td[data-role="layout"]:empty { background: repeating-linear-gradient(-45deg, white, white 20px, #fbdac9 20px, #fbdac9 120px); border: 1px solid #fbdac9; } .Content--jaffa td[data-role="layoutFront"] { background-color: #C15807; border-color: #C15807; background-image: url("../../public/images/autres_themes_background_logo.png"); } .Content--jaffa table th, .Content--jaffa table td { border-color: #ea5a12; } .Content--jaffa table th.entete { background-color: #ffa17a; } .Content--jaffa table col[data-role="total"] { background-color: #e9cbbc !important; } .Content--jaffa table[data-borders="none"] tr:nth-child(odd) th.entete, .Content--jaffa table[data-borders="contour"] tr:nth-child(odd) th.entete, .Content--jaffa table[data-borders="rows"] tr:nth-child(odd) th.entete, .Content--jaffa table[data-borders="columns"] tr:nth-child(odd) th.entete, .Content--jaffa table[data-borders="both"] tr:nth-child(odd) th.entete { background-color: #ffa17a; } .Content--jaffa table[data-borders="none"] tr:nth-child(even) th.entete, .Content--jaffa table[data-borders="contour"] tr:nth-child(even) th.entete, .Content--jaffa table[data-borders="rows"] tr:nth-child(even) th.entete, .Content--jaffa table[data-borders="columns"] tr:nth-child(even) th.entete, .Content--jaffa table[data-borders="both"] tr:nth-child(even) th.entete { background-color: #ffb99b; } .Content--jaffa table[data-borders="contour"] { border-color: #ea5a12; } .Content--jaffa table[data-borders="rows"] tr:nth-child(odd) { background-color: transparent; } .Content--jaffa table[data-borders="rows"] tr:nth-child(odd) td.total { background-color: #e9cbbc; } .Content--jaffa table[data-borders="rows"] tr:nth-child(even) { background-color: #fbdac9; } .Content--jaffa table[data-borders="rows"] tr:nth-child(even) td.total { background-color: #d8bdaf !important; } .Content--jaffa table[data-borders="columns"] { border-bottom-color: #e9cbbc; } .Content--jaffa table[data-borders="columns"] col { background-color: #fbdac9; } .Content--jaffa table[data-borders="both"] tr:nth-child(odd) { background-color: #fbdac9; } .Content--jaffa table[data-borders="both"] tr:nth-child(odd) td.total { background-color: #e9cbbc; } .Content--jaffa table[data-borders="both"] tr:nth-child(even) { background-color: #ffb99b; } .Content--jaffa table[data-borders="both"] tr:nth-child(even) td.total { background-color: #d8bdaf; } .Content--jaffa table.entete tr:last-of-type { border-bottom: 3px solid #ea5a12 !important; } .Content--jaffa tr[data-role="head"] { border-bottom: 3px solid #ea5a12 !important; font-weight: bold; } .Content--jaffa tr[data-role="total"] { background-color: #e9cbbc !important; } .Content--ferra { background-image: url("../../public/images/bandeau_gestion_de_la_relation_commerciale.png"); } .Content--ferra .Content-block:before, .Content--ferra .Content div[data-role="new"]:before, .Content .Content--ferra div[data-role="new"]:before, .Content--ferra .Content .Content-block--resetStyles div[data-role="information"]:before, .Content .Content-block--resetStyles .Content--ferra div[data-role="information"]:before { border-top: 4px solid #70544f; border-left: 4px solid #70544f; } .Content--ferra .Content-block--resetStyles div[data-role="information"]:before { border-top: 4px solid #70544f; border-left: 4px solid #70544f; } .Content--ferra .Content-title { color: #70544f; } .Content--ferra h1:after, .Content--ferra h3:after, .Content--ferra .titre-introduction:after { background-color: #70544f; } .Content--ferra h5 { color: #70544f; } .Content--ferra table[data-role="layout"] td[data-role="layout"] { border-color: #e0ae9f; border-top: 5px solid #784c49; } .Content--ferra table[data-role="layout"][data-borders="none"] td[data-role="layout"] { border: none; } .Content--ferra table[data-role="layout"][data-borders="right"] td[data-role="layout"] { border-right: 5px solid #784c49; border-top: 1px solid #e0ae9f; } .Content--ferra table[data-role="layout"][data-borders="left"] td[data-role="layout"] { border-left: 5px solid #784c49; border-top: 1px solid #e0ae9f; } .Content--ferra table[data-role="layout"][data-borders="bottom"] td[data-role="layout"] { border-bottom: 5px solid #784c49; border-top: 1px solid #e0ae9f; } .Content--ferra table[data-role="layout"] td[data-role="layout"]:empty { background: repeating-linear-gradient(-45deg, white, white 20px, #e7cdc2 20px, #e7cdc2 120px); border: 1px solid #e7cdc2; } .Content--ferra td[data-role="layoutFront"] { background-color: #70544f; border-color: #70544f; background-image: url("../../public/images/gestion_de_la_relation_commerciale_background_logo.png"); } .Content--ferra table th, .Content--ferra table td { border-color: #784c49; } .Content--ferra table th.entete { background-color: #d39d8a; } .Content--ferra table col[data-role="total"] { background-color: #d6c0b5 !important; } .Content--ferra table[data-borders="none"] tr:nth-child(odd) th.entete, .Content--ferra table[data-borders="contour"] tr:nth-child(odd) th.entete, .Content--ferra table[data-borders="rows"] tr:nth-child(odd) th.entete, .Content--ferra table[data-borders="columns"] tr:nth-child(odd) th.entete, .Content--ferra table[data-borders="both"] tr:nth-child(odd) th.entete { background-color: #d39d8a; } .Content--ferra table[data-borders="none"] tr:nth-child(even) th.entete, .Content--ferra table[data-borders="contour"] tr:nth-child(even) th.entete, .Content--ferra table[data-borders="rows"] tr:nth-child(even) th.entete, .Content--ferra table[data-borders="columns"] tr:nth-child(even) th.entete, .Content--ferra table[data-borders="both"] tr:nth-child(even) th.entete { background-color: #e0ae9f; } .Content--ferra table[data-borders="contour"] { border-color: #784c49; } .Content--ferra table[data-borders="rows"] tr:nth-child(odd) { background-color: transparent; } .Content--ferra table[data-borders="rows"] tr:nth-child(odd) td.total { background-color: #d6c0b5; } .Content--ferra table[data-borders="rows"] tr:nth-child(even) { background-color: #e7cdc2; } .Content--ferra table[data-borders="rows"] tr:nth-child(even) td.total { background-color: #cbb5ab !important; } .Content--ferra table[data-borders="columns"] { border-bottom-color: #d6c0b5; } .Content--ferra table[data-borders="columns"] col { background-color: #e7cdc2; } .Content--ferra table[data-borders="both"] tr:nth-child(odd) { background-color: #e7cdc2; } .Content--ferra table[data-borders="both"] tr:nth-child(odd) td.total { background-color: #d6c0b5; } .Content--ferra table[data-borders="both"] tr:nth-child(even) { background-color: #e0ae9f; } .Content--ferra table[data-borders="both"] tr:nth-child(even) td.total { background-color: #cbb5ab; } .Content--ferra table.entete tr:last-of-type { border-bottom: 3px solid #784c49 !important; } .Content--ferra tr[data-role="head"] { border-bottom: 3px solid #784c49 !important; font-weight: bold; } .Content--ferra tr[data-role="total"] { background-color: #d6c0b5 !important; } @media screen and (max-width: 1240px) { .Content table, .Content table[data-role="layout"] { width: auto; } .Content h1, .Content h2, .Content h3, .Content h4, .Content h5, .Content h6 { margin-right: 0 !important; } .Content .Content-pdfContainer { top: -40px; right: 0; border: none; box-shadow: none; } .Content .Content-pdfLinkContainer { display: none; } .Content .Content-pdfTitle { height: 40px; padding: 0.25rem 0.5rem; } .Content .Content-pdfTitle a:after { content: url("../../public/images/pdf.svg"); margin-left: 0.5rem; vertical-align: text-top; } .Content .Content-blockContainer, .Content .Content-themeSubtitle, .Content .Content-themeTitle { margin-right: 0; } } @media screen and (max-width: 900px) { table { display: block; overflow-x: auto; } table[data-role="layout"] col { width: 100% !important; } table[data-role="layout"] tbody { display: table; width: 100%; } table[data-role="layout"] td { display: block; margin-bottom: 0.5rem; } table[data-role="layout"] td:empty { display: none; } } @media screen and (max-width: 700px) { .Content .Content-contentContainer { padding: 2rem 1rem; } .Content .Content-introductionContainer { padding: 1rem; } .Content .Content-blockContainer { -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .Content div[data-classe="formula"] div[data-classe="formula-content"] { padding: 0.25rem 0.5rem; padding-right: 5.5rem; } .Content td[data-role="layoutFront"] { padding-right: 0.5rem; } .Content .Content-themeTitleContainer { -webkit-clip-path: none; clip-path: none; padding-top: 1rem; width: 100%; height: auto; top: 0; position: relative; } .Content .Content-themeTitleContainer .Content-themeTitle { font-size: 1.5rem; } .Content .Content-themeTitleContainer .Content-themeSubtitle { font-size: 1.25rem; } .Content .Content-themeImage { display: none; } .Content-themePage .IntroductionDropdown { position: relative; padding: 1rem; margin-right: 0; } .Content-themePage .Content-introductionContainer { padding: 0; } } .ResultItem-path { font-size: 0.7rem; line-height: 1.2; color: #747474; padding-left: 1.5rem; margin: 0.25rem 0; } .ResultItem-header { background: #F5F5F5; padding: 0.6rem; border-left: 4px solid; } .ResultItem-header a { font-size: 0.9rem; line-height: 1.2; font-weight: bold; } .ResultItem-header--gamboge { border-color: #e59709; } .ResultItem-header--gray { border-color: #293643; } .ResultItem-header--thunderbird { border-color: #d13e30; } .ResultItem-header--eminence { border-color: #7e4895; } .ResultItem-header--genoa { border-color: #2f807b; } .ResultItem-header--cerulean { border-color: #037CC2; } .ResultItem-header--disco { border-color: #b42673; } .ResultItem-header--christi { border-color: #89b124; } .ResultItem-header--allports { border-color: #0066a3; } .ResultItem-header--jaffa { border-color: #C15807; } .ResultItem-header--ferra { border-color: #70544f; } .ResultItem-contentWrapper { margin-bottom: 1.2rem; border: 1px solid #EBEBEB; box-shadow: 0 0 0.1rem #cfcfcf; border-radius: 3px; } .ResultItem-documentTitle a { font-size: 0.9rem; line-height: 1.2; color: #0D8390; } .ResultItem-chevron { color: #0D8390; } .ResultItem-body { padding: 1.2rem 2rem; background: white; } .ResultItem-introduction { margin-bottom: 1rem; } .ResultItem-introduction > div { padding-left: 1.5rem; } .ResultItem-introductionLink { font-size: 0.9rem; line-height: 1.2; display: block; margin-bottom: 0.25rem; color: #0D8390; } .ResultItem-documents { list-style: none; } .ResultItem-highlights { margin-bottom: 1.5rem; list-style: none; padding-left: 1.5rem; } .ResultItem-contentLinks { border-left: 1px solid #dedede; } .brillant { background-color: #D6F0F5; } @media screen and (max-width: 700px) { .ResultItem-highlights { padding: 1rem; border-bottom: 1px solid #dedede; } .ResultItem-contentLinks { padding: 1rem; border-left: none; } .ResultItem-body { padding: 0 0.75rem; } } .Results { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; } .Results-headContainer { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 1rem; } .Results-helpers { text-align: right; } @media screen and (max-width: 700px) { .Results-headContainer { -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .Results-stats { margin-bottom: 1rem; } } .PageHeader { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; right: 0; z-index: 100; } .PageHeader-brandLogo { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 4.5rem; width: 14rem; height: 4.5rem; background: #293643; } .PageHeader-brandLogo img { display: block; padding: 0 2rem; } @media screen and (max-width: 700px) { .PageHeader { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .PageHeader-brandLogo { -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .SearchEngine { -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 4.5rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #293643; } .SearchEngine-imageInfos { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 5rem; height: 4.5rem; background-position: 50% 50%; background-repeat: no-repeat; } .SearchEngine-imageInfos--search { background-image: url("../../public/images/search.png"); } .SearchEngine-imageInfos--arrow { background-image: url("../../public/images/arrow_left_white.png"); } .SearchEngine-input { -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; height: 2.5rem; padding-left: 1rem; border: none; border-radius: 0; } .SearchEngine-microphone, .SearchEngine-reset { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border: none; background: white; height: 2.5rem; width: 2.5rem; padding: 0 0.5rem; } .SearchEngine-microphone img, .SearchEngine-reset img { vertical-align: sub; } .SearchEngine-reset img { max-width: 70%; } .SearchEngine-submit { display: none; } @media screen and (max-width: 700px) { .SearchEngine { -webkit-order: 5; -moz-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .SearchEngine-imageInfos { width: 4.5rem; } } .ToggleMenuButton { position: fixed; top: 0; left: 0; width: 4.5rem; height: 4.5rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; z-index: 100; border: none; background: #293643; } .ToggleMenuButton img { vertical-align: top; } .AsideMenuWrapper { float: left; width: 4.5rem; min-height: calc(100% - 3rem); background-color: #293643; } .AsideMenuWrapper--open { width: 18.5rem; background-color: #344150; } @media screen and (max-width: 700px) { .AsideMenuWrapper { overflow: auto; height: 100%; width: 0; } .AsideMenuWrapper--open { width: 100%; } } .HomePage-content { padding: 1.8rem 1.8rem; min-height: 100vh; min-height: calc(100% - 3rem); } .HomePage-rightContentWrapper { width: 49%; height: 100%; float: right; } .HomePage-formWrapper { padding: 2rem 3rem; margin-top: 2em; margin-bottom: 1.2rem; background-color: #dedede; box-shadow: 0.125rem 0.125rem 0.5rem #cfcfcf; border: 1px solid #dedede; } .HomePage-formWrapper p { margin-bottom: 2rem; } .HomePage-formTitle { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-shadow: none; } .HomePage-formTitle h1 { font-size: 1.2rem; line-height: 1.2; height: 1.5rem; padding-left: 1.75rem; margin-bottom: 0.5rem; text-align: left; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; background-size: 21px; background-position: 0 5%; background-repeat: no-repeat; background-image: url("../../public/images/body.png"); } .HomePage-formTitle button { border: none; background-color: transparent; border-left: 1px solid white; text-decoration: underline; color: #747474; } .HomePage-formTitle button:hover, .HomePage-formTitle button:focus { text-decoration: none; } @media screen and (max-width: 1024px) { .HomePage-content { padding: 0.5rem 1rem; } .HomePage-formWrapper { padding: 1rem 1.5rem; margin-top: 1.75rem; } } @media screen and (max-width: 760px) { .HomePage-formWrapper { padding: 1rem; } .HomePage-content { display: block; height: auto; } .HomePage-rightContentWrapper { width: 100%; float: none; } } .HomeNewsList { width: 48%; height: 100%; float: left; line-height: 1.3; } .HomeNewsList-header { margin-bottom: 0.6rem; } .HomeNewsList-title { font-size: 1.2rem; line-height: 1.2; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; padding-left: 1.8rem; background-repeat: no-repeat; background-image: url("../../public/images/fil_info.png"); } .HomeNewsList-featuredNews { margin-bottom: 1.2rem; } @media screen and (min-width: 1240px) { .HomeNewsList-otherNews { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0 -0.6rem; } } .HomeNewsList-otherNews .NewsCard { margin-bottom: 1.2rem; } @media screen and (min-width: 1240px) { .HomeNewsList-otherNews .NewsCard { margin: 0 0.6rem 1.2rem 0.6rem; width: 50%; } } .News-content { padding-top: 0; background-color: white; } .News-content img { max-height: 15rem; } .News-video { width: 100%; height: 15rem; } .HomeNewsList-allNews { padding-left: 1rem; color: #747474; background-image: url("../../public/images/arrow_right.svg"); background-position: -5% 50%; background-repeat: no-repeat; } @media screen and (max-width: 1024px) { .HomeNewsList-title { font-size: 0.9rem; line-height: 1.2; background-size: 20px; background-position: 0 10%; height: 1.25rem; } } @media screen and (max-width: 760px) { .HomeNewsList { margin-right: 0; width: 100%; float: none; margin-bottom: 1rem; } .News-title { font-size: 0.9rem; } } .PageFooter { position: relative; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; float: right; width: calc(100% - 4rem); height: 3rem; background-color: transparent; clear: both; z-index: 3; } .PageFooter--desktop { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .PageFooter--mobile { display: none; } .Page-wrapper--menuOpen .PageFooter { width: calc(100% - 18rem); } .PageFooter-edition { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; padding: 0.5rem 2rem; width: 50%; } .PageFooter-linkList { text-align: right; width: 50%; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .PageFooter-linkList > li { display: inline-block; padding: 0 0.25rem; color: #747474; } .PageFooter-linkList > li a { font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; color: #747474; } .PageFooter-linkList > li:last-child { padding-right: 1rem; } @media screen and (max-width: 700px) { .PageFooter-edition, .PageFooter-linkList { width: 100%; text-align: center; } .PageFooter-edition { padding: 0.5rem; } .PageFooter--desktop { display: none; } .PageFooter--mobile { display: block; width: 100%; float: none; } } .StaticPage-title { font-size: 1.2rem; line-height: 1.2; padding: 1rem; text-align: left; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; border-top: 2px solid white; background-color: #dedede; } .StaticPage-content { padding: 1.5rem 4rem; line-height: 1.5; } .StaticPage-content h2 { font-size: 1rem; line-height: 1.2; font-weight: bold; margin-bottom: 0.75rem; } .StaticPage-content h3 { font-size: 0.9rem; line-height: 1.2; font-weight: bold; margin-bottom: 0.75rem; } .StaticPage-content table { table-layout: fixed; border-collapse: collapse; margin-bottom: 0.75rem; } .StaticPage-content table caption { text-align: left; } .StaticPage-content table th, .StaticPage-content table td { padding: 0.12rem 0.4rem; text-align: left; vertical-align: top; background-color: transparent; border: 1px solid; } .StaticPage-inlineWrapper { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.5rem; } .StaticPage-paragraph { margin-bottom: 0.75rem; } .StaticPage-list { padding-left: 1rem; } .StaticPage-list > li { margin-bottom: 0.75rem; } .StaticPage-list--dash { list-style: none; } .StaticPage-list--dash > li:before { content: "-"; font-size: 12px; padding-right: 0.5rem; } .StaticPage-listItemTitle { font-weight: bold; } .News { background: white; padding-top: 0; } .News-date { font-size: 0.9rem; line-height: 1.2; margin-top: 0.6rem; color: #747474; font-weight: bold; } .News-aside { margin: 1.2rem 0; } .News-body { padding-right: 2.4rem; max-width: 72rem; } @media screen and (max-width: 1024px) { .News-body { padding-right: 0; max-width: 100%; } } .News-illustration { max-width: 36rem; } @media screen and (max-width: 1024px) { .News-illustration { max-width: 100%; } } .News-title { font-size: 1.2rem; line-height: 1.2; font-weight: bold; } .NewsCard { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-shadow: 0.125rem 0.125rem 0.5rem #cfcfcf; border: 1px solid #dedede; background: white; } .NewsCard-date { font-size: 0.9rem; line-height: 1.2; padding: 0.6rem; color: #747474; font-weight: bold; } .NewsCard--small .NewsCard-date { font-size: 0.8rem; line-height: 1.2; } .NewsCard-header { -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; border-top: none; padding: 0 0.6rem 0.6rem 0.6rem; } .NewsCard-title { font-size: 1.2rem; line-height: 1.2; font-weight: bold; } @media screen and (max-width: 1024px) { .NewsCard-title { font-size: 0.9rem; line-height: 1.2; } } .NewsCard--small .NewsCard-title { font-size: 1rem; line-height: 1.2; } @media screen and (max-width: 1024px) { .NewsCard--small .NewsCard-title { font-size: 0.9rem; line-height: 1.2; } } .NewsCard-title a { text-decoration: none; } .NewsCard-title a:hover, .NewsCard-title a:focus { text-decoration: underline; } .NewsCardList { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.6rem; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .NewsCardList-item { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0.6rem 1.2rem 0.6rem; list-style: none; } .NewsCardList-item .NewsCard { height: 100%; } @media screen and (min-width: 700px) { .NewsCardList-item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media screen and (min-width: 1240px) { .NewsCardList-item { -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; } } @media screen and (min-width: 1400px) { .NewsCardList-item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } } .NewsPage-news { padding: 1.2rem 1.8rem; } .NewsPage-allNews { padding: 2.4rem 1.8rem; } .NewsPage-allNews a { padding-left: 1rem; color: #747474; background-image: url("../../public/images/arrow_right.svg"); background-position: -5% 50%; background-repeat: no-repeat; } .NewsPage-relatedNews { background: #dedede; padding: 1.2rem 1.8rem; } .NewsPage-relatedNewsTitle { font-size: 1rem; line-height: 1.2; margin-bottom: 0.6rem; padding-left: 1.8rem; background-repeat: no-repeat; background-image: url("../../public/images/fil_info.png"); font-weight: bold; } .LatestNewsPage { padding: 1.2rem 1.8rem; } .LatestNewsPage-title { font-size: 1rem; line-height: 1.2; margin-bottom: 0.6rem; padding-left: 1.8rem; background-repeat: no-repeat; background-image: url("../../public/images/fil_info.png"); font-weight: bold; } .LatestNewsPage-pagination { padding: 2.4rem 0; } .LatestNewsPage-pagination .Pagination-container { float: left; text-align: left; } .vtParade-Slideshow-slide { width: 100%; height: 100%; } .vtParade-Slideshow-rail { background-color: transparent; padding-bottom: 36rem; } .vtParade-Slideshow-pager { display: none; } .SlideshowDotsControls { position: absolute; bottom: -1rem; left: 0; right: 0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; } .SlideshowDotsControls-button { padding: 1rem; border: none; background-color: transparent; background-image: url("../../public/images/circle-light.svg"); background-position: 50%; background-repeat: no-repeat; } .SlideshowDotsControls-button--active { background-image: url("../../public/images/circle.svg"); } .LastUpdates { -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .LastUpdates img { display: block; max-width: 65%; margin: 0 auto; } .LastUpdates .Content { padding: 0; background-color: transparent; } .LastUpdates--preview { padding: 1.5rem 3rem; padding-bottom: 4rem; border: 1px solid #dedede; box-shadow: 0.125rem 0.125rem 0.5rem #cfcfcf; background-color: #dedede; } .LastUpdates-content { padding: 1.5rem 4rem; } .LastUpdates--preview .LastUpdates-content { padding: 0; } .LastUpdates-title { font-size: 1.2rem; line-height: 1.2; padding: 1rem; padding-left: 3rem; text-align: left; font-family: montserratregular, Helvetica, Arial, sans-serif; font-weight: bold; border-top: 2px solid white; background-color: #dedede; background-position: 1.4rem 45%; background-repeat: no-repeat; background-image: url("../../public/images/bell.png"); } .LastUpdates--preview .LastUpdates-title { padding: 0; padding-left: 1.625rem; border-top: none; background-color: transparent; background-position: 0 10%; } .LastUpdates-list { padding-top: 1.2rem; list-style: none; } .LastUpdates-list > li { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.2rem; } .LastUpdates-seeAll { position: absolute; bottom: 2rem; color: #626161; padding-left: 1rem; background-image: url("../../public/images/arrow_right.svg"); background-position: -5% 50%; background-repeat: no-repeat; } .LastUpdates--preview .LastUpdates-date { -webkit-order: -2; -moz-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } .LastUpdates:not(.LastUpdates--preview) .LastUpdates-date { font-size: 0.75rem; line-height: 1.2; margin-bottom: 0.5rem; color: #0D8390; } .LastUpdates-listThemeWrapper { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .LastUpdates-listThemeAside { font-size: 0.75rem; line-height: 1.2; } .LastUpdates-listTheme { padding-left: 1rem; margin-bottom: 0.25rem; list-style: none; } .LastUpdates-listThemeItem { position: relative; } .LastUpdates-listThemeItem:before { position: absolute; left: -0.7rem; display: inline-block; content: '\25CF\A0'; } .LastUpdates-listThemeItem--gamboge:before { color: #A76906; } .LastUpdates-listThemeItem--gray:before { color: #293643; } .LastUpdates-listThemeItem--thunderbird:before { color: #b30c0b; } .LastUpdates-listThemeItem--eminence:before { color: #7e4895; } .LastUpdates-listThemeItem--genoa:before { color: #2f807b; } .LastUpdates-listThemeItem--cerulean:before { color: #037CC2; } .LastUpdates-listThemeItem--disco:before { color: #b42673; } .LastUpdates-listThemeItem--christi:before { color: #58830A; } .LastUpdates-listThemeItem--allports:before { color: #0066a3; } .LastUpdates-listThemeItem--jaffa:before { color: #C15807; } .LastUpdates-listThemeItem--ferra:before { color: #70544f; } .LastUpdates-updateTitle { font-size: 1rem; line-height: 1.2; margin-bottom: 0.5rem; font-weight: bold; } @media screen and (max-width: 1024px) { .LastUpdates { padding-bottom: 3rem; } .LastUpdates-title { font-size: 0.9rem; line-height: 1.2; } .LastUpdates-list { padding-top: 0.6rem; } .LastUpdates-list > li { margin-bottom: 0.3rem; } .LastUpdates-seeAll { bottom: 1rem; } } @media screen and (max-width: 700px) { .LastUpdates { padding-bottom: 3rem; } } .PageHeaderLink { display: block; height: 4.5rem; width: 4.5rem; padding: 1px 15px; background-position: 50% 50%; background-repeat: no-repeat; border: none; } .PageHeaderLink img { height: 60px; width: 35px; vertical-align: text-top; } .PageHeaderLink:hover, .PageHeaderLink:focus { opacity: 0.7; } .PageHeaderLink--dark { background-color: #293643; } .PageHeaderLink--body { background-image: url("../../public/images/body_white.png"); } .LastUpdatesPage-content { -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } /* Pagination ============================================= */ .Pagination-container { float: right; text-align: right; min-width: 50%; } .QuickPagination { display: inline-block; margin-left: 0.5rem; } .QuickPagination input, .QuickPagination button { padding: 0.5rem 1rem; } .QuickPagination input { box-shadow: 0 0 0 1px #4B5F77; border: none; } .QuickPagination button { border: 1px solid #4B5F77; background-color: #4B5F77; color: white; } .pagination { display: inline-block; list-style: none; background-color: transparent; width: 100%; } .pagination li { margin-left: 0.25%; margin-right: 0.25%; display: inline; } .pagination li.active button { box-shadow: 0px 0px 0px 2px #0D8390 inset; background-color: #0D8390; color: white; } .pagination li.disabled button { opacity: .4; color: white; background-color: #4B5F77; } .pagination li.disabled button:hover, .pagination li.disabled button:focus { box-shadow: none; text-decoration: none; cursor: default; color: #dedede; background-color: #344150; } .pagination li button { display: inline-block; padding: 0.5rem 1rem; text-decoration: none; border: none; background-color: #4B5F77; color: white; } .pagination li button:hover, .pagination li button:focus { box-shadow: 0px 0px 0px 2px #0D8390 inset; background-color: #0D8390; color: white; } @media screen and (max-width: 700px) { .Pagination-container { text-align: center; float: none; } } .IntroductionDropdown { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: 25.5rem; } .IntroductionDropdown-childrenContainer { position: relative; padding: 0 1rem; margin-bottom: 0.5rem; background: transparent; } .is-hidden { display: none; } @media screen and (max-width: 1240px) { .IntroductionDropdown { margin-right: 4rem; } } @media screen and (max-width: 700px) { .IntroductionDropdown { margin-right: 0; } } .ButtonHelpers { position: absolute; right: 0; top: 40vh; width: 3rem; z-index: 200; } .ButtonHelpers--wrapper { position: fixed; } .ButtonHelpers-helperButton { width: 3rem; height: 3rem; border: none; background-color: #dedede; border-bottom: 1px solid white; } .ButtonHelpers-helperButton:hover, .ButtonHelpers-helperButton:focus { opacity: 0.7; } @media screen and (max-width: 1240px) { .ButtonHelpers { display: none; } } .FullscreenButton { height: 4.5rem; width: 4.5rem; padding: 1px 15px; background-color: #dedede; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("../../public/images/fullscreen.png"); border: none; border-left: 1px solid white; } .FullscreenButton:hover, .FullscreenButton:focus { opacity: 0.7; } .FullscreenButton--activated { background-image: url("../../public/images/fullscreen_exit.png"); } @media screen and (max-width: 1024px) { .FullscreenButton { display: none; } } .Filters { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .Filters-mainSectionTitle { font-size: 1rem; line-height: 1.2; font-weight: bold; margin-bottom: 1rem; } .Filters-section { margin-bottom: 1rem; } .Filters-sectionTitle { font-size: 0.9rem; line-height: 1.2; font-weight: bold; margin-bottom: 0.5rem; } @media screen and (max-width: 700px) { .Filters { margin-bottom: 1rem; border-bottom: 1px solid #dedede; } } .FiltersActivated { list-style: none; margin-bottom: 0.75rem; } .FiltersActivated > li { display: inline-block; padding: 0.25rem 1rem; margin-bottom: 0.35rem; margin-right: 0.35rem; font-weight: bold; background: #F5F5F5; border-radius: 3px; border: 1px solid #EBEBEB; box-shadow: 0 0 0.1rem #cfcfcf; } .FiltersActivated-removeButton { height: 1rem; width: 1rem; background-repeat: no-repeat; background-position: 50% 70%; background-image: url("../../public/images/clear.png"); background-color: transparent; background-size: 0.75rem; border: none; margin-left: 0.5rem; } .Facet { width: 90%; margin: 0.15rem 0; } .Facet-count { color: #0D8390; } .Facet-label { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; line-height: 1.5; } .Facet-checkbox:not(:checked) + .Facet-label, .Facet-checkbox:checked + .Facet-label { position: relative; padding-left: 1.5rem; cursor: pointer; } .Facet-checkbox:not(:checked) + .Facet-label:before, .Facet-checkbox:checked + .Facet-label:before { content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 1px solid #344150; border-radius: 3px; background: transparent; box-shadow: 0 0 0.1rem #cfcfcf; transition: all 0.15s ease; } .Facet-checkbox:not(:checked) + .Facet-label:after, .Facet-checkbox:not(:checked) + .Facet-label:hover:after, .Facet-checkbox:checked + .Facet-label:after { content: ''; width: 11px; height: 7px; position: absolute; top: 3px; left: 2px; border: 3px solid white; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.15s ease; } .Facet-checkbox:not(:checked) + .Facet-label:after { opacity: 0; } .Facet-checkbox:checked + .Facet-label:after, .Facet-checkbox:not(:checked) + .Facet-label:hover:after { opacity: 1; } .Facet-checkbox:checked + .Facet-label:hover .Facet-key, .Facet-checkbox:not(:checked) + .Facet-label:hover .Facet-key { color: #0D8390; } .Facet-checkbox:checked + .Facet-label:before, .Facet-checkbox:not(:checked) + .Facet-label:hover:before { opacity: 1; background: #0D8390; border: 1px solid #0D8390; } .Facet-checkbox:focus + .Facet-label:before { border: 2px solid black; } .LoginForm { width: 27rem; min-height: 20rem; background-color: white; } .LoginForm-error { color: #d13e30; } .LoginForm-body { padding: 1.5rem; } .LoginForm-body .LoginForm-inputWrapper:first-of-type { margin-bottom: 1rem; } .LoginForm-body input[type="email"], .LoginForm-body input[type="password"] { padding-left: 1.25rem; width: 100%; height: 2.75rem; border: 1px solid #a3a7b0; border-radius: none; } .LoginForm-mainLogo { display: block; margin: 0 auto 2rem; } .LoginForm-legend { font-size: 1.2rem; line-height: 1.2; width: 100%; margin-bottom: 1rem; text-align: center; font-weight: bold; color: #0D8390; } .LoginForm-passwordLinkWrapper { text-align: right; margin: 0.5rem 0 1rem; } .LoginForm-passwordLink { color: #747474; } .LoginForm-footer { padding: 0.75rem; background-color: #a3a7b0; } .LoginForm-footer img { display: block; width: 35%; margin: 0 auto; } .LoginForm-submitButton { font-size: 1.2rem; line-height: 1.2; float: right; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 0.75rem 0; height: 3rem; border: none; background-color: #0D8390; color: white; font-weight: bold; padding: 0 2rem; } .LoginForm-submitButton span { margin-right: 0.5rem; } .LoginForm-submitButton:hover, .LoginForm-submitButton:focus { opacity: 0.7; } @media screen and (max-width: 700px) { .LoginForm { width: 90%; } } .LoginPage { height: 100%; width: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background-position: top; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-image: url("../../public/images/login_background.jpg"); overflow: auto; } .Tooltip { position: relative; } .Tooltip-triggerButton { font-size: 0.7rem; line-height: 1.2; border: none; text-decoration: underline; background-color: transparent; } .Tooltip-triggerButton:hover, .Tooltip-triggerButton:focus { text-decoration: none; } .Tooltip-container { position: absolute; right: 0; background-color: white; border: 1px solid #dedede; border-radius: 3px; width: 25rem; box-shadow: 0.125rem 0.125rem 0.5rem #cfcfcf; z-index: 200; } .Tooltip-header { background-color: #F5F5F5; text-align: right; padding: 0.5rem; } .Tooltip-header button { padding: 0.75rem; background-repeat: no-repeat; border: none; background-color: transparent; vertical-align: super; background-image: url("../../public/images/close_circle.png"); } .Tooltip-body { font-size: 0.7rem; line-height: 1.2; padding: 1rem; text-align: left; } .Tooltip-body ul { display: table; list-style: none; } .Tooltip-body ul > li { display: table-row; } .Tooltip-body ul > li:before { display: table-cell; content: '\25B6\A0'; color: #0D8390; font-size: 12px; padding-top: 2px; padding-right: 0.5rem; } .Spinner { border: 3px solid #EBEBEB; border-top: 3px solid #a3a7b0; border-radius: 50%; width: 20px; height: 20px; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .Spinner--large { border-width: 8px; width: 40px; height: 40px; -webkit-animation: spin 1.2s linear infinite; animation: spin 1.2s linear infinite; } .Spinner--dark { border-color: #6A788A; border-top-color: #293643; } .ErrorPage { height: 100%; overflow-y: auto; text-align: center; } .ErrorPage-header { padding: 2rem; background-color: #293643; } .ErrorPage-content { padding: 3rem; } .ErrorPage-errorCode { font-size: 12rem; } .ErrorPage-errorMeaning { font-size: 2.5rem; margin-bottom: 2rem; } .ErrorPage-errorText { font-size: 1.2rem; line-height: 1.2; margin: 0 auto 2rem; max-width: 70%; color: #4B5F77; } .ErrorPage-returnLink { font-size: 0.9rem; line-height: 1.2; display: inline-block; margin-bottom: 5rem; padding: 0.65rem 2.5rem; text-transform: uppercase; font-weight: bold; text-decoration: none; color: white; background-color: #0D8390; } .ErrorPage-logo { display: block; margin: auto; } @media screen and (max-width: 700px) { .ErrorPage-errorCode { font-size: 8rem; } .ErrorPage-errorText { max-width: 100%; } } .UserLogo { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1.2rem; } .Hidden { display: none; } .A11yMenu { position: absolute; list-style: none; top: 5px; left: 5px; z-index: 350; } .A11yMenu li { display: inline; list-style: none; } .A11yMenu li a { position: absolute; left: -999em; background: #fff; padding: 0 5px; } .A11yMenu li a:hover, .A11yMenu li a:active, .A11yMenu li a:focus { left: auto; } .A11yMenu-footerLink { display: block; } @media screen and (max-width: 700px) { .A11yMenu-footerLink { display: none; } } .A11yMenu-footerLink--mobile { display: none; } @media screen and (max-width: 700px) { .A11yMenu-footerLink--mobile { display: block; } } .LongDescription-toggle { border: 1px solid #4B5F77; padding: 0.35rem; background-color: #4B5F77; color: white; } .LongDescription-content { padding: 0.75rem; border: 2px solid #4B5F77; border-radius: 3px; border-top-left-radius: 0; }