body{font-size: 1rem; color: black}
header#masthead {padding: 0}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
    font-family: 'Oswald', sans-serif;
    font-size: 1.2rem;
    color: black !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link
 {font-family: "Roboto", sans-serif;font-size: 1.2rem;}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item
{padding: 0 15px}
.mega-sub-menu > .mega-menu-row {padding: 10px 0 !important;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu
{border:solid 1px black !important}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus
{background: black !important; color:white}

.home #content.site-content {
    padding-top: 0rem;
}
#featured-works {background-size: cover; background-repeat: no-repeat;background-position: center;
  display: flex;
   align-items: center;
   justify-content: center;
 padding: 4rem 0}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {z-index: 9999}

 @media screen and (max-width: 565px) {
  .legendeimage {padding: 0 1rem}
 }

   .embed-container {
       position: relative;
       padding-bottom: 56.25%;
       overflow: hidden;
       max-width: 100%;
       height: auto;
   }

   .embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.legendeimagein {color: white; text-shadow: 1px 1px 1px #000000; font-size: 1.5rem; width: 80%; line-height: 1.4; font-weight: 600}
.legendeimagein h2 {font-size: 2.5rem}
.legendeimagein a {color: white !important}

#hometoplink {background-color: rgba(0,0,0,0.4);
display: inline-block;
padding: 0.5rem 1rem;
margin-top: 1rem}

#articleshome {margin-top: 3rem}

#voirtoutesnews {margin-bottom: 2rem}
#voirtoutesnews a {margin: 0 auto;}

.slidesin {padding: 1rem}
.slidesin:nth-child(odd) {padding-left: 0}
.slidesin:nth-child(even) {padding-right: 0}


.slidesinin img {width: 100%; height: auto;background-color: white;}
.slidecontenu {padding: 2rem; color: white}
.bloclien a {color: white !important}
.bloclien a::before, .legendeimagein a::before{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da ";padding-right: 0.5rem;
  }
.bloccontenu, .bloclien a {font-size: 1.2rem}


h2.entry-title {
border-bottom: none;
    font-size: 1.35rem;
    margin: 0;
    padding: 0;
    margin-bottom: 0.4rem;
}



.btg-button {font-family: 'Oswald', sans-serif !important; text-transform: uppercase;}
.btg-button .hvr-icon {margin-left: 1rem}

.single .entry-content img:first-of-type { display:none; }

element.style {
}
#masthead nav {
    padding-left: 0;
    padding-right: 0;
}
.p-0 {
    padding: 0 !important;
}
@media (min-width: 1200px){
.navbar-expand-xl {

    justify-content: space-between;
}
}



.searchandfilter > ul > li {
    display: inline-block;
}
.searchandfilter ul li {
    width: 25% !important;
    padding: 0 1.771vw !important;
    margin-bottom: 0.8854vw !important;
    position: relative;
}
.searchandfilter label {
    width: 100%;
}
.sf-input-text {
    border-bottom: solid 2px black;
    width: 100%;
    height: 42px;
}
.sf-input-select {
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: solid 2px black;
    background-color: transparent;
    padding: 0.5rem 0;
    color: black !important;
    border-radius: 0 !important;
    width: 100%;
    cursor: pointer;
}
.searchandfilter > ul {padding: 0}
@media screen and (max-width: 830px) {
  .searchandfilter ul li {  width: 33.3% !important;
  }
}

@media screen and (max-width: 610px) {
  .searchandfilter ul li {  width: 50% !important;
  }
}