:root
{
	--text-root                 : 65;
	--text-master               : Inter, Arial,sans-serif;
	--text-master-thin          : Inter,'Calibri Light', 'Helvetica Neue Thin', sans-serif;
	--text-master-light         : Inter,'Calibri Light', 'Helvetica Neue Light', sans-serif;
	--text-master-narrow        : Inter,'Arial Narrow', 'Helvetica Neue Condensed', sans-serif;
	--text-master-medium        : Inter,'Bahnschrift SemiBold', 'Helvetica Neue Medium', sans-serif;
	--text-master-black         : Inter,'Arial Black', sans-serif;
	--text-master-ultra         : Inter,'Impact', 'Helvetica Neue Condensed Black', sans-serif;
	
	--text-slave                : 'Calibri Light', 'Helvetica Neue Thin', sans-serif;
	--text-alter                : 'Menlo', 'Monaco', monospace;

	--back-color                : #fff;
	--text-color                : #2b2171;
	--text-size                 : 14rem;
	--line-height               : 20rem;
	
	--h1-text                   : inherit;
	--h2-text                   : inherit;
	--h3-text                   : inherit;
	--h4-text                   : inherit;
	--h5-text                   : inherit;
	--h6-text                   : inherit;
	
	--h1-text-align             : inherit;
	--h2-text-align             : inherit;
	--h3-text-align             : inherit;
	--h4-text-align             : inherit;
	--h5-text-align             : inherit;
	--h6-text-align             : inherit;
	
	--h1-text-size              : 30rem;
	--h2-text-size              : 26rem;
	--h3-text-size              : 24rem;
	--h4-text-size              : 20rem;
	--h5-text-size              : 18rem;
	--h6-text-size              : 15rem;
	
	--h1-text-weight            : initial;
	--h2-text-weight            : initial;
	--h3-text-weight            : initial;
	--h4-text-weight            : initial;
	--h5-text-weight            : initial;
	--h6-text-weight            : initial;
	
	--h1-line-height            : 40rem;
	--h2-line-height            : 31rem;
	--h3-line-height            : 29rem;
	--h4-line-height            : 25rem;
	--h5-line-height            : 23rem;
	--h6-line-height            : 20rem;
	
	--h1-text-color             : inherit;
	--h2-text-color             : inherit;
	--h3-text-color             : inherit;
	--h4-text-color             : inherit;
	--h5-text-color             : inherit;
	--h6-text-color             : inherit;
	
	--h1-back-color             : transparent;
	--h2-back-color             : transparent;
	--h3-back-color             : transparent;
	--h4-back-color             : transparent;
	--h5-back-color             : transparent;
	--h6-back-color             : transparent;
	
	--title-claim-text          : 'Impact', 'Helvetica Neue Condensed Black', sans-serif;
	--title-page-text           : 'Arial Black',sans-serif;
	--title-rubric-text         : 'Arial Black',sans-serif;
	--title-chapter-text        : 'Arial Black',sans-serif;
	--title-article-text        : 'Arial Black',sans-serif;
	
	--title-claim-padding       : initial;
	--title-page-padding        : initial;
	--title-rubric-padding      : initial;
	--title-chapter-padding     : initial;
	--title-article-padding     : initial;
	
	--title-claim-text-size     : 30rem;
	--title-page-text-size      : 28rem;
	--title-rubric-text-size    : 26rem;
	--title-chapter-text-size   : 26rem;
	--title-article-text-size   : 24rem;
	
	--title-claim-text-weight   : initial;
	--title-page-text-weight    : initial;
	--title-rubric-text-weight  : initial;
	--title-chapter-text-weight : initial;
	--title-article-text-weight : initial;
	
	--title-claim-text-align   : inherit;
	--title-page-text-align    : inherit;
	--title-rubric-text-align  : inherit;
	--title-chapter-text-align : inherit;
	--title-article-text-align : inherit;
	
	--title-claim-line-height   : 35rem;
	--title-page-line-height    : 35rem;
	--title-rubric-line-height  : 31rem;
	--title-chapter-line-height : 31rem;
	--title-article-line-height : 29rem;
	
	--title-claim-text-color    : inherit;
	--title-page-text-color     : inherit;
	--title-rubric-text-color   : inherit;
	--title-chapter-text-color  : inherit;
	--title-article-text-color  : inherit;
	
	--title-claim-back-color    : transparent; 
	--title-page-back-color     : transparent;
	--title-rubric-back-color   : transparent; 
	--title-chapter-back-color  : transparent;
	--title-article-back-color  : transparent;
	
	--button-text               : inherit;
	--button-text-size          : inherit;
	--button-line-height        : inherit;
	--button-back-color         : #2b2171;
	--button-text-color         : #fff;
	--button-border-color       : #fff;
	--button-hover-back-color   : #f9af1a;
	--button-hover-text-color   : #fff;
	--button-hover-border-color : #fff;
	--button-border-size        : 0;
	--button-padding-width      : 20rem;
	--button-padding-height     : 8rem;
	--button-radius             : 5rem;
	
	--link-text-color           : #1157a8;
	--link-hover-text-color     : rgba(255, 182, 47, 1); /* #FFB62F ; exprimé en rgba pour les animations des fonds translucides */
	
	--list-text-color           : #000;
	--layer-back-color          : rgba(0, 0, 0, 0.7);
	
	--hr-color                  : #ccc;
	--hr-size                   : 2rem;
	
	--input-text                : inherit;
	--input-text-size           : inherit;
	--input-line-height         : inherit;
	--input-back-color          : #fff;
	--input-text-color          : #2b2171;
	--input-border-size         : 1rem;
	--input-border-color        : #2b2171;
	--input-padding-width       : 6rem;
	--input-padding-height      : 4rem;
	
	--placeholder-text          : inherit;
	--placeholder-text-size     : inherit;
	--placeholder-line-height   : inherit;
	--placeholder-text-color    : #aaa;
	--placeholder-back-color    : transparent;
	--placeholder-border-size   : 2rem;
	--placeholder-border-color  : #000;
	
	--disabled-text-color       : #bbb;
	--disabled-back-color       : transparent;
	--disabled-border-color     : #bbb;
	
	
	--selection-back-color      : #e73459;
	--selection-text-color      : #fff;
	
	--select-text               : inherit;
	--select-text-size          : inherit;
	--select-line-height        : inherit;
	--select-back-color         : #fff;
	--select-text-color         : #2b2171;
	--select-border-size        : 1rem;
	--select-border-color       : #2b2171;
	--select-padding-width      : 6rem;
	--select-padding-height     : 4rem;
	
	--textarea-text             : inherit;
	--textarea-text-size        : inherit;
	--textarea-line-height      : inherit;
	--textarea-back-color       : #fff;
	--textarea-text-color       : #2b2171;
	--textarea-border-color     : #2b2171;
	--textarea-border-size      : 1rem;
	--textarea-padding-width    : 6rem;
	--textarea-padding-height   : 4rem;

	--mark-text                 : inherit;
	--mark-text-size            : inherit;
	--mark-line-height          : inherit;
	--mark-text-color           : inherit;
	--mark-back-color           : #ffea64;
	--mark-border-size          : 0;
	--mark-border-color         : #000;

	
	--border-color              : #afca0b;
	--border-size               : 2rem;
	--shadow-color              : rgba(0, 0, 0, 0.2);
	--text-shadow-color         : rgba(255, 255, 255, 0.5);
	
	--color-master              : #2b2171; 
	--color-master-lucid        : rgba(43, 33, 113, 0.7);
	--color-master-dark         : #211a51; 
	--color-master-dark-lucid   : rgba(33, 26, 81, 0.7);
	--color-master-light        : #9ea5ff; 
	--color-master-light-lucid  : rgba(62, 46, 186, 0.3);
	--color-master-lighter      : #c8ccff; 
	--color-master-lighter-lucid: rgba(62, 46, 186, 0.3);
	
	--color-slave               : #afca0b; 
	--color-slave-lucid         : rgba(175, 202, 11, 0.7);
	--color-slave-dark          : #8a9e0b; 
	--color-slave-dark-lucid    : rgba(138, 158, 11, 0.8);
	--color-slave-light         : #c6e021; 
	--color-slave-light-lucid   : rgba(198, 224, 33, 0.8);
	
	--color-alter               : #ffea64;
	--color-alter-lucid         : rgba( 255, 234, 100, 0.5 );
	--color-alter-dark          : #e2ce5a;
	--color-alter-dark-lucid    : rgba( 226, 206, 90, 0.5 );
	--color-alter-light         : #f4e58b;
	--color-alter-light-lucid   : rgba( 244, 229, 139, 0.5 );

	--color-contrast            : #f9af1a;
	--color-contrast-lucid      : rgba( 249, 175, 26, 0.7 );
	--color-contrast-dark       : #d19112;
	--color-contrast-dark-lucid : rgba( 209, 145, 18, 0.7 );
	--color-contrast-light      : #f2be57;
	--color-contrast-light-lucid: rgba( 242, 190, 87, 0.7 );
	
	
	--color-red                 : #f00;
	--color-red-lucid           : rgba(255, 0, 0, 0.7);
	--color-green               : #0f0;
	--color-green-dark          : #0a0;
	--color-green-lucid         : rgba(0, 255, 0, 0.7);
	--color-blue                : #00f;
	--color-blue-lucid          : rgba(0, 0, 255, 0.7);
	--color-cyan                : #0ff;
	--color-cyan-lucid          : rgba(0, 255, 255, 0.7);
	--color-magenta             : #f0f;
	--color-magenta-lucid       : rgba(255, 0, 255, 0.7);
	--color-yellow              : #ff0;
	--color-yellow-lucid        : rgba(255, 255, 0, 0.7);
	
	--color-black               : #000;
	--color-black-lucid         : rgba(0, 0, 0, 0.7);
	--color-grey-dark           : #404040;
	--color-grey-dark-lucid     : rgba(64, 64, 64, 0.7);
	--color-grey                : #808080;
	--color-grey-lucid          : rgba(128, 128, 128, 0.7);
	--color-grey-light          : #eee;
	--color-grey-light-lucid    : rgba(192, 192, 192, 0.7);
	--color-white               : #fff;
	--color-white-lucid         : rgba(255, 255, 255, 0.85);
	
	--transition-duration       : 0.2s;
	--transition-easing         : ease-out;

	--animation-duration        : 0.5s;
	--animation-easing          : ease-out;
	--bg-pad                    : 0;
	
	--tip-color                 : var(--color-contrast);
	
	--pop-overlay-opacity      : 0.5;
	--pop-overlay-blur         : 15px;
}

