/* https://hopopope.fr/assets/styles/pages/footer/legal-mdpwUNv.css */
#pageContainer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 40px;
}

#pageContainer > img {
	display: none;
}

#legal {
	width: 60%;
	font-family: Montserrat;
	font-size: 18px;
}

@media (max-width: 1100px) {
	#pageContainer > img {
		display: inline;
	}

	#legal {
		width: 100%;
	}
}

/* https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/
/* <style> */
:host {
	--main-bg-color: #f4eee2;

	--textFonce-color: #383838;

	--activitesection-bg-color: var(--main-bg-color);

	--activiteCard-bg-color: #f4eee2;
	--activiteCard-bg-color-pro: #f4eee240;

	--accentuation-color: #db4807;
	--color-vert: #2b8a3e;

	--accentuation_clair-color: rgba(219, 72, 7, 0.2);

	--formInput-bg-color: #f1d8c6;

	--border-radius: 20px;
	--border-radius-pro: 5px;

	--hover-color: #000;

	--hauteur_recherche: 0px;
}

:host {
	--hauteur_barre_menu: 80px;
	user-select: none;
}

:host.home {
	--hauteur_barre_menu: 80px;
}

* {
	box-sizing: border-box !important;
}

:host {
	font-family: 'Montserrat', sans-serif;
	/* font-family: 'MuseoModerno'; */
}

:host {
	font-family: inherit;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	overflow-y: scroll;
	overscroll-behavior: none;
}

button,
input,
select,
textarea {
	font: inherit;
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	all: unset;
	display: block;
}

#pageContainer {
	margin: 20px;
	margin-top: calc(var(--hauteur_barre_menu) + 20px);
	overscroll-behavior: none;
}
#pageContainer:after {
	content: '';
	display: block;
}

#pageAllContainer {
	height: 100vh;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: space-between;
}

.pageAllLogo {
	display: none;
}

.telephoneTitre {
	display: none;
}

.hidden {
	display: none;
}

a {
	text-decoration: none;
	color: #383838;
}

.rouge {
	color: #ff0000;
}

.vert {
	color: var(--color-vert);
}

.alert {
	padding: 15px;
	font-weight: bold;
	text-align: center;
	margin-left: 0;
	max-width: 600px;
}

.alert-success {
	color: #155724;
}

.alert-danger {
	color: #721c24;
}

.alert-warning {
	color: #856404;
}

.alert-info {
	color: #0c5460;
}

/*********************************************/
/*  FORM                                     */
/*********************************************/
.formContainer {
	display: flex;
	justify-self: center;
	margin: 0 auto;
	flex-direction: column;
	gap: 10px;
}

.formContainer form {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
form .champ {
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex: auto;
}

form .champRow {
	display: flex;
	flex-direction: row;
	gap: 5px;
	align-items: center;
	font-family: Montserrat;
}

form .champSpaceBetween {
	justify-content: space-between;
}

.formContainer .champ ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 600;
	margin-left: 20px;
	color: #ff0000;
}

form .champCache {
	display: none;
}
form .champCacheModif {
	display: none;
}

form .champ label {
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	margin-left: 20px;
	color: #344054;
}

form .champ label span svg {
	translate: 5px 3px;
}

.pro form .champ label {
	font-size: 14px;
	font-weight: 500;
	margin-left: 0;
}

.pro form .champ label svg {
	color: #767676;
	margin-left: 3px;
	/* translate: 10px 2px; */
}

form .champ.rouge label {
	color: #ff0000;
}

.formContainer input {
	padding: 15px 22px;
	border-radius: var(--border-radius);
	box-shadow: 0px 1.58px 3.17px 0px #1018280d;
	backdrop-filter: blur(30px);
	border: none;
	background-color: #f1d8c6;
}

.pro .formContainer input,
.pro .formContainer textarea,
.pro .formContainer select,
.pro .formContainer .ts-wrapper,
.pro #popupMapAddPins {
	border: 1px solid #00000020 !important;
	border-radius: var(--border-radius-pro) !important;
	background-color: #f8f8f8 !important;
	border: 2px solid #e14f0b50 !important;
}

.pro .formContainer .ts-wrapper input {
	border: none !important;
}

.pro .formContainer .champ .ts-wrapper .ts-control {
	backdrop-filter: none;
}

.pro .formContainer input {
	border-radius: var(--border-radius-pro);
	background-color: #f1d8c640;
	padding: 10px;
}

.formContainer form .champ label {
	font-weight: 400;
}
.formContainer form .champ label span {
	margin-left: 3px;
	color: red;
}

.pro .formContainer button {
	border-radius: var(--border-radius-pro);
}

.pro .formContainer .toggle-password-container button {
	top: 10px;
}

.formContainer .rouge input {
	color: #ff0000;
}

.formContainer textarea {
	padding: 15px 22px;
	border-radius: var(--border-radius);
	box-shadow: 0px 1.58px 3.17px 0px #1018280d;
	backdrop-filter: blur(30px);
	border: none;
	background-color: #f1d8c6;
}

