/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
 * CONTENTS..............You’re reading it!
 * LAYOUT - PAGE NODE .....................
 * BASE STYLE .............................
 * BREADCRUMB .............................
 * PAGE HEADER ............................
 * PAGE TOP CONTENT .......................
 * HEADER IMAGE ...........................
 * NIVEAUX DE TITRES PAGE .................
 * HEADER NAVBAR...........................
 * IMAGE PRE FOOTER .......................
 * MEDIA QUERIES ..........................
*/

/* ------------------------------------ *\
  ==LAYOUT - PAGE NODE
\* ------------------------------------ */
.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.main .container-fluid {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.container--section {
  padding-left: 8rem;
  padding-right: 8rem;
}

.page.page-header {
  padding: 1rem 0;
}

/* ------------------------------------ *\
  ==BASE STYLE
\* ------------------------------------ */
.field--name-field-page-components
  > .field__item:not(:first-of-type, :last-of-type) {
  margin: 2rem 0;
}

/* ------------------------------------ *\
  ==BREADCRUMB
\* ------------------------------------ */
nav .breadcrumb .breadcrumb-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.3rem;
}

nav .breadcrumb .breadcrumb-item > a {
  display: inline-block;
  padding: 0.3rem;
}

/* ------------------------------------ *\
  ==PAGE HEADER
\* ------------------------------------ */
.page__header {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

/* ------------------------------------ *\
  ==PAGE TOP CONTENT
\* ------------------------------------ */
.page__top-content {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (max-width: 768px) {
  .field--name-field-page-components
    > .field__item:not(:first-of-type, :last-of-type) {
    margin: 0;
  }
}