@charset "UTF-8";
@font-face {
  font-family: "F-Grotesk";
  src: url("../src/fonts/F-Grotesk-Book.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "F-Grotesk";
  src: url("../src/fonts/F-Grotesk-Thin.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "F-Grotesk";
  src: url("../src/fonts/F-Grotesk-Thin-Italic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "GT Alpina";
  src: url("../src/fonts/GTAlpina-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  padding: 0.6vw;
  font-family: "F-Grotesk", sans-serif;
  font-weight: 400;
}

body[data-parent="generic"] {
  --clr-theme-light: #fff;
  --clr-theme-dark: #000;
}

.grid {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr);
  grid-auto-flow: dense;
  gap: 0.6vw;
}

.grid#menu {
  margin-bottom: 0.6vw;
}

.grid#footer {
  margin-top: 0.6vw;
}

.grid.hidden {
  display: none;
}

.grid_item {
  position: relative;
  width: 100%;
}

.grid_item::before {
  content: "";
  height: 0;
  display: block;
  padding-top: 100%;
  width: 1px;
  position: relative;
}

.grid_item[data-size="1_1"] {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
}

.grid_item[data-size="1_1"]::before {
  padding-top: 100%;
}

.grid_item[data-size="1_3"] {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row: span 3;
      grid-row-start: span 3;
}

.grid_item[data-size="1_3"]::before {
  padding-top: calc((100% * 3) + 1.2vw);
}

.grid_item[data-size="2_1"] {
  -ms-grid-column: span 2;
      grid-column-start: span 2;
}

.grid_item[data-size="2_1"]::before {
  padding-top: calc((100% - 0.6vw) / 2);
}

.grid_item[data-size="2_2"] {
  -ms-grid-column: span 2;
      grid-column-start: span 2;
  -ms-grid-row: span 2;
      grid-row-start: span 2;
}

.grid_item[data-size="2_2"]::before {
  padding-top: 100%;
}

.grid_item[data-size="2_3"] {
  -ms-grid-column: span 2;
      grid-column-start: span 2;
  -ms-grid-row: span 3;
      grid-row-start: span 3;
}

.grid_item[data-size="2_3"]::before {
  padding-top: calc(((100% - 0.6vw) * 3 / 2) + 1.2vw);
}

.grid_item[data-size="2_4"] {
  -ms-grid-column: span 2;
      grid-column-start: span 2;
  -ms-grid-row: span 4;
      grid-row-start: span 4;
}

.grid_item[data-size="2_4"]::before {
  padding-top: calc(((100% - 0.6vw) * 2 + 1.8vw));
}

.grid_item[data-size="2_5"] {
  -ms-grid-column: span 2;
      grid-column-start: span 2;
  -ms-grid-row: span 5;
      grid-row-start: span 5;
}

.grid_item[data-size="2_5"]::before {
  padding-top: calc( ( (100% - 0.6vw) * 5/2 + 2.4vw));
}

.grid_item[data-size="2_6"] {
  -ms-grid-column: span 2;
      grid-column-start: span 2;
  -ms-grid-row: span 6;
      grid-row-start: span 6;
}

.grid_item[data-size="2_6"]::before {
  padding-top: calc( ( (100% - 0.6vw) * 6/2 + 3vw));
}

.grid_item[data-size="2_7"] {
  -ms-grid-column: span 2;
      grid-column-start: span 2;
  -ms-grid-row: span 7;
      grid-row-start: span 7;
}

.grid_item[data-size="2_7"]::before {
  padding-top: calc( ( (100% - 0.6vw) * 7/2 + 3.6vw));
}

.grid_item[data-size="3_1"] {
  -ms-grid-column: span 3;
      grid-column-start: span 3;
}

.grid_item[data-size="3_1"]::before {
  padding-top: calc((100% - 1.2vw) / 3);
}

.grid_item[data-size="3_2"] {
  -ms-grid-column: span 3;
      grid-column-start: span 3;
  -ms-grid-row: span 2;
      grid-row-start: span 2;
}

.grid_item[data-size="3_2"]::before {
  padding-top: calc(((100% - 1.2vw) * 2 / 3) + 0.6vw);
}

.grid_item[data-size="3_3"] {
  -ms-grid-column: span 3;
      grid-column-start: span 3;
  -ms-grid-row: span 3;
      grid-row-start: span 3;
}

.grid_item[data-size="3_3"]::before {
  padding-top: 100%;
}

.grid_item[data-size="3_4"] {
  -ms-grid-column: span 3;
      grid-column-start: span 3;
  -ms-grid-row: span 4;
      grid-row-start: span 4;
}

.grid_item[data-size="3_4"]::before {
  padding-top: calc(((100% - 1.2vw) * 4 / 3) + 0.6vw);
}

.grid_item[data-size="3_5"] {
  -ms-grid-column: span 3;
      grid-column-start: span 3;
  -ms-grid-row: span 5;
      grid-row-start: span 5;
}

.grid_item[data-size="3_5"]::before {
  padding-top: calc(((100% - 1.2vw) * 5 / 3) + 0.6vw);
}

.grid_item[data-size="3_6"] {
  -ms-grid-column: span 3;
      grid-column-start: span 3;
  -ms-grid-row: span 6;
      grid-row-start: span 6;
}

.grid_item[data-size="3_6"]::before {
  padding-top: calc(((100% - 1.2vw) * 6 / 3) + 0.6vw);
}

.grid_item[data-size="3_7"] {
  -ms-grid-column: span 3;
      grid-column-start: span 3;
  -ms-grid-row: span 7;
      grid-row-start: span 7;
}

.grid_item[data-size="3_7"]::before {
  padding-top: calc(((100% - 1.2vw) * 7 / 3) + 0.6vw);
}

.grid_item[data-size="4_1"] {
  -ms-grid-column: span 4;
      grid-column-start: span 4;
}

.grid_item[data-size="4_1"]::before {
  padding-top: calc((100% - 1.8vw) / 4);
}

.grid_item[data-size="4_2"] {
  -ms-grid-column: span 4;
      grid-column-start: span 4;
  -ms-grid-row: span 2;
      grid-row-start: span 2;
}

.grid_item[data-size="4_2"]::before {
  padding-top: calc( ((100% - 1.8vw) / 2) + 0.6vw);
}

.grid_item[data-size="4_3"] {
  -ms-grid-column: span 4;
      grid-column-start: span 4;
  -ms-grid-row: span 3;
      grid-row-start: span 3;
}

.grid_item[data-size="4_3"]::before {
  padding-top: calc(((100% - 1.8vw) * 3 / 4) + 1.2vw);
}

.grid_item[data-size="5_1"] {
  -ms-grid-column: span 5;
      grid-column-start: span 5;
}

.grid_item[data-size="5_1"]::before {
  padding-top: calc((100% - 2.4vw) / 5);
}

.grid_item[data-size="5_3"] {
  -ms-grid-column: span 5;
      grid-column-start: span 5;
  -ms-grid-row: span 3;
      grid-row-start: span 3;
}

.grid_item[data-size="5_3"]::before {
  padding-top: calc(((100% - 2.4vw) * 3 / 5) + 1.2vw);
}

.grid_item.blank {
  background-color: white;
  border: 2px solid black;
}

.grid_cell {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}

.grid_cell a,
.grid_cell .link-wrapper {
  display: inline;
  text-decoration: none;
}

.grid_cell_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0.5vw;
  border-width: 2px;
  border-style: solid;
  border-color: inherit;
}