.pro .formContainer textarea {
	border-radius: var(--border-radius-pro);
	background-color: #f1d8c640;
	padding: 10px 10px;
}

textarea {
	resize: none;
	height: 200px;
}

.formContainer select {
	padding: 15px 22px;
	border-radius: var(--border-radius);
	box-shadow: 0px 1.58px 3.17px 0px #1018280d;
	backdrop-filter: blur(30px);
	border: none;
	background-color: #f1d8c6;
}

.pro .formContainer select {
	border-radius: var(--border-radius-pro);
	background-color: #f1d8c640;
	padding: 10px 10px;
}

.formContainer .champSelect {
	padding: 15px 22px;
	border-radius: var(--border-radius);
	box-shadow: 0px 1.58px 3.17px 0px #1018280d;
	backdrop-filter: blur(30px);
	border: none;
	background-color: #f1d8c6;
}

.pro .formContainer .champSelect {
	background-color: #f1d8c640;
	background-color: #fff;
}

.formContainer .champSelect select {
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	backdrop-filter: none;
	border: none;
	background-color: #f1d8c6;
}

.pro .formContainer .champSelect select {
	background-color: #f1d8c640;
	background-color: #fff;
}

.toggle-password-container {
	display: flex;
	flex-direction: column;
}
.toggle-password-container button {
	top: 15px;
}

/*********************************************/
/*  BUTTON                                   */
/*********************************************/
.wp-block-button,
.button {
	padding: 10px 30px;
	/* font-family: 'MuseoModerno'; */
	font-size: 20px;
	font-weight: 800;
	background-color: var(--accentuation-color);
	background-image: linear-gradient(135deg, #b83805, #db4807 20%, #db4807 80%, #f05f14);
	color: #e0e0e0;
	border-radius: var(--border-radius);
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	text-align: center;
	transition:
		color 0.3s ease,
		box-shadow 0.3s ease;
	box-shadow:
		0 4px 8px rgba(219, 72, 7, 0.4),
		0 0 10px rgba(219, 72, 7, 0.3);
}

.pro .button {
	border-radius: var(--border-radius-pro);
}

.buttonSvg {
	padding: 10px 20px 10px 10px;
}

.wp-block-button a,
.button a {
	color: #e0e0e0;
}

.wp-block-button:hover,
.button:hover {
	background-color: #f5520d; /* plus clair */
	box-shadow:
		0 6px 12px rgba(219, 72, 7, 0.6),
		0 0 20px rgba(219, 72, 7, 0.5);
	color: #fdf8f3;
}

button:disabled {
	cursor: not-allowed; /* curseur interdit */
	opacity: 0.7; /* petit effet visuel en plus */
}

.buttonDisabled {
	cursor: not-allowed !important; /* curseur interdit */
	opacity: 0.7 !important; /* petit effet visuel en plus */
}

.buttonGris {
	background-color: #767676a0;
}

.button svg {
	width: 30px;
	margin-right: 10px;
}

.delete {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.75);
	background-color: #000;
	cursor: pointer;
}

.delete svg {
	color: #fff;
}

.add {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	background-color: #000;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.75);
	background-color: var(--accentuation-color);
	cursor: pointer;
}

.add svg {
	color: #fff;
}

/*********************************************/
/*  ENTETE                                   */
/*********************************************/
.enteteAction {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 600;
	align-items: center;
	gap: 10px;
}
.enteteAction h1 {
	color: var(--textFonce-color);
	font-size: 40px;
	text-align: center;
}

.enteteAction > div {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.enteteAction .champRow {
	font-size: 20px;
	font-weight: 500;
}

.titreDataEmpty {
	font-family: Montserrat;
	font-size: 36px;
	font-weight: 900;
	color: var(--accentuation-color);
	text-align: center;
	padding: 20px;
}

.iconeClose {
	background-color: var(--accentuation-color);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	border-radius: var(--border-radius);
	cursor: pointer;
	width: 40px !important;
	height: 40px !important;
	align-self: center;
	border-radius: 50% !important;
	font-size: 45px;
}

/*********************************************/
/*  BANDEAU ACTIVITE Prix/Durée/Places..     */
/*********************************************/
.activiteCaracteristiques {
	border-radius: 10px;
	padding: 10px;
	background-color: rgba(56, 56, 56, 0.9);
	/* font-family: 'MuseoModerno'; */
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #f5efe3;
	display: grid;
	grid-template-columns: 33% 1px 33% 1px 33%;
	align-items: center;
}

.activiteCaracteristiquesColumn {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	margin: 10px 0 10px -10px;
	height: auto;
	min-height: 200px;
}

.prix {
	font-size: 30px;
	font-weight: 600;
	line-height: 22px;
	/* color: #db4807; */
	color: #fff;
}
.prix span {
	font-size: 0.6em;
	font-weight: 400;
}
.prixGratuit {
	font-size: 22px;
	font-family: Montserrat;
	/* color: #db4807; */
	font-weight: 600;
	color: #fff;
}

.duree {
	font-size: 22px;
	font-weight: 400;
	line-height: 22px;
}

.duree span {
	font-size: 0.6em;
	font-weight: 400;
	margin-left: 5px;
	margin-right: 5px;
}

.places {
	font-size: 22px;
	font-weight: 600;
	line-height: 14px;
}
.places span {
	font-size: 0.5em;
	font-weight: 400;
	margin-left: 5px;
}

.voir a {
	color: #fff;
}
.voir span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	border-radius: 40px;
	margin: 2px 3px 0 0;
	background-color: #db4807;
}