@font-face { font-family:Inter; font-style:normal; font-weight:100 900; font-display:swap; src:url("../font/InterVariable.woff2") format("woff2"); }


select, sel, sel-multi   { padding:var(--select-padding-height) var(--select-padding-width); height:var(--select-height);  background-color:var(--select-back-color);    color:var(--select-text-color);   font-family:var(--select-text-font);   font-size:var(--select-text-size);   line-height:var(--select-line-height);   border-color:var(--select-border-color);   border-width:var(--select-border-size);   border-style:solid;  border-radius:var(--select-border-radius);  }

sel, sel_multi              { cursor:pointer; position:relative; display:inline-flex; min-height:10rem; }
sel::after, sel-multi::after { content:''; display:flex; margin:auto 0; pointer-events:none; color:var(--color-contrast); transition:transform 0.25s ease }
sel::after, sel-multi::after { width: 0; height: 0; border-left:6rem solid transparent; border-right:6rem solid transparent; border-top:6rem solid currentColor;  }
sel > data, sel-multi > data { flex-grow:1; margin:0 5rem 0 0; border:0; min-height: var(--select-line-height, 15rem); text-overflow:ellipsis; text-align:left; overflow:hidden; white-space:nowrap; background-color:transparent; color:var(--select-text-color); font-family:var(--select-text-font); font-size:var(--select-text-size); line-height:var(--select-line-height); }
sel > :is(ol,ul), sel-multi > :is(ol,ul) { position:absolute; visibility:hidden;}


