@font-face {
  font-family:"chauncy-pro";
  src:url("assets/fonts/chauncy-pro-normal-700.woff2") format("woff2");;
  font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
  }
  
  @font-face {
  font-family:"gitan-latin";
  src:url("assets/fonts/gitan-latin-italic-400.woff2") format("woff2");
  font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
  }
  
  @font-face {
  font-family:"gitan-latin";
  src:url("assets/fonts/gitan-latin-normal-400.woff2") format("woff2");
  font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
  }
  
  @font-face {
  font-family:"gitan-latin";
  src:url("assets/fonts/gitan-latin-normal-700.woff2") format("woff2");
  font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
  }
  
  .tk-chauncy-pro { font-family: "chauncy-pro",sans-serif; }
  .tk-gitan-latin { font-family: "gitan-latin",sans-serif; }
  


html {
  font-size: 14px; }
  @media screen and (min-width: 768px) {
    html {
      font-size: 15px; } }
  @media screen and (min-width: 1200px) {
    html {
      font-size: 16px; } }

body {
  font-size: 1rem;
  color: #000000;
  font-family: gitan-latin, helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  font-weight: 400;
  line-height: 1.6875rem;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

.green {
  color: #47ccbc; }

.red {
  color: #ed6767; }

.green:hover {
  color: #47ccbc; }

.red:hover {
  color: #ed6767; }

.primary_font {
  font-family: gitan-latin, helvetica, sans-serif !important; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: chauncy-pro, helvetica, sans-serif;
  margin-bottom: 0; }

h1, .h1 {
  font-size: 2.8rem;
  line-height: 3.1875rem; }

@media screen and (max-height: 720px) {
  .page-id-11 .logos-soutient {
    display: none; } }
.page-id-13 h1, .page-id-11 h1 {
  font-size: 2.5rem;
  line-height: 4rem; }

@media screen and (min-width: 576px) {
  .btn-volet h1 {
    font-size: 2.8rem;
    line-height: 5.2rem; } }
@media screen and (min-width: 576px) {
  .page-id-13 h1, .page-id-11 h1 {
    line-height: 4rem; } }
@media screen and (min-width: 992px) {
  .page-id-13 h1, .page-id-11 h1 {
    line-height: 4.5rem; } }
h2, .h2 {
  font-size: 2.1875rem;
  line-height: 2.8rem; }

h3, .h3 {
  font-size: 1.8rem;
  line-height: 2.1875rem; }

.italic {
  font-style: italic; }

a, a:hover, a:focus {
  color: inherit; }

p > a {
  text-decoration: underline; }

a.h2 {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

p {
  margin-bottom: 1.5rem; }

.legend {
  font-size: 0.875rem; }

.legend-s {
  font-size: 0.75rem; }

.Stk {
  fill: none;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

.Stk-Black {
  stroke: #000000; }

.Stk-White {
  stroke: #FFFFFF; }

.Stk-Green {
  stroke: #47ccbc; }

.Stk-Red {
  stroke: #ed6767; }

.F-Green {
  fill: #47ccbc; }

.F-Red {
  fill: #ed6767; }

.F-White {
  fill: #FFFFFF; }

.F-Black {
  fill: #000000; }

.F-None {
  fill: none; }

.Stk-Width-1 {
  stroke-width: 1; }

.Stk-Width-2 {
  stroke-width: 2; }

.Stk-Width-3 {
  stroke-width: 3; }

.Stk-Width-4 {
  stroke-width: 4; }

.Stk-Width-7 {
  stroke-width: 7; }

.Stk-Width-15 {
  stroke-width: 15; }

#illustration {
  position: relative;
  height: auto;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  background-color: transparent; }

#illustration-container {
  padding: 0; }

#illustration svg {
  max-width: 100%;
  height: auto;
  overflow: visible;
  display: block;
  margin: 0 auto; }

#illustration_5 {
  position: absolute;
  width: 100%;
  left: 0; }

@media screen and (min-width: 992px) {
  #illustration {
    position: fixed;
    height: 100%;
    padding: 18px; }

  #illustration-container {
    padding: 0 15px; } }
.formes-container {
  position: fixed;
  z-index: -1;
  widows: 100%;
  top: 0;
  height: 100%;
  left: 0; }

#formes {
  overflow: visible; }

.forme-ill {
  position: fixed; }

#circle.forme-ill {
  top: -120px;
  left: -120px; }

#triangle.forme-ill {
  bottom: -140px;
  right: -90px;
  transform: rotate(-30deg); }

.Stk {
  fill: none;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

.Stk-Black {
  stroke: #000000; }

.Stk-White {
  stroke: #FFFFFF; }

.Stk-Green {
  stroke: #47ccbc; }

.Stk-Red {
  stroke: #ed6767; }

.F-Green {
  fill: #47ccbc; }

.F-Red {
  fill: #ed6767; }

.F-White {
  fill: #FFFFFF; }

.F-Black {
  fill: #000000; }

.F-None {
  fill: none; }

.Stk-Width-1 {
  stroke-width: 1; }

.Stk-Width-2 {
  stroke-width: 2; }

.Stk-Width-3 {
  stroke-width: 3; }

.Stk-Width-4 {
  stroke-width: 4; }

.Stk-Width-7 {
  stroke-width: 7; }

.Stk-Width-15 {
  stroke-width: 15; }

.journal-filters {
  padding: 0; }

.journal-filters h2.h3 {
  line-height: 50px; }

.journal-filters ul {
  padding: 0;
  line-height: 37px; }

.journal-filters li {
  list-style: none; }

.journal-filters ul li {
  display: inline-block;
  margin-right: 20px;
  font-size: 22px;
  font-family: chauncy-pro, helvetica, sans-serif; }

.journal-filters li.categories li a:before {
  content: "@";
  margin-right: 2px; }

.journal-filters li.tags li a:before {
  content: "#";
  margin-right: 1px; }

.journal-filters a:hover {
  text-decoration: underline; }

.cat-item-3 {
  color: #ed6767; }

.cat-item-2 {
  color: #47ccbc; }

.article-journal-extract {
  width: calc(100% - 100px); }

.current-tag a, .current-cat a {
  text-decoration: underline; }

* {
  position: relative;
  z-index: 1; }

body {
  background-color: #FFFFFF;
  width: 100%; }

body:before {
  content: "";
  width: 18px;
  position: fixed;
  height: 100%;
  z-index: 10001;
  left: 0;
  top: 0;
  background-color: #000; }

body:after {
  content: "";
  width: 18px;
  position: fixed;
  height: 100%;
  z-index: 10001;
  right: 0;
  background-color: #000;
  top: 0; }

body.menu-opened, body.full-screen {
  overflow: hidden; }

.w-0 {
  width: 0; }

.empty-div {
  pointer-events: none; }

.no-pointer {
  cursor: auto !important; }

#main {
  padding: 18px;
  background-color: transparent;
  background-clip: content-box;
  position: relative;
  z-index: 6; }

#wrapper-content {
  background-color: #FFFFFF;
  min-height: 100%; }

.cache-bar {
  width: 100%;
  height: 18px;
  background-color: #000000;
  position: fixed;
  left: 0;
  z-index: 10000; }

.order-lg-1 {
  position: relative;
  z-index: 2; }

#journal-popup {
  position: fixed;
  bottom: -38px;
  right: -10px;
  width: 300px;
  width: 20em;
  height: 212px;
  height: 14em;
  z-index: 10002;
  background-color: #FFFFFF;
  border-radius: 3px;
  border: .33rem solid #000;
  padding: 7px 13px 0 13px;
  transform: rotate(-8deg);
  opacity: 0;
  overflow: hidden;
  display: none;
  font-size: 80%; }

@media screen and (min-width: 992px) {
  #journal-popup {
    display: block; } }
@media screen and (min-height: 720px) {
  #journal-popup {
    font-size: 90%; } }
@media screen and (min-height: 780px) {
  #journal-popup {
    font-size: 100%; } }
#journal-popup .h3 {
  font-size: 1.875em;
  line-height: 1.25em; }

#journal-popup .date-journal-popup {
  float: right;
  line-height: 2em; }

#journal-popup img {
  width: 100%;
  margin-top: 4px;
  height: auto; }

#top-bar {
  top: 0; }

#bottom-bar {
  bottom: 0; }

#menu {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  display: block;
  background-color: transparent;
  color: #FFFFFF;
  z-index: 14;
  height: 100%;
  padding: 18px;
  display: none;
  opacity: 0; }

#menu .table-content > tbody > tr > td {
  padding: 0 0;
  padding-top: 50px; }

@media screen and (min-width: 576px) {
  #menu .table-content > tbody > tr > td {
    padding: 0 50px;
    padding-top: 50px; } }
#wrapper-menu {
  overflow: auto;
  scroll-behavior: smooth; }

.menu-container {
  position: relative; }

.menu-content {
  max-width: 360px; }

.citation {
  margin-bottom: 1.5rem; }

.citation > p {
  display: inline;
  font-style: italic; }

.citation span {
  display: inline-block; }

#btn-menu {
  position: fixed;
  top: 18px;
  right: 18px;
  padding: 0;
  border: none;
  z-index: 20;
  width: 90px;
  height: 64px;
  background-color: transparent; }

.home #btn-menu {
  z-index: 10001; }

#btn-menu:focus {
  outline: none; }

