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

::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: #0066FF;
  border-radius: 0;
  border-left: 1px solid #0f0f57;
  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: #0f0f57;
  border-radius: 0px; }

html {
  scrollbar-color: #0f0f57 #4098E7; }

@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 {
  color: #0f0f57;
  background-color: #F0F4FF; }

.section-header {
  color: #0f0f57;
  text-transform: uppercase; }

.rowflex {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15vmax;
  justify-content: space-between; }

.row {
  margin-bottom: 15vmax; }

/* OUTILS - ne génèrent pas de css
========================================================================= = */
/* BASE - partie générique du site
========================================================================= = */
@font-face {
  font-family: 'Basierrnd';
  src: url("../fonts/basier/basiercircle-regular-webfont.eot");
  src: url("../fonts/basier/basiercircle-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/basier/basiercircle-regular-webfont.woff2") format("woff2"), url("../fonts/basier/basiercircle-regular-webfont.woff") format("woff"), url("../fonts/basier/basiercircle-regular-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Basierrnd';
  src: url("../fonts/basier/basiercircle-semibold-webfont.eot");
  src: url("../fonts/basier/basiercircle-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/basier/basiercircle-semibold-webfont.woff2") format("woff2"), url("../fonts/basier/basiercircle-semibold-webfont.woff") format("woff"), url("../fonts/basier/basiercircle-semibold-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Basierrnd';
  src: url("../fonts/basier/basiercircle-bold-webfont.eot");
  src: url("../fonts/basier/basiercircle-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/basier/basiercircle-bold-webfont.woff2") format("woff2"), url("../fonts/basier/basiercircle-bold-webfont.woff") format("woff"), url("../fonts/basier/basiercircle-bold-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

body {
  font-family: 'Basierrnd', serif;
  font-size: 18px;
  line-height: 24px; }

a {
  color: #0066FF;
  text-decoration: none; }

li {
  list-style: none;
  font-size: 22px; }

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

.maptitle,
h2 {
  font-size: 36px;
  line-height: 42px;
  margin-bottom: 24px;
  text-transform: uppercase;
  font-weight: 600; }

h3 {
  color: #0066FF;
  margin-bottom: 24px; }

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

.content h2 {
  font-size: 20px;
  line-height: 28px;
  text-transform: uppercase; }

p {
  margin-bottom: 24px; }

hr {
  color: currentColor;
  border-top: 1.5px solid;
  margin-bottom: 12px; }

strong {
  font-weight: bold; }

.title {
  font-size: 28px;
  line-height: 28px;
  text-transform: uppercase;
  color: #FFFCF4; }

nav {
  font-size: 28px;
  line-height: 28px;
  text-transform: uppercase;
  color: #FFFCF4; }

/*evenements*/
.e-title {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 4px; }

.publication-title h3 {
  flex: 1;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 8px; }

.projet h3 {
  text-transform: uppercase;
  font-size: 32px;
  line-height: 36px;
  color: #0f0f57; }

.projet p:last-child {
  margin-bottom: unset; }

.type {
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 22px; }

.quiquand {
  margin-bottom: 22px;
  font-size: 17px; }

video {
  width: 100%; }

iframe {
  flex-grow: 1;
  width: 100% !important;
  min-height: 300px; }

.publication iframe {
  margin: 0 -12px;
  margin-bottom: 24px;
  min-height: 250px;
  max-height: 250px;
  width: auto !important; }

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

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%; }

.cover {
  margin-bottom: 22px; }

/* COMPONENTS - Modules réutilisable dans le site
========================================================================= = */
button {
  color: #0f0f57;
  background: none;
  font-family: "Mattone", sans-serif;
  font-weight: bold;
  font-size: 18px;
  border: none; }

.shares .tags li {
  box-shadow: unset;
  padding: 8px; }
  .shares .tags li:first-child {
    padding-left: unset; }

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

.p-icons {
  display: flex;
  justify-content: end; }

.p-icons button {
  text-transform: uppercase;
  font-weight: bold;
  border: solid 2px;
  border-radius: 100px;
  padding: 8px;
  margin-top: 10px;
  display: inline-block; }

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

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

.p-icons svg {
  fill: #0f0f57; }

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

.listing-group {
  font-weight: 600;
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 10px;
  max-width: 25%;
  color: #fff; }

.listing-group label {
  font-size: 18px;
  border: none; }

.listing-group input[type='checkbox'] {
  display: none; }

.listing-group input[type='checkbox'] + label {
  background-color: #0066FF;
  display: block;
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25); }

.listing-group input[type='checkbox'] + label {
  background-color: #0066FF;
  text-transform: capitalize; }

.listing-group input[type='checkbox'] + label:hover,
.listing-group input[type='checkbox']:checked + label {
  background-color: #0066FF; }

.listing-group input[type='checkbox']:checked + label:before {
  content: '✔';
  margin-right: 5px; }

.nextprev {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  justify-content: space-between; }
  .nextprev .prev {
    margin-right: 8px; }
  .nextprev .next {
    margin-left: 8px; }

.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: #0f0f57; }

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

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

input[type=submit] {
  width: 50%;
  background-color: #4098E7;
  color: #0f0f57;
  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: #0f0f57;
  color: #4098E7; }

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

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

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

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

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

.form-element input[type=submit] {
  background-color: #4098E7;
  color: #0f0f57; }

.form-elementinput[type=submit]:hover {
  background-color: #0f0f57;
  color: #4098E7; }

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

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

/* LAYOUT - Mise en page, framework structure des éléments
========================================================================= = */
nav {
  color: #0f0f57;
  text-transform: uppercase;
  width: 100%;
  position: sticky;
  top: 0px;
  z-index: 999; }
  nav button,
  nav a {
    font-size: 24px;
    color: #0f0f57;
    padding: 0 4px; }
  nav .langs {
    color: #0066FF; }
  nav a.active {
    border-bottom: 2px solid #0066FF; }
  nav .siteName {
    font-weight: 600; }
    nav .siteName img {
      max-width: 230px; }
  nav a img {
    max-width: 150px; }

.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; }

.top-nav .fixed-menu {
  border-top: 1.5px solid #000066;
  border-bottom: 1.5px solid #000066;
  padding: 16px 48px;
  background-color: #f0f4ff; }
  .top-nav .fixed-menu .menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%; }

.top-nav .menu-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  transform: translateX(100vw);
  transition: transform .3s;
  background-color: #F0F4FF;
  color: #0f0f57;
  display: none; }
  .top-nav .menu-wrapper .menu {
    opacity: 0;
    transition: opacity .3s;
    display: flex;
    flex-direction: column;
    text-align: right;
    flex: 1 100%;
    padding: 12px 24px; }
  .top-nav .menu-wrapper .menu-close {
    font-size: 18px;
    font-weight: normal; }

.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.is-opened .menu {
    opacity: 1;
    transition-delay: .3s; }
    .top-nav .menu-wrapper.is-opened .menu a {
      font-size: 18px;
      margin-bottom: 12px; }

.navbar {
  background-color: #0f0f57; }

.headSocial,
.headSocial a {
  text-transform: none;
  font-size: 18px; }

.headSocial {
  padding: 12px 0;
  border-top: 1px solid; }

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

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

.wrap-head {
  flex: 1 100%;
  text-align: right;
  padding: 12px 24px;
  background-color: #F0F4FF; }

.mobile-nav {
  flex: 1 100%;
  display: none;
  flex-wrap: wrap;
  align-items: center;
  background-color: #F0F4FF;
  border-bottom: 1.5px solid #0f0f57;
  border-top: 1.5px solid #0f0f57;
  padding: 12px 24px;
  width: 100%;
  justify-content: space-between;
  position: sticky;
  top: 0;
  margin-bottom: 24px; }
  .mobile-nav .wrap-head {
    flex: 1 100%;
    text-align: right;
    padding: 13px; }
  .mobile-nav a,
  .mobile-nav .menu-open {
    font-size: 18px; }

.head-container {
  display: flex;
  justify-content: space-between;
  margin-top: 24px; }
  .head-container .surleau {
    max-width: 50%; }
    .head-container .surleau p {
      margin: unset;
      font-size: 22px;
      line-height: 26px; }

.head-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 101vh; }

.header {
  display: flex;
  flex-direction: column;
  margin: 48px;
  margin-bottom: 18px; }
  .header img {
    margin-bottom: 24px; }
  .header h2 {
    margin: unset;
    text-align: right; }
    .header h2::after {
      content: '';
      width: 0px; }

.sitename {
  width: 100%; }

.siteLogo {
  margin-bottom: 24px; }

.manifestaLogo {
  width: 95px;
  position: absolute;
  bottom: 48px;
  right: 48px; }

.decowaves {
  width: 100%;
  background-color: #0f0f57;
  border-bottom: 1.5px solid #0f0f57;
  color: #f0f4ff;
  height: 25vh;
  display: flex;
  align-items: flex-end; }

.introduction {
  display: flex;
  justify-content: space-between;
  padding: 48px; }
  .introduction p {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: unset; }

.vague svg {
  animation: wave 5s linear infinite;
  position: absolute;
  height: auto;
  width: 200%; }

@keyframes wave {
  0% {
    left: -50%; }
  100% {
    left: 0; } }

canvas {
  width: 100% !important;
  position: absolute;
  transform: translateY(68vh);
  z-index: -999; }

.columns {
  display: flex; }

.one-third {
  flex: 1; }

.two-third {
  flex: 2; }

.home-content {
  margin: 0 auto;
  padding: 48px; }

.show {
  display: block; }

.hide {
  display: none; }

.presentation {
  margin-top: 15vmax;
  max-width: 45vmax; }

.surleau {
  max-width: 80%; }

.present-img {
  width: 40%;
  position: relative;
  display: flex;
  align-self: center;
  height: 20vmax;
  margin-top: 7vmax; }

.waves {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: baseline;
  width: 350px; }

.waves img {
  width: auto; }

.wavy {
  max-width: 200px; }

.mapcontainer {
  margin-bottom: 15vmax; }

#map {
  height: 450px;
  width: 80%;
  position: relative;
  margin-bottom: 22px; }

.lacarte {
  display: flex;
  flex-direction: row; }

.lacarte canvas {
  width: auto;
  transform: unset; }

.infoplace {
  border: 1px solid #0066FF;
  background-color: #F0F4FF;
  padding: 24px;
  margin-right: 24px;
  display: inline-flex;
  flex-direction: column;
  height: fit-content;
  width: calc(100% - 24px); }

.infoplace p {
  margin-bottom: unset;
  font-size: 18px; }

.projects {
  display: grid;
  grid-column-gap: 72px;
  grid-row-gap: 48px;
  grid-template-columns: 1fr 1fr 1fr; }

.projet img {
  margin-bottom: 24px;
  max-height: 300px;
  min-height: 300px; }

.two-third .projet p:last-child {
  margin: unset; }

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

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

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

.content {
  margin: 48px; }

.section-adresse {
  margin: 164px 0;
  justify-content: space-between; }

.section-adresse ul li {
  margin-bottom: 12px; }

.sub-cols {
  display: flex; }

.sub-col {
  margin-right: 48px;
  width: 42%; }

.sub-col:last-child {
  margin: unset; }

.teams {
  margin-right: 48px; }
  .teams p {
    margin-bottom: 48px; }

article {
  margin-bottom: 48px;
  max-width: 50vmax; }

.article {
  position: relative;
  display: flex;
  justify-content: space-between; }

.content .e-content {
  padding: 24px 0px; }

.pub-header {
  max-width: 25vmax; }
  .pub-header h1 {
    position: sticky;
    top: 102px; }

.article-text {
  margin-top: 32px; }

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

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

.events {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0 -24px; }
  .events a {
    color: unset;
    width: 100%; }
    .events a:hover {
      background-color: white;
      cursor: pointer; }

.pevent {
  margin-top: 12px;
  text-align: right; }

.e-header {
  display: flex;
  justify-content: space-between;
  font-family: 'Porpora', sans-serif;
  font-size: 22px; }

.e-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #0f0f57;
  border-top: 1.5px solid #0f0f57; }

.e-block:last-child {
  border-bottom: 1.5px solid #0f0f57; }

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

.e-content {
  padding: 24px;
  flex: 1 1 0;
  height: 100%;
  flex-direction: column;
  display: flex;
  justify-content: space-between; }
  .e-content .tags li {
    margin-right: 8px; }

.communities .e-content {
  padding: 12px 24px;
  align-items: center;
  flex-direction: row; }
  .communities .e-content .comuName,
  .communities .e-content .place,
  .communities .e-content h3 {
    margin-bottom: 0px; }
  .communities .e-content .comuName {
    flex: 1; }
  .communities .e-content .rcol {
    display: flex;
    justify-content: space-between;
    flex: 2; }

.dates {
  display: flex;
  flex-wrap: wrap;
  color: #0066FF;
  margin-bottom: 12px; }

.rcategory {
  text-transform: uppercase; }

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

.e-subtitle {
  margin-bottom: 0px; }

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

.agenda-past {
  display: flex;
  flex-wrap: wrap; }

.agenda-past .e-block {
  display: flex;
  flex-direction: column-reverse; }

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

.agenda-past figure {
  flex: none; }

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

.comuName {
  margin-bottom: 22px;
  color: #0066FF; }

.coordinates,
.place {
  margin-bottom: 12px;
  text-align: right; }

.coordinates {
  font-size: 16px;
  margin: unset;
  color: #0066FF; }
  .coordinates span {
    color: #0f0f57; }

.footer {
  color: white;
  background-color: #0f0f57;
  padding: 48px;
  position: relative;
  z-index: 888; }
  .footer p {
    margin: unset; }

.fadein {
  opacity: 1; }

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

.opzero {
  transform: translateY(-10px);
  opacity: 0; }

.fade-in {
  animation: fadeIn .3s ease-in;
  animation-fill-mode: forwards; }

.content {
  animation: fadeIn .3s ease-in;
  animation-fill-mode: forwards; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.spinforw {
  animation: spinforw 4s linear infinite;
  animation-direction: reverse;
  position: absolute;
  width: 50%; }

.spinback {
  animation: spinforw 4s linear infinite;
  position: absolute;
  right: 25%;
  width: 50%; }

@keyframes spinforw {
  100% {
    transform: rotate(360deg); } }

/* _               _____   _____ ______
| |        /\   |  __ \ / ____|  ____|
| |       /  \  | |__) | |  __| |__
| |      / /\ \ |  _  /| | |_ |  __|
| |____ / ____ \| | \ \| |__| | |____
|______/_/    \_\_|  \_\\_____|______|
*/
@media screen and (max-width: 1066px) {
  .present-img {
    margin: 0 5%; } }

@media screen and (max-width: 990px) {
  .top-nav .fixed-menu {
    display: none; }
  .top-nav .menu-wrapper {
    display: flex; }
  .top-nav .mobile-nav {
    display: flex;
    flex: 1 100%; }
  nav {
    padding: unset; }
  .present-img {
    width: 40%; }
  .content,
  .header {
    margin: 24px; }
  .introduction {
    padding: 24px; }
    .introduction p {
      font-size: 18px;
      line-height: 22px; }
  .head-container .surleau p {
    font-size: 18px;
    line-height: 22px; }
  .home-content {
    padding: 24px; }
  .projects {
    display: grid;
    grid-column-gap: 24px;
    grid-row-gap: 24px; }
  article {
    max-width: 70vmax; }
  .manifestaLogo {
    width: 75px;
    bottom: 24px;
    right: 24px; } }

/*  __  __ ______ _____ _____ _    _ __  __
|  \/  |  ____|  __ \_   _| |  | |  \/  |
| \  / | |__  | |  | || | | |  | | \  / |
| |\/| |  __| | |  | || | | |  | | |\/| |
| |  | | |____| |__| || |_| |__| | |  | |
|_|  |_|______|_____/_____|\____/|_|  |_|
*/
@media screen and (max-width: 860px) {
  body {
    font-size: 16px;
    line-height: 22px; }
  h2 {
    font-size: 28px;
    line-height: 32px; }
  .projects {
    grid-template-columns: 1fr 1fr; }
  .projet h3 {
    font-size: 28px;
    line-height: 32px; }
  .e-content {
    padding: 24px; }
  .introduction {
    padding: 0 24px; }
    .introduction p {
      margin-bottom: 24px; }
  .head-container .surleau p {
    font-size: 16px;
    line-height: 20px; }
  .content {
    margin: 24px; }
  .article {
    flex-direction: column; }
  article {
    max-width: unset; }
  .pub-header {
    max-width: unset;
    margin-bottom: 24px; }
  .mobile-nav {
    padding: 12px 24px; }
  .head-container .surleau {
    max-width: 75vw; }
  .events {
    margin: 0px -24px; }
  .columns ul {
    width: 100%; }
  .communities .e-content .rcol {
    flex: 1;
    flex-wrap: wrap;
    flex-direction: column; } }

@media screen and (max-width: 768px) {
  .listing-group {
    max-width: 35%; }
  .waves {
    width: 100%; }
  body,
  .place,
  .introduction p,
  .presentation p,
  p {
    font-size: 18px;
    line-height: 24px; }
  .maptitle,
  h1 {
    font-size: 32px;
    line-height: 38px; }
  h2 {
    font-size: 28px;
    line-height: 30px; }
  h3 {
    line-height: 24px; }
  .projet h3 {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 32px;
    margin-bottom: 12px; }
  .e-block .date {
    font-size: 18px; }
  .place {
    margin-bottom: 12px;
    text-align: left; }
  .communities .e-content {
    padding: 12px;
    align-items: baseline;
    flex-direction: column; }
    .communities .e-content .comuName {
      margin-bottom: 12px; }
  .rowflex {
    margin-top: 48px;
    flex-direction: column; }
    .rowflex .presentation {
      max-width: 100%; }
  .lacarte {
    flex-direction: column; }
    .lacarte #map {
      height: 450px;
      width: 100%; }
  .infoplace {
    margin-bottom: 12px;
    margin-right: unset;
    width: 100%; }
  .coordinates, .place {
    text-align: left; }
  .e-header {
    flex-direction: column; }
  .projects {
    margin: 50px 0; }
  .header {
    flex-wrap: wrap; }
  .sub-cols {
    flex-direction: column; }
    .sub-cols .sub-col {
      margin-right: 48px;
      width: 100%; } }

/*   _____ __  __          _      _         _____  _____ _____  ______ ______ _   _  _____
     / ____|  \/  |   /\   | |    | |       / ____|/ ____|  __ \|  ____|  ____| \ | |/ ____|
    | (___ | \  / |  /  \  | |    | |      | (___ | |    | |__) | |__  | |__  |  \| | (___
     \___ \| |\/| | / /\ \ | |    | |       \___ \| |    |  _  /|  __| |  __| | . ` |\___ \
     ____) | |  | |/ ____ \| |____| |____   ____) | |____| | \ \| |____| |____| |\  |____) |
    |_____/|_|  |_/_/    \_\______|______| |_____/ \_____|_|  \_\______|______|_| \_|_____/
  */
@media screen and (max-width: 625px) {
  body,
  h2,
  .top-nav .menu-wrapper .menu-close,
  .introduction p,
  .presentation p,
  a, p {
    font-size: 16px;
    line-height: 20px; }
  h2 {
    font-size: 28px;
    margin-bottom: 22px; }
  .head-container {
    flex-direction: column-reverse; }
  .header {
    margin: 24px 12px; }
    .header h2 {
      margin-bottom: 24px;
      text-align: left; }
  .maptitle {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 24px;
    font-weight: bold; }
  h1 {
    font-size: 24px;
    line-height: 28px; }
  .listing-group label {
    font-size: 12px; }
  .article .e-block,
  .events {
    margin: 0px -12px; }
  .article .e-content,
  .e-content,
  .content,
  .footer,
  .home-content {
    padding: 12px; }
  .introduction {
    padding: 0 12px; }
  .projects {
    margin: 24px 0; }
  .place {
    margin-bottom: unset; }
  .content {
    margin: 0px; }
  .article-text {
    margin-top: 12px; }
  p {
    margin-bottom: 12px; }
  .teams {
    margin-right: unset; }
  .section-adresse {
    margin: unset; }
  .teampartner,
  .projects,
  .event {
    margin-bottom: 48px; }
  .projects {
    grid-template-columns: 1fr;
    grid-row-gap: 48px; }
  .projects .two-third {
    margin-bottom: 0px; }
  .sub-cols,
  .comun-adresses {
    flex-direction: column; }
  .sub-col {
    margin-right: 48px;
    width: 100%; }
  .section-adresse {
    flex-direction: column; }
  .wrap-head,
  .mobile-nav {
    padding: 6px 12px; } }