ol.menu1,
ol.menu1 li { margin:0; list-style-type:none; break-inside:avoid; page-break-inside:avoid; column-break-inside:avoid; -webkit-column-break-inside:avoid; }
ol.menu1 li a { display:block; text-decoration:none; color:var(--color-master) }
ol.menu1 > li {  margin:0;  }
ol.menu1 > li > a { position:relative; display:block; font-weight:bold; height:100%; padding:20rem 1vw; text-transform:uppercase; text-align:center; font-size:15rem; }
ol.menu1 > li.open > a,
ol.menu1 > li.node:hover > a { background-color:var(--color-master); color:var(--color-white); }
ol.menu1 > li.on > a,
ol.menu1 > li.in > a { background-color:var(--color-slave); color:var(--color-white); }
ol.menu1 > li > ol { display:none; position:absolute; columns:3; margin:0; z-index:150; top:60rem; left:0; width:100vw; /* opacity:0; visibility:hidden; */ padding:2vw; color:var(--color-white); /*transition:all 0.6s ease-in-out 0.1s; transition-property:transform opacity; */ }
ol.menu1 > li.open  > ol,
ol.menu1 > li:hover > ol{ display:block ; /* opacity:1; visibility:visible; */ background-color:var(--color-master); color:var(--color-white); }
ol.menu1 > li > ol > li { position:relative; margin-bottom:2vh; }
ol.menu1 > li > ol > li::before { content:''; position:absolute; height:4rem; background-color:var(--color-slave); width:30rem; border-radius:2rem; }
ol.menu1 > li > ol > li > a { font-weight: bold; margin-bottom:0; padding:8rem 0; font-size:14rem; color:var(--color-white); }
ol.menu1 > li > ol > li a { transition:padding 0.2s linear;  color:var(--color-white); }
ol.menu1 > li > ol > li a:not([href="#"]):hover { padding-left:10rem }
ol.menu1 > li > ol > li a[href="#"] { background-color:transparent; cursor:default }
ol.menu1 > li > ol > li > ol { padding-left:20rem; margin-bottom:4vh; }
ol.menu1 > li > ol > li > ol > li > a { margin:0; padding:4rem; line-height:14rem; font-size:12rem; }
ol.menu1 > li > ol > li > a.on,
ol.menu1 > li > ol > li > ol > li.on > a { color:var(--color-slave); }
ol.menu1 > li > ol > li > ol > li.node > a { font-style:italic; }
ol.menu1 > li > ol > li > ol > li > ol { margin-top:0; }
ol.menu1 > li > ol > li > ol > li > ol > li { margin-left:2vw; }
ol.menu1 > li > ol > li > ol > li > ol > li > a { font-size:12rem; }


