@font-face {
  font-family: 'gamay';
  src: url('/wp-content/themes/yatatheme-child/fonts/Gamay Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'gamay';
  src: url('/wp-content/themes/yatatheme-child/fonts/Gamay Light.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'gamay';
  src: url('/wp-content/themes/yatatheme-child/fonts/Gamay Book.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'gamay';
  src: url('/wp-content/themes/yatatheme-child/fonts/Gamay Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'gamay';
  src: url('/wp-content/themes/yatatheme-child/fonts/Gamay Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
.section-paragraphe {
  scroll-margin-top: 200px;
}
.section-paragraphe.jaune {
  background-image: url(/wp-content/themes/yatatheme-child/template-parts/gutenberg/paragraphe/img/bg_para_jaune.svg);
}
.section-paragraphe.orange {
  background-image: url(/wp-content/themes/yatatheme-child/template-parts/gutenberg/paragraphe/img/bg_para_orange.svg);
}
.section-paragraphe.jaune,
.section-paragraphe.orange {
  background-size: 110px;
  background-repeat: no-repeat;
  background-position: calc(((100% - 66%)/2) - 80px) top;
  padding-top: 90px;
}
.section-paragraphe.jaune.twocolumns,
.section-paragraphe.orange.twocolumns {
  background-position: calc(((100% - 83%)/2) - 80px) top;
}
.section-paragraphe.encadre .row >div {
  background-color: rgba(139,177,126,0.34);
  padding: 38px 50px;
}
.section-paragraphe p a,
.section-paragraphe ul a {
  color: #305736;
  font-weight: 300;
  text-decoration: underline;
}
.section-paragraphe p a:hover,
.section-paragraphe ul a:hover {
  text-decoration: none;
}
.section-paragraphe p {
  line-height: 2;
}
.section-paragraphe ul {
  line-height: 1.4;
  display: block;
  margin-bottom: 20px !important;
  padding-left: 20px !important;
}
.section-paragraphe ul ul {
  margin-bottom: 0 !important;
}
.section-paragraphe a.liendoc {
  display: flex;
  align-items: center;
}
.section-paragraphe a.liendoc i {
  font-size: 2.9rem;
  color: #305736;
  margin-right: 20px;
}
.section-paragraphe a.liendoc span {
  color: #305736;
  font-weight: 300;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section-paragraphe a.liendoc span.ext {
  font-size: 1.4rem;
}
.section-paragraphe a.liendoc:hover i,
.section-paragraphe a.liendoc:hover span {
  color: #5B8D48;
  text-decoration: none;
}
.section-paragraphe .liens + .liens {
  margin-top: 30px;
}
.section-paragraphe.center p,
.section-paragraphe.center .liens,
.section-paragraphe.center h2,
.section-paragraphe.center h1,
.section-paragraphe.center h3,
.section-paragraphe.center h4,
.section-paragraphe.center h5,
.section-paragraphe.center h6,
.section-paragraphe.center ul,
.section-paragraphe.center div {
  text-align: center;
}
.section-paragraphe.center a.liendoc {
  justify-content: center;
}
.section-paragraphe.twocolumns > div > div > div > div {
  columns: 2;
  margin-bottom: 20px;
}
.section-paragraphe table {
  margin: auto;
}
.section-paragraphe table tr:nth-child(odd) {
  background-color: rgba(48,87,54,0.1);
}
.section-paragraphe table td {
  border-width: 1px;
}
@media (max-width: 1399px) {
  .section-paragraphe.jaune,
  .section-paragraphe.orange {
    background-position: calc(((100% - 83%)/2) - 80px) top;
  }
  .section-paragraphe.jaune.twocolumns,
  .section-paragraphe.orange.twocolumns {
    background-image: none;
    padding-top: 0;
  }
}
@media (max-width: 1199px) {
  .section-paragraphe.jaune,
  .section-paragraphe.orange {
    background-image: none;
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .section-paragraphe.twocolumns > div > div > div > div {
    columns: 1;
  }
}
@media (max-width: 767px) {
  .section-paragraphe.encadre .row >div {
    padding: 30px 30px;
  }
  .section-paragraphe {
    scroll-margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .section-paragraphe.encadre .row >div {
    padding: 30px 20px;
  }
}
