.header, .home-header{
    transition: background-color 0.3s ease;
}
.only-small.sticky, .only-large.sticky  {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255,255,255);
    z-index: 1000;
}
.categories-filtre tr td+td {
    padding-left: 25px;
}
.dropdown-menu{
    background-color: transparent !important;
}
@media only screen and (min-width: 1920px) {
    .site-container {
        width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }
    .logo {
        width: 128px;
        height: 65px;
        background-image: url("../IMG/logo_harter.svg");
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
    }
    .home-menu {
        width: 1361px;
        text-align: right;
    }
    .int-menu {
        width: 957px;
        margin-left: 130px;
        margin-top: -21px;
    }
    .home-slider .slick-slide img {
        width: 1920px;
        height: auto;
        overflow: hidden;
    }
    .slider .slick-slide img {
        width: 1920px;
        height: auto;
    }
    .search-bar {
        font-size: 22px;
        padding-right: 15px;
    }
    .int-search-bar {
        font-size: 22px;
        padding-left: 350px;
    }
    .logo, .home-menu, .search-bar, .int-menu, .int-search-bar {
        vertical-align: middle;
        display: inline-block;
    }
    .home-header {
        height: auto;
        position: absolute;
        z-index: 1;
        padding: 58px 0 0 136px;
        height: 182px;
    }
    .header {
        padding: 58px 0 0 136px;
        height: 182px;
    }
    .home-menu .navbar-nav {
        padding-left: 1042px;
        margin-top: -25px;
    }
    .home-header .row, .header .row{
        all: unset;
    }

    .home-slider {
        position: relative;
        padding-bottom: 95px;
    }
    .home-main-content {
        font-size: 17px;
        padding-bottom: 125px;
        width: 950px !important;
        margin: 0 554px 0 416px;
    }
    .pages-int-mots{
        width: 1512px;
        margin-left: 278px;
        margin-right: 140px;
    }
    .pages-mots-gauche, .pages-mots-droite{
        width: 670px;
    }
    .pages-mots-droite{
        margin-left: 85px;
    }
    .pages-mots-gauche{
        margin-right: 85px;
    }
    .projets-mots{
        display: flex;
    }
    .titre-projet h3, .titre-projet p{
        font-size: 22px !important;
        text-transform: uppercase;
    }
    .filtre-object img, .filtre-object h3{
        cursor: pointer;
    }
    .pages-int-mots .pages-mots-gauche .filtre-object:nth-child(odd) img{
        width: 100%;
        height: auto;
    }
    .pages-int-mots .pages-mots-gauche .filtre-object:nth-child(even) img{
        width: 100%;
        height: auto;
    }
    .pages-int-mots .pages-mots-droite .filtre-object:nth-child(odd) img{
        width: 100%;
        height: auto;
    }
    .pages-int-mots .pages-mots-droite .filtre-object:nth-child(even) img{
        width: 100%;
        height: auto;
    }
    .pages-int-mots a{
        color: #000;
    }
    .agence-main-content {
        font-size: 17px;
        width: 1083px !important;
        margin: 28px 564px 0 277px;
    }
  .agence-main-content h2{
    padding-bottom: 23px;
    margin: 0;
  }
    .categories-main-content{
        padding-top: 101px;
        width: 1374px;
        font-size: 17px;
        margin: 0 268px;
    }
    .categories-main-content .categories-img img{
        width: auto;
        height: 450px;
        margin-bottom: 50px;
    }
    .categories-main-content .categories-img div:first-child p {
        padding-bottom : 44px
    }
    .categories-main-content h1, .categories-main-content h2 {
        font-size: 22px;
        text-transform: uppercase;
    }
    .categories-main-content .categories-filtre strong{
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .categories-main-content .categories-filtre em{
        font-size: 17px;
        letter-spacing: 1px;
        font-style: initial;
    }
    .agence-art {
        font-size: 17px;
        height: 1464px;
        width: 1328px;
        margin: 0 324px 0 268px;
        padding-bottom: 125px;
    }
  .agence-art img{
    width: 400px;
    height: auto;
  }
    .agence-art figure {
        padding-bottom: 48px;
        margin: 0;
    }
    #c19 img {
        width: 400px;
        height: auto;
    }
    .agence-content-left, .agence-content-left .frame {
        width: 517px;
        padding-right: 29px;
    }
    .agence-content-right, .agence-content-right .frame {
        width: 512px;
        padding-left: 29px;
    }
    .agence-art .frame-type-image {
        float: left;
    }
    .footer {
        float: left;
        padding-top: 0 !important;
        padding-bottom: 47px;
        padding-left: 126px;
        margin-top: auto !important;
    }
    .coordonees {
        font-size: 17px;
    }
    .footer i {
        font-size: 29px !important;
        padding: 0 14.5px !important;
    }
    .search-bar i, .int-search-bar i{
        font-size: 16px !important;
        padding: 0 11px !important;
    }
    .mentions {
        font-size: 13px !important;
    }
    .nav-link {
        font-size: 15px;
        letter-spacing: 1px;
    }
    .int-search-bar {
        margin-top: -25px;
    }
    .header .search-bar, .header .int-search-bar {
        margin-top: -30px;
    }
    .pages-int-projets {
        width: 956px;
        margin-left: 278px;
        margin-right: 696px;
        margin-bottom: 105px;
    }
    .pages-int-projets table p{
        margin: 0 !important;
    }
    #myTable tbody tr:first-child td:nth-child(1) {
        width: 138px !important;
    }
    #myTable tbody tr:first-child td:nth-child(2) {
        width: 414px !important;
    }
    #myTable tbody tr:first-child td:nth-child(3) {
        width: 140px !important;
    }
    #myTable tbody tr:first-child td:nth-child(4) {
        width: 140px !important;
    }
    #myTable tbody tr:first-child td:nth-child(5) {
        width: 140px !important;
    }
    .pages-int table {
        border-top: 1px solid #000;
    }
    .random-content-int h2 {
        padding-bottom: 54px;
    }
    .categories-filtre h2{
        padding-top: 70px;
        padding-bottom: 54px;
    }
    .navbar, .nav-link {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .projets-images img {
        width: auto;
        height: 180px;
        float: left;
        padding-right: 20px;
        padding-bottom: 20px;
    }
    #c33 td {
        padding-bottom: 27px;
    }
    .pages-int-selection {
        width: 1642px;
        margin-left: 138px;
        margin-right: 140px;
    }
    .random-content-int img, .random-projects img{
        width: 100%;
        height: auto;
    }
    .random-projects{
        width: 875px;
    }
    .random-projects a{
        color: #000;
    }
    .random-content{
        display: flex;
        padding-bottom: 162px;
    }
    .random-art{
        padding-left: 82px;
    }
  .random-art img{
    width: 400px;
    height: auto;
  }
    .pages-int-selection .row{
        margin: 0;
    }
    .random-content-int .filtre-object{
        display: inline-block;
        padding-bottom: 124px;
        margin-right: 79px;
        width: 400px;
        vertical-align: top;
    }
    .random-projects .filtre-object{
        display: inline-block;
        width: 400px;
        padding-bottom: 40px;
        vertical-align: top;
    }
    .random-projects .filtre-object:first-child {
        margin-right: 70px;
    }
    .pages-int-selection a{
        all: unset;
    }
    .pages-int-blocgauche, .pages-int-blocdroite {
        width: 820px;
    }
    .pages-int-blocdroite{
        padding-left: 50px;
    }
    .filtre-object{
        padding-bottom: 30px;
    }
    .dropdown-menu{
        border: none;
        width: 931px !important;
        left: -398px;
    }
    .dropdown-menu a{
        font-size: 15px;
        padding-right: 64px;
        letter-spacing: 1px;
    }
    .drop-show {
        display: block !important;
    }
    .pages-int-selection .pages-int-blocgauche .filtre-object:nth-child(4n+1) img{
        width: 100%;
        height: auto;
    }
    .pages-int-selection .pages-int-blocgauche .filtre-object:nth-child(4n+2) img{
        width: 100%;
        height: auto;
    }
    .pages-int-selection .pages-int-blocgauche .filtre-object:nth-child(4n+3) img{
        width: 100%;
        height: auto;
    }
    .facet-row{
        text-transform: uppercase;
    }
    .mots-facets{
        width: 1230px;
        padding-bottom: 86px;
    }
    .facet-placeholder,.facet-placeholder .btn {
        font-size: 20px !important;
        letter-spacing: 1px;
    }
    .projets-mots .hidable{
        display: none;
    }
    .facet-true{
        border-bottom: 3px solid #000;
    }
    .facet-reset{
        padding-top: 35px;
        text-transform: uppercase;
    }
    .facet-reset a{
        font-size: 15px;
        letter-spacing: 1px;
    }
    .facet-placeholder .btn{
        padding: 0;
        border-radius: 0;
    }
    .facet-row{
        padding-bottom: 25px;
    }
    .no-facets{
        color: #918F8F;
    }
    .facet1 .facet-placeholder{
        padding: 0 122px 0 0 !important;
    }
    .facet2 .facet-placeholder{
        padding: 0 60px 0 0 !important;
    }
    .facet3 .facet-placeholder{
        padding: 0 77px 0 0 !important;
    }
    .facet4 .facet-placeholder{
        padding: 0 63px 0 0 !important;
    }
    .facet5 .facet-placeholder{
        padding: 0 53px 0 0 !important;
    }
    .facet6 .facet-placeholder{
        padding: 0 93px 0 0 !important;
    }
    .facet1, .facet2, .facet3, .facet4, .facet5, .facet6{
        display: flex;
        align-items: center;
    }
    .pages-int-selection .pages-int-blocgauche :nth-child(4n+4) img{
        width: 100%;
        height: auto;
    }
    .pages-int-selection .pages-int-blocdroite .filtre-object:nth-child(4n+1) img{
        width: 100%;
        height: auto;
    }
    .pages-int-selection .pages-int-blocdroite .filtre-object:nth-child(4n+2) img{
        width: 100%;
        height: auto;
    }
    .pages-int-selection .pages-int-blocdroite .filtre-object:nth-child(4n+3) img{
        width: 100%;
        height: auto;
    }
    .pages-int-selection .pages-int-blocdroite .filtre-object:nth-child(4n+4) img{
        width: 100%;
        height: auto;
    }
    body{
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }
    body, html{
        overflow-x: hidden;
    }
    .home-menu .nav-item{
        padding-right: 82px;
    }
    .int-menu .nav-item{
        padding-right: 62px;
    }
    #slickid-5 .slick-next, #slicksync-5 .slick-next, #slickid-5 .slick-prev, #slicksync-5 .slick-prev {
        width: 70px;
        height: 70px;
    }
    #slickid-5 .slick-next, #slicksync-5 .slick-next{
        right: 70px !important;
    }
    #slickid-5 .slick-prev, #slicksync-5 .slick-prev{
        left: 70px !important;
        z-index: 100;
        transform: scaleX(-1);
    }
}
#tx_indexedsearch, .tx-indexedsearch-icon, .tx-indexedsearch-rules, .tx-indexedsearch-info-sword, .tx-indexedsearch-info, .tx-indexedsearch-percent{
    display: none;
}
.tx-indexedsearch-browsebox ul{
    display: flex;
    padding: 0;
}
.home-header{
    top: 0 !important;
    left: 0 !important;
}
.tx-indexedsearch-browsebox p{
    display: none;
}
.tx-indexedsearch-browsebox li{
    list-style-type: none;
    padding: 5px;
}
.tx-indexedsearch-res h3{
    cursor: pointer;
}
.home-header .row{
    padding-top: 2rem;
}
figure {
    margin: 0 0 23px 0 !important;
}
.titre-projet h3{
    margin-bottom: 0 !important;
}
.footer{
    margin-top: auto;
}
.footer .mentions{
    text-transform: uppercase;
}
.footer{
    padding-top: 8rem;
}
.footer a{
    color: #000;
    margin: 0 9px;
}
.logo img{
    width: 100px;
    height: auto;
}
@media (max-width: 991px) {
    .agence-art img{
        width: 200px;
        height: auto;
    }
}
.agence-art figcaption{
    padding-top: 1rem;
    text-transform: uppercase;
}
.random-art figcaption {
    padding-top: 1rem;
    text-transform: uppercase;
    font-size: 22px;
}
.home-menu a, .int-menu a{
    color: #000 !important;
    text-transform: uppercase;
}
.pages-int-projets table {
    width: 100% !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
}
.agence-main-content h2, .agence-art h2, .random-content-int h2, .categories-filtre h2 {
    font-size: 25px;
}
.pages-int table td{
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000;
}
#myTable tr{
    border-bottom: 1px solid;
}
tr{
    -webkit-transition: all .5s ease-out;
}
.collapsing{
    all: unset;
}
.collapse-empty td{
    color : #AFAFAF !important;
}
.active-collapse{
    text-decoration: underline;
}
.collapsed{
    text-decoration: none !important;
}
.collapse-js{
    cursor: pointer;
}
.collapse-js:hover{
    text-decoration: none;
    font-weight: bolder;
    -webkit-transition: unset;

}
.pages-int .collapse .card-body{
    padding: 0;
}
.dropdown-toggle::after{
    display: none;
}
.projets-filtre img{
    max-height: 320px;
    width: auto;
}
.projets-filtre{
    padding-top: 3rem;
}
.search-icon{
  background-image: url('../IMG/loupe.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.instagram-icon{
  background-image: url('../IMG/instagram.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.linkedin-icon{
    background-image: url('../IMG/linkedin_harter.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.slick-prev, .slick-next{
    transform: none;
}
#slickid-5 .slick-next, #slicksync-5 .slick-next, #slickid-5 .slick-prev, #slicksync-5 .slick-prev {
    background-image: url(/fileadmin/IMG/HARTER_FLECHE.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.slick-prev:before, .slick-next:before{
    display:none;
}
@media only screen and (min-width: 992px) {
    .only-large{
        display: block;
    }
    .only-small{
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    .only-large{
        display: none !important;
    }
    .only-small{
        display: block;
    }
}
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 70px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px; /* Some padding */
  border-radius: 18px; /* Rounded corners */
  background-color: #F1F1F1;
}
#myBtn img{
  width: 42px;
  height: auto;
}
html{
  scroll-behavior: smooth;
}
table.dataTable.row-border>tbody>tr>*, table.dataTable.display>tbody>tr>*{
    border: unset !important;
}
table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_1, table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_1{
    box-shadow: unset !important;
}
table.dataTable.order-column>tbody tr>.sorting_1, table.dataTable.order-column>tbody tr>.sorting_2, table.dataTable.order-column>tbody tr>.sorting_3, table.dataTable.display>tbody tr>.sorting_1, table.dataTable.display>tbody tr>.sorting_2, table.dataTable.display>tbody tr>.sorting_3{
    box-shadow: unset !important;
}
table.dataTable.stripe>tbody>tr:nth-child(odd)>*, table.dataTable.display>tbody>tr:nth-child(odd)>*{
    box-shadow: unset !important;
}
table.dataTable>tbody>tr>th, table.dataTable>tbody>tr>td{
    padding: 5px 0 !important;
}
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td{
    padding: 5px 0 27px 0 !important;
    border: unset !important;
}