.grid_cell_wrapper.menu a {
  text-decoration: none;
  color: inherit;
}

.grid_cell_wrapper.menu h2 {
  font-size: 1.7vw;
  line-height: 1.88vw;
  font-weight: 300;
  text-transform: uppercase;
}

.grid_cell_wrapper.menu ul {
  position: absolute;
  top: 0.4vw;
}

.grid_cell_wrapper.menu li {
  font-size: 1.18vw;
  line-height: 1.28vw;
  font-weight: 300;
  list-style: none;
  display: block;
}

.grid_cell_wrapper.menu li::before {
  font-family: "GT Alpina";
  content: "▹ ";
}

.grid_cell_wrapper.menu li.current::before, .grid_cell_wrapper.menu li:hover::before {
  content: "▸ ";
}

.grid_cell_wrapper.menu button {
  border: none;
  background: none;
  cursor: pointer;
}

.grid_cell_wrapper.menu.double ul {
  display: none;
}

.grid_cell_wrapper.menu.double:hover h2, .grid_cell_wrapper.menu.double.current h2 {
  display: none;
}

.grid_cell_wrapper.menu.double:hover ul, .grid_cell_wrapper.menu.double.current ul {
  display: block;
}

#close-menu {
  display: none;
}

.grid_cell_wrapper#logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border: none;
}