#btn-menu-background {
  overflow: visible;
  position: fixed;
  top: 14px;
  right: 18px;
  padding: 0;
  border: none;
  z-index: 13;
  width: 100px; }

@media screen and (min-width: 768px) {
  #btn-menu-background {
    top: 18px;
    width: 110px; } }
#btn-menu .h3 {
  color: #FFFFFF;
  position: absolute;
  right: 0;
  padding: 1rem;
  top: 0; }

.menu-links {
  list-style: none;
  padding-left: 35px; }

.menu-links .h2 {
  line-height: 3rem; }

.btn-volet {
  cursor: pointer; }

.table-content > tbody > tr > td {
  padding: 100px 0 100px 0; }

.page-id-17 .table-content > tbody > tr > td {
  padding: 100px 0 0 0; }

.single .table-content > tbody > tr > td {
  vertical-align: top;
  padding-bottom: 50px; }

.table-content-medias > tbody > tr > td {
  padding-top: 0; }

.h-100 {
  height: auto !important; }

#menu .h-100 {
  height: 100% !important; }

#wrapper-menu .table-content {
  margin: 0 auto; }

@media screen and (min-width: 992px) {
  .table-content {
    height: inherit !important; }

  .h-100 {
    height: 100% !important; }

  .table-content > tbody > tr > td {
    padding: 90px 0; }

  .page-id-17 .table-content > tbody > tr > td {
    padding: 90px 0 90px 0; }

  .front-page .table-content > tbody > tr > td {
    padding: 0; }

  .single .table-content > tbody > tr > td {
    padding-bottom: 50px;
    vertical-align: top; } }