.barre {
	width: 1px;
	height: 100%;
	background-color: #767676;
}

.activiteCaracteristiquesColumn .barre {
	height: 1px;
	width: 100%;
	background-color: #767676;
}

.adresseGoogleMap {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
}

.adresseGoogleMapCard {
	padding: 0 10px;
	background-color: #383838;
	border-radius: 10px;
	color: #f5efe3;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font-size: 20px;
	text-align: left;
	font-family: Montserrat;
}

.adresseGoogleMapCard:hover {
	box-shadow:
		0 6px 12px rgba(219, 72, 7, 0.6),
		0 0 20px rgba(219, 72, 7, 0.5);
	color: #fdf8f3;
}

.adresseGoogleMapCard .lieuxContainer {
	display: flex;
	flex-direction: column;
	height: 70px;
	max-height: 80px;
	min-height: 80px;
	justify-content: center;
}

.adresseGoogleMapCard .lieuxContainer .etablissement {
	max-height: 44px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	overflow: hidden;
	text-wrap: wrap;
	overflow-wrap: anywhere;
}

.adresseGoogleMapCard .adresse {
	font-size: 14px;
}

.adresseGoogleMapCard .icone svg {
	color: #f5efe3;
}
.adresseGoogleMapCard .icone a {
	display: flex;
}

@keyframes shrinkBar {
	from {
		transform: scaleX(1);
	}
	to {
		transform: scaleX(0);
	}
}

@keyframes fadeInOut {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	10% {
		opacity: 1;
		transform: translateY(0);
	}
	90% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.spinner {
	pointer-events: none;
	opacity: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.spinner .loader {
	width: 20px;
	height: 20px;
	border: 2px solid #ccc;
	border-top: 2px solid transparent;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
	/* margin-right: 20px; */
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.button:hover:has(.spinner) {
	box-shadow:
		0 4px 8px rgba(219, 72, 7, 0.4),
		0 0 10px rgba(219, 72, 7, 0.3);
	color: #e0e0e0;
	background-image: linear-gradient(135deg, #b83805, #db4807 20%, #db4807 80%, #f05f14);
	background-color: var(--accentuation-color);
}

/*********************************************/
/*  RESPONSIVE TEL                           */
/*********************************************/
@media (max-width: 1100px) {
	.telCache {
		display: none !important;
	}

	.telephoneTitre {
		background-color: #f5efe3;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		/* height: 60px; */
		z-index: 10000;
		padding: 10px;
		display: inline;
		font-family: 'MontSerrat';
		font-size: 20px;
		font-weight: 700;
		box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.2);
		text-align: center;
		border-radius: 0 0 40px 40px;
	}

	.enteteAction {
		flex-direction: column;
		background-color: #f5efe3;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		/* height: 60px; */
		padding-bottom: 10px;
		z-index: 10000;
		border-radius: 0 0 40px 40px;
		box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.2);
	}

	.enteteAction > div {
		display: flex;
		flex-direction: row;
		width: 100%;
		justify-content: space-around;
	}
	.enteteAction h1 {
		font-size: 24px;
	}

	.buttonSvg {
		padding: 5px 15px 5px 10px;
	}

	#pageContainer {
		margin: 10px;
	}

	.button {
		font-size: 14px;
	}

	#pageAllContainer {
		display: flex;
		flex-direction: column;
		height: 100%;
		padding: 10px 10px 150px 10px;
	}

	.pageAllLogo {
		display: flex;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	:host #pageContainer {
		padding: 10px;
	}

	.enteteMenu {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background-color: #f5efe3b0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10000;
		box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.2);
		font-size: 24px;
		font-weight: 600;
	}
}

.pro .containerOmbre {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	border-radius: var(--border-radius-pro);
	background-color: #ffffffb0;
}