ol.menu2 li { width:100%; position:relative; text-align:center; flex-grow:1;  }
ol.menu2 li a { display:block; padding:20rem 1.5vw; font-size:15rem; font-family:inherit;  text-decoration:none; text-transform:uppercase; color:inherit; font-style:inherit; transition:background-color 0.5s; background-color:var( --color-white );  color:var(--color-master) }
ol.menu2 > li > a {  background-color:var( --color-master ); color:var(--color-white); }

ol.menu2 > li:hover > ol { visibility:visible; opacity:1;}
ol.menu2 > li > ol > li:last-child { padding-bottom:10rem; }
ol.menu2 > li > ol > li > ol { display:none; }
ol.menu2 > li > ol > li > a { padding:10rem  1.5vw; font-size:14rem; white-space:normal; }
ol.menu2 > li > ol > li > a:hover { color:var( --color-white ); background-color:var( --color-slave ); }

ol.menu2 > li > ol { width:100%; margin:0; padding-bottom:10rem; visibility:hidden; position:absolute; z-index:200; top:100%; left:0; opacity:1; transform:translateY(0) ; transition: all 0.2s ease-in; }


ol.menu-chemin li { display:none; }
ol.menu-chemin ol,
ol.menu-chemin li.root,
ol.menu-chemin li.in,
ol.menu-chemin li.on { display:inline-block; margin:0; }
ol.menu-chemin li > a[data-href-state="on"], ol.menu-chemin li.on > a { font-weight:bold; text-decoration:underline; }

ol.menu-chemin > li > ol li::before{ content:'>'; padding-left:5rem; padding-right:2rem; }


.list-arrow   li::before    { content:'\e985'; font-family:arrow; font-size:80%; color:var( --color-slave ); }
.list-arrow   li li::before { content:'\e985'; font-family:arrow; font-size:50%; color:var( --color-slave ); }

