@font-face {
  font-family: 'Hackney';
  src: url('/wp-content/themes/yatatheme/fonts/Hackney.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Limejuice';
  src: url('/wp-content/themes/yatatheme/fonts/Limejuice.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('/wp-content/themes/yatatheme/fonts/SourceSansPro-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
.section-paragraphe .classic {
  max-width: 840px;
  margin: auto;
}
.section-paragraphe .container-fluid p,
.section-paragraphe .container-fluid ul {
  line-height: 1.7;
}
.section-paragraphe .container-fluid p a,
.section-paragraphe .container-fluid ul a {
  text-decoration: underline;
  font-weight: 700;
  color: #113751;
  font-style: italic;
}
.section-paragraphe .container-fluid p a:hover,
.section-paragraphe .container-fluid ul a:hover {
  text-decoration: none;
  color: #E62332;
}
.section-paragraphe .bouton1 {
  margin-top: 10px;
}
.section-paragraphe .twocolumns {
  columns: 2;
  margin-bottom: 20px;
}
.section-paragraphe .encadre {
  border-radius: 20px;
  max-width: 840px;
  margin: auto;
  padding: 35px;
  background-color: #E62332;
}
.section-paragraphe .encadre p,
.section-paragraphe .encadre ul,
.section-paragraphe .encadre h2,
.section-paragraphe .encadre h3,
.section-paragraphe .encadre h4 {
  color: #ffffff;
}
.section-paragraphe .encadre p a,
.section-paragraphe .encadre ul a,
.section-paragraphe .encadre h2 a,
.section-paragraphe .encadre h3 a,
.section-paragraphe .encadre h4 a {
  color: #ffffff;
}
.section-paragraphe .encadre p a:hover,
.section-paragraphe .encadre ul a:hover,
.section-paragraphe .encadre h2 a:hover,
.section-paragraphe .encadre h3 a:hover,
.section-paragraphe .encadre h4 a:hover {
  color: #ffffff;
}
.section-paragraphe .encadre a.bouton1 {
  width: 100%;
  border-color: #ffffff;
  background-color: #ffffff;
  color: #E62332;
}
.section-paragraphe .encadre a.bouton1:hover {
  background-color: #E62332;
  color: #ffffff;
}
.section-paragraphe table {
  margin: auto;
}
.section-paragraphe table tr:nth-child(odd) {
  background-color: rgba(230,35,50,0.1);
}
.section-paragraphe table td {
  border-width: 1px;
}
@media (max-width: 575px) {
  .section-paragraphe .twocolumns {
    columns: 1;
  }
  .section-paragraphe .encadre {
    padding: 15px;
  }
}