@media (min-width: 1100px) {
	.webCache {
		display: none !important;
	}
	.containerOmbre {
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.75);
		border-radius: var(--border-radius);
		color: #383838;
		background-color: #f4eee2a0;
	}

	.pro .buttonWeb {
		border-radius: var(--border-radius-pro);
	}

	.buttonWeb {
		padding: 10px 30px;
		/* font-family: 'MuseoModerno'; */
		font-size: 20px;
		font-weight: 800;
		background-color: var(--accentuation-color);
		background-image: linear-gradient(135deg, #b83805, #db4807 20%, #db4807 80%, #f05f14);
		color: #e0e0e0;
		border-radius: var(--border-radius);
		border: none;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		text-align: center;
		transition:
			color 0.3s ease,
			box-shadow 0.3s ease;
		box-shadow:
			0 4px 8px rgba(219, 72, 7, 0.4),
			0 0 10px rgba(219, 72, 7, 0.3);
	}

	.buttonWeb a {
		color: #e0e0e0;
	}

	.buttonWeb:hover {
		background-color: #f5520d; /* plus clair */
		box-shadow:
			0 6px 12px rgba(219, 72, 7, 0.6),
			0 0 20px rgba(219, 72, 7, 0.5);
		color: #fdf8f3;
	}

	.buttonWeb svg {
		width: 30px;
		margin-right: 10px;
	}

	.buttonWeb:hover:has(.spinner) {
		box-shadow:
			0 4px 8px rgba(219, 72, 7, 0.4),
			0 0 10px rgba(219, 72, 7, 0.3);
		color: #e0e0e0;
		background-image: linear-gradient(135deg, #b83805, #db4807 20%, #db4807 80%, #f05f14);
		background-color: var(--accentuation-color);
	}
	form .champ5 {
		width: 5%;
	}

	form .champ50 {
		width: 50%;
	}
}

@media (max-width: 400px) {
	:host #pageContainer {
		padding: 0;
	}
}

.has-tooltip {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: help;
	margin-left: 5px;
}

.has-tooltip::after {
	content: '?';
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ccc;
	color: white;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, sans-serif;
}

.has-tooltip.tooltip-empty {
	color: #ef4444;
}

.has-tooltip.tooltip-empty::after {
	background-color: #ef4444;
	color: #ffffff;
}

label.required::after {
	content: '*';
	color: red;
	font-weight: bold;
	margin-left: 4px;
}

label.required.dyna::after {
	content: '!';
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid red;
	color: red;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	margin-left: 4px;
}

.has-tooltip.tooltip-empty {
	color: red;
}

.ts-dropdown-content {
	max-height: 300px;
	overflow-y: auto;
}

.autocomplete-footer {
	border-top: 1px solid #ddd;
	padding: 10px;
	background: white;
	text-align: center;
}

.autocomplete-footer a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

/* ==========================================================================
   COMPOSANT ACCORDÉON UNIVERSEL (Pur CSS - Aligné à gauche)
   ========================================================================== */

/* Le conteneur de l'accordéon */
.ui-accordeon {
	width: 100%;
	text-align: left;
}

/* L'en-tête cliquable (Le summary) */
.ui-accordeon > summary {
	width: 100%;
	align-items: center;
	justify-content: flex-start; /* Aligne le contenu (texte/icônes) à gauche */
	gap: 10px;
	padding: 12px 16px;
	background-color: #f1f3f5;
	border: 1px solid #dee2e6;
	border-radius: 6px;
	font-weight: 600;
	color: #495057;
	cursor: pointer;
	user-select: none;
	text-align: left;
}

/* Optionnel : Changement de couleur au survol pour faire comprendre que c'scliquable */
.ui-accordeon > summary:hover {
	background-color: #e9ecef;
}

/* Le contenu masqué/affiché */
.ui-accordeon-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	align-items: flex-start; /* Aligne tout le contenu enfant à gauche */
	padding-top: 10px;
	text-align: left;
}

/* Conteneur global */
.tabs-container {
	display: flex;
	flex-direction: column;
	width: 100%;
	text-align: left;
}

/* On masque complètement les inputs radio natifs */
.tab-switch {
	display: none !important;
}

/* ==========================================================================
   STYLE DES BOUTONS (EN HAUT)
   ========================================================================== */
.tabs-headers {
	display: flex;
	flex-direction: row;
	gap: 12px; /* Légèrement augmenté pour laisser de la place aux bulles */
	margin-bottom: 20px;
	width: 100%;
	margin-top: 10px; /* Espace pour la bulle du premier bouton */
}

/* Le bouton principal (Sert de repère absolu) */
.tab-button {
	position: relative; /* CRUCIAL : pour caler la bulle par rapport au bouton */
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	background-color: #f1f3f5;
	border: 1px solid #dee2e6;
	border-radius: 6px;
	font-weight: 600;
	color: #495057;
	cursor: pointer;
	user-select: none;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
	width: 200px;
}

.tab-button:hover {
	background-color: #e9ecef;
}

/* Contenu gauche du bouton (Flèche + Texte) */
.tab-button-content {
	display: flex;
	align-items: center;
	gap: 12px;
}

/* La flèche dans le bouton */
.tab-arrow {
	font-size: 10px;
	color: #6c757d;
	display: inline-block;
	transition:
		transform 0.2s ease,
		color 0.2s ease;
}

/* ==========================================================================
   LA BULLE EN HAUT À DROITE (Badge)
   ========================================================================== */
.tab-badge {
	position: absolute;
	top: -8px; /* Sort la bulle vers le haut */
	right: -8px; /* Sort la bulle vers la droite */
	background-color: #495057; /* Couleur grise pro par défaut */
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 6px;
	min-width: 14px;
	height: 18px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	border: 2px solid #ffffff; /* Détache la bulle si les boutons se collent */
	transition: background-color 0.2s ease;
}