.grid_cell_wrapper#logo h1 {
  width: 100%;
  font-size: 1.7vw;
  line-height: 1.88vw;
  font-weight: 300;
  text-transform: uppercase;
}

.grid_cell_wrapper#logo h1 span:first-of-type {
  vertical-align: -100%;
}

.grid_cell_wrapper#logo h1 span:last-of-type {
  vertical-align: -100%;
}

.grid_cell_wrapper#logo a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.grid_cell_wrapper#logo #home-link {
  width: 9vw;
  height: 9vw;
  background-image: url("../src/img/LOGO-CACC_normal.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain;
}

.grid_cell_wrapper#logo #home-block {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.grid_cell_wrapper#logo #lang-selector {
  position: absolute;
  top: 0.1vw;
  left: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.7vw;
  font-weight: 400;
  text-transform: uppercase;
}

.grid_cell_wrapper#logo #lang-selector span.current {
  text-decoration: underline;
}

.grid_cell_wrapper#logo #lang-selector a {
  display: inline;
}

.grid_cell_wrapper#logo #lang-selector a:hover {
  text-decoration: underline;
}

.grid_cell_wrapper#cacconair:hover,
.grid_cell_wrapper#cacconair.current {
  color: #ff5e6b;
  border-color: #ff5e6b;
  background-color: #d6ff5d;
}

#search {
  position: absolute;
  bottom: 0.5vw;
  left: 0.5vw;
  right: 0.5vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
  -ms-grid-rows: 1.7vw;
      grid-template-rows: 1.7vw;
  gap: 0.6vw;
  gap: 0.5vw;
}

#search #search_glass {
  width: 1.7vw;
  height: 1.7vw;
}

#search #search_glass svg line,
#search #search_glass svg circle {
  fill: none;
  stroke: black;
  stroke-width: 1.5px;
}

#search #search_glass:hover svg line,
#search #search_glass:hover svg circle {
  stroke: #ff5e6b;
}

#search #search-form {
  height: 1.7vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6vw;
}

#search #search_txt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(100% - (1.7vw + 0.6vw));
  height: 100%;
  border: 2px solid black;
  padding: 0 5px;
  margin: 0;
  font-family: "F-Grotesk";
}

#search #search_txt:focus {
  border: 2px solid #ff5e6b;
  outline: none;
}

#search #search_go {
  width: 1.7vw;
  height: 1.7vw;
  font-size: 1.18vw;
  line-height: 1.28vw;
  border: none;
  background: none;
  cursor: pointer;
}

#search #search_go:hover {
  color: #ff5e6b;
}

#search.hidden #search-form {
  display: none;
}

.grid_cell_wrapper#prog:hover,
.grid_cell_wrapper#prog.current {
  color: #9e58ff;
  border-color: #9e58ff;
  background-color: #88ffbe;
}

.grid_cell_wrapper#ateliers:hover,
.grid_cell_wrapper#ateliers.current {
  color: #008683;
  border-color: #008683;
  background-color: #ffb3ff;
}

.grid_cell_wrapper#mediatheque:hover,
.grid_cell_wrapper#mediatheque.current {
  color: #445eff;
  border-color: #445eff;
  background-color: #ffff3e;
}

.grid_cell_wrapper#infos:hover,
.grid_cell_wrapper#infos.current {
  color: #b043c0;
  border-color: #b043c0;
  background-color: #b7ffff;
}

#breadcrumb {
  display: none;
}

#clamart-logo {
  display: block;
  position: fixed;
  left: 0.9vw;
  bottom: 0.95vw;
  z-index: 10;
  cursor: pointer;
}

#clamart-logo img {
  display: block;
  width: 100px;
}

