drupal-quartiersdedemain/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css

/*quartiers_de_demain*/
/*global*/
/* Colors used for quartiers_de_demain */
@media (min-width: 48rem) {
  :root {
    font-size: calc(1rem + ((1vw - .48rem) * 1.389));
    /* .48rem = viewportWidthMinimum /100 */
    /* 1.389rem = 100 * fontSizeDifference / viewportWidthDifference */ } }

@media (min-width: 120em) {
  :root {
    font-size: 2rem; } }

/*marianne*/
@font-face {
  font-family: 'Marianne';
  src: url("../fonts/Marianne/Marianne-Thin.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Marianne';
  src: url("../fonts/Marianne/Marianne-Thin_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin_Italic.woff") format("woff");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Marianne';
  src: url("../fonts/Marianne/Marianne-Light.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Marianne';
  src: url("../fonts/Marianne/Marianne-Light_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light_Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Marianne';
  src: url("../fonts/Marianne/Marianne-Regular.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Marianne';
  src: url("../fonts/Marianne/Marianne-Regular_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular_Italic.woff") format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'Marianne';
  src: url("../fonts/Marianne/Marianne-Medium.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium.woff") format("woff");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Marianne';
  src: url("../fonts/Marianne/Marianne-Medium_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium_Italic.woff") format("woff");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: 'Marianne';
  src: url("../fonts/Marianne/Marianne-Bold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Marianne';
  src: url("../fonts/Marianne/Marianne-Bold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold_Italic.woff") format("woff");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'Marianne';
  src: url("../fonts/Marianne/Marianne-ExtraBold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold.woff") format("woff");
  font-weight: 1000;
  font-style: normal; }

@font-face {
  font-family: 'Marianne';
  src: url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff") format("woff");
  font-weight: 1000;
  font-style: italic; }

/*Font Awesome*/
@font-face {
  font-family: 'Font Awesome';
  src: url("../fonts/Font Awesome/fontawesome-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }

.layout-container {
  position: relative;
  width: 100vw;
  background-color: white;
  font-family: "Marianne", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.8rem;
  top: 0%;
  left: 0%;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap; }
  .layout-container header {
    flex: 0 0 100%; }
  .layout-container footer {
    flex: 0 0 100%; }
  .layout-container main {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr); }
  .layout-container .content_container {
    display: grid;
    grid-template-columns: repeat(12, 1fr); }

.layout-content {
  grid-column: 1 / span 12; }

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
ul {
  list-style-type: none; }

a {
  text-decoration: none; }

:link {
  color: black; }

:visited {
  color: black; }

html.js body {
  margin: 0 !important; }

html.js body div.dialog-off-canvas-main-canvas div.layout-container {
  margin: 0 !important; }

svg.mailto {
  display: none; }

svg.ext {
  display: none; }

/*partials*/
header {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 10px;
  grid-template-rows: repeat(3, 1fr);
  height: 150px;
  background-color: white;
  z-index: 99;
  width: 100vw;
  max-width: 100vw;
  position: -webkit-sticky;
  position: sticky;
  position: relative;
  top: 0;
  border-bottom: 1px solid #808080; }
  @media (max-width: 810px) {
    header {
      height: 110px; } }
  @media (max-width: 660px) {
    header {
      height: 70px; } }
  @media (max-width: 450px) {
    header {
      display: flex;
      height: 50px; } }
  header .contextual-region {
    width: max-content; }
  header .header_left_container {
    grid-column: 1 /span 11;
    grid-row: 1 /span 3;
    display: flex;
    flex-direction: row;
    border-right: 1px solid #808080;
    padding-left: 5%;
    padding-right: 5%; }
    @media (max-width: 660px) {
      header .header_left_container {
        height: inherit; } }
    @media (max-width: 891px) {
      header .header_left_container #block-quartiers-de-demain-logorepu-2 {
        height: 110px; } }
    header .header_left_container #block-quartiers-de-demain-logoepau-2 {
      height: 150px; }
      @media (max-width: 891px) {
        header .header_left_container #block-quartiers-de-demain-logoepau-2 {
          height: 110px; } }
    header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
      margin-left: auto;
      padding-right: 5%; }
    header .header_left_container img {
      width: auto;
      height: 150px; }
      @media (max-width: 891px) {
        header .header_left_container img {
          height: 110px; } }
      @media (max-width: 660px) {
        header .header_left_container img {
          height: 70px; } }
      @media (max-width: 450px) {
        header .header_left_container img {
          height: 50px; } }
  header .header_right_container {
    padding-right: 10px; }
    @media (max-width: 660px) {
      header .header_right_container {
        padding-right: 0; } }
    header .header_right_container .language-switcher-language-url ul {
      display: flex;
      flex-direction: row;
      font-size: 0.8rem;
      padding: 0; }
      @media (max-width: 660px) {
        header .header_right_container .language-switcher-language-url ul {
          margin-bottom: 0; } }
      header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
        content: "/"; }
      header .header_right_container .language-switcher-language-url ul .is-active {
        font-weight: 600; }
  header .header_nav_container {
    display: none;
    grid-row: 3;
    grid-column: 1 /span 12;
    position: absolute;
    top: 100%;
    width: 100%;
    background: #e8ebf4;
    border-bottom: 1px solid #808080;
    border-top: 1px solid #808080;
    font-size: 1rem; }
    header .header_nav_container #block-quartiers-de-demain-entete {
      grid-column: 1 /span 11;
      order: 2;
      margin: auto; }
      header .header_nav_container #block-quartiers-de-demain-entete h2 {
        display: none; }
  header .display-nav-opened {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 10px; }
  header .open-block, header .open-block.opened {
    cursor: pointer; }
    header .open-block span, header .open-block.opened span {
      display: block;
      width: 58px;
      height: 2px;
      position: relative;
      background: black;
      border-radius: 3px;
      z-index: 1; }
      @media (max-width: 660px) {
        header .open-block span, header .open-block.opened span {
          width: 25px; } }
  header .open-block {
    height: 100%;
    display: grid;
    align-items: center;
    margin: auto; }
    @media (max-width: 450px) {
      header .open-block {
        height: 50px; } }
    header .open-block span {
      margin-bottom: 13px;
      transform-origin: 4px 0px; }
      @media (max-width: 660px) {
        header .open-block span {
          margin-bottom: 5px; } }
  header .open-block.opened {
    margin: auto; }
    header .open-block.opened span {
      transform-origin: center;
      margin-bottom: 0; }
    header .open-block.opened > div > span:first-child {
      transform: translateY(57%) rotate(45deg); }
    header .open-block.opened > div > span:nth-child(2) {
      transform: rotate(-45deg); }
    header .open-block.opened > div > span:nth-child(3) {
      display: none; }