/* ==========================================================================
   STYLE DU CONTENU (EN BAS)
   ========================================================================== */
.tabs-contents {
	width: 100%;
}

.tab-content-panel {
	display: none;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	align-items: flex-start;
}

.activity-empty-box {
	width: 100%;
	background-color: #ffffff;
	padding: 16px;
	border-radius: 6px;
	border: 1px dashed #dee2e6;
	color: #6c757d;
	box-sizing: border-box;
}

/* ==========================================================================
   LA LOGIQUE DYNAMIQUE DE SÉLECTION
   ========================================================================== */

/* 1. Changement d'état visuel du bouton sélectionné */
#tab-1:checked ~ .tabs-headers .button-for-tab-1,
#tab-2:checked ~ .tabs-headers .button-for-tab-2,
#tab-3:checked ~ .tabs-headers .button-for-tab-3,
#tab-4:checked ~ .tabs-headers .button-for-tab-4 {
	background-color: #e9ecef;
	border-color: #ced4da;
	color: #212529;
}

/* La flèche tourne au clic */
#tab-1:checked ~ .tabs-headers .button-for-tab-1 .tab-arrow,
#tab-2:checked ~ .tabs-headers .button-for-tab-2 .tab-arrow,
#tab-3:checked ~ .tabs-headers .button-for-tab-3 .tab-arrow,
#tab-4:checked ~ .tabs-headers .button-for-tab-4 .tab-arrow {
	transform: rotate(90deg);
	color: #212529;
}

/* Optionnel : La bulle change de couleur (devient plus flash/active, ex: bleu) au clic */
#tab-1:checked ~ .tabs-headers .button-for-tab-1 .tab-badge,
#tab-2:checked ~ .tabs-headers .button-for-tab-2 .tab-badge,
#tab-3:checked ~ .tabs-headers .button-for-tab-3 .tab-badge,
#tab-4:checked ~ .tabs-headers .button-for-tab-4 .tab-badge {
	background-color: #007bff;
}

/* 2. Affichage du panneau de contenu correspondant en bas */
#tab-1:checked ~ .tabs-contents .tab-1-panel,
#tab-2:checked ~ .tabs-contents .tab-2-panel,
#tab-3:checked ~ .tabs-contents .tab-3-panel,
#tab-4:checked ~ .tabs-contents .tab-4-panel {
	display: flex;
}

/* Titres SEO : un <h1> qui garde l'apparence du libellé d'origine */
h1.telephoneTitre,
h1.enteteTitre {
	margin: 0;
}

/* Visible des lecteurs d'écran et des moteurs, pas à l'écran */
.srOnly {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}/* Cookie consent banner — non-blocking bottom bar (CNIL compliant). */

#cookie-consent {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 24px;
	background: #ffffff;
	color: #212529;
	box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.12);
	font-size: 14px;
	line-height: 1.5;
}

#cookie-consent[hidden] {
	display: none;
}

.cookie-consent__text {
	flex: 1 1 320px;
	margin: 0;
}

.cookie-consent__text a {
	color: inherit;
	text-decoration: underline;
}

.cookie-consent__actions {
	display: flex;
	gap: 12px;
	flex-shrink: 0;
}

/* Both buttons share the same size/weight so refusing is as easy as accepting. */
.cookie-consent__btn {
	min-height: 44px;
	padding: 10px 24px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	border: 2px solid #212529;
}

.cookie-consent__btn--accept {
	background: #212529;
	color: #ffffff;
}

.cookie-consent__btn--refuse {
	background: #ffffff;
	color: #212529;
}

@media (max-width: 600px) {
	#cookie-consent {
		flex-direction: column;
		align-items: stretch;
		padding: 16px;
	}

	.cookie-consent__actions {
		justify-content: stretch;
	}

	.cookie-consent__btn {
		flex: 1;
	}
}

/* /cookies page — inventory table + manage button. */
.cookies-table {
	width: 100%;
	border-collapse: collapse;
	margin: 24px 0;
	font-size: 14px;
}

.cookies-table th,
.cookies-table td {
	border: 1px solid #dee2e6;
	padding: 10px 12px;
	text-align: left;
	vertical-align: top;
}

.cookies-table th {
	background: #f8f9fa;
}

.cookies-manage-btn {
	min-height: 44px;
	padding: 10px 24px;
	border-radius: 8px;
	border: 2px solid #212529;
	background: #212529;
	color: #ffffff;
	font-weight: 600;
	cursor: pointer;
}
#notifications-container {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	z-index: 500000;
}

.notification {
	position: relative;
	background-color: #333;
	color: white;
	padding: 12px 20px 12px 20px;
	border-radius: 6px;
	min-width: 350px;
	max-width: 350px;
	opacity: 0.95;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	font-family: Montserrat;
	font-size: 16px;
}