div.widget-wrapper {
  position: fixed;
  top: -20vh;
  left: -20vw;
  min-width: 100px;
  width: 8vw;
  max-width: 170px;
  min-height: 100px;
  height: 8vw;
  max-width: 170px;
  z-index: 10;
}

div.widget-wrapper a {
  display: block;
  width: 100%;
  height: 100%;
}

div.widget-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-height: 650px) and (orientation: landscape) {
  div.widget-wrapper {
    min-width: 60px;
    width: 8vw;
    max-width: 80px;
    min-height: 60px;
    height: 8vw;
    max-width: 80px;
  }
}

.grid_cell_wrapper.bandeau-title h3 {
  width: 100%;
  font-size: 2.95vw;
  line-height: 3vw;
  text-transform: uppercase;
  font-weight: 300;
}

.grid_cell_wrapper.gen-icon-text h5 {
  width: 100%;
  font-weight: 300;
  font-size: 1.18vw;
  text-transform: uppercase;
  margin-bottom: 1.28vw;
}

.grid_cell_wrapper.gen-icon-text h5 span.icon {
  display: inline-block;
  padding-right: 0.64vw;
  font-family: "GT Alpina";
}

.grid_cell_wrapper.gen-icon-text p {
  font-size: 1.18vw;
  line-height: 1.28vw;
  font-weight: 300;
  margin-bottom: 1.28vw;
}

.grid_cell_wrapper.gen-icon-text p span.icon {
  display: inline-block;
  width: 1em;
  font-family: "GT Alpina";
}

.grid_cell_wrapper.gen-icon-text p:last-of-type {
  margin-bottom: 0;
}

.grid_cell_wrapper.gen-icon-text a {
  color: inherit;
  text-decoration: underline;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  overflow-wrap: break-word;
}

.grid_cell_wrapper.gen-icon-text u {
  color: inherit;
  text-decoration: underline;
}

.grid_cell_wrapper.gen-icon-text ul {
  font-size: 1.18vw;
  line-height: 1.28vw;
  font-weight: 300;
}

.grid_cell_wrapper.gen-icon-text li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 1em;
}

