@font-face {
 font-family:"pictos-moteur";
 src: url("fonts/pictos-moteur.otf");
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

/* GÉNÉRAL
================================================== */

ul, ol { list-style:none; padding:0; margin:0; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { color:#fff; box-sizing: border-box; border:solid 1px #000; background:#000; cursor: pointer; }
input select, textarea { width:inherit; border:solid 1px #000; background:#fff; outline:none; }

/* ZONE DE RECHERCHE
================================================== */

/********** Structure du moteur **********/

.rech_custom_post { display:flex; }
.rech_custom_post .search_nav { position:relative; display:flex; width:100%; }

/********** Structure de la zone de recherche *********/

.rech_custom_post .search_nav .search_form { display:flex; flex-wrap:wrap; gap:15px; width:100%; }

/********** Recherche libre **********/

.search_form .moteur-recherche-libre { position:relative; display:flex; flex:1; }
/* Input */
.moteur-recherche-libre input.rech_search { flex:1; height:40px; padding:0 50px 0 10px; border:solid 1px #000; outline:none; transition: all 0.2s ease-out; }
.moteur-recherche-libre input.rech_search:hover, .rech_custom_post input.rech_search:focus { }
.moteur-recherche-libre input.rech_search::placeholder { color:#999; }
/* Bouton avec loupe */
.moteur-recherche-libre button.search_form_submit { position:absolute; top:0; right:0; width:40px; height:40px; padding:0 0 0 40px; border:none; overflow:hidden; }
.moteur-recherche-libre button.search_form_submit::before, .rech_custom_post button.search_form_submit::after { position:absolute; content:""; }
.moteur-recherche-libre button.search_form_submit::before { left:10px; top:10px; width:16px; height:16px; border-radius:16px; border:solid 2px #fff; }
.moteur-recherche-libre button.search_form_submit::after { left:22px; top:25px; width:8px; height:2px; transform:rotate(45deg); background:#fff; }

/********** Sélecteur de filtres sous forme de Select **********/

.search_form .rech_categorie { position:relative; flex:1; min-width:20%; cursor:pointer; }

/* Sélecteur fermé */
.rech_categorie .rech_dropdown-toggle, .rech_categorie .btn-default { line-height:38px; white-space:nowrap; padding:0 10px; border:solid 1px #000; background:#fff; transition: all 0.2s ease-out; }
.rech_categorie .rech_dropdown-toggle .caret, .rech_categorie .btn-default .caret { position:absolute; top:50%; transform:translateY(-50%); right:10px; width:13px; height:13px;  }
.caret.glyphicon-menu-down:before, .caret.glyphicon-menu-down::after { position:absolute; content:""; height:2px; width:9px; background:#000; }
.caret.glyphicon-menu-down::after { top:7px; transform: rotate(-45deg) translateX(4px) translateY(2.5px); }
.caret.glyphicon-menu-down::before { top:-9px; transform: rotate(45deg) translateX(10px) translateY(11px); }
/* Sélecteur ouvert */
.rech_categorie.open .rech_dropdown-toggle { color: #fff; background-color: #000; }
.rech_categorie.open .rech_dropdown-toggle .caret { transform: translateY(-50%) rotate(180deg); }
.rech_categorie.open .rech_dropdown-toggle .caret.glyphicon-menu-down:before, .rech_categorie.open .rech_dropdown-toggle .caret.glyphicon-menu-down::after { background:#fff; }
/* Enveloppe liste catégories */
.rech_custom_post ul.rech_dropdown-menu, .rech_custom_post ul.dropdown-menu { position: absolute; top:100%; left:0; z-index:1000; width:100%;  display: none; padding:10px; margin:5px 0 0 0; border:solid 1px #000; background-color:#fff; }
.rech_custom_post .rech_categorie.open ul.rech_dropdown-menu, .collapse_wrapper.collapse_open ul.collapse_target { display:flex; flex-direction:column; row-gap:10px; }

/********** Sélecteur de filtres sous forme de Liste **********/

/* Titre liste de recherche */

.rech_categorie_titre { display:flex; align-items:center; justify-content:space-between; line-height:40px;  }

/* Ouverture / Fermeture d'une liste */
.collapse_wrapper span.collapse { position:relative; width:16px; height:16px; cursor:pointer; }
.collapse_wrapper span.collapse::before, .collapse_wrapper span.collapse::after { position:absolute; top:7px; left:0; content:""; width:16px; height:2px; background:#000; transition:all 0.2s ease-out; }
.collapse_wrapper.collapse_open span.collapse::before { transform:rotate(-45deg); }
.collapse_wrapper.collapse_open span.collapse::after { transform: rotate(45deg); }
.collapse_wrapper.collapse_close span.collapse::before { transform:rotate(-180deg); }
.collapse_wrapper.collapse_close span.collapse::after { transform: rotate(180deg); }
/* Ascenseur vertical */
.collapse_wrapper.collapse_open .collapse_target { width:100%; height:210px; padding-right:8px; overflow-y:scroll; }
.collapse_wrapper.collapse_open .collapse_target::-webkit-scrollbar { width:8px;  background:transparent; }
.collapse_wrapper.collapse_open .collapse_target::-webkit-scrollbar-track { border-radius:0; }
.collapse_wrapper.collapse_open .collapse_target::-webkit-scrollbar-thumb { background:#000; }
.collapse_wrapper.collapse_close .collapse_target { display:none; }

/********** Fourchette de tarifs **********/

.search_form .rech_price_filter { display:flex; flex-direction:column; row-gap:12px; flex:1; background:yellow; }
.search_form .rech_price_filter .ui-widget.ui-widget-content { height:3px; margin:5.5px 7px 0; border:none; background:transparent; }
.search_form .rech_price_filter .ui-widget.ui-widget-content::before{ position:absolute; left:-7px; right:-7px; content:""; height:3px; background:#eee; }
.search_form .rech_price_filter .ui-slider .ui-slider-range { background: #000; }
.search_form .rech_price_filter .ui-widget.ui-widget-content .ui-slider-handle { width:14px; height:14px; top:-5.5px; margin-left:-7px; border:none; background:#000; }
.search_form .rech_price_filter .slider-values { column-gap:5px; }


/********** Filtres sélectionnés  **********/






/********** Filtres des tarifs  **********/


/*.ui-slider-horizontal { height:3px; margin-top:8px;  }
*/
.ui-widget-content { background:#eee; }
/*.ui-slider-horizontal .ui-slider-range { background:#000; }
*/.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { top:-6px; width:15px; height:15px; border:1px solid #000; border-radius:50%; outline:none; background:#000; }
.slider-values { display:flex; }
.slider-values span > span { margin-right:4px; }




/* Liste premier niveau */

.rech_custom_post ul.dropdown-menu > li.categorie_term, ul.rech_dropdown-menu > li.categorie_term, ul.collapse_target > li.categorie_term { display:flex; flex-direction:column; row-gap:10px; padding-bottom:10px; border-bottom:dashed 1px #000; }


/* Liste second niveau */

ul.categorie_term_childs {  display:flex; flex-direction:column; row-gap:5px; padding-left:15px; }

/* Liste avec cases à cocher catégories */
li.categorie_term { }
li.categorie_term label { display:flex; lign-items:center; column-gap:5px; width:100%; cursor:pointer; }
li.categorie_term input[type="checkbox"] { display:none; }
li.categorie_term input[type="checkbox"] + label:before { flex:0 0 18px; height:18px; content:""; border:1px solid #000; }
li.categorie_term input[type="checkbox"]:hover + label, ul.rech_dropdown-menu li.categorie_term input[type="checkbox"]:checked + label { }
li.categorie_term input[type="checkbox"]:hover + label:before { }
li.categorie_term input[type="checkbox"]:checked + label:before { background:#000; }

/******************************/

.template-rech_barre .rech_barre_search_texte { margin-bottom: 20px; }
.template-rech_barre .rech_barre_search_moteur { display:block; margin: 0 auto 30px auto; }


.template-rech_barre .dropdown { float: left; width:100%; margin:0 0 5px 0; background:#eee; }

.template-rech_barre .dropdown .dropdown-toggle { width: 100%; height: 40px; font: 700 14px/40px 'Open Sans', sans-serif; color: rgba(51, 51, 51, 0.5); text-align: left; text-transform: none; padding: 0 40px 0 10px; border: none;  border-radius: 0; background: transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.template-rech_barre .dropdown .dropdown-toggle:hover, .template-rech_barre .dropdown.open .dropdown-toggle { color: rgba(51, 51, 51, 0.8); background: rgba(51, 51, 51, 0.05); }
.btn:active, .btn.active { -webkit-box-shadow:none; box-shadow:none; }

.template-rech_barre .dropdown .dropdown-toggle .glyphicon-menu-down { position: absolute; top:0; right: 0; width: 40px; height: 40px; font:normal 18px/40px 'Defaults'; text-align: center; border: none;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.template-rech_barre .dropdown.open .dropdown-toggle .glyphicon-menu-down {color: rgba(51, 51, 51, 0.8); -moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.glyphicon-menu-down:before { content: "\f0d7"; }

/***** Liste sélecteur *****/

.template-rech_barre .open>.dropdown-menu { position:inherit; width: 100%; min-width: 180px; padding: 0; margin: 0; border-radius: 0; border-top: 1px solid #fff; background-color: #eee; }
.template-rech_barre .dropdown-menu label { float: left; color:rgba(51, 51, 51, 0.5); margin:0;  width: 100%; }
.template-rech_barre .dropdown-menu label:hover { color:rgba(51, 51, 51, 0.8); background:rgba(51, 51, 51, 0.05);  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.template-rech_barre .dropdown-menu label span { float: left; font:600 14px/32px 'Open Sans', sans-serif; }
.template-rech_barre .dropdown-menu input[type="checkbox"] { float: left; visibility: visible; position: unset; -webkit-appearance: none; -moz-appearance: none; appearance: none; height:32px; width:32px; font: normal 18px/32px 'Defaults'; text-indent: 2px; text-align: center; margin:0; padding:0; outline:none; }

/***** Case à cocher liste sélecteur *****/

.template-rech_barre .dropdown-menu label input[type="checkbox"]:before { content: "\f0c8"; text-align: center; color:rgba(51, 51, 51, 0.5);}
.template-rech_barre .dropdown-menu label input[type="checkbox"]:hover:before { content: "\f0c8"; color:rgba(51, 51, 51, 0.8);}
.template-rech_barre .dropdown-menu label input[type="checkbox"]:checked:before { content:"\f14a"; color:rgba(51, 51, 51, 0.8); }


/***** Bouton de validation *****/

.search_form_submit.btn { float:right; height:40px; width:100%; font: 700 14px/40px 'Open Sans', sans-serif; color: #fff; border: none; border-radius: 0; padding: 0 15px; margin: 0 !important; background-color: rgba(51, 51, 51, 0.8); outline: none; }
.search_form_submit.btn:hover, .search_form_submit.btn:focus { background-color: rgba(51, 51, 51, 1); outline: none; }

@media (min-width: 768px) {

.template-rech_barre .rech_barre_search_moteur { display: flex; float: none; }
.template-rech_barre .dropdown { width: 25%; margin:0 5px 0 0; }
.search_form_submit.btn {width: 25%; }
.template-rech_barre .open>.dropdown-menu { position: absolute; }

}