@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

img[data-src], img[data-srcset] {
  display: inline;
}
.yp-row--bandeau img {
  display :block;
}
.yp-navbar__dropdown-toggler {
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
}
.yp-tracker__btn p {
  margin: 0;
}
.yp-tracker__btn p a {
  color: #0095de;
}
.yp-tracker__btn:hover p a {
  color: #fff;
}
.yp-extension--tracker + .yp-extension .phone {
  display: none !important;
}
.yp-col--header-4,
.yp-col--footer-3 {
  align-items: baseline;
  display: flex;
}
.yp-col--header-4 > div:last-of-type,
.yp-col--footer-3 > div:last-of-type {
  margin-left: 5px;
}

.yp-container--default .yp-article-single__body {
  max-width: 800px !important;
  width: 100% !important;
}

.yp-gallery__img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.yp-gallery__list::after {
  content: '';
  flex: 1 0 33%;
}

.yp-articles-category {
  text-align: center;
}

.yp-articles-list {
  text-align: left;
}
.yp-articles-list__body {
  min-height: 67%;
}
.yp-articles-list__body-title {
  line-height: 1.15;
}

.yp-container--promotion .yp-articles-list {
  text-align: center;
}

.yp-container--promotion .yp-articles-list__body {
  left: 0;
  max-height: none;
}
.yp-container--promotion .yp-articles-list__body-preview {
  padding-right: 0;
}

.list-style--2 .yp-articles-category {
  padding: 0;
}
.list-style--2 .yp-articles-list__body {
  padding: 0 70px !important;
  max-height: none !important;
}

.list-style--3 .yp-articles-list {
  width: 100%;
}
.list-style--3 .yp-articles-list__body {
  left: initial;
  top: initial;
  overflow: visible;
  max-height: none;
}

.yp-article-single__footer {
  text-align: center;
}

.yp-container--default .yp-article-single__header .btn {
  color: #fff !important;
}
  

.yp-modal__dialog .yp-form__body {
  box-shadow: none !important;
  margin: 0 !important;
  padding: 10px !important;
}
.yp-modal__dialog .yp-form__group {
  display: block !important;
  width: 100% !important;
}

.yp-modal__dialog .yp-form__group--rgpd {
  padding-left: 0 !important;
}
.yp-modal__dialog .yp-form__group--rgpd .yp-form__control {
  float: left;
  margin-right: 5px;
  width: auto !important;
}
.yp-col--footer-2 > div a {
  padding: 5px 0 !important;
}
  

@media (min-width: 480px) {
  .yp-navbar__toggler {
    right: 5px !important;
  }
}


@media (min-width: 769px) {
  .yp-navbar__dropdown-toggler {
    display: none;
  }
  
  .header .yp-navbar__dropdown:hover .yp-navbar__dropdown-menu {
    display: block;
    margin: 0;
    position: absolute;
    top: 100%;
  }
  
  .list-style--2 .yp-articles-list__body, .list-style--2 .yp-articles-list__thumb {
    height: 100%;
  }
  
  .list-style--3 .yp-articles-list {
    justify-content: center !important;
  }
  
  .yp-layout {
    margin-top: 160px !important;
  }
}
@media (min-width: 960px) { 
  .yp-breadcrumb {
    padding: 5px 10px !important;
    top: 170px !important;
  }
  
  .yp-col--footer-2 {
    display: flex;
    flex-wrap: wrap;
  }
  .yp-col--footer-2 > div:first-of-type {
    margin-right: 100px;
  }
  .yp-col--footer-2 > div:last-of-type {
    flex: 0 0 100%;
  }
}
@media (min-width: 1660px) { 
  .yp-layout {
    margin-top: 120px !important;
  }
  .yp-breadcrumb {
  	padding: 5px 100px !important;
    top: 120px !important;
  }
}
@media (max-width: 1660px) {
  .header {
    padding: 10px 0 !important;
  }
  
  .yp-row--header {
    flex-wrap: wrap !important;
  }
  .yp-col--header-1 {
    flex: 0 0 100%;
    justify-content: center;
    margin-bottom: -50px;
    text-align: center;
  }
  
  .yp-col--header-2 {
    flex: 0 0 100%;
    margin-top: 20px;
    order: 4;
  }
  
  .header .yp-navbar__nav {
    justify-content: center !important;
  }
  
  .header .yp-tracker__btn,
  .header .yp-tracker__body a,
  .header .btn {
    padding: 5px 10px !important;
  }
  .header .btn + .btn {
    margin-left: 5px;
  }
}
@media (max-width: 1440px) {
  .yp-container--default .yp-article-single__header {
    width: 45% !important;
  }
}