.notification.success,
.notification.error,
.notification.warning,
.notification.info {
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.9), rgba(30, 30, 30, 0.9));
}

.notification-close {
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
	font-size: 24px;
	font-weight: bold;
	color: white;
	opacity: 0.7;
	transition: opacity 0.2s ease;
}

.notification-close:hover {
	opacity: 1;
}

.notification-progress {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background: rgba(255, 255, 255, 0.6);
	transform-origin: left;
	animation: shrinkBar 10s linear forwards;
}
:host {
	--hauteur_barre_menu: 80px;
}

a {
	text-decoration: none;
	color: #383838;
}

/*********************************************/
/*  MENU                                     */
/*********************************************/
.menuBeta {
	color: #000;
	padding: 0;
	font-family: Montserrat;
	font-size: 14px;
	border-radius: 10px;
	margin-left: -80px;
	opacity: 1;
	margin-top: 55px;
}
.betaGros {
	margin-left: -86px;
	margin-top: 100px;
}

.menu {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	flex-direction: row;
	font-size: 24px;
	font-weight: 700;
	align-items: center;
	justify-content: space-between;
	color: #383838;
	padding: 0 20px;
	box-shadow: 0 2px 30px 0px rgba(0, 0, 0, 0.2);
	background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 60%);
	height: var(--hauteur_barre_menu);
	z-index: 10000;
}

.menuLogoCouleurs {
	margin: 0;
	padding: 0;
}
.menuLogoCouleurs img {
	width: 217px;
	height: 60px;
}

.menuLogo img {
	width: 217px;
	height: 60px;
}

.menuCmd {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 40px;
	height: 100%;
}
.menuCmd ul {
	display: flex;
	flex-direction: row;
	gap: 40px;
	list-style-type: none;
	margin: 0;
	padding: 0 20px 0 0;
	height: 100%;
}
.menuCmd ul li {
	border-bottom: 4px solid transparent;
	align-self: center;
	text-align: center;
}
.menuCmd ul li a:hover {
	color: var(--accentuation-color);
}
.menuCmd ul .menuActif {
	border-bottom: 4px solid var(--accentuation-color);
}
.menuAcces {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
	justify-content: center;
	padding-bottom: 4px;
	height: 100%;
}
.menuAcces a:hover {
	color: var(--accentuation-color);
}

#avatarMenu {
	position: relative; /* ← indispensable pour positionner le menu par rapport à l'avatar */
	display: inline-block;
}

#avatarMenu .delete {
	display: none;
}

#avatarMenu > a:hover {
	color: #fff !important;
}

.menuInscription {
	background-color: #383838;
	color: #e0e0e0;
	border-radius: 40px;
	padding: 10px 20px;
	box-shadow:
		0 4px 8px rgba(219, 72, 7, 0.4),
		0 0 10px rgba(219, 72, 7, 0.3);
}

.menu .menuInscription:hover {
	box-shadow:
		0 6px 12px rgba(219, 72, 7, 0.6),
		0 0 20px rgba(219, 72, 7, 0.5);
	color: #fdf8f3;
}

.menuCompte {
	width: 68px;
	height: 68px;
	border-radius: 35px;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4px;
}

.menuCompte.menuActif {
	background: var(--accentuation-color);
}

.menuCompte:hover {
	background: var(--accentuation-color);
}

.menuCompte > a {
	min-width: 60px;
	min-height: 60px;
	border-radius: 50%;
	font-size: 24px;
	font-weight: 300;
	background-color: #000;
	color: #f4eee2;
	font-family: Montserrat;
	display: flex;
	justify-content: center;
	align-items: center;
}
.menuCompte > a:hover {
	color: var(--hover-color);
}

#menuTel {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60px;
	grid-template-columns: 1fr 80px 1fr;
	color: #383838;
	z-index: 10000;
	border-radius: 40px 40px 0 0;
	box-shadow: 0 -10px 30px 0px rgba(0, 0, 0, 0.2);
}

#menuTel a {
	color: #909090;
}
#menuTel .menuActif {
	color: #000;
}

.menuTelGroup {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	padding-top: 10px;
	background-color: #f5efe3;
	height: 60px;
}
#menuTel .middle {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #f5efe3;
}

#menuTel .middle img {
	width: 70px;
	z-index: 100001;
}

.menuTelGroup .avatarPhoto {
	min-width: 40px;
	max-width: 40px;
	min-height: 40px;
	max-height: 40px;
	border-radius: 50%;
}

#menuTel .menuBeta {
	margin-top: -25px;
	margin-left: 52px;
	font-size: 10px;
}

#shape {
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	background-color: var(--accentuation-color);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -10px;
}

#shape2:before {
	content: ' ';
	position: absolute;
	width: 80px;
	height: 80px;
	left: 0;
	top: -50px;
	border-radius: 50%;
	box-shadow: 0 0px 0 250px#f5efe3;
}
.middleIcone {
	background-color: var(--accentuation-color);
	margin-top: -95px;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 -10px 30px 0px rgba(0, 0, 0, 0.2);
}

.msgMenu {
	display: flex;
}