.btn-he {
  padding: 19px 0 16px 0; }
  .btn-he .bkg-volet {
    padding: 1px 5px 0 5px; }

.btn-volet .h3, .btn-volet h1 {
  position: relative;
  z-index: 3; }

.btn-volet .h3 {
  font-size: 1.8rem;
  line-height: 2.1875rem; }

.btn-jla {
  padding: 12px 5px 16px 5px; }

.btn-he, .btn-jla {
  position: relative;
  display: inline-block; }

.link-he:hover {
  color: #47ccbc; }

.link-jla:hover {
  color: #ed6767; }

.link-lightGrey:hover {
  color: #dadada; }

.bkg-volet {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }

.btn-lire {
  position: relative; }

.btn-lire:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
  top: 0; }

.btn-lire:hover {
  text-decoration: underline; }

.btn-lire.btn-lire-jla:hover:after {
  left: 0;
  width: 60px;
  height: 60px;
  background-color: #ed6767;
  border-radius: 100%;
  z-index: -1; }

.btn-lire.btn-lire-he:hover:after {
  left: 10px;
  width: 50px;
  height: 50px;
  background-color: #47ccbc;
  transform: rotate(10deg);
  z-index: -1; }

.btn-lire-jla:hover, .btn-lire-he:hover {
  text-decoration: none; }

.header-article-journal img, #journal-popup img, .related-post img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); }

.related-post ul {
  padding: 0;
  padding-bottom: 50px; }

.related-post ul li {
  list-style: none;
  margin-top: 10px; }

.post-image {
  max-width: 175px; }

.post-image img {
  width: 100%;
  height: auto; }

.related-post a {
  text-decoration: none; }

.related-post a:hover {
  text-decoration: underline; }

.related-post .terms_list.legend {
  line-height: .875rem; }

.precedent-wrapper td {
  padding: 0 !important; }

.precedent {
  width: 260px;
  height: auto;
  display: block;
  bottom: -1px;
  position: absolute;
  left: 50%;
  margin-left: -130px; }

.precedent-wrapper .title-prec {
  color: #FFFFFF;
  z-index: 2;
  margin: 0 auto;
  display: block;
  text-align: center;
  font-size: 1.75rem;
  height: 41px; }

@media screen and (min-width: 992px) {
  .precedent {
    bottom: 17px; }

  .precedent-wrapper .title-prec {
    height: 59px; } }
.btn-load-article {
  width: 260px;
  border: none;
  background: none;
  margin: 0 auto;
  display: block; }

.btn-load-article:focus {
  outline: none; }

.journal-link-wrapper {
  position: fixed;
  right: 18px;
  bottom: 69px;
  color: #FFFFFF;
  height: 0;
  overflow: visible; }

.link-journal {
  width: 15rem;
  display: block;
  margin: 0 auto;
  opacity: 0;
  bottom: -3px; }

@media screen and (min-width: 768px) {
  .link-journal {
    bottom: 0; } }
.journal-link-bkg {
  bottom: -1px; }

.journal-link-wrapper .title-journal {
  z-index: 12;
  position: absolute;
  left: 50%;
  margin-left: -3.59375rem;
  top: .75rem; }

.journal-container {
  z-index: 14; }

.tag_categorie a:hover {
  text-decoration: underline; }

#menu .precedent-wrapper {
  display: none; }

#post-1 {
  display: none; }

