@charset "UTF-8";
html {
  scroll-behavior: smooth;
  scroll-padding: 5em; }

::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: #FFEAB6;
  border-radius: 0;
  border-left: 1px solid #04556F;
  height: 0;
  width: 12px; }

::-webkit-scrollbar-thumb {
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  background-color: #04556F;
  border-radius: 0px; }

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto; } }

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

:root {
  --content-width: 65rem; }

body {
  font-family: 'fivo_sans_modernregular', sans-serif;
  color: #04556F;
  background-color: #FFFCF4;
  font-size: 18px;
  line-height: 22px; }

.cafeBody {
  background-color: #04556F; }

.c-pub {
  background-color: #BB7A01;
  color: #FFEAB6; }

.t-pub {
  color: #BB7A01; }

.arrow-gold {
  background-color: #FFEAB6; }

.arrow-sand {
  background-color: #FFEAB6; }

.arrow-ocean {
  background-color: #BB7A01; }

.arrow-abyss {
  background-color: #04556F; }

.arrow-sand:after {
  border-color: #279DAC; }

.arrow-ocean:after {
  border-color: #FFEAB6; }

.arrow-gold:after {
  border-color: #BB7A01; }

.arrow-abyss:after {
  border-color: #FFEAB6; }

.section-header {
  padding: 0px 16px;
  background-color: #FFFCF4;
  color: #04556F;
  display: flex;
  flex-direction: column; }

.news-header {
  padding: 36px;
  background-color: #FFFCF4;
  color: #04556F;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column; }

.c-head {
  background-color: #04556F;
  color: #FFFCF4; }

.publication-section {
  color: #e09c3b;
  background-color: #FFFCF4;
  padding: 36px; }

.pub-wrapper {
  display: flex; }

.cafe-publication {
  background-color: #BB7A01; }

.p-foot {
  background: #FFFCF4; }

aside {
  color: #FFFCF4;
  background: #04556F; }

.vedette {
  font-weight: 600;
  color: #fff;
  position: relative;
  height: auto;
  background: linear-gradient(rgba(224, 156, 59, 0.4), rgba(224, 156, 59, 0.8)); }

.vedetteImg {
  padding: 64px 32px; }

.urlfeat {
  background-color: #e09c3b87; }

.vedette h2 {
  font-size: 32px;
  text-transform: uppercase; }

.vedette p {
  margin-top: 32px;
  font-size: 28px;
  max-width: 960px;
  line-height: 36px; }

.vignette a {
  margin: unset; }

.h-pub-block {
  display: grid;
  grid-template-columns: 1fr 1fr; }

.h-pub-foot {
  padding: 12px;
  background-color: #FFEAB6;
  color: #BB7A01;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline; }

.pub-tags {
  margin: 0 8px; }

.t-thema {
  color: #FFFCF4;
  background-color: #04556F;
  top: 0px;
  left: 0px; }

/* OUTILS - ne génèrent pas de css
========================================================================= = */
.grid {
  display: grid !important; }

.col-g {
  grid-column-gap: 1rem; }

.row-g {
  grid-row-gap: 1rem; }

.cols-1 {
  grid-template-columns: repeat(1, 1fr); }

.cols-2 {
  grid-template-columns: repeat(2, 1fr); }

.cols-3 {
  grid-template-columns: repeat(3, 1fr); }

.cols-4 {
  grid-template-columns: repeat(4, 1fr); }

.cols-5 {
  grid-template-columns: repeat(5, 1fr); }

.cols-6 {
  grid-template-columns: repeat(6, 1fr); }

.cols-7 {
  grid-template-columns: repeat(7, 1fr); }

.cols-8 {
  grid-template-columns: repeat(8, 1fr); }

.span-1-1 {
  grid-column: 1/span 1; }

.span-1-2 {
  grid-column: 1/span 2; }

.span-1-3 {
  grid-column: 1/span 3; }

.span-1-4 {
  grid-column: 1/span 4; }

.span-1-5 {
  grid-column: 1/span 5; }

.span-1-6 {
  grid-column: 1/span 6; }

.span-1-7 {
  grid-column: 1/span 7; }

.span-1-8 {
  grid-column: 1/span 8; }

.span-2-1 {
  grid-column: 2/span 1; }

.span-2-2 {
  grid-column: 2/span 2; }

.span-2-3 {
  grid-column: 2/span 3; }

.span-2-4 {
  grid-column: 2/span 4; }

.span-2-5 {
  grid-column: 2/span 5; }

.span-2-6 {
  grid-column: 2/span 6; }

.span-2-7 {
  grid-column: 2/span 7; }

.span-2-8 {
  grid-column: 2/span 8; }

.span-3-1 {
  grid-column: 3/span 1; }

.span-3-2 {
  grid-column: 3/span 2; }

.span-3-3 {
  grid-column: 3/span 3; }

.span-3-4 {
  grid-column: 3/span 4; }

.span-3-5 {
  grid-column: 3/span 5; }

.span-3-6 {
  grid-column: 3/span 6; }

.span-3-7 {
  grid-column: 3/span 7; }

.span-3-8 {
  grid-column: 3/span 8; }

.span-4-1 {
  grid-column: 4/span 1; }

.span-4-2 {
  grid-column: 4/span 2; }

.span-4-3 {
  grid-column: 4/span 3; }

.span-4-4 {
  grid-column: 4/span 4; }

.span-4-5 {
  grid-column: 4/span 5; }

.span-4-6 {
  grid-column: 4/span 6; }

.span-4-7 {
  grid-column: 4/span 7; }

.span-4-8 {
  grid-column: 4/span 8; }

.span-5-1 {
  grid-column: 5/span 1; }

.span-5-2 {
  grid-column: 5/span 2; }

.span-5-3 {
  grid-column: 5/span 3; }

.span-5-4 {
  grid-column: 5/span 4; }

.span-5-5 {
  grid-column: 5/span 5; }

.span-5-6 {
  grid-column: 5/span 6; }

.span-5-7 {
  grid-column: 5/span 7; }

.span-5-8 {
  grid-column: 5/span 8; }

.span-6-1 {
  grid-column: 6/span 1; }

.span-6-2 {
  grid-column: 6/span 2; }

.span-6-3 {
  grid-column: 6/span 3; }

.span-6-4 {
  grid-column: 6/span 4; }

.span-6-5 {
  grid-column: 6/span 5; }

.span-6-6 {
  grid-column: 6/span 6; }

.span-6-7 {
  grid-column: 6/span 7; }

.span-6-8 {
  grid-column: 6/span 8; }

.span-7-1 {
  grid-column: 7/span 1; }

.span-7-2 {
  grid-column: 7/span 2; }

.span-7-3 {
  grid-column: 7/span 3; }

.span-7-4 {
  grid-column: 7/span 4; }

.span-7-5 {
  grid-column: 7/span 5; }

.span-7-6 {
  grid-column: 7/span 6; }

.span-7-7 {
  grid-column: 7/span 7; }

.span-7-8 {
  grid-column: 7/span 8; }

.span-8-1 {
  grid-column: 8/span 1; }

.span-8-2 {
  grid-column: 8/span 2; }

.span-8-3 {
  grid-column: 8/span 3; }

.span-8-4 {
  grid-column: 8/span 4; }

.span-8-5 {
  grid-column: 8/span 5; }

.span-8-6 {
  grid-column: 8/span 6; }

.span-8-7 {
  grid-column: 8/span 7; }

.span-8-8 {
  grid-column: 8/span 8; }

@media screen and (max-width: 900px) {
  .s-span-1-1 {
    grid-column: 1/span 1; }
  .s-span-1-2 {
    grid-column: 1/span 2; }
  .s-span-1-3 {
    grid-column: 1/span 3; }
  .s-span-1-4 {
    grid-column: 1/span 4; }
  .s-span-1-5 {
    grid-column: 1/span 5; }
  .s-span-1-6 {
    grid-column: 1/span 6; }
  .s-span-1-7 {
    grid-column: 1/span 7; }
  .s-span-1-8 {
    grid-column: 1/span 8; }
  .s-span-2-1 {
    grid-column: 2/span 1; }
  .s-span-2-2 {
    grid-column: 2/span 2; }
  .s-span-2-3 {
    grid-column: 2/span 3; }
  .s-span-2-4 {
    grid-column: 2/span 4; }
  .s-span-2-5 {
    grid-column: 2/span 5; }
  .s-span-2-6 {
    grid-column: 2/span 6; }
  .s-span-2-7 {
    grid-column: 2/span 7; }
  .s-span-2-8 {
    grid-column: 2/span 8; }
  .s-span-3-1 {
    grid-column: 3/span 1; }
  .s-span-3-2 {
    grid-column: 3/span 2; }
  .s-span-3-3 {
    grid-column: 3/span 3; }
  .s-span-3-4 {
    grid-column: 3/span 4; }
  .s-span-3-5 {
    grid-column: 3/span 5; }
  .s-span-3-6 {
    grid-column: 3/span 6; }
  .s-span-3-7 {
    grid-column: 3/span 7; }
  .s-span-3-8 {
    grid-column: 3/span 8; }
  .s-span-4-1 {
    grid-column: 4/span 1; }
  .s-span-4-2 {
    grid-column: 4/span 2; }
  .s-span-4-3 {
    grid-column: 4/span 3; }
  .s-span-4-4 {
    grid-column: 4/span 4; }
  .s-span-4-5 {
    grid-column: 4/span 5; }
  .s-span-4-6 {
    grid-column: 4/span 6; }
  .s-span-4-7 {
    grid-column: 4/span 7; }
  .s-span-4-8 {
    grid-column: 4/span 8; }
  .s-span-5-1 {
    grid-column: 5/span 1; }
  .s-span-5-2 {
    grid-column: 5/span 2; }
  .s-span-5-3 {
    grid-column: 5/span 3; }
  .s-span-5-4 {
    grid-column: 5/span 4; }
  .s-span-5-5 {
    grid-column: 5/span 5; }
  .s-span-5-6 {
    grid-column: 5/span 6; }
  .s-span-5-7 {
    grid-column: 5/span 7; }
  .s-span-5-8 {
    grid-column: 5/span 8; }
  .s-span-6-1 {
    grid-column: 6/span 1; }
  .s-span-6-2 {
    grid-column: 6/span 2; }
  .s-span-6-3 {
    grid-column: 6/span 3; }
  .s-span-6-4 {
    grid-column: 6/span 4; }
  .s-span-6-5 {
    grid-column: 6/span 5; }
  .s-span-6-6 {
    grid-column: 6/span 6; }
  .s-span-6-7 {
    grid-column: 6/span 7; }
  .s-span-6-8 {
    grid-column: 6/span 8; }
  .s-span-7-1 {
    grid-column: 7/span 1; }
  .s-span-7-2 {
    grid-column: 7/span 2; }
  .s-span-7-3 {
    grid-column: 7/span 3; }
  .s-span-7-4 {
    grid-column: 7/span 4; }
  .s-span-7-5 {
    grid-column: 7/span 5; }
  .s-span-7-6 {
    grid-column: 7/span 6; }
  .s-span-7-7 {
    grid-column: 7/span 7; }
  .s-span-7-8 {
    grid-column: 7/span 8; }
  .s-span-8-1 {
    grid-column: 8/span 1; }
  .s-span-8-2 {
    grid-column: 8/span 2; }
  .s-span-8-3 {
    grid-column: 8/span 3; }
  .s-span-8-4 {
    grid-column: 8/span 4; }
  .s-span-8-5 {
    grid-column: 8/span 5; }
  .s-span-8-6 {
    grid-column: 8/span 6; }
  .s-span-8-7 {
    grid-column: 8/span 7; }
  .s-span-8-8 {
    grid-column: 8/span 8; }
  .s-cols-1 {
    grid-template-columns: repeat(1, 1fr); }
  .s-cols-2 {
    grid-template-columns: repeat(2, 1fr); }
  .s-cols-3 {
    grid-template-columns: repeat(3, 1fr); }
  .s-cols-4 {
    grid-template-columns: repeat(4, 1fr); }
  .s-cols-5 {
    grid-template-columns: repeat(5, 1fr); }
  .s-cols-6 {
    grid-template-columns: repeat(6, 1fr); }
  .s-cols-7 {
    grid-template-columns: repeat(7, 1fr); }
  .s-cols-8 {
    grid-template-columns: repeat(8, 1fr); } }

.as-end {
  align-self: end; }

.as-center {
  align-self: center; }

/* BASE - partie générique du site
========================================================================= = */
@font-face {
  font-family: 'agrandirwide_bold_d5';
  src: url("../fonts/agrandir-wide-bold-webfont.woff2") format("woff2"), url("../fonts/agrandir-wide-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'agrandir_regular';
  src: url("../fonts/agrandir-regular-webfont.woff2") format("woff2"), url("../fonts/agrandir-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fivo_sans_modernregular';
  src: url("../fonts/fivosansmodern-bold-webfont.woff2") format("woff2"), url("../fonts/fivosansmodern-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'fivo_sans_modernregular';
  src: url("../fonts/fivosansmodern-regular-webfont.woff2") format("woff2"), url("../fonts/fivosansmodern-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fivo_sans_modernitalic';
  src: url("../fonts/fivosansmodern-regular-oblique-webfont.woff2") format("woff2"), url("../fonts/fivosansmodern-regular-oblique-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

a {
  color: currentColor;
  text-decoration: none; }

h2 a {
  border-bottom: 2px solid; }

ol {
  line-height: 28px; }

li {
  list-style: none; }

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  margin-bottom: 24px;
  background-color: #ffeab6;
  padding: 24px;
  font-family: monospace; }

.guideloaded li,
.article-text li {
  list-style: inside;
  margin-bottom: 12px;
  color: #279DAC;
  list-style-type: decimal; }

.guideloaded a,
.article-text a {
  border-bottom: 1px solid; }

/*babelsunce (titre du site) + menu*/
h1 {
  font-family: "agrandirwide_bold_d5", sans-serif;
  font-size: 36px;
  line-height: 44px;
  font-weight: bold;
  text-transform: uppercase; }

h2 {
  font-family: "agrandirwide_bold_d5", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: bold; }

.publication-header h2 {
  text-transform: uppercase; }

.content h2,
.journal h2,
.theatre h2 {
  font-family: "agrandirwide_bold_d5", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  text-transform: uppercase; }

.content h2 {
  margin-bottom: 16px; }

h3 {
  font-family: "agrandirwide_bold_d5", sans-serif;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase; }

p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 16px; }

.participer h2 {
  margin-bottom: 22px; }

.participer p:last-child {
  margin-bottom: 0px; }

hr {
  color: currentColor;
  margin-bottom: 32px;
  position: relative;
  border: none;
  height: 2px;
  background: currentColor; }

strong {
  font-family: 'fivo_sans_modernregular';
  font-weight: bold; }

.title {
  font-family: "agrandir_regular", sans serif;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFFCF4; }

nav {
  font-family: "agrandir", sans serif;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFFCF4; }

/* .section-header h1 {
  font-family: "agrandirwide_bold_d5", sans-serif;
  font-size: 44px;
  line-height: 44px;
  font-weight: bold;
  text-transform: uppercase;
}

.section-header h2 {
  font-family: "agrandirwide_bold_d5", sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
} */
/*buttons (tout la site)*/
.buttonborder {
  font-family: "fivo sans modern", sans serif;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 6px;
  border-width: 2px;
  border-style: solid; }

.buttonfilled {
  font-family: "fivo sans modern", sans serif;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 8px; }

.lasuite {
  font-family: "fivo sans modern", sans serif;
  font-size: 28px;
  text-decoration: underline;
  line-height: 28px;
  font-weight: medium; }

/*article à la une (vedette)*/
.vedette h1 {
  font-size: 42px;
  line-height: 46px;
  margin-bottom: 22px;
  color: #FFFCF4; }

.vedette p {
  font-family: "agrandir_regular", sans serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
  color: #FFFCF4; }

.vedette.buttonborder {
  color: #FFFCF4;
  border-color: #FFFCF4; }

.vedette.buttonfilled {
  color: #BB7A01;
  background-color: #FFFCF4; }

.vedette.lasuite {
  color: #FFFCF4; }

/*evenements a venir, le café, le j-pub, le petit théâtre*/
.chapeau {
  font-family: 'fivo_sans_modernitalic', sans-serif;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 64px;
  background-color: #ffeab680;
  padding: 32px; }
  .chapeau a {
    text-decoration: underline; }
  .chapeau p {
    margin-bottom: 16px; }
    .chapeau p a {
      text-decoration: underline; }
    .chapeau p:last-child {
      margin-bottom: unset; }

.chapeau p a {
  text-decoration: underline; }

.publication-text p,
.h-pub-block p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px; }
  .publication-text p a,
  .h-pub-block p a {
    text-decoration: underline; }

.h-pub-title h3 {
  font-family: 'agrandirwide_bold_d5', sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 12px; }

/*evenements*/
.e-title {
  font-family: 'agrandirwide_bold_d5', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 16px; }

.e-block .date {
  font-family: 'agrandirwide_bold_d5', sans-serif;
  font-size: 22px;
  text-transform: uppercase; }

.event-a .e-block {
  background-color: #279DAC; }

.event-a h3 {
  color: #FFFCF4; }

.event-a .lasuite {
  color: #FFFCF4; }

.event-b .e-block {
  background-color: #FFEAB6; }

.event-b h3 {
  color: #04556F;
  background-color: #FFEAB6; }

.event-b.lasuite {
  color: #04556F; }

.event-c .e-block {
  background-color: #BB7A01; }

.event-c h3 {
  color: #FFFCF4;
  background-color: #BB7A01; }

.event-c.lasuite {
  color: #FFFCF4; }

.section-header h1,
.j-pub h2,
.e-pub h2,
.t-pub h2 {
  margin-bottom: 32px;
  margin-top: 32px; }

.cafe .section-header h1 {
  margin-bottom: 16px; }

/*c-pub*/
.c-pub p {
  color: #FFEAB6; }

/*j-pub*/
.journal h3 {
  margin-bottom: 16px; }

.tags h3 {
  margin-bottom: 8px; }

.j-pub.buttonborder {
  color: #FFEAB6;
  border-color: #FFEAB6; }

.j-pub .lasuite {
  color: #FFEAB6; }

.j-pub li {
  background-color: #279DAC;
  color: #FFEAB6; }

/*théâtre*/
.t-pub p {
  color: #BB7A01; }

.t-pub.buttonborder {
  color: #279DAC;
  border-color: #279DAC; }

.t-pub.buttonfilled {
  color: #FFEAB6;
  background-color: #279DAC; }

.t-pub.lasuite {
  color: #279DAC; }

.publication-title h3 {
  flex: 1;
  text-transform: uppercase;
  font-family: 'agrandirwide_bold_d5', sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 8px; }

.quiquand {
  margin-bottom: 20px;
  font-size: 16px; }

.errorpage .publication-header {
  padding: 26px 0; }

.errorpage .cafe-pub-holder {
  position: relative;
  overflow-y: hidden;
  height: auto; }

blockquote, q {
  position: relative;
  quotes: none;
  padding: 2rem;
  font-size: 22px;
  line-height: 26px;
  margin: 3rem 0;
  border-left: 4px solid #04556f; }

blockquote:before {
  content: "\201C";
  display: block;
  font-size: 80px;
  left: -25px;
  top: -15px;
  position: relative;
  height: 0; }

blockquote::after {
  position: absolute;
  content: "\201C";
  font-size: 4em;
  bottom: 0;
  right: 0;
  margin-right: 5px;
  margin-bottom: 25px;
  transform: rotate(180deg); }

.pub-header {
  margin-top: 64px;
  margin-bottom: 64px; }

video {
  width: 100%; }

iframe {
  flex-grow: 1;
  width: 100% !important; }

.soundcloud,
.videolink {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; }

.soundcloud iframe,
.videolink iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%; }

.vc {
  overflow: hidden;
  position: relative;
  width: 100%; }

.vc::after {
  padding-top: 56.25%;
  display: block;
  content: ''; }

.vc iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.autoframe {
  width: auto !important; }

.sccover {
  position: relative;
  overflow: hidden;
  flex: 1; }

figure img {
  width: 100%;
  height: 100%;
  max-height: 450px;
  object-fit: cover; }

.article figure img {
  max-height: unset; }

figcaption {
  font-size: 16px;
  margin-top: 8px;
  color: #279DAC; }

img {
  width: 100%;
  display: block; }

.gallery {
  margin-bottom: 24px; }

.carousel-cell img {
  width: auto;
  display: auto; }

.carousel-cell img {
  display: block;
  max-height: 100%; }

.carousel-cell {
  width: 100%;
  /* full width */
  height: 450px;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center; }

.carousel-cell-image {
  transition: opacity 0.4s;
  opacity: 0; }

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1; }

.gallery.is-fullscreen .carousel-cell {
  height: 100%; }

.carousel-cell img {
  display: block;
  max-height: 100%; }

.h-cover {
  position: relative;
  overflow: hidden;
  flex: 1; }

.j-cover iframe {
  margin: auto;
  margin-bottom: 24px;
  min-height: 250px;
  max-height: 250px;
  width: 100% !important; }

.h-cover img {
  max-width: 100%;
  transition: all 0.3s; }

.h-cover:hover img {
  transform: translate3d(0, 0, 0) scale(1.1); }

.h-cover::before {
  background-color: #BB7A01;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  top: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 100%;
  z-index: 2; }

.h-cover:hover::before {
  opacity: 0.5; }

.e-img {
  min-height: 450px;
  width: 450px;
  object-fit: cover; }

.e-img img {
  object-fit: cover;
  width: 128px;
  height: 100%; }

.vedetteImg {
  position: relative; }

.vedetteImg img {
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0; }

.vignette img {
  object-fit: cover;
  width: 55px;
  height: 55px; }

.agenda figure {
  flex: 1;
  position: relative;
  overflow: hidden; }

.agenda img {
  object-fit: contain;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  height: auto; }

.article-wrapper figure img {
  max-height: 250px;
  min-height: 250px; }

.publication .cover {
  margin: 0 -12px;
  margin-bottom: 12px; }

.guideloaded figure,
.article-text figure {
  margin: 22px 0px; }

.imgcenter {
  display: flex;
  justify-content: center; }

.w500 {
  width: 500px; }

.w450 {
  width: 450px; }

.w400 {
  width: 400px; }

.w350 {
  width: 350px; }

.w300 {
  width: 300px; }

.w250 {
  width: 250px; }

.w200 {
  width: 200px; }

/* COMPONENTS - Modules réutilisable dans le site
========================================================================= = */
button {
  color: #04556F;
  font-family: "fivo_sans_modernregular", sans-serif;
  font-weight: bold;
  font-size: 16px; }

button:hover {
  cursor: pointer; }

.shares .tags li {
  box-shadow: unset;
  padding: 0 8px; }

.shares .tags li:last-child {
  border: unset;
  padding-right: 0px; }

.p-icons {
  display: flex;
  justify-content: end;
  flex-direction: column;
  position: absolute;
  right: -84px;
  color: #04556F; }

.p-icons-home {
  display: flex;
  flex-direction: row;
  justify-content: start;
  color: #FFFCF4;
  margin-top: 2rem; }
  .p-icons-home svg {
    fill: #FFFCF4; }

.shares {
  position: sticky;
  left: 0;
  top: 110px; }

.participer-cta .p-icons {
  justify-content: center; }

.participer-cta .tags li:first-child {
  padding-left: 0px; }

.p-icons li {
  margin-top: 0px; }

.p-icons li:hover {
  cursor: pointer; }

.p-icons svg {
  fill: currentColor; }

.i-link span {
  position: absolute;
  left: -9999px; }

.more {
  text-transform: uppercase;
  font-weight: bold;
  color: inherit;
  color: currentColor;
  font-size: 14px;
  margin: 10px 0;
  margin-bottom: 16px; }

.e-category {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  color: #279DAC;
  background: #FFFCF4;
  padding: 6px;
  flex-basis: auto;
  width: fit-content;
  width: max-content;
  margin-bottom: 1rem; }

.type {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  background-color: #FFEAB6;
  color: #BB7A01;
  padding: 6px;
  flex-basis: auto;
  height: 100%;
  margin-left: 4px;
  line-height: 20px; }

.more:hover {
  cursor: pointer; }

.lien:hover > .arrow-right {
  margin-left: 30px; }

.lien:hover > .arrow-left {
  margin-right: 30px; }

.arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: -3px;
  margin-left: 5px; }

.arrow {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.arrow {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.arrow-right {
  width: 48px;
  background-color: currentColor;
  height: 2px;
  margin: 0 4px; }

.arrow-left {
  width: 48px;
  background-color: currentColor;
  height: 2px;
  margin: 0 4px;
  transform: rotate(180deg); }

.theatre-footer > .arrow-right {
  width: 50%; }

.arrow-left:before,
.arrow-right:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 2px;
  right: 1px;
  top: 0px;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.arrow-left:after,
.arrow-right:after {
  position: absolute;
  content: "";
  height: 10px;
  width: 2px;
  right: 1px;
  top: -7px;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.dates .arrow-right {
  width: 45%; }

.dates:hover > .arrow-right {
  margin-left: 45px; }

.cafe-footer .tags {
  margin-bottom: 8px; }

.aic {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.jce {
  /* -webkit-box-pack: end; */
  -ms-flex-pack: end;
  /* justify-content: flex-end; */ }

.f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.block {
  display: block; }

.rel {
  position: relative; }

.config {
  position: fixed;
  right: 24px;
  background: #ffffff;
  bottom: 20px;
  z-index: 9999;
  display: flex;
  padding: 14px;
  flex-wrap: wrap; }

.config p {
  font-size: 14px;
  margin-bottom: 12px; }

.config button {
  color: white;
  font-size: 14px;
  padding: 12px;
  background: cadetblue; }

.config button:hover {
  color: cadetblue;
  background: white;
  cursor: pointer; }

.confbtn {
  display: inline-block; }

.confbtn:first-child {
  width: 100%; }

.confbtn:not(:first-child) {
  flex: 1; }

.btnfoot {
  border: solid 2px;
  font-size: 16px;
  padding: 8px;
  text-transform: uppercase;
  font-weight: 700; }

.guide-wrap .fright {
  width: 100%;
  margin: 0 -16px;
  margin-bottom: 8px;
  padding: 18px; }

.fright {
  position: fixed;
  width: inherit;
  max-width: inherit;
  bottom: 0px;
  opacity: 0;
  transition: all 300ms ease;
  visibility: hidden; }

.scroll-header {
  background-color: #FFFCF4;
  padding: 8px;
  box-shadow: 0 0 0 2px;
  text-align: center; }

.scroll-header.fade-out {
  opacity: 1; }

.prevnext {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px; }

.prevnext h1 {
  font-size: 22px; }

.next,
.prev {
  border: 1px solid;
  background-color: #04556F;
  color: #FFFCF4;
  padding: 12px;
  transition: all 0.3s ease-in-out; }

.next {
  right: 8px; }

.prenexarrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #04556F;
  margin: 0 4px; }

.prenexarrow:after {
  content: '';
  display: inline-block;
  margin-left: -2px;
  width: 7px;
  height: 7px;
  border-top: 2px solid;
  border-right: 2px solid;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #FFFCF4;
  margin-top: 0px; }

.prev > .prenexarrow:after {
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.bubl {
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 10px;
  display: inline-block;
  margin: 8px 0;
  margin-right: 8px;
  box-shadow: 0 0 0pt 1pt;
  transition: all .3s ease-in-out;
  line-height: 28px; }

.prevnext .bubl {
  font-weight: normal;
  text-transform: lowercase;
  box-shadow: 0 0 0pt 1pt; }

.bubl:hover {
  cursor: pointer;
  box-shadow: red;
  background: #04556F;
  color: #FFFCF4; }

.filtres {
  color: #FFEAB6;
  border-bottom: 2px solid;
  border-top: 2px solid;
  margin: 0px -16px;
  flex-wrap: wrap;
  justify-content: space-between; }

.filtres .tags {
  padding: 20px 16px; }
  .filtres .tags:first-child {
    border-right: 2px solid; }

.cafe .filtres {
  display: block; }

.cafe .filtres .tags {
  padding: 20px 16px; }
  .cafe .filtres .tags:first-child {
    border-right: 0px solid; }

.filtres .tags li {
  font-size: 13px;
  margin-top: 8px;
  margin-right: 8px;
  transition: all .3s ease-in-out; }

.filtres .tags li:hover {
  color: #FFFCF4;
  background: #04556F; }

.is-dark > li {
  color: #FFFCF4;
  background: #04556F;
  border: 2px solid #04556F; }

.tags li {
  text-transform: uppercase;
  box-shadow: 0 0 0 1pt;
  padding: 4px;
  margin-bottom: 6px;
  margin-right: 8px;
  display: inline-block; }

.pub-tag {
  margin-bottom: 27px; }

.pub-tag li {
  background-color: #04556f;
  color: #fffcf4;
  font-size: 14px;
  padding: 8px; }

.btn-ocean {
  border-color: #BB7A01;
  color: #BB7A01; }

.btn-gold {
  border-color: #FFEAB6;
  color: #FFEAB6; }

.btn-sand {
  border-color: #FFEAB6;
  color: #FFEAB6; }

.btn-abyss {
  border-color: #04556F;
  color: #04556F; }

button {
  border: none;
  background-color: transparent; }

.c-tag {
  font-size: 13px;
  padding: 6px;
  text-transform: uppercase;
  z-index: 3;
  font-weight: 700; }

.c-serie {
  background-color: #04556F;
  color: #FFFCF4;
  bottom: 0px;
  right: 0px;
  position: absolute; }

.c-thema {
  color: #FFFCF4;
  background-color: #04556F;
  top: 0px;
  left: 0px;
  position: absolute; }

.user-post {
  display: inline-block;
  margin-bottom: 4px; }

.otherlink span {
  margin-right: 12px; }

.modal-close {
  position: absolute;
  font-size: 22px;
  font-weight: bold;
  right: 16px; }

.btnbar {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap; }

.guide-participer {
  margin-bottom: 32px; }

.clear {
  background-color: #ffeab6;
  color: #04556f; }

.flickity-button {
  position: absolute;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: rgba(255, 255, 255, 0.75); }

.comments {
  margin-top: 24px; }

.comments h3 {
  font-size: 24px;
  margin-bottom: 24px; }

.comment {
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 24px;
  border: 2px solid;
  padding: 12px; }

.comment-header {
  display: flex;
  margin-bottom: 12px; }

.commentId {
  margin-right: 12px;
  font-size: 22px; }

.commentDate {
  font-size: 16px;
  margin-right: 12px; }

.participer-cta {
  background-color: #04556F;
  color: #FFFCF4;
  padding: 44px 22px; }

.home-cta {
  display: flex; }
  .home-cta .cta-icons {
    flex: 1; }
  .home-cta .btn-cta {
    width: fit-content;
    margin-left: unset; }

.home-cta > * {
  flex: 1;
  padding: 22px; }

.ctaparticiper {
  padding: 16px;
  bottom: 16px;
  opacity: 0;
  transition: all .3s ease-in-out;
  border-radius: 100px;
  background-color: #FFFCF4;
  text-align: center; }

.participer-cta input[type="text"] {
  margin: 8px 0;
  color: #04556F;
  background-color: #FFFCF4;
  font-size: 22px;
  border: 2px solid #04556F;
  padding: 16px;
  margin: 16px; }

.participer-cta form[input] {
  border: 2px solid #04556F; }

.participer-cta ::-webkit-input-placeholder {
  /* Edge */
  color: #04556F;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center; }

.participer-cta :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #04556F;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center; }

.participer-cta ::placeholder {
  color: #04556F;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center; }

.btn-cta {
  font-size: 16px;
  font-weight: 700;
  padding: 14px;
  margin: 16px;
  border: solid 2px;
  background-color: #04556F;
  color: #FFFCF4;
  text-align: center;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase; }

.next:hover,
.prev:hover,
.btn-cta:hover {
  background-color: #FFFCF4;
  color: #04556F;
  cursor: pointer; }

.menu-wrapper .participer-cta {
  background-color: #FFFCF4;
  color: #04556F;
  text-align: center;
  align-self: stretch;
  width: 100%; }

.wrap-cta {
  height: 100%;
  flex-direction: column;
  display: flex;
  justify-content: space-between; }

.menu-wrapper .participer-cta input[type="text"] {
  background-color: #FFFCF4;
  color: #04556F;
  margin: 8px 0;
  font-size: 22px;
  border: 2px solid #04556F;
  padding: 14px;
  margin: 16px; }

.menu-wrapper .participer-cta ::-webkit-input-placeholder {
  /* Edge */
  color: #04556F;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center; }

.menu-wrapper .participer-cta :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #04556F;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center; }

.menu-wrapper .participer-cta ::placeholder {
  color: #04556F;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center; }

.separator {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly; }

.separator .btn-cta {
  margin: unset; }

.cta-icons {
  flex: 1 100%; }

.cta-form form {
  display: flex;
  flex-direction: column; }

.cta-form label {
  font-family: "agrandirwide_bold_d5", sans-serif;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 0px; }

.cafe-form {
  display: flex;
  flex-direction: column; }

.form-field-register,
.form-element {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 16px 0; }

.f-group {
  display: flex;
  flex-wrap: wrap; }

.form-drop-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }

.form-drop {
  display: flex;
  flex-direction: column;
  margin-right: 16px; }

label {
  font-size: 22px;
  margin-bottom: 8px; }

abbr {
  color: #04556F; }

input[type=text] {
  margin-right: 1em;
  background-color: transparent !important;
  border: 1px solid #04556F;
  padding: 1em 0 0.3em 0em;
  font-size: 16px; }

input[type=password],
input[type=email] {
  margin-right: 0.5em;
  background-color: transparent;
  border: 1px solid #04556F;
  padding: 1em 0 0.3em 0em;
  margin-bottom: 12px;
  font-size: 16px; }

input[type=submit] {
  width: 50%;
  background-color: #FFEAB6;
  color: #04556F;
  border: transparent;
  padding: 16PX 0;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  align-self: end;
  transition: all .3s ease-in-out;
  margin-bottom: 22px; }

input[type=submit]:hover {
  cursor: pointer;
  background-color: #04556F;
  color: #FFEAB6; }

textarea {
  height: 200px;
  margin-top: 16px;
  padding: 16px;
  box-sizing: border-box;
  font-size: 22px;
  color: #FFEAB6;
  border: 3px solid #FFEAB6;
  background-color: transparent; }

select {
  padding: 12px;
  border: none;
  color: #FFEAB6;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #bb7a01;
  font-size: 14px;
  border: 3px solid #FFEAB6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.form-element input[type=text] {
  border: 3px solid #FFEAB6;
  color: #FFEAB6; }

.form-element input[type=email] {
  color: #FFEAB6;
  border: 3px solid #FFEAB6; }

.form-element input[type=email] {
  color: #FFEAB6; }

.form-element input[type=submit] {
  background-color: #FFEAB6;
  color: #04556F; }

.form-elementinput[type=submit]:hover {
  background-color: #04556F;
  color: #FFEAB6; }

textarea {
  height: 200px;
  margin-top: 16px;
  padding: 16px;
  box-sizing: border-box;
  font-size: 22px;
  color: #FFEAB6;
  border: 3px solid #FFEAB6;
  background-color: transparent; }

.honeypot,
.honey {
  position: absolute;
  left: -99999px; }

/* LAYOUT - Mise en page, framework structure des éléments
========================================================================= = */
nav {
  color: #FFFCF4;
  background-color: #04556F;
  text-transform: uppercase;
  padding: 22px;
  width: 100%;
  font-family: 'agrandirwide_bold_d5', sans-serif;
  position: sticky;
  top: 0px;
  z-index: 999;
  border-bottom: 2px solid #FFEAB6; }

nav .siteName {
  font-weight: 600; }

.offscreen-siteName {
  writing-mode: vertical-rl;
  text-orientation: upright;
  position: fixed;
  font-size: 44px;
  left: 20px; }

.offscreen-subtitle {
  font-size: 44px;
  position: absolute;
  bottom: 20px;
  left: 1em; }

nav a img {
  max-width: 100px; }

.siteName img {
  max-width: 146px; }

nav a {
  font-size: 24px; }

nav a.active {
  border: 2px solid #FFEAB6;
  border-radius: 500px;
  color: #BB7A01;
  background: #FFEAB6; }

nav button {
  color: #FFFCF4; }

.top-nav .fixed-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%; }

.top-nav .fixed-menu .menu-open {
  font-size: 24px;
  font-weight: 600; }

.top-nav .menu-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50vw;
  transform: translateX(100vw);
  transition: transform .3s;
  background-color: #FFEAB6;
  color: #04556F; }

.top-nav .menu-wrapper.is-opened {
  transform: translateX(0px);
  z-index: 999;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-content: flex-start;
  overflow: auto; }

.top-nav .menu-wrapper .menu {
  opacity: 0;
  transition: opacity .3s;
  display: flex;
  flex-direction: column;
  text-align: right;
  flex: 1 100%;
  padding: 32px; }

.top-nav .menu-wrapper.is-opened .menu {
  opacity: 1;
  transition-delay: .3s; }

.top-nav .menu-wrapper .menu a {
  font-size: 33px;
  margin-bottom: 1em; }

.top-nav .menu-wrapper .sub-menu {
  padding: 10px 0 0 7px; }

.top-nav .menu-wrapper .menu-close {
  font-size: 24px;
  font-weight: bold;
  color: #FFFCF4; }

.menu .tags {
  padding-top: unset;
  margin-bottom: 24px; }

.menu .tags li {
  font-size: 14px;
  margin-top: unset;
  font-weight: 400; }

.top-nav .menu-wrapper .menu a {
  font-size: 24px;
  margin-bottom: 24px; }

.navbar {
  background-color: #04556F; }

.wrap-head {
  flex: 1 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  background-color: #04556F;
  color: #FFFCF4;
  padding: 30px;
  margin-bottom: 32px; }

.hidename {
  display: none; }

.loginMenu li a {
  text-transform: 20px;
  text-transform: capitalize; }

.username {
  text-transform: none;
  font-size: 20px;
  font-weight: 400; }

/* -------------------------------------------------------------------------- */
/*                                  Home page                                 */
/* -------------------------------------------------------------------------- */
.columns {
  display: flex; }

.one-third {
  flex: 1; }

.two-third {
  flex: 2; }

.home-content {
  margin: 0 auto; }

.homeone {
  max-width: unset; }

.homeone > .large-parts {
  flex: auto; }

.homeone > .cafe-parts {
  flex: auto; }

.homethird {
  max-width: unset; }

.homethree {
  display: flex;
  flex-wrap: wrap; }

.homethree > * {
  width: 33.3333%; }

.show {
  display: block; }

.hide {
  display: none; }

/* -------------------------------------------------------------------------- */
/*                               SECTION INTERNE                              */
/* -------------------------------------------------------------------------- */
.publication-header {
  padding: 1px 26px;
  background-color: #FFFCF4;
  color: #04556F; }

.home-publication-header {
  padding: 21px;
  border-bottom: 2px solid;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center; }

.home-publication-header h2 {
  text-transform: uppercase; }

.publication-header h3 {
  text-transform: unset; }

.sticky {
  position: sticky;
  top: 94px;
  z-index: 888; }

.cafe-pub-holder {
  position: sticky;
  top: 100px;
  overflow-y: scroll;
  height: 100vh; }

.cafe-pub-home {
  padding: 22px;
  border-bottom: 2px solid; }

.cafe-pub-home:last-child {
  border-bottom: none; }

.publication-cafe {
  display: flex;
  flex-direction: column;
  padding: 22px;
  justify-content: space-between;
  border-bottom: 2px solid; }

.publication-title {
  margin-bottom: 12px;
  justify-content: space-between;
  display: flex;
  flex-direction: column; }

.cafe-head .publication-title {
  margin-bottom: 12px;
  justify-content: space-between;
  display: flex;
  flex: 1 1 0;
  flex-direction: row;
  align-items: baseline; }

.publication:last-child {
  margin-bottom: 0px;
  border-right: 0px; }

.h-tags {
  margin-top: auto; }

.publication:last-child {
  margin-bottom: 0px; }

.content {
  max-width: 928px;
  margin: 0 auto;
  background-color: #FFFCF4; }

.hp-head {
  padding: 32px;
  display: flex;
  flex-direction: column;
  flex: 1; }

.c-pub .publication {
  border-right: 2px solid; }

.c-pub .publication:last-child {
  border-right: 0px; }

/* -------------------------------------------------------------------------- */
/*                         // Style de la section café                        */
/* -------------------------------------------------------------------------- */
.cafe {
  background-color: #BB7A01;
  color: #FFEAB6; }

.cafe-post {
  padding: 16px;
  background-color: #BB7A01;
  color: #FFEAB6; }

.cafe-cat {
  font-family: "agrandirwide_bold_d5", sans-serif;
  font-size: 16px;
  padding: 8px;
  text-transform: uppercase;
  font-weight: 700;
  background-color: #FFEAB6;
  color: #BB7A01; }

.cafe-footer {
  background: #BB7A01; }

/* -------------------------------------------------------------------------- */
/*                        SECTIONS THEATRE ARTICLE CAFE                       */
/* -------------------------------------------------------------------------- */
.article-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.article-wrapper .publication {
  padding: 0 12px; }

.theatre .publication,
.publication {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 33.33%; }

.cafe-wrapper .publication .heart svg {
  fill: #FFEAB6; }

.cafe-wrapper .publication:hover .heart svg {
  fill: #BB7A01; }

.journal {
  background-color: #279DAC;
  color: #FFEAB6; }

.j-pub {
  background-color: #279DAC;
  color: #FFEAB6; }

.h-pub-wrap .j-pub {
  border-bottom: 2px solid; }

.h-pub-wrap .j-pub:last-child {
  border-bottom: 0px; }

.j-foot {
  color: #279DAC; }

.article-wrapper .publication,
.cafe-wrapper .publication {
  border-bottom: 2px solid;
  border-right: 2px solid;
  transition: all 0.3s ease-in-out; }

.cafe-wrapper .publication {
  padding: 24px; }

.article-wrapper .publication:nth-child(3n) {
  border-right: 0px; }

.article-wrapper .publication:hover {
  color: #279DAC;
  background: #FFEAB6; }

.cafe-wrapper .publication:hover {
  color: #BB7A01;
  background: #FFEAB6; }

.publication-head {
  display: flex;
  flex-direction: column;
  flex: 1; }

.publication-head > a {
  margin-top: auto; }

/* -------------------------------------------------------------------------- */
/*                                  ARTICLES                                  */
/* -------------------------------------------------------------------------- */
.article .quiquand {
  margin-top: 32px;
  margin-bottom: 16px;
  color: #279DAC; }

.article-text {
  margin-top: 32px;
  margin-bottom: 64px;
  padding: 0 64px; }

.article-text h1 {
  margin-bottom: 16px; }

.video iframe {
  margin-bottom: 16px; }

.theatre {
  background-color: #FFEAB6;
  color: #BB7A01; }

.t-pub {
  background-color: #FFEAB6;
  border-bottom: 2px solid; }
  .t-pub:last-child {
    border-bottom: unset; }

.theatre-publication {
  background-color: #279DAC; }

/* -------------------------------------------------------------------------- */
/*                                 EVENTS HOME                                */
/* -------------------------------------------------------------------------- */
.events-title {
  color: #04556F;
  text-align: center;
  padding: 36px;
  background-color: #FFFCF4; }

.events {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }

.past-event {
  filter: grayscale(1); }

.e-block {
  display: flex;
  flex: 1 1 0;
  flex-direction: row;
  justify-content: space-between;
  color: #FFFCF4;
  background-color: #279DAC;
  border-right: 2px solid; }

.agenda .e-block {
  border-right: 0px solid;
  border-bottom: 2px solid;
  min-height: 450px; }

.e-block:last-child {
  border-right: 0px; }

.e-content {
  padding: 12px;
  flex: 2 1 0;
  height: 100%;
  flex-direction: column;
  display: flex;
  justify-content: space-between; }
  .e-content a {
    border-bottom: 1px solid; }
  .e-content .next {
    margin-bottom: 1rem; }

.tags a {
  border-bottom: unset; }

.e-content .tags li {
  margin-right: 8px; }

.e-when, .e-where {
  margin-bottom: 1rem; }

.e-hours,
.dates {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }

.e-texte {
  padding: 32px 32px 0 0; }

.e-location {
  text-transform: uppercase;
  margin-bottom: 8px; }

.e-location, .e-time {
  font-size: 14px;
  line-height: 18px; }

.pagination {
  display: flex;
  justify-content: space-between; }

/* -------------------------------------------------------------------------- */
/*                                 AGENDA PAST                                */
/* -------------------------------------------------------------------------- */
.agenda-past {
  display: grid;
  background-color: #04556F;
  grid-template-columns: repeat(3, 1fr); }

.agenda-past .e-block {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  filter: grayscale(0.7);
  border-left: 2px solid; }

.agenda-past .e-title {
  font-family: 'agrandirwide_bold_d5', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 4px; }

.agenda-past .e-content {
  display: flex;
  justify-content: initial; }

.agenda-past .tags {
  margin-top: auto; }

.agenda-past figure {
  flex: none; }

.agenda-past img {
  max-height: 250px;
  min-height: 250px;
  position: relative; }

/* -------------------------------------------------------------------------- */
/*                            Participer et guides                            */
/* -------------------------------------------------------------------------- */
.participer {
  background-color: #FFFCF4; }

.participer .article-wrapper {
  background-color: #04556F;
  color: #FFEAB6; }

.participer .publication:hover {
  color: #04556F;
  background-color: #FFEAB6; }

.cafepost-wrapper,
.guide-wrapper figure img {
  max-height: 100%; }

.cafepost-wrapper,
.guide-wrapper {
  display: flex;
  justify-content: center; }

.closed {
  display: none;
  visibility: hidden;
  opacity: 0; }

.opened {
  display: block;
  visibility: visible;
  opacity: 1;
  z-index: 999; }

.guideloaded {
  position: fixed;
  overflow: scroll;
  height: 95%;
  background-color: #FFFCF4;
  color: #04556F;
  top: 12px;
  max-width: 928px;
  padding: 16px;
  border: 2px solid #FFEAB6; }

/* -------------------------------------------------------------------------- */
/*                            Cafe wrapper                                    */
/* -------------------------------------------------------------------------- */
.cafepost-wrapper {
  min-width: 45vw; }
  .cafepost-wrapper .guideloaded {
    background-color: #FFFCF4;
    color: #BB7A01;
    min-width: 45vw; }
  .cafepost-wrapper button {
    color: #BB7A01; }
  .cafepost-wrapper h3 {
    font-size: 22px;
    padding-top: 3rem;
    margin-bottom: 1rem;
    line-height: 24px; }

.commento-root {
  margin-top: 1rem;
  color: #BB7A01;
  border-top: 1px solid #BB7A01; }
  .commento-root textarea {
    background-color: #FFFCF4 !important;
    border: 1px solid #BB7A01 !important; }
  .commento-root * {
    color: #BB7A01 !important; }
  .commento-root .commento-submit-button {
    background-color: #FFEAB6 !important; }
  .commento-root .commento-main-area {
    margin-top: 1rem; }

/* -------------------------------------------------------------------------- */
/*                                  A propos                                  */
/* -------------------------------------------------------------------------- */
.infos figure img {
  max-height: 100%; }

/* -------------------------------------------------------------------------- */
/*                                   MEMBERS                                  */
/* -------------------------------------------------------------------------- */
.member {
  padding-top: 2rem; }
  .member h3 {
    margin-bottom: 1rem; }

.members {
  columns: 2; }
  .members li {
    margin-bottom: 0.5rem;
    list-style: inside;
    margin-bottom: 12px;
    color: #279DAC;
    list-style-type: dot; }

.members-list {
  margin-top: 32px;
  margin-bottom: 64px;
  padding: 0 64px; }

.member-header {
  display: grid;
  grid-template-columns: 4fr 1fr;
  grid-column-gap: 1rem;
  margin-bottom: 2rem; }
  .member-header h1 {
    margin-bottom: 1rem; }

.avatar img {
  width: 100%; }

.mbrs-infos {
  margin-bottom: 3rem; }

.mbrs-pub {
  margin-bottom: 2rem; }
  .mbrs-pub ul li {
    text-transform: capitalize;
    margin-bottom: 1rem; }

/* -------------------------------------------------------------------------- */
/*                                 error page                                 */
/* -------------------------------------------------------------------------- */
html, .content {
  height: 100%; }

.content {
  padding: 2rem; }

.footer {
  color: #FFEAB6;
  background-color: #279DAC;
  padding: 24px;
  text-align: center;
  position: relative;
  z-index: 888; }

.fadein {
  opacity: 1;
  display: block;
  visibility: visible; }

.show-in {
  opacity: 1;
  right: 16px; }

.greyfilter {
  filter: grayscale(1) blur(6px); }

/* _               _____   _____ ______
| |        /\   |  __ \ / ____|  ____|
| |       /  \  | |__) | |  __| |__
| |      / /\ \ |  _  /| | |_ |  __|
| |____ / ____ \| | \ \| |__| | |____
|______/_/    \_\_|  \_\\_____|______|
*/
@media screen and (max-width: 1090px) {
  .shares {
    display: none; } }

@media screen and (max-width: 1440px) {
  .top-nav .menu-wrapper {
    width: 100vw; }
  .wrap-head {
    justify-content: space-between;
    padding: 22px; }
  .hidename {
    display: block; } }

@media screen and (max-width: 990px) {
  .h-pub-block {
    flex-direction: column-reverse; }
  .e-block {
    flex-direction: column; }
  .e-img {
    width: 100%; }
  .e-texte {
    padding: unset; } }

@media screen and (max-width: 950px) {
  .pub-header {
    margin: 44px 16px; }
    .pub-header h1 {
      font-size: 32px; }
  .btnbar {
    margin: 0 16px; } }

/*  __  __ ______ _____ _____ _    _ __  __
|  \/  |  ____|  __ \_   _| |  | |  \/  |
| \  / | |__  | |  | || | | |  | | \  / |
| |\/| |  __| | |  | || | | |  | | |\/| |
| |  | | |____| |__| || |_| |__| | |  | |
|_|  |_|______|_____/_____|\____/|_|  |_|
*/
@media screen and (max-width: 860px) {
  .h-col {
    width: 100%;
    flex-grow: 1; }
  .c-col {
    width: 100%; }
  .pub-wrapper {
    flex-direction: column; }
  .publication, .e-block {
    border-right: unset;
    border-bottom: 2px solid; }
  .article-text {
    padding: 0 16px; }
  .filtres .tags:first-child {
    border-right: unset;
    border-bottom: 2px solid; }
  .cafe-head .publication-title {
    flex-direction: column; }
    .cafe-head .publication-title .type {
      margin-left: unset; }
  .agenda-past {
    grid-template-columns: repeat(2, 1fr); } }

@media screen and (max-width: 768px) {
  h2 {
    font-size: 20px;
    line-height: 20px; }
  h3 {
    font-size: 16px;
    line-height: 20px; }
  .publication-header {
    padding: 16px; }
  .home-publication-header {
    padding: 16px 8px; }
  .cafe-pub-home {
    padding: 16px; } }

/*   _____ __  __          _      _         _____  _____ _____  ______ ______ _   _  _____
     / ____|  \/  |   /\   | |    | |       / ____|/ ____|  __ \|  ____|  ____| \ | |/ ____|
    | (___ | \  / |  /  \  | |    | |      | (___ | |    | |__) | |__  | |__  |  \| | (___
     \___ \| |\/| | / /\ \ | |    | |       \___ \| |    |  _  /|  __| |  __| | . ` |\___ \
     ____) | |  | |/ ____ \| |____| |____   ____) | |____| | \ \| |____| |____| |\  |____) |
    |_____/|_|  |_/_/    \_\______|______| |_____/ \_____|_|  \_\______|______|_| \_|_____/
  */
@media screen and (max-width: 625px) {
  .article .quiquand {
    margin-top: 12px; }
  .pub-tag {
    margin-bottom: unset; }
  .btnbar {
    flex-direction: column;
    margin-top: 16px; } }

@media screen and (max-width: 570px) {
  /* 
  //////////////
  //// TYPE 
  //////////////
  */
  h1,
  .top-nav .menu-wrapper .menu a {
    font-size: 22px;
    line-height: 22px; }
  .pub-header {
    margin: 44px 16px; }
    .pub-header h1 {
      font-size: 22px; }
  h2 {
    font-size: 20px;
    line-height: 20px; }
  p {
    font-size: 16px;
    line-height: 24px; }
  .sticky {
    position: initial;
    top: 0px;
    z-index: 888; }
  .h-pub-wrap,
  .cafe-pub-holder {
    position: initial;
    top: 0px;
    height: auto;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    width: 100vw;
    -webkit-overflow-scrolling: touch; }
  .cafe-pub-home {
    padding: 16px;
    flex: 0 0 auto;
    border-right: 2px solid;
    width: 90vw; }
  .h-pub-block {
    padding: 0px;
    flex: 0 0 auto;
    border-right: 2px solid;
    width: 95vw; }
  .c-pub .home-publication-header {
    border: unset;
    color: #04556F;
    background-color: #FFFCF4; }
  .columns {
    display: block; }
  .news-header h2,
  .section-header h2 {
    font-size: 16px;
    line-height: 18px; }
  .publication-title {
    margin-bottom: 0px; }
  .publication-title h3,
  .h-pub-title h3 {
    font-size: 20px;
    margin-bottom: 8px;
    line-height: 26px; }
  .h-pub-block p,
  .publication-text {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 16px; }
  .vedette h1 {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 16px; }
  .vedette h2,
  .cta-form label {
    font-size: 18px;
    line-height: 24px; }
  .vedette p {
    font-size: 18px;
    line-height: 22px;
    font-weight: normal; }
  .publication-header h3 {
    text-transform: none; }
  .top-nav .fixed-menu .menu-open {
    text-align: left; }
  .tags- li {
    font-size: 12px; }
  .c-tag {
    line-height: 35px; }
  .e-title {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 16px; }
  .e-block .date,
  .btn-cta,
  .participer-cta input[type="text"] {
    font-size: 16px; }
  .separator .btn-cta {
    font-size: 16px;
    margin-top: 16px; }
  .quiquand {
    margin-bottom: 12px;
    font-size: 14px; }
  /* 
  /////////////
  /// MARGINS & PADDINGS 
  ////////////
  */
  .hp-head {
    padding: 12px; }
  .e-content,
  .news-header,
  .wrap-head,
  .top-nav,
  .top-nav .menu-wrapper .menu,
  .separator,
  .publication,
  .section-header,
  aside {
    padding: 16px 8px; }
  .wrap-head {
    margin-bottom: 0px; }
  nav {
    padding: 16px; }
  .urlfeat,
  .vedetteImg {
    padding: 8px !important; }
  .cafe-wrapper .publication {
    padding: 8px; }
  .cafe-wrapper h2 {
    margin-bottom: 8px; }
  .ctaparticiper {
    padding: 8px;
    bottom: 8px; }
  .participer-cta {
    padding: 8px;
    border-bottom: 2px solid; }
  .home-cta > * {
    padding: 16px 0; }
  .home-cta {
    flex-direction: column; }
  .publication-header {
    min-height: auto;
    padding: 12px;
    text-align: left; }
  .fright {
    width: 98%; }
  .publication-head {
    margin-top: 8px; }
  /* 
  /////////////
  //DISPLAYS 
  //////////////
  */
  .article-wrapper {
    flex-direction: column; }
  .theatre .publication,
  .publication {
    width: 100%;
    border-right: 0px !important; }
  .menu-wrapper .participer-cta {
    display: none; }
  .e-img {
    display: none; }
  .h-pub-block,
  .homeone,
  .events,
  .agenda-past {
    display: block; }
  .separator {
    text-align: left;
    display: block; }
  /* 
  /////////////
  /// BUTTONS
  ////////////
  */
  .menu .tags li {
    margin-bottom: 8px; }
  .bubl,
  .filtres .tags li {
    padding: 4px 6px;
    font-size: 14px;
    margin: 4px 0;
    margin-right: 8px;
    box-shadow: 0 0 0pt 1pt; }
  .prevnext .bubl {
    width: 100%;
    padding: 1px 6px;
    font-size: 12px;
    margin-right: unset;
    text-align: center; }
  .arrow-left,
  .arrow-left {
    width: 14px; }
  .next, .prev {
    border: unset;
    font-size: 14px;
    padding: 6px; }
  .filtres .tags {
    justify-content: start; } }