.grid_cell_wrapper.gen-icon-text li::before {
  content: "•";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.grid_cell_wrapper.gen-icon-text li.nolist {
  padding-left: 0;
}

.grid_cell_wrapper.gen-icon-text li.nolist::before {
  content: "";
  display: none;
}

.grid_cell_wrapper.gen-icon-text li span.icon {
  font-family: "GT Alpina";
  font-size: 1.18vw;
  line-height: 1.28vw;
  width: 1.92vw;
}

.grid_cell_wrapper.gen-icon-text li.big {
  font-weight: 300;
  font-size: 1.7vw;
  line-height: 1.88vw;
}

.grid_cell_wrapper.gen-icon-text li.big span.icon {
  font-weight: 400;
  line-height: 1.88vw;
}

header {
  margin-bottom: 0.6vw;
}

header .bandeau-title,
header .gen-icon-text {
  color: var(--clr-theme-dark);
  background-color: var(--clr-theme-light);
  border-color: var(--clr-theme-dark);
}

main .grid_cell_wrapper.gen-icon-text {
  color: var(--clr-theme-dark);
  background-color: var(--clr-theme-light);
  border-color: var(--clr-theme-dark);
}

main .grid_cell_wrapper.gen-icon-text p:last-of-type {
  margin-bottom: 1.28vw;
}

main .grid_cell_wrapper.gen-icon-text ul {
  margin-top: 1.28vw;
}

main .grid_cell_wrapper.gen-icon-text li {
  padding-left: 0;
}

main .grid_cell_wrapper.gen-icon-text li::before {
  display: none;
}

@media screen and (max-width: 650px) and (orientation: portrait) {
  body {
    padding: 2vw;
    font-family: "F-Grotesk", sans-serif;
    font-weight: 400;
  }
  .grid {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-auto-flow: dense;
    gap: 2vw;
  }
  .grid#menu {
    margin-bottom: 2vw;
  }
  .grid#footer {
    margin-top: 2vw;
  }
  .grid.hidden {
    display: none;
  }
  .grid_item {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .grid_item::before {
    display: none;
    content: "";
    height: 0;
    display: block;
    padding-top: 100%;
    width: 1px;
    position: relative;
  }
  .grid_item[data-size="1_1"] {
    -ms-grid-column: span 1;
        grid-column-start: span 1;
  }
  .grid_item[data-size="1_1"]::before {
    padding-top: 0;
  }
  .grid_item[data-size="1_1"][data-type="gen-arrow-bloc"] {
    display: none;
  }
  .grid_item[data-size="3_1"] {
    -ms-grid-column: span 2;
        grid-column-start: span 2;
  }
  .grid_item[data-size="3_1"]::before {
    padding-top: 0;
  }
  .grid_item[data-size="3_2"] {
    -ms-grid-column: span 2;
        grid-column-start: span 2;
  }
  .grid_item[data-size="3_2"]::before {
    padding-top: 0;
  }
  .grid_item[data-size="3_5"] {
    -ms-grid-column: span 2;
        grid-column-start: span 2;
  }
  .grid_item[data-size="3_5"]::before {
    padding-top: 0;
  }
  .grid_item[data-size="4_1"] {
    -ms-grid-column: span 2;
        grid-column-start: span 2;
  }
  .grid_item[data-size="4_1"]::before {
    padding-top: 0;
  }
  .grid_item[data-size="4_2"] {
    -ms-grid-column: span 2;
        grid-column-start: span 2;
  }
  .grid_item[data-size="4_2"]::before {
    padding-top: 0;
  }
  .grid_item[data-size="4_3"] {
    -ms-grid-column: span 2;
        grid-column-start: span 2;
  }
  .grid_item[data-size="4_3"]::before {
    padding-top: 0;
  }
  .grid_item[data-size="5_1"] {
    -ms-grid-column: span 2;
        grid-column-start: span 2;
  }
  .grid_item[data-size="5_1"]::before {
    padding-top: 0;
  }
  .grid_item[data-size="5_3"] {
    -ms-grid-column: span 2;
        grid-column-start: span 2;
  }
  .grid_item[data-size="5_3"]::before {
    padding-top: 0;
  }
  .grid_cell {
    position: static;
    width: 100%;
    min-height: calc( (100vw - 6vw) / 2);
    height: 100%;
  }
  .grid_cell_wrapper {
    padding: 2vw;
    border-width: 2px;
  }
  #menu-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110vh;
    padding: 2vw;
    overflow-y: auto;
    background-color: white;
    z-index: 50;
    display: none;
  }
  #menu-wrapper.opened {
    display: block;
  }
  #menu.grid {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    -ms-grid-rows: auto;
        grid-template-rows: auto;
    gap: 2vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    justify-items: stretch;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 0;
  }
  #menu .grid_item .grid_cell {
    min-height: 0;
    height: 100%;
  }
  #menu .grid_item:nth-of-type(2) #search {
    display: none;
  }
  #close-menu {
    position: absolute;
    top: 2vw;
    right: 2vw;
    display: block;
    border: none;
    background: none;
    z-index: 999;
  }
  #close-menu svg {
    width: 5vw;
  }
  #close-menu svg path {
    fill: black;
  }
  .grid_cell_wrapper.menu {
    height: auto;
    min-height: 19vw;
    padding: 2vw 2vw 1vw 2vw;
  }
  .grid_cell_wrapper.menu h2 {
    font-size: 6.5vw;
    line-height: 7.5vw;
  }
  .grid_cell_wrapper.menu h2 a {
    display: block;
    width: 100%;
  }
  .grid_cell_wrapper.menu ul {
    position: static;
    margin-top: 4.8vw;
  }
  .grid_cell_wrapper.menu li {
    font-size: 4.4vw;
    line-height: 4.8vw;
    font-weight: 300;
    list-style: none;
    display: block;
  }
  .grid_cell_wrapper.menu.double ul {
    display: none;
  }
  .grid_cell_wrapper.menu.double:hover h2, .grid_cell_wrapper.menu.double.current h2 {
    display: block;
  }
  .grid_cell_wrapper.menu.double:hover ul, .grid_cell_wrapper.menu.double.current ul {
    display: block;
  }
  .grid_cell_wrapper#logo {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border: none;
  }
  .grid_cell_wrapper#logo a {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .grid_cell_wrapper#logo #home-link {
    width: 80%;
    height: 23vw;
    -webkit-transform: translate(-0.5vw, 0.2vw);
            transform: translate(-0.5vw, 0.2vw);
    background-image: url("../src/img/LOGO-CACC_inline.png");
  }
  .grid_cell_wrapper#logo #home-block {
    display: none;
  }
  .grid_cell_wrapper#logo #lang-selector {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0.1vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 3vw;
  }
  .grid_cell_wrapper#cacconair {
    color: #ff5e6b;
    border-color: #ff5e6b;
    background-color: #d6ff5d;
  }
  .grid_cell_wrapper#cacconair h2 a {
    padding-right: 75%;
  }
  .grid_cell_wrapper#prog {
    color: #9e58ff;
    border-color: #9e58ff;
    background-color: #88ffbe;
    padding-right: 0;
  }
  .grid_cell_wrapper#ateliers {
    color: #008683;
    border-color: #008683;
    background-color: #ffb3ff;
  }
  .grid_cell_wrapper#ateliers h2 {
    padding-right: 50%;
  }
  .grid_cell_wrapper#mediatheque {
    color: #445eff;
    border-color: #445eff;
    background-color: #ffff3e;
  }
  .grid_cell_wrapper#mediatheque h2 a {
    padding-right: 50%;
  }
  .grid_cell_wrapper#infos {
    color: #b043c0;
    border-color: #b043c0;
    background-color: #b7ffff;
  }
  .grid_cell_wrapper#infos h2 a {
    padding-right: 50%;
  }
  #breadcrumb {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: static;
    margin-bottom: 2vw;
    font-size: 4.4vw;
    color: var(--clr-theme-dark);
    background-color: white;
  }
  #breadcrumb div {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  #breadcrumb div span {
    font-family: "GT Alpina";
  }
  #breadcrumb button {
    border: none;
    background: none;
    color: inherit;
    font-size: inherit;
    cursor: pointer;
  }
  #clamart-logo {
    display: none;
  }
  div.widget-wrapper {
    display: none;
  }
  .grid_item::before {
    display: none;
  }
  .grid_cell_wrapper.bandeau-title h3 {
    font-size: 6.5vw;
    line-height: 7.5vw;
  }
  .grid_cell_wrapper.gen-icon-text h5 {
    font-size: 4.4vw;
    margin-bottom: 4.8vw;
  }
  .grid_cell_wrapper.gen-icon-text h5 span.icon {
    padding-right: 2.4vw;
  }
  .grid_cell_wrapper.gen-icon-text p {
    font-size: 4.4vw;
    line-height: 4.8vw;
    margin-bottom: 4.8vw;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
  .grid_cell_wrapper.gen-icon-text a {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    word-break: break-word;
  }
  .grid_cell_wrapper.gen-icon-text ul {
    font-size: 4.4vw;
    line-height: 4.8vw;
  }
  .grid_cell_wrapper.gen-icon-text li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .grid_cell_wrapper.gen-icon-text li span.icon {
    font-size: 4.4vw;
    line-height: 4.8vw;
    width: 7.2vw;
  }
  .grid_cell_wrapper.gen-icon-text li.big {
    font-size: 4.4vw;
    line-height: 4.8vw;
  }
  .grid_cell_wrapper.gen-icon-text li.big span.icon {
    line-height: 4.8vw;
  }
  .grid_item.blank {
    display: none;
  }
  header {
    margin-bottom: 2vw;
  }
  header .grid_item:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  main .grid_cell_wrapper.gen-icon-text {
    color: var(--clr-theme-dark);
    background-color: var(--clr-theme-light);
    border-color: var(--clr-theme-dark);
  }
  main .grid_cell_wrapper.gen-icon-text p:last-of-type {
    margin-bottom: 4.8vw;
  }
  main .grid_cell_wrapper.gen-icon-text ul {
    margin-top: 4.8vw;
  }
  main .grid_cell_wrapper.gen-icon-text li {
    padding-left: 0;
  }
  main .grid_cell_wrapper.gen-icon-text li::before {
    display: none;
  }
}