.document::before { content:''; padding-left:20rem; margin-left:2rem; background-position:left center; background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 20'%3E%3Cpath fill='%23afca11' d='M6.5 11.6c-.2-.3-.4-.4-.7-.5H3V16l.1.1h1v-1.8h.6l1-.1.5-.2.4-.6c.2-.2.2-.4.2-.7 0-.4 0-.8-.3-1Zm-1 1.3-.2.2H4.2v-1h1l.3.1.1.4v.3ZM12 12.4l-.6-.8-.7-.5H7.9V16h2.8l.7-.5c.2-.2.4-.5.5-.9l.2-1c0-.5 0-.9-.2-1.2Zm-1.2 2-.3.4-.3.1H9V12h1.1l.4.3.3.4v1.6ZM16.4 11.1v.9H14v1h2l.1.1v.8l-.1.1h-2v2h-1V11H16.4Z'/%3E%3Cpath fill='%23afca11' d='M18 9h-1V.6c0-.3-.2-.6-.5-.6h-14c-.3 0-.5.3-.5.5V9H1a1 1 0 0 0-1 1v7c0 .5.5 1 1 1h1v1c0 .5.5 1 1 1h13c.6 0 1-.5 1-1v-1h1c.6 0 1-.4 1-1v-7c0-.5-.5-1-1-1Zm-2 9v1H3v-1h13ZM3 9V1h13v8H3Zm15 8H1v-7h17v7Z'/%3E%3Cpath fill='%23afca11' d='M14 6H5c-.8 0-.8 1 0 1h9c.8 0 .8-1 0-1ZM14 3H5c-.8 0-.8 1 0 1h9c.8 0 .8-1 0-1Z'/%3E%3C/svg%3E"); }
.adresse::before  { content:''; padding-left:20rem; margin-left:2rem; background-position:left center; background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.9 20'%3E%3Cpath fill='%23afca11' d='M7.5 3.4c-2.8 0-4.1 2.2-4.1 4s1.3 4 4 4.2c2.3 0 4.2-1.8 4.2-4.1S9.7 3.4 7.5 3.4Zm2.6 4c0 1.3-.8 2.6-2.6 2.7a2.6 2.6 0 0 1 0-5.3C9.3 5 10 6.3 10 7.5Z'/%3E%3Cpath fill='%23afca11' d='M7.5 0A7.5 7.5 0 0 0 0 7.5c0 6.9 6.7 12.1 7 12.3.2.2.3.2.5.2l.4-.1c.3-.3 7-5.5 7-12.4C15 3.4 11.7 0 7.6 0Zm6 7.5c0 1.3-.5 6-6 10.8-5.6-4.8-6-9.5-6-10.8a6 6 0 0 1 6-6 6 6 0 0 1 6 6Z'/%3E%3C/svg%3E"); }
.external::after  { content:''; padding-left:15rem; margin-left:2rem; background-position:left center; background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 20'%3E%3Cpath fill='%23afca11' d='M2.7 8.2h3.1v8.4c0 .4.4.7.8.7h5.8c.4 0 .7-.3.7-.7V8.2h3.2c.3 0 .6-.2.7-.4.1-.3 0-.6-.2-.8L10 .2 9.5 0c-.2 0-.4 0-.5.2L2.2 7c-.2.2-.3.5-.2.8.1.2.4.4.7.4ZM7 6.7H4.5l5-5 5 5H12c-.2 0-.3.2-.3.3v8.8H7.3V7c0-.1-.1-.3-.3-.3ZM2.2 20h14.6c.4 0 .7-.3.7-.8s-.3-.7-.7-.7H2.2c-.4 0-.7.3-.7.8s.3.7.7.7Z'/%3E%3C/svg%3E"); }
.email::before    { content:''; padding-left:25rem; margin-left:2rem; background-position:left center; background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.4 20'%3E%3Cpath fill='%23afca11' d='M23.3.6a1 1 0 0 0-.5-.5h-.3c-.4-.2-1 0-1.5.3L1 10c-.7.3-1 1-1 1.7s.5 1.3 1.2 1.5l4.2 1.2 2.2 5c.2.4.5.6.9.6.3 0 .6-.2.8-.4L12 16l4.8 1.4c1 .3 2-.2 2.2-1.1l4.3-14.4v-.1l.1-.2v-1Zm-2 2.7L17.7 16l-.3.1-5.1-1.5-1.3-.4L21.4 3.3Zm-3.4.2L5.9 13l-4.3-1.2a.2.2 0 0 1-.1-.2l.1-.2L18 3.5Zm-7.4 12-.6.8.2-1 .4.2Zm4.7-8L9 13.9l-.1.3v.1l-.5 3L6.9 14l8.3-6.6Z'/%3E%3C/svg%3E"); }
.tel::before      { content:''; padding-left:20rem; margin-left:2rem; background-position:left center; background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.5 20'%3E%3Cpath fill='%23afca11' d='M17.8 12a3.2 3.2 0 0 0-2.5-.5c-1 .2-2 1-2.7 2.2a14.7 14.7 0 0 1-6.2-6C7.6 7 8.4 6 8.4 5 8.8 3.5 8 2.5 8 2.5 5.7.5 4 0 3 0c-.8 0-1.3.3-1.3.3l-.2.1C1.4.6 0 2 0 4.7c0 3 1.8 6.5 5.5 10v.1c3.7 3.4 7 5.2 10 5.2h.4c2.8-.1 4.2-1.8 4.2-1.8l.1-.1c.1-.3 1.2-2.6-2.4-6Zm-13-4.2c.2.5 1 2 2.8 4l.2.2a120.7 120.7 0 0 1 .5.5 14 14 0 0 0 4.3 2.8c.4.1.8 0 1-.3.6-1.2 1.3-1.9 2-2h.4l.8.2c2.3 2.2 2.2 3.7 2 4-.2.4-1.2 1.2-3 1.3h-.3c-2.5 0-5.6-1.7-8.8-4.8-3.4-3.2-5.2-6.3-5.2-9 0-1.7.8-2.8 1-3.1h.6c.7 0 2 .2 3.6 1.9.1 0 .4.5.3 1.2-.1.7-.8 1.4-2 2.1-.2.2-.4.6-.2 1Z'/%3E%3C/svg%3E"); }
.date::before     { content:''; padding-left:25rem; margin-left:2rem; display:inline-block; vertical-align:bottom; height:22rem; background-position:left center; background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.1 28.4'%3E%3Cg fill='%23afca11'%3E%3Cpath fill-rule='evenodd' d='M24.6 3.8a2 2 0 0 0-1.4-.6h-3v-.7c0-.7-.3-1.3-.7-1.8a2.5 2.5 0 0 0-3.5 0c-.4.5-.7 1-.7 1.8v.7H9.9v-.7c0-.7-.3-1.3-.8-1.8A2.4 2.4 0 0 0 5 2.4v.8H2a2 2 0 0 0-2 2v21.2c.1.5.3 1 .7 1.4.3.3.8.6 1.4.6h21.2c.5 0 1-.3 1.4-.6.3-.4.5-.9.5-1.4V5.2c0-.6-.2-1-.5-1.4Zm-7.8-1.3a1 1 0 0 1 1-1 1 1 0 0 1 1 1v3c0 .2-.2.4-.4.6-.1.2-.4.3-.6.3l-.7-.3a1 1 0 0 1-.3-.7v-3Zm-10.4 0c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3s.5.1.7.3c.2.2.3.4.3.7v3L8 6c-.2.2-.4.3-.7.3s-.5-.1-.7-.3a1 1 0 0 1-.3-.7v-3Zm17.2 23.9-.1.3-.3.1H1.6l-.1-.4V11h22.1v15.3Zm0-16.8H1.5V5.1l.1-.3.4-.1h3v.7A2.4 2.4 0 0 0 7.4 8a2.5 2.5 0 0 0 2.4-2.5v-.7h5.4v.7A2.5 2.5 0 0 0 17.7 8c.7 0 1.3-.3 1.8-.7.4-.5.7-1.1.7-1.8v-.7h3l.3.1.1.3v4.5Z'/%3E%3Crect width='2.8' height='2.8' x='18.8' y='12.8' rx='.4' ry='.4'/%3E%3Crect width='2.8' height='2.8' x='13.7' y='12.8' rx='.4' ry='.4'/%3E%3Crect width='2.8' height='2.8' x='18.8' y='17.5' rx='.4' ry='.4'/%3E%3Crect width='2.8' height='2.8' x='13.7' y='17.5' rx='.4' ry='.4'/%3E%3Cpath fill-rule='evenodd' d='M9 20.3h2c.2 0 .4-.1.4-.4v-2c0-.2-.2-.4-.4-.4H9c-.2 0-.4.2-.4.4v2c0 .3.2.4.4.4ZM3.9 20.3h2c.2 0 .4-.1.4-.4v-2c0-.2-.2-.4-.4-.4H4c-.2 0-.4.2-.4.4v2c0 .3.2.4.4.4ZM19.2 25h2c.3 0 .4-.2.4-.4v-2c0-.2-.1-.4-.3-.4h-2c-.3 0-.5.2-.5.4v2c0 .2.2.4.4.4ZM14.1 25h2c.2 0 .4-.2.4-.4v-2c0-.2-.2-.4-.4-.4h-2c-.2 0-.4.2-.4.4v2c0 .2.2.4.4.4ZM9 25h2c.2 0 .4-.2.4-.4v-2c0-.2-.2-.4-.4-.4H9c-.2 0-.4.2-.4.4v2c0 .2.2.4.4.4ZM3.9 25h2c.2 0 .4-.2.4-.4v-2c0-.2-.2-.4-.4-.4H4c-.2 0-.4.2-.4.4v2c0 .2.2.4.4.4Z'/%3E%3C/g%3E%3C/svg%3E"); }
.loupe::before    { content:''; display:inline-block; width:20rem; height:20rem; background-position:center center; background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath fill='%232b2171' d='m24.5 20.9-7.4-7.4a9.1 9.1 0 1 0-3.6 3.6l7.4 7.4a2.6 2.6 0 0 0 3.6-3.6Zm-9.8-8.2-.1.3c-.5.6-1 1.2-1.6 1.6l-.3.2a6.7 6.7 0 1 1 2-2Z'/%3E%3C/svg%3E") }
.loupe::after     { content:''; width:20rem; height:20rem; background-position:center center; background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath fill='%23afca0b' d='m24.5 20.9-7.4-7.4a9.1 9.1 0 1 0-3.6 3.6l7.4 7.4a2.6 2.6 0 0 0 3.6-3.6Zm-9.8-8.2-.1.3c-.5.6-1 1.2-1.6 1.6l-.3.2a6.7 6.7 0 1 1 2-2Z'/%3E%3C/svg%3E") }




.icon-menu            { position:relative; display:inline-flex; width:20rem; height:20rem;  background:linear-gradient( var(--color-master), var(--color-master) ) 50% 50% / 100% 4px no-repeat;  transition:background 0.3s; }
.icon-menu::before,
.icon-menu::after     { content:''; position:absolute; left:0; width:100%; height:4px; background-color:var(--color-master); transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;  }
.icon-menu::before    { top:0; transition-property:top, transform; }
.icon-menu::after     { display:block; bottom:0; transition-property:bottom, transform; }

#ALL input[type="checkbox"].icon-menu:checked { background-image:none; }
#ALL input[type="checkbox"].icon-menu:checked::before { display:block; top:calc(50% - 2px);    transform:rotate(45deg);  transition-delay:0s, 0.3s; }
#ALL input[type="checkbox"].icon-menu:checked::after  { display:block; bottom:calc(50% - 2px); transform:rotate(-45deg); transition-delay:0s, 0.3s; }



[type="checkbox"].loupe::after{ content:''; }


a.email { transition:none; text-decoration:none; }

.document:hover::before,
.adresse:hover::before,
.external:hover::after,
.email:hover::before,
.tel:hover::before { filter: brightness(0) saturate(100%) invert(81%) sepia(21%) saturate(4891%) hue-rotate(347deg) brightness(102%) contrast(95%); }


.noselect { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none }
tbody tr > td.line { padding-left:10rem; background-color:var(--color-grey-light); font-family: var(--text-alter); text-align:right }


tbody tr:hover > *, tbody tr.selected:hover > * { background-color:var(--color-contrast) }
tbody tr:hover > td.line, tbody tr.selected:hover > td.line { background-color:var(--color-contrast-dark); color:var(--color-white) }

tbody tr.selected { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none }
tbody tr:target  > *,
tbody tr.selected > * { background-color:var(--color-green); }
tbody tr:target > td.line,
tbody tr.selected > td.line { background-color:var(--color-green-dark); color:var(--color-white) }
tbody tr:target { scroll-margin-left:100rem; scroll-margin-top:100rem; }
tbody tr.referent { outline: 1rem solid var(--color-red) }


tbody tr.templated > * { background-color:var(--color-green) }
tbody tr.templated > td.line { background-color:var(--color-green-dark); color:var(--color-white); }
tbody tr.error > * { background-color:var(--color-red) }
tbody tr.error > td.line { background-color:var(--color-red-dark) }

@media screen and (max-device-width:1024px ) and (orientation:portrait), screen and (max-device-width:768px ) and (orientation:landscape), screen and (max-width:1023px)
{

	html #ALL ol.menu1 { overflow-y:scroll; }
	html #ALL ol.menu1 *  { position:static; columns:1; top:auto; left:auto; right:auto; padding-left:0; padding-right:0; width:auto; height:auto; transform:none; opacity:1; visibility:visible; }
	html #ALL ol.menu1 ol { display:block; background-color: transparent; margin-bottom:2vh; }
	html #ALL ol.menu1 a  { padding:10rem; position:relative; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:left; font-weight:normal; }
	
	html #ALL ol.menu1 > li { border-bottom:2rem solid var(--color-master); }
	html #ALL ol.menu1 > li > ol { display:none; }
	html #ALL ol.menu1 > li.open > ol { display:block; }
	html #ALL ol.menu1 > li > ol > li::before { left:20rem;  }
	html #ALL ol.menu1 > li > a { padding:40rem 20rem; font-weight:bold; font-size:22rem; background-color:var(--color-slave); }

	html #ALL ol.menu1 > li > ol > li > ol { padding-left:20rem; }
	html #ALL ol.menu1 > li > ol > li > a { padding:15rem 20rem; display:block; visibility:visible; font-weight:bold; font-size:20rem;  }
	html #ALL ol.menu1 > li > ol > li > ol > li > a { padding:8rem; font-size:18rem;  }
	html #ALL ol.menu1 > li > ol > li > ol > li > ol { padding-left:20rem; }
	html #ALL ol.menu1 > li > ol > li > ol > li > ol > li > a { padding-left:0; font-size:16rem; }

}
html#WIP #fast-access { top:-1000px; opacity:0; }
html#WIP #fast-access:focus-within{ top:0; opacity:1; }

html[data-scheme="dark"]
{
	--back-color                : #111;
	--text-color                : #fff;
}

html.lux-dark
{
	--back-color                : #1e1e2e;
	--text-color                : #e0e0e0;
}

background:var(--pop-back-color, var(--back-color, white))

html#WIP[data-scheme="dark"] #fast-access a { background-color:var(--color-black-lucid); }
html#WIP[data-scheme="dark"] .before-text-color-master::before { filter: brightness(0) saturate(100%) invert(69%) sepia(100%) saturate(424%) hue-rotate(18deg) brightness(93%) contrast(92%); }
html#WIP[data-scheme="dark"] .before-text-color-master:hover::before { filter: initial; }

html#WIP[data-scheme="dark"] .loupe::before { filter: brightness(0); }


html#WIP[data-scheme="dark"] .icon-menu { background:linear-gradient( var(--color-white), var(--color-white) ) 50% 50% / 100% 4px no-repeat; }
html#WIP[data-scheme="dark"] .icon-menu::before,
html#WIP[data-scheme="dark"] .icon-menu::after     { background-color:var(--color-white); }

/* html#WIP[data-scheme="dark"] body {	background-color:#111; color:#fff; }*/
html#WIP[data-scheme="dark"] thead > tr th { background-color:#111; color:#fff; }
html#WIP[data-scheme="dark"] thead > tr > th > div input { background-color:#111; color:#fff; }
html#WIP[data-scheme="dark"] thead tr > th > div * { background-color:#111; color:#fff; }
html#WIP[data-scheme="dark"] td.line { background-color:#111; color:#fff; }
html#WIP[data-scheme="dark"] .back-color-master { background-color:#000; color:#fff; }
html#WIP[data-scheme="dark"] .back-color-white,
html#WIP[data-scheme="dark"] a.back-color-white,
html#WIP[data-scheme="dark"] .back-color-white a,
html#WIP[data-scheme="dark"] .back-color-grey-light,
html#WIP[data-scheme="dark"] .back-color-grey-light a { color:#000; }

html#WIP[data-scheme="dark"] .anim, .check-anim,
html#WIP[data-scheme="dark"] .anim [class*="anim-"], .check-anim .anim [class*="check-anim-"]{ animation:none !important; } 
html#WIP[data-scheme="dark"] .mover,
html#WIP[data-scheme="dark"] .hover,
html#WIP[data-scheme="dark"] .mover [class*="hover-"],
html#WIP[data-scheme="dark"] .hover [class*="hover-"] { transition:none !important; } 

html#WIP[data-scheme="dark"] header.back-color-white {	background-color:#111; color:#fff; }
html#WIP[data-scheme="dark"] #nav-icons img { filter: grayscale(1) brightness(20); }
html#WIP[data-scheme="dark"] img[class^="icon abs-"]{ filter: brightness(0) saturate(100%) invert(69%) sepia(100%) saturate(424%) hue-rotate(18deg) brightness(93%) contrast(92%); }
html#WIP[data-scheme="dark"] nav[class^="bg-linear"]{ background:linear-gradient( to left, var( --color-slave ), #222 ) border-box }

html#WIP[data-scheme="dark"] ol.menu1 > li.node > a:hover { position:relative; background-color:#000; color:var(--color-white); }
html#WIP[data-scheme="dark"] ol.menu1 > li > a { background-color:#111; color:#fff; }
html#WIP[data-scheme="dark"] ol.menu1 > li.on > a,
html#WIP[data-scheme="dark"] ol.menu1 > li.in > a { background-color:var(--color-slave); color:var(--color-white); }
html#WIP[data-scheme="dark"] ol.menu1 > li:hover > ol { background-color:#000; color:#fff; }
html#WIP[data-scheme="dark"] ol.menu1 > li > ol > li { position:relative; margin-bottom:2vh; }
html#WIP[data-scheme="dark"] ol.menu1 > li > ol > li > a { font-weight: bold; margin-bottom:0; padding:10rem 0; font-size:14rem; color:var(--color-white); }
html#WIP[data-scheme="dark"] ol.menu1 > li > ol > li a { transition:padding 0.2s linear;  color:var(--color-white); }
html#WIP[data-scheme="dark"] ol.menu1 > li > ol > li > a.on,
html#WIP[data-scheme="dark"] ol.menu1 > li > ol > li > ol > li.on > a { color:var(--color-slave); }