.msgWrapper {
	position: relative;
	display: inline-block;
}

.menuInfoBulle {
	position: absolute;
	top: -6px;
	right: -6px;
	background-color: red;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 6px;
	border-radius: 50%;
	min-width: 22px;
	min-height: 22px;
	width: 22px;
	height: 22px;
	max-width: 22px;
	max-height: 22px;
	text-align: center;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menuInfoBulleRouge {
	background-color: red !important;
}

.popup-menu {
	display: none;
	position: absolute;
	top: 80%; /* juste en dessous de l'avatar */
	left: 50%;
	transform: translateX(-75%);
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 5px 0;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
	min-width: 150px;
	width: max-content;
	z-index: 900000;
}

.popup-menu-separe {
	border-top: 1px solid #000;
}

.popup-menu a {
	display: block;
	padding: 8px 12px;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	font-family: Montserrat;
	display: flex;
	align-items: center;
}
.popup-menu a svg {
	margin-left: 10px;
}

.popup-menu a:hover {
	background-color: #f5f5f5;
	color: var(--accentuation-color);
}

.menuTelContainerPopup {
	position: relative;
}

/* Affiche le menu au survol du conteneur */
#avatarMenu:hover .popup-menu {
	display: block;
}

.menuTelContainerPopup .popup-menu {
	display: none;
	position: absolute; /* ou fixed si tu veux qu’il flotte */
	top: 100%;
	right: 0;
	background: white;
	border: 1px solid #ccc;
	padding: 10px;
	z-index: 900000;
}
.menuTelContainerPopup.active .popup-menu {
	display: block;
}

@media (max-width: 1300px) {
	.menuCmd ul {
		gap: 20px;
	}
}

@media (max-width: 1100px) {
	#menuTel {
		display: grid;
	}
	.menu {
		display: none;
	}
	.popup-menu {
		top: 0; /* juste en dessous de l'avatar */
		right: 0;
		transform: translateX(-100%) translateY(-100%);
	}
}

@media (max-width: 1250px) {
	.menuLogoCouleurs img {
		width: 212px;
		height: 53px;
	}
}
/*********************************************/
/*  FOOTER                                   */
/*********************************************/
.separeArcenciel {
	width: 100%;
	height: 5px;
	background: linear-gradient(to right, #ffffff, #0e4c8a, #0cacc6, #0e4c8a, #00cdb7, #f3d69a, #0e4c8a, #fb6b00, #ed3500, #ffffff);
	margin-bottom: 10px;
}

.empty {
	color: var(--accentuation-color);
	font-size: 40px;
	font-weight: 900;
	text-align: center;
	margin: 20px 0;
}

footer {
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	margin: 30px 0;
	display: flex;
	flex-direction: column;
	z-index: 9000;
}

footer .contenu {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

footer img {
	height: 20px;
}

footer .social {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 20px;
	gap: 10px;
}

footer .social a {
	padding: 0;
}

footer a {
	padding: 0 20px;
	font-size: 14px;
}

/* Logo et réseaux à gauche, centrés verticalement sur les 2 lignes d'entrées */
footer .entrees {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

footer .navigation,
footer .legal {
	display: flex;
	flex-wrap: wrap;
}

footer .navigation a {
	font-weight: 700;
}

footer .separeArcenciel {
	margin: 0 0 10px 0 !important;
}

/*********************************************/
/*  RESPONSIVE TEL                           */
/*********************************************/
@media (max-width: 1100px) {
	footer {
		margin-bottom: 120px;
	}

	footer .contenu {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	footer .entrees {
		margin-top: 10px;
	}

	footer .navigation,
	footer .legal {
		justify-content: center;
	}

	footer .navigation a,
	footer .legal a {
		line-height: 30px;
		white-space: nowrap;
	}
}

@media (min-width: 1101px) {
	footer {
		position: fixed;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 60%);
		margin: 0 !important;
	}
	:host #pageContainer {
		margin-bottom: 90px;
	}
}

/* https://hopopope.fr/assets/vendor/tom-select/dist/css/tom-select.default-FS08IxL.css */
/**
 * tom-select.css (v2.5.2)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */
.ts-control {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
}
.ts-wrapper.multi.has-items .ts-control {
  padding: calc(8px - 2px - 1px) 8px calc(8px - 2px - 3px - 1px);
}
.full .ts-control {
  background-color: #fff;
}
.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}
.focus .ts-control {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}
.ts-wrapper.multi .ts-control > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #fff;
  border: 1px solid #0073bb;
  overflow: auto;
}
.ts-wrapper.multi .ts-control > div.active {
  background: #92c836;
  color: #fff;
  border: 1px solid #00578d;
}
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  color: white;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}
.ts-control > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
  box-shadow: none !important;
}
.ts-control > input::-ms-clear {
  display: none;
}
.ts-control > input:focus {
  outline: none !important;
}
.has-items .ts-control > input {
  margin: 0px 4px !important;
}
.ts-control.rtl {
  text-align: right;
}
.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}
.ts-control.rtl .ts-control > input {
  margin: 0px 4px 0px -2px !important;
}
.disabled .ts-control {
  opacity: 0.5;
  background-color: #fafafa;
}
.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}

