.filter {
    z-index: 2;
    width: 100%;
    position: relative;
}

.filter-body {
    width: 100%;
    top: calc(100% - 1px);
    position: absolute;
    padding: 0 1rem 1rem;
    background-color: var(--color-white);
    list-style: none;
}





ul.filter-body li{    
	margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    list-style: none;
}


.filter-item {
    display: flex;
    gap: .4166666667vw;
    font-weight: 500;
}

.filter-item.is-active {
    color: #000000;
}

.filter-item.is-active:before {
    content: "";
    display: block;
    position: relative;
    top: .15625vw;
    height: .4166666667vw;
    width: .4166666667vw;
    border-radius: 50%;
    background-color: #000000;
}

.text-sm {
    font-size: .7291666667vw;
    font-size:0.9vw;
}

.text-transform-u {
    text-transform: uppercase;
}

a {
    cursor: pointer;
    text-decoration: none;
}

ul.filter-body li a {
	color:#000000;
    text-decoration: none;
    cursor: pointer;
}



@media (min-width: 1024px){
	.filter-body {
	    top: auto;
	    position: relative;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 0;
	    gap: 1.25vw;
	    background-color: transparent;
	}

	

}

@media (max-width: 1024px){
	ul.filter-body li{
		margin-bottom:10px;
	}

	ul.filter-body li a.text-sm{
		font-size:15px !important;
	}
}


i.far.fa-check-circle.inline_star.add_portfolio_photo {
    color: #FFFFFF;
    position:absolute;
    right: 10px;
    top: 10px;
}

i.far.fa-check-circle.fontawesome-star.add_portfolio_photo {
    color: #FFFFFF;
    position:absolute;
    right: 10px;
    top: 10px;
    z-index:9990;
}

i.far.fa-check-circle.inline_star.remove_portfolio_photo {
    color: #7e5ed7;
    position:absolute;
    right: 10px;
    top: 10px;
}

i.far.fa-check-circle.fontawesome-star.remove_portfolio_photo {
    color: #7e5ed7;
    position:absolute;
    right: 10px;
    top: 10px;
    z-index:9990;
}


.portfolio_title
        {
            color: #7e5ed7;
            font-size: 16px;
            font-weight: bold;
            font-family: 'cel_b';
            letter-spacing: 5px;
        }

        .fancybox-progress
        {
            background: #847092;
            background: #7e5ed7;
        }
        
        /*@media (hover: none) and (max-width: 580px) and (orientation: portrait) {*/
        @media (hover: none) {
            .ma_selection_photo
            {
                display:none;
            }

            .close_selection_div
            {
                display: none;
            }

            i.far.fa-check-circle.fontawesome-star.add_portfolio_photo {
                display:none;
            }

            i.far.fa-check-circle.fontawesome-star.remove_portfolio_photo {
                display:none;
            }

            i.far.fa-check-circle.inline_star.add_portfolio_photo {
                display:none;
            }

            i.far.fa-check-circle.inline_star.remove_portfolio_photo {
                display:none;
            }
        }

        .fancybox-is-open .fancybox-stage {
            overflow: hidden;
            background: rgba(255,255,255,0.95);
        }

        .fancybox-bg, .fancybox-caption {
            background: transparent;
            font-size: 17px;
        }

        .fancybox-button
        {
            background: #847092;
            background: #7e5ed7;
            color: #FFFFFF;
        }

        .fancybox-caption__body {
            color: #061152;
            font-weight: bold;
        }

        button.fancybox-button.fancybox-button--zoom, button.fancybox-button.fancybox-button--play, button.fancybox-button.fancybox-button--thumbs
        {
            display: none!important;
        }

        .content_box3
        {
            padding: 15px 0px;
            width: 95%;
            margin: auto;
        }

        .main_title
        {
            width: 100%;
            max-width: 1200px;
            margin:auto;
        }

        .retourP
        {
            width: unset;
            left: 0px;
        }

        .ma_selection
        {
            width: unset;
            right: 0px;
            font-weight: bold;
            top: -20px;/**/
        }
/*
* Filtres et moteur de recherche
*/
.search-container{
    padding:15px;
    box-sizing: border-box;
    background:transparent;
}

.search_element{
    width:25%;
    float:left;
    padding:15px;
    box-sizing: border-box;
    display:flex;
    justify-content: center;
    flex-direction: column;
    /*min-height:100px;
    height:auto;*/
}

.label_filtre{
    color:#061152;
    text-transform: uppercase;
    font-weight:bold;
}



.select2-container--default .select2-selection--single .select2-selection__choice {
    color: #061152;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
     color: #FFFFFF;
	 background-color: #7e5ed7;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0;
}

.select2-container--default .select2-results__option--selected {
    background-color: #7e5ed7;
    color:#FFFFFF !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
      color:#061152;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
     color:#061152;

}


.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #7e5ed7;
     color:#FFFFFF;
}

.select2-container--default .select2-results__option {
  color:#061152;
}

.select2-container--default .select2-results__option:hover {
  background-color: #7e5ed7;
   color:#FFFFFF;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 0px;
    /*border: none;
    border-bottom:1px #000000 dashed;*/
    border-radius: 5px;
    border:1px #061152 solid;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
}


.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-radius: none;
    /*border-top:0px;
    border-left:0px;
    border-right:0px; 
    border-bottom:1px #000000 dashed;*/
    border-radius: 5px;
    border:1px #061152 solid;
    outline: 0;
}

.select2-container--open .select2-dropdown--below {
    z-index: 9998;
}

#search-results{
    color:#000000;
    border-left: 1px solid #00000026;
    border-right: 1px solid #00000026;
    border-bottom: 1px solid #00000026;
    width:100%;
    background: #FFFFFF;
    position:absolute;
    z-index:9998;
}

.reset_research {
    position: absolute;
    color: #000000;
    top: 8px;
    right: 0px;
    top: 10px;
    right: 5px;
}

.element_recherche{
    cursor: default;
    box-sizing: border-box;
    padding:5px 5px 5px 20px;
    outline:none;
}

.element_recherche:hover{
    color: #061152;
	 background-color: #7e5ed7;
}

.element_titre{
    pointer-events: none;
    box-sizing: border-box;
    padding:5px;
    background:rgba(0,0,0,0.15);
    background: #061152;
    color:#FFFFFF;
    outline:none;
}

input.recherche_portfolio {
    /*border: none;
    border-bottom: 1px dashed #000000;*/
    border-radius: 5px;
    border:1px solid #061152;
    background:transparent;
    color:#061152;
    width:100%;
    height: 29px;
    height: 32px;
    padding:5px;
    box-sizing: border-box;
}

input.recherche_portfolio::placeholder{
    color:#061152;
}

.search-engine{
    position:relative;
}

.searchBtnHolder {
    width: 100%;
    margin:auto;
    box-sizing: border-box;
    color: #061152;
    font-weight: 400;
    font-size: 16px;
    display:flex;
    justify-content: center;
    flex-direction: column;
}

.searchToggleBtn {
    width: 100%;
    color: #061152;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 20px;
    cursor: pointer;
    border-bottom: 1px solid #061152;
}

@media (max-width: 800px){
    /*.search-container {
        min-height: 500px;
    }*/

    .search_element {
        width: 100%;
    }
}

/*
* Selection pour pdf
*/
.ma_selection_photo, .remove_all_selection{
    color: rgb(6, 17, 82);
}

.select-multiple, .recherche_portfolio {
    outline:none;
}