@font-face {
  font-family: 'BebasNeue';
  src: url('/wp-content/themes/yatatheme-child/fonts/BebasNeue-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/themes/yatatheme-child/fonts/Gotham-Book.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/themes/yatatheme-child/fonts/Gotham-Medium.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/themes/yatatheme-child/fonts/Gotham-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
.section-encadreavecimage figure {
  margin-bottom: 0;
}
.section-encadreavecimage .row {
  justify-content: center;
  background-color: #097F72;
  padding: 85px 138px;
}
.section-encadreavecimage .row.hauteurfixe:not(.rowdouble) {
  align-items: center;
}
.section-encadreavecimage p,
.section-encadreavecimage ul,
.section-encadreavecimage h1,
.section-encadreavecimage h2,
.section-encadreavecimage h3,
.section-encadreavecimage h4,
.section-encadreavecimage h5,
.section-encadreavecimage h6 {
  color: #ffffff !important;
}
.section-encadreavecimage p a,
.section-encadreavecimage ul a,
.section-encadreavecimage h1 a,
.section-encadreavecimage h2 a,
.section-encadreavecimage h3 a,
.section-encadreavecimage h4 a,
.section-encadreavecimage h5 a,
.section-encadreavecimage h6 a {
  color: #49B388;
  text-decoration: underline;
}
.section-encadreavecimage p a:hover,
.section-encadreavecimage ul a:hover,
.section-encadreavecimage h1 a:hover,
.section-encadreavecimage h2 a:hover,
.section-encadreavecimage h3 a:hover,
.section-encadreavecimage h4 a:hover,
.section-encadreavecimage h5 a:hover,
.section-encadreavecimage h6 a:hover {
  text-decoration: none;
}
.section-encadreavecimage ul {
  line-height: 1.8;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
}
.section-encadreavecimage a.bouton2,
.section-encadreavecimage a.liendoc {
  margin-top: 5px;
  margin-bottom: 20px;
}
.section-encadreavecimage a.liendoc {
  width: auto;
  justify-content: center;
}
.section-encadreavecimage a.liendoc i {
  background-color: #ffffff;
  color: #097F72;
}
.section-encadreavecimage a.liendoc > span {
  color: #ffffff;
  border-bottom-color: #ffffff;
}
.section-encadreavecimage table {
  margin: auto;
}
.section-encadreavecimage table tr:nth-child(odd) {
  background-color: rgba(9,127,114,0.1);
}
.section-encadreavecimage table td {
  border-width: 1px;
}
.section-encadreavecimage .gauche {
  order: -1;
}
.section-encadreavecimage .txtgauche {
  padding-left: 120px;
  text-align: center;
}
.section-encadreavecimage .txtgauche :last-child {
  margin-bottom: 0;
}
.section-encadreavecimage .txtdroite {
  text-align: center;
  padding-right: 120px;
}
.section-encadreavecimage .txtdroite :last-child {
  margin-bottom: 0;
}
.section-encadreavecimage div.image {
  height: 100%;
}
.section-encadreavecimage div.image .imgcropCtn.fullheight {
  height: 100%;
}
.section-encadreavecimage div.image .imgcropCtn figcaption {
  color: #ffffff;
  background-color: #097F72;
}
.section-encadreavecimage img {
  max-width: 100%;
}
.section-encadreavecimage .double {
  position: relative;
}
.section-encadreavecimage .double div.image:first-child {
  width: 50%;
  position: absolute;
  z-index: 2;
  bottom: -20px;
  left: 0;
  height: 63%;
}
.section-encadreavecimage .double div.image:first-child .imgcropCtn {
  height: 100%;
}
.section-encadreavecimage .double div.image:last-child {
  width: 68%;
  position: absolute;
  right: 0;
  top: -20px;
}
.section-encadreavecimage .double div.image:last-child .imgcropCtn {
  height: calc(100% - 70px);
}
.section-encadreavecimage .double.droite div.image:first-child {
  left: auto;
  right: 0;
}
.section-encadreavecimage .double.droite div.image:last-child {
  left: 0;
  right: auto;
}
.section-encadreavecimage .double.droite div.image:last-child small.copyimg {
  right: auto;
  left: 1rem;
}
.section-encadreavecimage .double.gauche div.image:last-child figcaption {
  text-align: right;
}
body.darkmode .section-encadreavecimage .row {
  background-color: #101010;
}
body.darkmode .section-encadreavecimage div.image .imgcropCtn figcaption {
  background-color: #101010;
}
@media (max-width: 1599px) {
  .section-encadreavecimage .row {
    padding: 85px 100px;
  }
}
@media (max-width: 1399px) {
  .section-encadreavecimage .txtdroite {
    padding-right: 70px;
  }
  .section-encadreavecimage .txtgauche {
    padding-left: 70px;
  }
  .section-encadreavecimage .row {
    padding: 65px 80px;
  }
}
@media (max-width: 1199px) {
  .section-encadreavecimage .txtdroite {
    padding-right: 20px;
  }
  .section-encadreavecimage .txtgauche {
    padding-left: 20px;
  }
}
@media (max-width: 1399px) and (min-width: 992px) {
  .section-encadreavecimage .double div.image .imgcropCtn {
    max-height: 75vh;
  }
}
@media (max-width: 991px) {
  .section-encadreavecimage div.image {
    height: 520px !important;
  }
  .section-encadreavecimage div.image .imgcropCtn {
    height: 100% !important;
  }
  .section-encadreavecimage .txtgauche {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
    order: -1;
  }
  .section-encadreavecimage .txtdroite {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 30px;
    order: -1;
  }
  .section-encadreavecimage .gauche.double div.image:nth-child(2),
  .section-encadreavecimage .droite.double div.image:first-child {
    margin-top: 0;
  }
  .section-encadreavecimage .double {
    height: 40vw;
    display: flex;
    column-gap: 20px;
  }
  .section-encadreavecimage .double div.image {
    position: static !important;
    width: 50% !important;
    height: 100% !important;
  }
  .section-encadreavecimage .double div.image .imgcropCtn {
    border: 0 !important;
  }
  .section-encadreavecimage .double.gauche div.image:last-child figcaption {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .section-encadreavecimage div.image {
    height: 440px !important;
  }
  .section-encadreavecimage .row {
    padding: 45px 40px;
  }
}
@media (max-width: 575px) {
  .section-encadreavecimage div.image {
    height: 60vw !important;
  }
  .section-encadreavecimage div.image .imgcropCtn {
    height: 100% !important;
  }
  .section-encadreavecimage .double {
    height: 120vw;
    flex-direction: column;
    row-gap: 10px;
  }
  .section-encadreavecimage .double div.image {
    width: 100% !important;
    height: 50% !important;
  }
  .section-encadreavecimage .row {
    padding: 45px 10px;
  }
}