#blog .categories li, #ressources .categories li {
  margin-right: 5px; }

#blog .categories .category.active,
#ressources .categories .category.active {
  background: #FFF;
  color: #4b4b4b; }

#blog .masonry-block article {
  margin: inherit; }

#blog .masonry-block.first article {
  float: inherit; }

#ressources .masonry-block {
  display: flex;
  flex-flow: row wrap;
  height: auto !important; }

.row {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin-left: -15px;
  margin-right: -15px; }
  .row img {
    height: auto;
    width: 100%; }

.col-md-12, .col-md-4, .col-md-6, .col-md-8 {
  flex-basis: calc(50% - 30px);
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px; }
  @media screen and (max-width: 1199px) {
    .col-md-12, .col-md-4, .col-md-6, .col-md-8 {
      flex-basis: 100%; } }

.col-md-4 {
  flex-basis: calc(33.33333% - 30px); }
  @media screen and (max-width: 1199px) {
    .col-md-4 {
      flex-basis: 100%; } }

.col-md-12 {
  flex-basis: 100%; }

.col-md-8 {
  flex-basis: calc(66.66666% - 30px); }
  @media screen and (max-width: 1199px) {
    .col-md-8 {
      flex-basis: 100%; } }

.umb-grid, .umb-grid div {
  padding-top: initial !important; }

.downloads {
  width: 500px;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  transition: all 500ms;
  display: flex;
  flex-flow: row;
  justify-content: space-between; }

.bb-bookblock {
  height: 456px;
  width: 674px !important;
  margin-left: 0px; }

.bb-item img {
  max-width: 100%; }

img.mockup {
  max-width: 100%; }

@media screen and (max-width: 1024px) {
  .bb-bookblock {
    max-width: 100%;
    height: 0;
    padding-bottom: 68%; }
  #download #form .download-button {
    font-size: 16px;
    line-height: 37px; } }

.bb-item {
  background: transparent; }

#bb-bookblock {
  position: relative; }

.bb-item:not(:last-child):after {
  content: "";
  position: absolute;
  cursor: pointer;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 111px;
  width: 56px;
  z-index: 105;
  background: url(/images/right.png) no-repeat center right;
  opacity: 0;
  transition: opacity 0.3s ease-out; }

.bb-item:not(:first-child):before {
  content: "";
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 111px;
  width: 56px;
  z-index: 105;
  background: url(/images/left.png) no-repeat center right;
  opacity: 0;
  transition: opacity 0.3s ease-out; }

#download .slider-progress {
  margin-top: 130px;
  margin-bottom: -180px; }

@media screen and (max-width: 1280px) {
  #download .slider-progress {
    margin-left: 60px; } }

@media screen and (max-width: 1024px) {
  #download .slider-progress {
    margin-left: 30px;
    margin-bottom: -100px; } }

@media screen and (max-width: 767px) {
  #download .slider-progress {
    margin-top: 30px;
    margin-left: -10px;
    margin-bottom: inherit; } }

#bb-bookblock:hover .bb-item:after, #bb-bookblock:hover .bb-item:before {
  opacity: 1; }

.bb-inner img {
  max-width: 100%; }

@media screen and (min-width: 1025px) {
  #download #content #blog {
    transform: translateY(-130px); }
  #download .downloads {
    transform: translateY(-448px); }
  #download .slider-progress__bar-index {
    background: #fff; } }

@media screen and (min-width: 1025px) and (max-width: 1100px) {
  #download #content #blog {
    transform: translateY(-130px) scale(0.87) translateX(2vw); }
  #download .downloads {
    transform: translateY(-487px) scale(0.87) translateX(2vw); } }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #download .downloads {
    transform: translateY(-487px) scale(0.87) translateX(2vw);
    flex-wrap: wrap;
    justify-content: center;
    width: 400px; }
    #download .downloads > div:first-child {
      margin-bottom: 5px; } }

@media screen and (min-width: 1025px) and (max-width: 1095px) {
  #download .downloads {
    width: 350px; }
    #download .downloads > div:first-child {
      margin-bottom: 5px; } }

@media screen and (min-width: 1281px) and (max-width: 1323px) {
  #download #content #blog {
    transform: translateY(-130px) scale(0.87) translateX(2vw); }
  #download .downloads {
    transform: translateY(-418px) scale(0.87) translateX(2vw); } }

@media screen and (max-width: 1024px) {
  #download .downloads {
    width: 100%;
    position: relative;
    justify-content: space-around;
    margin-top: 15px;
    margin-bottom: -15px; } }

@media screen and (max-width: 670px) {
  #download .downloads {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-top: 20px; }
    #download .downloads > div:first-child {
      margin-bottom: 15px; } }

.mobile-accueil {
  display: none; }

@media screen and (max-width: 1023px) {
  .mobile-accueil {
    display: inherit;
    color: #4B4B4B; }
  .home-link img {
    display: none; }
  body #nav-main li:hover .mega-sub-menu {
    display: none; }
  body #nav-main li > a {
    transition: border 0.4s ease-out; }
  body #nav-main li.current > a, body #nav-main li > a.active, body #nav-main li.current > a, body #nav-main li > a.active span {
    color: #aaa; }
  body #nav-main .mega-sub-menu {
    display: none; }
  body #nav-main li.sub:after {
    cursor: pointer; }
  body #nav-main li.sub.active:after {
    background: url(i/moins.svg) no-repeat 0 0; }
  body #burger-button {
    opacity: 1;
    transition: opacity 0.3s ease-in-out; }
  body #nav-main.ishidden + #burger-button {
    opacity: 0;
    pointer-events: none; }
  body #contact-block .w50 {
    width: 100%;
    max-width: 100%;
    overflow: hidden; } }