@media (max-width: 1024px) {
  .yp-row--header {
    justify-content: space-between;
}

@media (max-width: 960px) {
  .yp-layout {
    margin-top: 0 !important;
  }
  
  .header {
    position: relative !important;
  }
  .header .yp-row {
    padding: 0 15px !important;
  }
  .yp-col--header-1 {
    flex: initial;
    margin-bottom: 0;
  }
  .yp-col--header-2 {
    margin-top: 5px;
  }
  
  .yp-breadcrumb {
    font-size: 12px !important;
    padding: 5px 10px !important;
    position: static !important;
  }
  .yp-article-single__featured {
    display: flex;
    flex-direction: column-reverse;
    height: auto; 
  }
  .yp-container--default .yp-article-single__featured {
    height: auto !important;
    left: initial !important;
    position: static !important;
    overflow: visible !important;
  }
  .yp-container--default .yp-article-single__featured:after {
    display: none;
  }
  .yp-container--default .yp-article-single__header {
    box-sizing: border-box !important;
    font-size: 18px !important;
    left: initial !important;
    max-width: 100% !important;
    position: static !important;
    padding: 0 20px !important;
    top: initial !important;
    transform: none !important;
    width: 100% !important;
  }
  .yp-container--default .yp-article-single__featured-img {
    float: none !important;
    display: block;
    height: auto !important;
    margin: 0 auto;
    object-fit: initial !important;
    width: auto !important;
  }
  .yp-container--default .yp-article-single__body {
    padding-top: 0 !important;
  }
}

@media (max-width: 768px) {
  .header {
    padding-right: 60px !important;
  }
  .header .yp-col--header-3 {
    padding-right: 0 !important;
  }
  
  .header .yp-navbar__collapse {
    border-bottom: 1px solid #0095de;
    position: absolute;
    top: 100%;
    z-index: 100;
    background: rgb(255, 255, 255);
    width: 100%;
    left: 0px;
    text-align: center;
  }
 
  .yp-navbar__dropdown-menu {
    border: 0;
    position: static !important;
    text-align: center;
    transform: none !important;
    width: 100%;
  }
  
  .dropdown-toggle:after {
    display: none;
  }
  
  .header .yp-navbar__toggler {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  
  .header .btn {
    padding: 3px;
    width: 30px;
  }
  
  .header .phone,
  .header .rdv {
    font-size: 0 !important;
  }
  
  .header .phone::before,
  .header .rdv::before {
    font-size: 14px;
    font-family: 'Font Awesome 5 Pro';
  }
  
  .header .phone::before {
    content: '\f095';
  }
  .header .rdv::before {
    content: '\f129';
  }
  
  .header .yp-tracker__btn {
    height: 35px;
    padding: 3px 8px !important;
  }
  
  .header .yp-tracker__btn p {
    margin: 0;
  }
  .header .yp-tracker__btn a {
    font-size: 0;
    height: 30px;
  }
  .header .yp-tracker__btn a i {
    font-size: 14px;
  }
  
  .list-style--2 .yp-articles-list__item {
    flex-direction: column !important;
    height: auto !important;
  }
  .list-style--2 .yp-articles-list__body {
  	padding: 40px !important; 
  }
  .list-style--2 .yp-articles-list__body-preview {
    padding-right: 0 !important;
  }
  
  .yp-row--expertise .partenaires .yp-articles-list {
    flex-direction: row !important;
    flex-wrap: wrap;
  }
  
  .yp-container--footer .yp-navbar__collapse {
    display: block !important;
  }
  .yp-container--footer .yp-navbar__dropdown-toggler {
    display: none !important;
  }
  
  .yp-col--footer-2 .yp-navbar__nav {
    flex-direction: column;
  }
}
  
@media (max-width: 480px) {
  .header {
    padding: 0 !important;
  }
  .header .yp-row {
    padding: 0 50px !important;
  }
  .header .yp-col--header-1 {
    flex: 0 0 100%;
    text-align: center;
    width: 100%;
  }
  .header .yp-col--header-1 img {
    max-width: 175px;
  }
  .header .yp-col--header-3 {
    display: none;
  }
  .header .yp-col--header-4 {
    position: absolute;
    right: 15px;;
    top: 50%;
    transform: translateY(-50%);
  }
  .header .yp-col--header-4 p {
    margin: 5px 0;
  }
  .header .yp-navbar__toggler {
    left: 0 !important;
    right: initial
  }
  
  .yp-row--footer  {
    flex-direction: column;
    justify-content: center;
    padding: 20px !important;
    text-align: center;
  }
  .yp-col--footer-1 {
    margin-right: 0 !important;
  }
  .yp-col--footer-3 {
    justify-content: center;
    text-align: center !important;
  }
  
  .yp-col--footer-2 .yp-navbar__nav {
    flex: 0 0 100%;
  }
  
  .yp-form__group {
    display: block !important;
    width: 100% !important;
  }
  .yp-row--bandeau {
    display: none;
  }
}

@media (min-width: 480px) {
  .header .yp-col--header-1 img {
    height: auto !important;
    width: auto !important;
  }
}