.footer {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(1, 1fr);
  background-color: white;
  padding-top: 1rem;
  border-top: 1px solid #808080; }
  .footer section {
    width: fit-content; }
  .footer h2, .footer ul {
    margin: 0; }
  @media (max-width: 891px) {
    .footer {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  @media (max-width: 600px) {
    .footer {
      flex-wrap: nowrap; } }
  .footer #footer-left {
    grid-column: 1 /span 5;
    grid-row: 1;
    padding-left: 5%; }
    .footer #footer-left .footer_left_container {
      display: flex;
      flex-direction: row; }
      .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
        height: 150px; }
        @media (max-width: 891px) {
          .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
            height: 110px; } }
      .footer #footer-left .footer_left_container img {
        width: auto;
        height: 150px; }
        @media (max-width: 891px) {
          .footer #footer-left .footer_left_container img {
            height: 110px; } }
        @media (max-width: 660px) {
          .footer #footer-left .footer_left_container img {
            height: 70px; } }
        @media (max-width: 450px) {
          .footer #footer-left .footer_left_container img {
            height: 50px; } }
  .footer #footer-middle {
    grid-column: 6 /span 7;
    grid-row: 1; }
    .footer #footer-middle #block-quartiers-de-demain-pieddepage ul li {
      padding-bottom: 0.2rem; }
    @media (max-width: 891px) {
      .footer #footer-middle #block-quartiers-de-demain-pieddepage ul {
        padding-left: 00.5rem; } }
  .footer #footer-right {
    grid-column: 10 / 12;
    grid-row: 1; }
    .footer #footer-right #block-quartiers-de-demain-socialmedialinks {
      flex-direction: column; }
      .footer #footer-right #block-quartiers-de-demain-socialmedialinks h2 {
        display: flex;
        flex-direction: column;
        font-size: 0.8rem;
        font-weight: 400;
        padding-bottom: 1rem; }
        .footer #footer-right #block-quartiers-de-demain-socialmedialinks h2::before {
          content: "Nous contacter";
          padding-bottom: 1rem;
          font-weight: 600; }
  @media (max-width: 891px) {
    .footer div {
      flex-wrap: wrap; } }
  @media (max-width: 520px) {
    .footer div {
      flex-direction: column; } }