.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: 0.25rem 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 5px 8px;
}
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.ts-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.ts-dropdown .active.create {
  color: #495c68;
}
.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}
.ts-dropdown .spinner::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ts-dropdown-content {
  overflow: hidden auto;
  max-height: 200px;
  scroll-behavior: smooth;
}

.ts-wrapper.plugin-drag_drop .ts-dragging {
  color: transparent !important;
}
.ts-wrapper.plugin-drag_drop .ts-dragging > * {
  visibility: hidden !important;
}

.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: 0.5rem;
}

.plugin-checkbox_options.rtl .option input {
  margin-left: 0.5rem;
}

/* stylelint-disable function-name-case */
.plugin-clear_button {
  --ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(8px - 6px);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}
.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: max(var(--ts-pr-caret), 8px);
}
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}

.ts-wrapper .dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: color-mix(#fff, #d0d0d0, 85%);
  border-radius: 3px 3px 0 0;
}
.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.ts-wrapper .dropdown-header-close:hover {
  color: black;
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid #d0d0d0;
}
.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px;
  display: block;
  padding: 8px 8px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  width: 100%;
  background: transparent;
}
.plugin-dropdown_input .items-placeholder {
  border: 0 none !important;
  box-shadow: none !important;
  width: 100%;
}
.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
  display: none !important;
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
  color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup::before {
  display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.ts-wrapper.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
}
.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 6px;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}
.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #0073bb;
  margin-left: 6px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: #00578d;
}
.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: #aaaaaa;
}

.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}
.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #0073bb;
  margin-right: 6px;
}
.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: #00578d;
}
.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: #aaaaaa;
}

:host {
  --ts-pr-clear-button: 0px;
  --ts-pr-caret: 0px;
  --ts-pr-min: .75rem;
}

.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-control:not(.rtl) {
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-control.rtl {
  padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-wrapper {
  position: relative;
}

.ts-dropdown,
.ts-control,
.ts-control input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}

.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.ts-wrapper.single .ts-control {
  --ts-pr-caret: 2rem;
}
.ts-wrapper.single .ts-control::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.ts-wrapper.single .ts-control:not(.rtl)::after {
  right: 15px;
}
.ts-wrapper.single .ts-control.rtl::after {
  left: 15px;
}
.ts-wrapper.single.dropdown-active .ts-control::after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.ts-wrapper.single.input-active .ts-control, .ts-wrapper.single.input-active .ts-control input {
  cursor: text;
}

.ts-wrapper {
  display: flex;
  min-height: 36px;
}
.ts-wrapper.multi.has-items .ts-control {
  padding-left: 5px;
  --ts-pr-min: 5px;
}
.ts-wrapper.multi .ts-control [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  border-radius: 3px;
  background-color: color-mix(#1da7ee, #178ee9, 60%);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}
.ts-wrapper.multi .ts-control [data-value].active {
  background-color: color-mix(#008fd8, #0075cf, 60%);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
}
.ts-wrapper.multi.disabled .ts-control [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  box-shadow: none;
}
.ts-wrapper.multi.disabled .ts-control [data-value], .ts-wrapper.multi.disabled .ts-control [data-value] .remove {
  border-color: #e6e6e6;
}
.ts-wrapper.multi.disabled .ts-control [data-value] .remove {
  background: none;
}
.ts-wrapper.single .ts-control {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  background-color: color-mix(#fefefe, #f2f2f2, 60%);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
}

.ts-wrapper.single .ts-control, .ts-dropdown.single {
  border-color: #b8b8b8;
}

.dropdown-active .ts-control {
  border-radius: 3px 3px 0 0;
}

.ts-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}
.ts-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}
.ts-dropdown .optgroup:first-child {
  border-top: 0 none;
}

/* https://hopopope.fr/assets/controllers/toggle_password-c-gdY0u.css */
.toggle-password-container {
	position: relative;
}
.toggle-password-icon {
	height: 1rem;
	width: 1rem;
}
.toggle-password-button {
	align-items: center;
	background-color: transparent;
	border: none;
	column-gap: 0.25rem;
	display: flex;
	flex-direction: row;
	font-size: 0.875rem;
	justify-items: center;
	height: 1rem;
	line-height: 1.25rem;
	right: 0.5rem;
	top: -1.25rem;
}

.toggle-password-wrapper input[type='password'],
.toggle-password-wrapper input[type='text'] {
	padding-right: 40px;
}

.toggle-password-wrapper button {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	margin: -32px 10px 0 0;
	z-index: 10000000;
}

.toggle-password-wrapper button svg {
	width: 20px;
	height: 20px;
}

.champPasswordToggle {
	display: flex;
	flex-direction: column;
	align-items: end;
}

.champPasswordToggle input {
	width: 100%;
}

.pro .champPasswordToggle button {
	margin-top: -25px;
}