video[poster] {
  height: 100%;
  width: 100%;
  object-fit: cover; }

audio {
  width: 100%; }

.logos-soutient-container {
  position: absolute;
  bottom: 18px;
  width: 100%;
  text-align: center;
  opacity: 0; }

.logos-soutient-container-mobile {
  width: 100%;
  text-align: center;
  padding-bottom: 30px; }

#menu .logos-soutient-container-mobile, .blog .logos-soutient-container-mobile, .archive .logos-soutient-container-mobile {
  display: none; }

@media screen and (min-width: 576px) {
  .logos-soutient-container-mobile {
    padding-bottom: 60px; } }
.logos-soutient {
  max-width: 635px;
  width: 100%; }

.article-press {
  padding: 0; }

.article-press li {
  border-top: 2px solid #000;
  padding: 7px 15px 12px 15px;
  list-style: none; }

.article-press li:last-child {
  border-bottom: 2px solid #000; }

.objectif_num {
  font-size: 4rem;
  line-height: 3rem;
  float: left;
  margin-right: .5rem; }

.video-media {
  position: relative;
  z-index: 1000; }

.full-screen .db_media_player {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3; }

.full-screen .link-journal {
  display: none; }

.db_media_player video {
  z-index: 2; }

.db_media_player .media-controls {
  z-index: 2; }

.db_media_player .legend {
  z-index: 1; }

.full-screen .media-controls {
  bottom: 18px;
  padding: 0 18px; }

.full-screen #btn-menu-background, .full-screen #btn-menu {
  display: none !important; }

.time_display {
  font-family: chauncy-pro, helvetica, sans-serif;
  font-size: 18px;
  line-height: 32px; }

.audio-media .full_screen {
  display: none; }

.audio-media .media-controls .col:nth-child(3) {
  max-width: 60px; }

.audio-media .media-controls {
  background-color: #ed6767; }

.fermer_video {
  position: fixed;
  width: 155px;
  height: 58px;
  top: 18px;
  right: 100px;
  display: none;
  background-color: transparent;
  border: none;
  padding: 0;
  margin-top: -1px;
  z-index: 1000;
  text-align: center; }

.fermer_video:focus {
  outline: none; }

.fermer_video .h3 {
  color: #FFFFFF;
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 10px; }

@media screen and (min-width: 768px) {
  .full-screen .fermer_video {
    display: block; } }
.progress_bar .pbar {
  background-color: #000000; }

.he .audio-media .media-controls, .he .video-media .progress_bar .pbar {
  background-color: #47ccbc; }

.he .video-media .time_display {
  color: #47ccbc; }

.he .video-media .btn-media-color {
  fill: #47ccbc; }

.jla .audio-media .media-controls, .jla .video-media .progress_bar .pbar {
  background-color: #ed6767; }

.jla .video-media .btn-media-color {
  fill: #ed6767; }

.jla .video-media .time_display {
  color: #ed6767; }