.layout-sidebar-first {
  display: flex;
  justify-content: end; }
  .layout-sidebar-first .sidebar_first_container {
    width: 80%; }
    .layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-block-1 {
      text-transform: uppercase; }

aside {
  position: relative;
  grid-column: 1 /span 2;
  grid-row: 1;
  z-index: 98;
  order: 1;
  margin-top: 5rem; }
  @media (max-width: 891px) {
    aside {
      margin-left: 5%;
      margin-top: 9rem; } }
  @media (max-width: 500px) {
    aside {
      width: 80%;
      margin-top: 3rem; } }
  aside .sidebar_first_container {
    position: -webkit-sticky;
    position: sticky;
    top: 10rem;
    font-weight: 400; }
    aside .sidebar_first_container .field-content {
      margin-bottom: 0.7rem; }
    @media (max-width: 810px) {
      aside .sidebar_first_container {
        display: none; } }
  aside .views-field-field-pieces-jointes .field-content {
    display: flex;
    flex-direction: column; }
    aside .views-field-field-pieces-jointes .field-content .file--application-pdf {
      display: inline-flex; }
      aside .views-field-field-pieces-jointes .field-content .file--application-pdf a {
        display: block;
        font-size: small;
        font-weight: 800; }
      aside .views-field-field-pieces-jointes .field-content .file--application-pdf::before {
        content: url(../images/noun-arrow-download.svg);
        margin: auto;
        padding-right: 00.5rem; }
    aside .views-field-field-pieces-jointes .field-content span {
      font-size: small;
      font-weight: 800; }
      aside .views-field-field-pieces-jointes .field-content span:nth-child(2) {
        margin-left: 50px;
        align-self: center; }

/*pages*/
#home {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 10px; }
  #home .layout-content {
    grid-row: 1;
    order: 2;
    padding-top: 3rem;
    padding-bottom: 6rem; }
    @media (max-width: 500px) {
      #home .layout-content {
        padding-top: 0; } }
    #home .layout-content .content_container {
      display: flex; }
      #home .layout-content .content_container #block-quartiers-de-demain-titredepage {
        display: none; }
      #home .layout-content .content_container article.node-type-static {
        width: 100%; }
        #home .layout-content .content_container article.node-type-static .field_body {
          padding-left: 20%;
          padding-right: 20%; }
          @media (max-width: 640px) {
            #home .layout-content .content_container article.node-type-static .field_body {
              padding-left: 10%;
              padding-right: 10%; } }
          #home .layout-content .content_container article.node-type-static .field_body h2 {
            font-size: 0.8rem;
            font-weight: 600;
            margin-bottom: 0; }
          #home .layout-content .content_container article.node-type-static .field_body img {
            width: 100%;
            height: auto; }
          #home .layout-content .content_container article.node-type-static .field_body p {
            margin-top: 0; }
        #home .layout-content .content_container article.node-type-static .paragraph {
          padding-top: 1rem;
          padding-bottom: 1rem;
          padding-left: 20%;
          padding-right: 20%; }
          @media (max-width: 640px) {
            #home .layout-content .content_container article.node-type-static .paragraph {
              padding-left: 10%;
              padding-right: 10%; } }
        #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_title {
          text-transform: uppercase;
          font-size: 1rem;
          font-weight: 400; }
        #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title {
          color: #0732c2; }
        #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4 .field_field_title {
          color: #f7002b; }
        #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
          background-color: #e8ebf4; }
        #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
          text-align: center; }
        #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 {
          display: flex;
          flex-direction: column; }
          #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title {
            width: 60%;
            margin: auto; }
          #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) {
            display: flex;
            flex-direction: row; }
            #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p {
              padding-right: 30px;
              text-align: left;
              color: #0732c2; }
        #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) {
          display: flex;
          flex-direction: row; }
          #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p {
            padding-right: 30px;
            text-align: left; }
        #home .layout-content .content_container article.node-type-static .field_field_textes p {
          margin-bottom: 0; }
        #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto {
          height: auto;
          float: inline-start;
          padding-right: 0.5rem; }
          #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
            width: 40px;
            height: auto; }
            @media (max-width: 891px) {
              #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
                width: 30px; } }
        #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img {
          width: -moz-available;
          height: auto;
          cursor: url(/img/layout/backgrounds/zoom.cur), -moz-zoom-in; }
  #home aside {
    position: relative;
    grid-column: 1 /span 2;
    grid-row: 1;
    z-index: 100;
    order: 1;
    margin-top: 5rem; }
    @media (max-width: 891px) {
      #home aside {
        margin-left: 5%;
        margin-top: 9rem; } }
    @media (max-width: 500px) {
      #home aside {
        width: 80%;
        margin-top: 3rem; } }
    #home aside .sidebar_first_container {
      position: -webkit-sticky;
      position: sticky;
      top: 10rem;
      font-weight: 400; }
      #home aside .sidebar_first_container .field-content {
        margin-bottom: 0.7rem; }
      @media (max-width: 810px) {
        #home aside .sidebar_first_container {
          display: none; } }
    #home aside .views-field-field-pieces-jointes .field-content {
      display: flex;
      flex-direction: column; }
      #home aside .views-field-field-pieces-jointes .field-content .file--application-pdf {
        display: inline-flex; }
        #home aside .views-field-field-pieces-jointes .field-content .file--application-pdf a {
          display: block;
          font-size: small;
          font-weight: 800; }
        #home aside .views-field-field-pieces-jointes .field-content .file--application-pdf::before {
          content: url(../images/noun-arrow-download.svg);
          margin: auto;
          padding-right: 00.5rem; }
      #home aside .views-field-field-pieces-jointes .field-content span {
        font-size: small;
        font-weight: 800; }
        #home aside .views-field-field-pieces-jointes .field-content span:nth-child(2) {
          margin-left: 50px;
          align-self: center; }

.partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
  grid-column: 3 /span 9;
  grid-row: 1;
  margin-top: 3rem; }
  .partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
    text-transform: uppercase;
    color: #f7002b;
    font-size: 1.6rem;
    font-weight: 300; }

.partenaires .layout-content .content_container .views-element-container {
  grid-column: 3 /span 9;
  grid-row: 2; }
  .partenaires .layout-content .content_container .views-element-container .node-type-partenaire {
    width: 100%;
    padding-bottom: 3rem;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(auto-fill); }
    @media (max-width: 810px) {
      .partenaires .layout-content .content_container .views-element-container .node-type-partenaire {
        display: flex;
        flex-direction: column; } }
    .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_logo {
      grid-column: 1 /span 2;
      grid-row: 1 /span 3;
      padding-right: 1rem;
      margin: auto; }
      .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_logo img {
        object-fit: contain;
        max-width: 200px;
        max-height: 200px; }
    .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_title {
      grid-column: 3 /span 8;
      grid-row: 1;
      font-weight: 500;
      font-size: 0.6rem;
      margin-left: 1rem; }
      @media (max-width: 810px) {
        .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_title {
          margin-left: 0; } }
    .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_body {
      grid-column: 3 /span 8;
      grid-row: 2;
      margin-left: 1rem; }
      @media (max-width: 810px) {
        .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_body {
          margin-left: 0; } }
    .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien {
      grid-column: 3 /span 8;
      grid-row: 3;
      border-bottom: 2px solid #0732c2;
      width: fit-content;
      padding-bottom: 0.5rem;
      margin-left: 1rem; }
      @media (max-width: 810px) {
        .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien {
          margin-left: 0; } }
      .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien a {
        display: inline-flex;
        align-items: center; }
        .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien a svg {
          display: none; }
        .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien a::before {
          display: inline-block;
          content: url("../images/noun-arrow-to-right.svg");
          padding-right: 0.5rem;
          padding-top: 0.2rem; }

