*{box-sizing:border-box; -ms-overflow-style: none; scrollbar-width: none;} *::-webkit-scrollbar {display: none;} .display_block {display: block;} .center {text-align: center;} .masquer {display: none;} .masquer_important {display: none!important;} .hidden {visibility: hidden;} .conteneur, .conteneur2 {width: 100%;max-width: 1200px; margin: auto; padding: 0 10px} body {padding: 0; margin: 0; min-height: 100vh;} #fond {width: 100%;position: relative;overflow: hidden;} .a {cursor: pointer; text-decoration: none;} .btn {user-select: none} .center_v_h, .center_v_h2{margin: auto;position: fixed;top: 50%; left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);padding: 20px;} .center_v_h2 {position: absolute;} #chargement {text-align: center; font-size: 3em;} .animer {transition:all .2s linear;} .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .barrer{text-decoration:line-through;} /*choises*/ .choices{position:relative;overflow:hidden;margin-bottom:24px;}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:initial}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-10px;border-radius:20px;overflow:hidden;word-break:break-all;will-change:visibility;z-index: 99;}.choices__list--dropdown.is-active{visibility:visible}.is-open .choices__list--dropdown{border-color:#b7b7b7}.is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:10px;border-radius:20px}.choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item{position:relative;padding:10px;color:#000}[dir=rtl] .choices__list--dropdown .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable::after{content:attr(data-select-text);opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5} input.choices__input { width: 94%!important; min-width: 0!important;font-size: .9em!important } .choices__inner { text-align: left; border-radius: var(--borderRadius)!important; padding:.7em 0.5em; } .opacity0 {opacity: 0;} /*-----------------------------------------------------------------*/ /* table */ table{width: 100%; border:none; border-spacing: 0px; border-collapse: separate;} table th{background:#ccc; color:#fff} table td, table th{padding:10px; text-align: left} table td{border-bottom: 1px solid #ccc} table tr:hover td{background:#F1F1F1} /*-----------------------------------------------------------------*/ /* form */ .form{width: 100%; padding: 10px; } .form .bloc_input {padding: 0; margin: 0; position: relative; display: block;} .form .champ {display: block;margin-bottom: 10px;} .form .champ label{display: block;} .form .legende{margin-top:10px; font-size: 0.8em; font-style: italic; color: #07a4b6; } .form fieldset{border: none;} .form fieldset legend{font-size: 2em; text-align: center;} .form .champ:not(.select) .bloc_input{display: grid;grid-template-columns: 25px auto 25px;border: 1px solid var(--bordure);border-radius: 20px;transition: all 0.5s ease; padding:10px;} .form .champ:not(.select):not(.checkbox):not(.radio) .bloc_input { background:var(--couleur_claire)} .form .champ .bloc_input:has(.toolbar){display: block} .form .checkbox:not(.select) .bloc_input, .form .radio:not(.select) .bloc_input{display:flex; align-items: center; border:none} .form .checkboxes .bloc_input, .form .radios .bloc_input{display: block} .form .checkboxes .label_principal, .form .radios .label_principal{display: block} .form .choix_checkbox{display: flex; align-items: center; margin-top:10px; } .form .choix_checkbox .choix{cursor: pointer} .form .champ.checkbox label, .form .champ.radio .r_span label{display: inline; cursor: pointer;} .form .champ.checkbox input, .form .champ.radio input {width: auto;} .check_block .r_span {display: block;} .champ.checkbox .label_principal {cursor: default;} .champ.radio {margin-bottom: 20px;} .form .champ.radio .r_span label{margin-right: 20px;} .form .champ.radio.sexe input {display: none;} .form .champ.radio.sexe .r_span label{display: inline-block; padding: 10px 20px; text-align: center; border: 1px solid #9d9e9e; border-radius: 5px; font-size: 1.7em; color: #9d9e9e; margin-right: 10px; } .form .champ.radio.sexe .r_span input:checked + label {background: #9d9e9e; color: #fff;} .form .champ.file{text-align: center;position:relative} .form .champ.file:has(.bloc_input input[value=""]) .fermer{display: none} .form .champ.file .avant{width: 100%; height:200px; background-color: #F1F1F1; border:2px dotted #ccc; position: relative; cursor: pointer; border-radius: var(--borderRadius); background-position: center center;background-repeat: no-repeat; background-image:url('/images/upload_image.svg'); overflow: hidden} .form .champ.file[data-img] .avant{background-size: contain;} .form .champ.file .bloc_input{display:none} .form .champ.file progress{position: absolute;bottom: 10px;width: 90%;left:50%;transform: translate(-50%,0%)} .form .champ.file .progress{font-size: 2em; position:absolute; top:0;left:0;display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.4);width: 100%;height: 100%;} .form div .bloc_input:before, .form div .bloc_input:after, .form .bloc_input .choices__inner:after{font-family: "Font Awesome 6 Free";font-weight: 900; -moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: var(--fa-display,inline-block);font-style: normal;font-variant: normal;line-height: 1;text-rendering: auto; position:relative;top:3px} /*form obligatoire*/ .form .bloc_input:has(input:required):after , .form .bloc_input:has(textarea:required):after , .form .bloc_input:has(select:required) .choices__inner:after {content: "*"; color: var(--erreur) } /*formulaire invalide*/ .form .bloc_input:has(input:required:invalid:not([type=checkbox]):not(:placeholder-shown)) , .form .bloc_input:has(textarea:required:invalid:not(:placeholder-shown)) , .form .champ:not(.select):not(.checkbox):not(.radio).erreur .bloc_input { background:var(--fond_erreur); border-color: var(--erreur); animation: shake 0.5s; } .form .bloc_input:has(input:required:invalid:not([type=checkbox]):not(:placeholder-shown)) * , .form .bloc_input:has(input:required:invalid:not([type=checkbox]):not(:placeholder-shown)):before , .form .bloc_input:has(textarea:required:invalid:not(:placeholder-shown)):before , .form .erreur .bloc_input { color: var(--erreur)} /*formulaire valide*/ .form .bloc_input:has(input:required:valid):after , .form .bloc_input:has(textarea:required:valid):after , .form .bloc_input:has(select:required:valid) .choices__inner:after {content: "\f058"; color: var(--bordure_valide) } .form .bloc_input:has(select:required:invalid) select , .form .erreur .bloc_input select {border-color:var(--erreur) } .form .champ:not(.select) .bloc_input:has(input:focus) , .form .champ:not(.select) .bloc_input:has(textarea:focus) {background:var(--input_hover);} .form .bloc_input:before{color: #9d9e9e; content:" "} .form .prenom .bloc_input:before , .form .nom .bloc_input:before {content: '\f007';} .form .courriel .bloc_input:before{content: '\f0e0';} .form .password .bloc_input:before{content: '\f023';} .form .site_web .bloc_input:before, .form .url .bloc_input:before{content: '\f0ac';} .form .sujet .bloc_input:before{content: '\f059';} .form .mobile .bloc_input:before{content: '\f10b';} .form .telephone .bloc_input:before:before{content: '\f095';} .form .date .bloc_input:before{content: '\f133';} .form .seo_title .bloc_input:before, .form .seo_description .bloc_input:before {content: '\f002';} .form .paypal .bloc_input:before{content: '\f1ed'; font-family: 'Font Awesome 6 Brands';} .form .search .bloc_input:before{content: '\f002';} .form .facebook .bloc_input:before{content: '\f230';} .form .twitter .bloc_input:before{content: '\f081';} .form .youtube .bloc_input:before, .form .video .bloc_input:before{content: '\f167'; font-family: "Font Awesome 6 Brands";} .form .pinterest .bloc_input:before{content: '\f0d3';} .form .code_promo .bloc_input:before{content: '\f218';} .form .prix .bloc_input:before{content: '\f53a';} .form .qte .bloc_input:before{content: '\f24e';} .form .pourcentage .bloc_input:before{content: '\f295';} .form .n_de_la_voie .bloc_input:before , .form .nom_de_la_voie .bloc_input:before , .form .numero_de_la_porte .bloc_input:before , .form .adresse_complementaire .bloc_input:before , .form .adresse .bloc_input:before , .form .code_postal .bloc_input:before , .form .ville .bloc_input:before , .form .pays .bloc_input:before {content: '\f279';} .form .champ input, .form .champ textarea, #i_recherche, .input_seul {width: 100%; padding:0px;font-weight: 400;font-size: 1em;background: none;border: none;} .form .file .fermer {position: absolute;top: -15px;cursor: pointer;font-size: 2.5em;right: -15px;color: hsl(345deg 100% 47%);} .form .champ input[type="checkbox"] , .form .champ input[type="radio"] { margin-bottom: 0; } .form .range input[type=range] {background: none;border: none;box-shadow: none;padding: 0;width: 100%; left: -10px;} .val_range {text-align: center; } .val_range:after {content:"\00a0" attr(data-devise); display: inline-block;} .form .champ input[disabled=disabled],.form .champ input[readonly=true] , .form .champ textarea[disabled=disabled], .readonly{background: #ccc!important; cursor: not-allowed;} .form button[disabled=disabled]{cursor: not-allowed;} .form .champ textarea{ height: 400px; margin-bottom: 0;} .form select{width: 100%;} textarea:focus, input:focus, button:focus{outline: none;} .form .limite{position: absolute;text-align: right;top: 15px;right: 10px; font-size: .8em; color: #ccc;} .form .limite span{ color: #ff0000; font-weight: bold;} .form .submit{position: relative; text-align: center;} .form #submit.attente span::after {content: "\f1ce"; -webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;display: inline-block; font-family:"Font Awesome 5 Free";margin-left: 10px;font-size: 1.2em;font-weight: 900;} .form .hidden{display:none!important;} .form #div_submit{z-index: 2; position: relative;transition: all .3s ease-in;} .form #div_submit button{transition: all .3s ease-in;} .form:invalid #div_submit{opacity: .2; cursor:not-allowed; } .form:invalid #div_submit:after{position: absolute; width: 100%; height: 100%; top: 0; left: 0; content:" "; } .form .bloc_input:has(textarea[maxlength]) .maxlength{background: #ccc; width: 100%;padding: 10px} .erreur{color:var(--erreur)} .valider{text-decoration:line-through;} .form #legende_fin, .form #legende_fin2{text-align: center; font-size: 0.8em; margin-top: 20px; } ._msg_erreur{background: #ff0000; color: #fff!important; padding: 10px; margin: 20px 0; text-align: center; } .masquer_vers_le_bas {bottom: -100px!important;} /*-----------------------------------------------------------------*/ /* menu */ .menu a:hover, .menu .actif a {background: var(--couleur1);} /*-----------------------------------------------------------------*/ /* select */ select::-ms-expand { display: none; } select { -webkit-appearance:none; appearance: none; width: 100%; min-width: 15ch; border: 1px solid #dedede; border-radius: var(--borderRadius); padding:1em 0.5em; font-size: 1em; cursor: pointer; line-height: 1.1; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 99% 50%; color: darkgrey; outline: none; grid-template-areas: "select"; display: grid; align-items: center; background: url("data:image/svg+xml;utf8,") no-repeat; background-position: calc(100% - 15px) 60%; background-size: 10px; } select::after { content: ""; width: 0.8em; height: 0.5em; background-color: var(--select-arrow); clip-path: polygon(100% 0%, 0 0%, 50% 100%); justify-self: end; } select, select:after { grid-area: select; } /*-----------------------------------------------------------------*/ /* tooltip */ [data-tooltip] { position: relative; } [data-tooltip]:before, [data-tooltip]:after { display: block; opacity: 0; pointer-events: none; position: absolute; z-index: 1; } [data-tooltip]:after { border-right: 6px solid transparent; border-bottom: 6px solid rgba(0,0,0,.75); border-left: 6px solid transparent; content: ''; height: 0; top: 50px; left: 20px; width: 0; } [data-tooltip]:before { background: rgba(0,0,0,.75); border-radius: 2px; color: #fff; content: attr(data-tooltip); font-size: 14px; padding: 6px 10px; top: 56px; white-space: nowrap; } /* expand */ [data-tooltip]:before { transform: scale3d(.2,.2,1); transition: all .2s ease-in-out; } [data-tooltip]:after { transform: translate3d(0,6px,0); transition: all .1s ease-in-out; } [data-tooltip]:hover:before, [data-tooltip]:hover:after { opacity: 1; transform: scale3d(1,1,1); } [data-tooltip]:hover:after { transition: all .2s .1s ease-in-out; } /*-----------------------------------------------------------------*/ /* noUi */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px;outline:none}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} .noUi-target { border: none; } .noUi-base { width: 60%; margin: auto; height: 20px; background: #ccc; background-color: #F7F7F7; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; border-radius: 10px; position: relative; top: 0px; } .slider_group { display: block; position: relative; margin-bottom: 40px; top: 25px; } .slider_group .slider_value { position: absolute; top: -10px; text-align: center; font-size: .6em; z-index:1 } .slider_group .slider_min{left: 0;} .slider_group .slider_max{right: 0;} .slider_group .slider_value input { border: none; width: 60px; padding: 0; } .slider_group .slider_value input:hover {background: #F7F7F7;} #chargement{position: fixed; top:0; left: 0; width:100%; height:100%; display:flex; justify-content: center; align-items: center; background:rgba(0, 0, 0, .5); z-index: 999; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); color:#fff} /*-----------------------------------------------------------------*/ /* animation */ @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(0px, 0px) rotate(0deg); } } .blink { transition:all .2s linear; animation: blink 1s steps(5, start) infinite; } @keyframes blink { to {opacity: 0;} } .hljs { display: block; overflow-x: auto; /* Custom font is optional */ font-family: "Operator Mono", "Fira Code", "Menlo", "Monaco", "Courier New", "monospace"; line-height: 1.45; padding: 1rem; margin-bottom: 1rem; background: #2d2b57; font-weight: normal; border-radius: 0.25rem; } .hljs-title { color: #fad000; font-weight: normal; } .hljs-name { color: #a1feff; } .hljs-tag { color: #ffffff; } .hljs-attr { color: #f8d000; font-style: italic; } .hljs-built_in, .hljs-selector-tag, .hljs-section { color: #fb9e00; } .hljs-keyword { color: #fb9e00; } .hljs, .hljs-subst { color: #e3dfff; } .hljs-string, .hljs-attribute, .hljs-symbol, .hljs-bullet, .hljs-addition, .hljs-code, .hljs-regexp, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-template-tag, .hljs-quote, .hljs-deletion { color: #4cd213; } .hljs-meta, .hljs-meta-string { color: #fb9e00; } .hljs-comment { color: #ac65ff; } .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-name, .hljs-strong { font-weight: normal; } .hljs-literal, .hljs-number { color: #fa658d; } .hljs-emphasis { font-style: italic; } .hljs-strong { font-weight: bold; }