#presentation {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 10px; }
  #presentation .layout-content {
    grid-row: 1;
    order: 2;
    padding-top: 3rem;
    padding-bottom: 6rem; }
    @media (max-width: 500px) {
      #presentation .layout-content {
        padding-top: 0; } }
    #presentation .layout-content .content_container {
      display: flex; }
      #presentation .layout-content .content_container #block-quartiers-de-demain-titredepage {
        display: none; }
      #presentation .layout-content .content_container article.node-type-static {
        width: 100%; }
        #presentation .layout-content .content_container article.node-type-static .field_body {
          padding-left: 20%;
          padding-right: 20%; }
          @media (max-width: 810px) {
            #presentation .layout-content .content_container article.node-type-static .field_body {
              padding-left: 13%;
              padding-right: 13%; } }
          @media (max-width: 640px) {
            #presentation .layout-content .content_container article.node-type-static .field_body {
              padding-left: 10%;
              padding-right: 10%; } }
          #presentation .layout-content .content_container article.node-type-static .field_body h2 {
            font-size: 0.8rem;
            font-weight: 600;
            margin-bottom: 0; }
          #presentation .layout-content .content_container article.node-type-static .field_body img {
            width: 100%;
            height: auto; }
          #presentation .layout-content .content_container article.node-type-static .field_body p {
            margin-top: 0; }
        #presentation .layout-content .content_container article.node-type-static .paragraph {
          padding-top: 1rem;
          padding-bottom: 1rem;
          padding-left: 20%;
          padding-right: 20%; }
          @media (max-width: 810px) {
            #presentation .layout-content .content_container article.node-type-static .paragraph {
              padding-left: 13%;
              padding-right: 13%; } }
          @media (max-width: 640px) {
            #presentation .layout-content .content_container article.node-type-static .paragraph {
              padding-left: 10%;
              padding-right: 10%; } }
        #presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_title {
          text-transform: uppercase;
          font-size: 1rem;
          font-weight: 400; }
        #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title {
          color: #0732c2; }
        #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4 .field_field_title {
          color: #f7002b; }
        #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
          background-color: #e8ebf4; }
        #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
          text-align: center; }
        #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 {
          display: flex;
          flex-direction: column; }
          #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title {
            width: 60%;
            margin: auto; }
          #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) {
            display: flex;
            flex-direction: row; }
            @media (max-width: 500px) {
              #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) {
                flex-direction: column; } }
            #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p {
              padding-right: 30px;
              text-align: left;
              color: #0732c2; }
              @media (max-width: 500px) {
                #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p {
                  padding-right: 0px;
                  text-align: center; } }
        #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) {
          display: flex;
          flex-direction: row; }
          @media (max-width: 500px) {
            #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) {
              flex-direction: column; } }
          #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p {
            padding-right: 30px;
            text-align: left; }
            @media (max-width: 500px) {
              #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p {
                padding-right: 0px;
                text-align: center; } }
        #presentation .layout-content .content_container article.node-type-static .field_field_textes p {
          margin-bottom: 0; }
        #presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto {
          height: auto;
          float: inline-start;
          padding-right: 0.5rem; }
          #presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
            width: 40px;
            height: auto; }
            @media (max-width: 891px) {
              #presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
                width: 30px; } }
        #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img {
          width: -moz-available;
          width: 100%;
          height: auto;
          cursor: url(/img/layout/backgrounds/zoom.cur), -moz-zoom-in; }
          #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img:hover {
            filter: brightness(75%);
            transition: 0.2s; }
        #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in {
          -ms-transform: scale(1.7);
          /* IE 9 */
          -webkit-transform: scale(1.7);
          /* Safari 3-8 */
          transform: scale(1.7);
          max-width: 100vw;
          overflow-x: scroll; }
          #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in:hover {
            filter: brightness(100%);
            transition: 0.2s;
            cursor: url(/img/layout/backgrounds/zoom.cur), -moz-zoom-out;
            overflow-x: scroll; }

.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
  grid-column: 3 /span 9;
  grid-row: 1;
  margin-top: 3rem; }
  .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
    text-transform: uppercase;
    color: #f7002b;
    font-size: 1.6rem;
    font-weight: 300; }

.node-type-static .layout-content .content_container article.node-type-static {
  grid-column: 3 /span 9;
  grid-row: 2; }
  .node-type-static .layout-content .content_container article.node-type-static div.field_body h2 {
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0; }
  .node-type-static .layout-content .content_container article.node-type-static div.field_body p {
    margin-top: 0; }