/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
  text-align: center;
}
@media (max-width: 520px) {
  figure {
    margin: 1em;
  }
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-04 11:30:44
 */

* {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300; /* Light */
    font-size: 1.8rem;
    line-height: 1.5;
}

a {
    text-decoration: none;
    color: #54825c;
}
a:hover {
    text-decoration: underline;
}

*[onclick] {
    cursor: pointer;
}

p {
    margin: 1em 0;
}
.btn-default {
    color: #fff;
    background-color: #70b25a;
}
.btn {
    display: inline-block;
    font-size: 2rem;
    padding: .7rem 2.5rem;
    border-radius: .7rem;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    top: 0px;
    left: 0px;
    transition: box-shadow .5s, background-color 1s;
    color: #fff;
    background-color: #82a757;
}
.btn:hover {
     text-decoration:none;
}
.btn-default:hover {
    background-color: #438648;
}

@media (max-width: 1680px) {
    html {
        font-size: 54.7%;
    }
}


/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-04 11:30:44
 */

@font-face {
    font-family: 'Roboto';
    src: url('../../../../fonts/marais_poitevin/roboto/roboto-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../../../../fonts/marais_poitevin/roboto/roboto-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../../../../fonts/marais_poitevin/roboto/roboto-italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../../../../fonts/marais_poitevin/roboto/roboto-bold-italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../../../../fonts/marais_poitevin/roboto/roboto-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../../../../fonts/marais_poitevin/roboto/roboto-light-italic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../../../../fonts/marais_poitevin/roboto-medium/roboto-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../../../../fonts/marais_poitevin/roboto-medium/roboto-medium-italic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../../../../fonts/marais_poitevin/roboto-condensed/roboto-condensed-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../../../../fonts/marais_poitevin/roboto-condensed/roboto-condensed-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../../../../fonts/marais_poitevin/roboto-condensed/roboto-condensed-italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../../../../fonts/marais_poitevin/roboto-condensed/roboto-condensed-bold-italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Didact Gothic';
    src: url('../../../../fonts/marais_poitevin/didact-gothic/didact-gothic-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Didact Gothic';
    src: url('../../../../fonts/marais_poitevin/didact-gothic/didact-gothic-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Didact Gothic';
    src: url('../../../../fonts/marais_poitevin/didact-gothic/didact-gothic-medium.woff') format('woff');
    font-weight: bold; /* using medium as bold */
    font-style: normal;
}

@font-face {
    font-family: 'Bariol';
    src: url('../../../../fonts/marais_poitevin/bariol/bariol-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bariol';
    src: url('../../../../fonts/marais_poitevin/bariol/bariol-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Bariol';
    src: url('../../../../fonts/marais_poitevin/bariol/bariol-italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Bariol';
    src: url('../../../../fonts/marais_poitevin/bariol/bariol-bold-italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2018-04-06 11:16:56
 */

.grid2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.grid2 > * {
    flex: 0 0 auto;
    width: calc(50% - 60px);
}
.grid2 > *:nth-child(odd) {
    margin-right:60px;
}

.grid3 {
    display: flex;
    flex-wrap: wrap;
    margin: calc(0px - 30px);
}
.grid3 > * {
    flex: 0 0 auto;
    width: calc(33.33% - 60px);
    margin: 30px;
}

@media (max-width: 800px) {
    .grid2 {
        display: block;
        margin: 0;
    }
    .grid2 > * {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .grid3 {
        display: block;
        margin: 0;
    }
    .grid3 > * {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-04 15:00:04
 */

.intro {
    position: relative;
    margin-top: -95px;
    padding: 40px 60px;
    color: #fff;
    background-color: #82a757;
    border-radius: 10px;
}

.intro-image {
    display: block;
    height: 77px;
    max-width: 100%;
    margin: 0 auto;
}

.intro-title {
    color: inherit;
    text-align: center;
    font-size: 3rem;
    text-transform: uppercase;
    margin: 0;
    padding: 25px 0;
}
.intro-title::after {
    content: '';
    display: block;
    width: 40%;
    margin: 15px auto 0;
    border-bottom: 2px solid currentColor;
    opacity: .2;
}

.intro-text {
    margin: 0;
    padding: 0;
    text-align: justify;
}

@media (max-width: 720px) {
    .intro {
        margin-top: -70px;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-04 16:03:38
 */

.homeBloc {
    display: flex;
    flex-wrap: wrap;
    min-height: 392px;
}
.homeBloc > * {
    flex: 0 0 auto;
    width: 50%;
    padding: 50px;
}
.homeBloc--overlay {
    color:white;
    height:356px;
    width:30%;
    min-height:auto;
    display:inline-block;
    margin-right:8px;
    margin-bottom:8px;
}
.homeBloc--overlay  a{
    color: white;
}
.homeBloc--overlay > * {
    flex: 0 0 auto;
    width: 100%;
    padding: 0;
}
.homeBloc-visual {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #999;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 320px;
}
.homeBloc--overlay .homeBloc-visual {
    position: relative;
    overflow:hidden;
    display:block;
    height:100%;
    background-position: center;
}
a.homeBloc-visual:hover {
    text-decoration: none;
}
.homeBloc:nth-child(odd) .homeBloc-visual {
    order: 2;
}
.homeBloc-visual-legend {
    font-size: 3.2rem;
    text-transform: uppercase;
    text-align: center;
    padding: 55px;
    background: rgba(255,255,255,.7);
}
.homeBloc-visual-legend b {
    display: block;
    font-weight: bold;
    border-top: 1px solid currentColor;
}

.homeBloc-infos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.homeBloc--overlay .homeBloc-infos-content {
    position: absolute;
    bottom:-150px;
    opacity: 0;
    background:linear-gradient(to top, rgba(0,0,0,.9) 0%, rgba(0,0,0,.5) 10%, rgba(0,0,0,.2) 30%, rgba(0,0,0,0) 100%);
    transition: .5s bottom ease,  .5s opacity ease;
    width:100%;
}
.homeBloc--overlay:hover .homeBloc-infos-content {
    bottom:0;
    opacity: 1;
}
.homeBloc--overlay .homeBloc-title{
    position:absolute;
    top:0;
    right:0;
    background:black;
    color:white;
    font-weight:bold;
    font-size:1em;
    padding:5px;
    min-width:150px;
}
.homeBloc--overlay .homeBloc-text{
    text-align:center;
    padding:0 20px;
}
.homeBloc-title {
    font-weight: 500; /* Medium */
    color: inherit;
    text-align: center;
    font-size: 2.2rem;
    margin: 0;
    padding: 0;
}

.homeBloc-link {
    font-family: 'Roboto';
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    transition: .5s border-color ease;
    position: relative;
}
.homeBloc-link::after {
    content: '';
    display: inline-block;
    height: .6em;
    width: 1em;
    position: absolute;
    right: -1.6em;
    top: .4em;
    background: url("data:image/svg+xml;utf8,<svg enable-background='new 0 0 14 10.592' height='10.592' viewBox='0 0 14 10.592' width='14' xmlns='http://www.w3.org/2000/svg'><path d='m9.072 0-1.21 1.161 3.165 3.297h-11.027v1.677h11.027l-3.165 3.296 1.21 1.161 4.928-5.296z' fill='%230a171d'/></svg>") no-repeat;
    background-size: contain;
    transition: .5s background-image ease;
}
.homeBloc-link:hover {
    border-color: currentColor;
    text-decoration: none;
}
.homeBloc-link:hover::after {
    background-image: url("data:image/svg+xml;utf8,<svg enable-background='new 0 0 14 10.592' height='10.592' viewBox='0 0 14 10.592' width='14' xmlns='http://www.w3.org/2000/svg'><path d='m9.072 0-1.21 1.161 3.165 3.297h-11.027v1.677h11.027l-3.165 3.296 1.21 1.161 4.928-5.296z' fill='%2390cbd0'/></svg>");
}

.homeBloc-text {
    margin: 3rem 0;
}

.homeBloc-container{
    display:flex;
    flex-wrap: wrap;
}
.homeBloc-container > *{
    flex:1 1 24%;
}
.homeBloc-container > *:nth-child(-n+3){
    flex:1 1 32%;
}
@media (max-width: 1200px) {
    .homeBloc-container > *{
        flex:1 1 32%;
    }
    .homeBloc-container > *:nth-child(-n+2){
        flex:1 1 49%;
    }
}
@media (max-width: 800px) {
    .homeBloc {
        display: block;
        margin: 0;
    }

    .homeBloc > * {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .homeBloc-infos {
        padding-left: 0;
        padding-right: 0;
    }
    .homeBloc-container > *{
        flex:1 1 49%;
    }
    .homeBloc-container > *:nth-child(-n+2){
        flex:1 1 100%;
    }
}

@media (max-width: 380px) {
    .homeBloc-visual {
        min-height: 250px;
    }
    .homeBloc-container > *{
        flex:1 1 100%;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-04 17:21:40
 */

.quote {
    text-align: center;
    margin: 0 30px;
    padding: 0 160px;
    background:
        url(../../../../img/marais_poitevin_satellite/quotes.svg) no-repeat top left,
        url(../../../../img/marais_poitevin_satellite/quotes.svg) no-repeat right bottom
    ;
}

@media (max-width: 960px) {
    .quote {
        margin: 0;
        padding: 0 100px;
    }
}
@media (max-width: 460px) {
    .quote {
        padding: 0 60px;
        background-size: 40px, 40px;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-04 17:18:33
 */

.title-1, .title-2, .title-3, .title-4, .title-5, .title-6,
.richText h1, .richText h2, .richText h3, .richText h4, .richText h5, .richText h6 {
    font-family: 'Bariol', sans-serif;
}

.title-1, .richtext h1 {
    font-size: 4.1rem;
    font-weight: bold;
    margin: 0 0 8rem;
    /*color: #365848;*/
    text-align: center;
}

.title-2, .richtext h2 {
    font-size: 2.8rem;
    margin: 1.5em 0;
    font-weight: bold;
}

.title-1 + .title-2, .richtext h1 + h2 {
    margin-top: -4.5rem;
}

.title-3, .richtext h3 {
    font-size: 2rem;
    font-weight: normal;
    margin: 1.5em 0 0;
}

.title-4, .richtext h4 {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 1.5em 0 0;
}

.title-5, .richtext h5 {
    font-size: 1.6rem;
    font-weight: normal;
    margin: 1.5em 0 0;
    color: #000;
}

.title-6, .richtext h6 {
    font-size: 1.6rem;
    font-weight: normal;
    margin: 1.5em 0 0;
    color: #666;
}
@media (max-width: 380px) {
    .title-1, .richtext h1 {
        font-size: 3.1rem;
    }
    .title-2, .richtext h2 {
        font-size: 2.2rem;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-04 11:38:52
 */

.clearfix {
    clear: both;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.pull-left {
    float: left;
    margin-right:25px;
    margin-bottom:25px;
}


.pull-right {
    float: right;
}

.icon {
    max-width: 1.8rem;
    max-height: 1.8rem;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.black-link, .black-link:hover {
    color: #0a171d;
}

.embed-media {
    max-width: 100%;
}

@media (max-width: 520px) {
    .img-thumbnail.pull-left {
        float: none;
        margin: 0 auto;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-04 11:30:44
 */

.mainHeader {
    font-family: 'Roboto', sans-serif;
    font-weight: 300; /*Light*/
    height: 270px;
    /*max-height: 85vh;*/
    background: url(../../../../img/marais_poitevin_satellite/header.jpg) center;
    background-size: cover;
    transition: .5s height, .5s max-height, .5s padding;
    overflow:hidden;
}

.mainHeader-contentWrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 56px;
    background-image: linear-gradient(to bottom, rgba(0,0,0,.9) 0%, rgba(0,0,0,.8) 10%, rgba(0,0,0,.2) 50%, rgba(0,0,0,0) 100%);
}
.mainHeader--home .mainHeader-contentWrapper {
    padding-bottom: 95px;
}

.mainHeader-content {
    position: relative;
    text-align: center;
    color: #fff;
}
a.mainHeader-content:hover {
    text-decoration: none;
}

.mainHeader-logo {
    height: 40px;
    transition: height .5s;
}
.mainHeader-logo--top-left,
.mainHeader-logo--top-right{
    position:absolute;
    top:0;
    left:0;
    width:226px;
    height:126px;
    z-index: 1;
}
.mainHeader-logo--top-right{
    left:auto;
    right:0;
}
.mainHeader-logo--top-left img,
.mainHeader-logo--top-right img{
    max-width: 100%;
    max-height:100%;
}

.mainHeader-title {
    display: block;
    font-weight: 500; /* Medium */
    margin: 10px 0;
    padding: 0;
    font-size: 3rem;
    color: inherit;
    line-height: 1;
}

.mainHeader-subtitle {
    font-size: 1.8rem;
}

.mainHeader-topMenu{
    background:black;
    box-shadow: 0 3px 6px black;
    display:flex;
    justify-content: flex-end;
    align-items: center;
    padding:10px 100px;
    position: relative;
    z-index: 4;
}
.mainHeader-topMenu-menu{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.mainHeader-topMenu-menu > li{
    position: relative;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
}
.mainHeader-topMenu-menu > li a{
    color:#fff;
}
.mainHeader-topMenu-menu > li a:hover{
    text-decoration: none;
}
.mainHeader-topMenu-menu > li::after{
    content:'|';
    color:white;
    margin:0 10px;
}
.mainHeader-topMenu-menu > li:last-child::after{
    content:'';
}
.mainHeader-topMenu .locale-switcher{

}
.mainHeader--home {
    height: 843px;
    max-height: 85vh;
}
.mainHeader--home .mainHeader-logo {
    height: 100px;
}
.mainHeader--home .mainHeader-title {
    font-size: 7.2rem;
    margin: 20px 0;
}
.mainHeader--home .mainHeader-subtitle {
    font-size: 3rem;
}

@media (max-width: 720px) {
    .mainHeader-contentWrapper {
        padding-top: 0;
    }
    .mainHeader--home .mainHeader-contentWrapper {
        padding-bottom: 70px;
    }

    .mainHeader--home {
        height: 600px;
        max-height: 70vh;
    }
    .mainHeader--home .mainHeader-title {
        font-size: 5rem;
    }
    .mainHeader--home .mainHeader-subtitle {
        font-size: 2rem;
    }
    .mainHeader-topMenu{
        padding:10px 50px;
    }
    .mainHeader-topMenu-menu{
        display:none;
    }
}

@media (max-height: 640px) {
    .mainHeader--home {
        max-height: 400px;
    }
    .mainHeader-logo, .mainHeader--home .mainHeader-logo {
        height: 40px;
    }
    .mainHeader-title, .mainHeader--home .mainHeader-title {
        font-size: 3rem;
    }
    .mainHeader-subtitle, .mainHeader--home .mainHeader-subtitle {
        font-size: 1.8rem;
    }
}

 /**
  * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
  * date:    2019-04-04 14:40:14
  */

.mainMenu {
    font-family: 'Bariol', sans-serif;
    font-size: 2rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 5px;
    transition: background 2s ease;
    z-index: 1000;
}
.mainMenu::after {
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    background: linear-gradient(to bottom, rgba(0,0,0,.8) 0%, rgba(0,0,0,.6) 60%, rgba(0,0,0,0) 100%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 2s ease, visibility 2s ease;
}

.mainMenu--scrollInside {
    background: rgba(0,0,0,.8);
}
.mainMenu--scrollInside::after {
    opacity: 1;
    visibility: visible;
}

.mainMenu--scrollOutside {
    background: rgba(0,0,0,.9);
}
.mainMenu--scrollOutside::after {
    opacity: 0;
    visibility: hidden;
}


.mainMenu-btn {
    display: none;
    position: relative;
    cursor: pointer;
    width: 24px;
    margin: 20px 20px 10px;
    padding: 0;
    border: none;
    border-bottom: 2px solid #fff;
    outline-offset: 5px;
    background: none;
    transition: padding .5s ease-in-out, background 1.5s ease-out, border-radius .5s ease-in-out;
    z-index: 901;
}
.mainMenu-btn:before {
    content: "";
    display: block;
    margin-bottom: 5px;
    border-bottom: 2px solid #fff;
    transition: transform .4s ease-in-out;
}
.mainMenu-btn:after {
    content: "";
    display: block;
    margin-bottom: 5px;
    border-bottom: 2px solid #fff;
    transition: transform .4s ease-in-out;
}
.mainMenu.open .mainMenu-btn {
    border-color: transparent;
}
.mainMenu.open .mainMenu-btn:before {
    transform: translateY(5px) rotate(-135deg);
}
.mainMenu.open .mainMenu-btn:after {
    transform: translateY(-2px) rotate(135deg);
}

.mainMenu-items {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.mainMenu-item {
    position: relative;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    margin: 0 20px;
    transition: .5s padding ease;
}

.mainMenu-item-link {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    border-bottom: 5px solid transparent;
    transition: .5s border-bottom-color ease, .5s padding ease;
}
.mainMenu-item-link:hover,
.mainMenu-item:hover > .mainMenu-item-link {
    text-decoration: none;
    border-bottom-color: #82a757;
}

.mainMenu-item-subMenu {
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    min-width: 250px;
    text-align: left;
    background: rgba(0,0,0,.8);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: .5s opacity ease, .5s visibility ease;
}
.mainMenu-item-subMenu .mainMenu-item {
    display: block;
    margin: 0;
    text-transform: none;
}
.mainMenu-item-subMenu .mainMenu-item-link {
    display: block;
    border: none;
    padding: .5em 1.5em;
    transition: .5s background-color ease;
}
.mainMenu-item-subMenu .mainMenu-item-link:hover {
    background: #82a757;
}
.mainMenu-item:hover > .mainMenu-item-subMenu {
    opacity: 1;
    visibility: visible;
}



 .mainMenu-item-subMenu .mainMenu-item-subMenu {
     top: 0;
     left: 100%;
 }

 .mainMenu-item:last-child .mainMenu-item-subMenu .mainMenu-item-subMenu,
 .mainMenu-item:nth-last-child(2) .mainMenu-item-subMenu .mainMenu-item-subMenu {
     left: unset;
     right: 100%;
 }


.mainMenu-addon{
    color:#fff;
    padding:5px 20px;
    display:flex;
    justify-content: end;
}
.mainMenu-socialNetworks{
    display: flex;
    justify-content: end;
}
.mainMenu-strong{
    font-size:2.5rem;
    margin-right:1em;
}
.mainMenu-addon a{
    color: white;
}
@media (max-width: 1280px) {
    .mainMenu-item {
        margin-left: 15px;
        margin-right: 15px;
    }
}
@media (max-width: 1100px) {
    .mainMenu-item {
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media (max-width: 1024px) {
    .mainMenu-item {
        margin-left: 5px;
        margin-right: 5px;
    }
}
@media (max-width: 960px) {
    .mainMenu-item {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 860px) {
    .mainMenu-item-link {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 720px) {
    /* Burger menu*/
    .mainMenu-btn {
        display: block;
    }
    .mainMenu-addon{
        display:none;
    }
    .mainMenu.open .mainMenu-addon{
        display:flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        justify-content: center;
        z-index: 1002;
    }
    .mainMenu-items {
        position: fixed;
        top: -100vh;
        left: 0;
        right: 0;
        bottom: 0;
        background: #82a757;
        z-index: 900;
        justify-content: center;
        align-items: stretch;
        flex-direction: column;
        display: flex;
        opacity: 0;
        visibility: hidden;
        transition: 1s top ease, 1s opacity ease, 1s visibility ease;
    }
    .mainMenu-item {
        display: block;
    }
    .mainMenu-item-link {
        display: block;
        text-align: center;
        padding: 10px;
        color: #fff;
        border: none;
    }

    .mainMenu-item-subMenu {
        position: relative;
        max-height: 0;
        background: none;
        text-align: center;
        transition: max-height .5s ease;
    }
    .mainMenu-item-subMenu .mainMenu-item-link {
        color: #c0c0c0;
    }
    .mainMenu-item-link:hover,
    .mainMenu-item-subMenu .mainMenu-item-link:hover {
        color: #fff;
        background: #000;
    }
    .mainMenu.open .mainMenu-items {
        top: 0;
        opacity: 1;
        visibility: visible;
    }

    .mainMenu-item:hover .mainMenu-item-subMenu {
        max-height: 800px;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-04 11:38:52
 */

 .mainBodyWrapper {
    position: relative;
    z-index: 1;
 }

.mainBodyWrapper-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -20px;
    background:
        url('../../../../img/marais_poitevin_satellite/leaf1.png') top -50px left no-repeat,
        url('../../../../img/marais_poitevin_satellite/leaf2.png') top 400px right 20% no-repeat,
        url('../../../../img/marais_poitevin_satellite/leaf2.png') bottom 300px left 15% no-repeat
    ;
    z-index: -10;
}
.mainBodyWrapper-bg::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        url('../../../../img/marais_poitevin_satellite/leaf1.png') top -50px left -100px no-repeat
    ;
    transform: scale(-1, -1);
}

.mainBody {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    color: #0a171d;
}
.mainBody--large {
    max-width: 1400px;
}
.mainBody--fullWidth {
    max-width: unset;
}

.mainBodyWrapper--darkBg {
    color: #fff;
    background: #82a757;
}

.mainBodyWrapper--darkBg .mainBody {
    color: inherit;
}
.mainBodyWrapper--lightBg{
    background:#f3f3f3;
}
.mainBody-section {
    margin: 0 140px 2rem 140px;
    padding: 2rem 0;
    transition: margin .5s;
}
.mainBody-section--light {
    padding: 1rem 0;
}
.mainBody-section img{
    max-width: 100%;
    height: auto !important;
}

.mainBody-title1,
.mainBody-title1-1,
.mainBody-title1-2,
.mainBody-title1-3 {
    font-size: 3rem;
    margin: 0;
    font-weight: normal;
    color: #b6a27e;
}
.mainBody-title1-2 {
    color: #000;
}
.mainBody-title1-3 {
    font-size: 1.6rem;
    color: #b6a27e;
}
.mainBody-title2 {
    font-size: 1.8rem;
    margin: 1.5em 0 1em;
    padding-top: 1em;
    font-weight: normal;
    text-transform: uppercase;
    color: #b4a07c;
    border-top: 1px dashed #b4a07c;
}

@media (max-width: 1080px) {
    .mainBody-section {
        margin-right: 100px;
        margin-left: 100px;
    }

    .mainBody--large .mainBody-section {
        margin-right: 70px;
        margin-left: 70px;
    }
}

@media (max-width: 960px) {
    .mainBody--large .mainBody-section {
        margin-right: 50px;
        margin-left: 50px;
    }
}

@media (max-width: 800px) {
    .mainBody-section {
        margin-right: 70px;
        margin-left: 70px;
    }

    .mainBody--large .mainBody-section {
        margin-right: 100px;
        margin-left: 100px;
    }
}

@media (max-width: 640px) {
    .mainBody-section,
    .mainBody--large .mainBody-section {
        margin-right: 40px;
        margin-left: 40px;
    }
}

@media (max-width: 400px) {
    .mainBody-section,
    .mainBody--large .mainBody-section {
        margin-right: 20px;
        margin-left: 20px;
    }
}

.mainBody-section--fullwidth {
    margin-left: 0;
    margin-right: 0;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-05 09:36:14
 */

.mainFooter {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 3rem 140px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    transition: padding .5s;
    color: #0a171d;

    font-size: 1.6rem;
}

.mainFooter--large {
    max-width: 1400px;
}
.mainFooter--darkBg {
    background:black;
    color:white;
}
.mainFooter--darkBg a{
    color:white;
}
.mainFooter-section {
    margin: 0 30px;
}
.mainFooter-section--big{
    font-size:1.5em;
}

.mainFooter-logo {
    text-align: center;
}
.mainFooter-logo-image {
    height: 86px;
}
.mainFooter-logo-title {
    font-size: 2.8rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500; /* Medium */
    color: #042f1b;
    margin: 1rem 0;
}
.mainFooter-logo-subtitle {
    text-transform: uppercase;
}
.mainFooter-logos {
    display:flex;
    flex-wrap: wrap;
}
.mainFooter-logos > * {
    height:160px;
    margin-left:10px;
}

.mainFooter-title {
    font-family: 'Bariol', sans-serif;
    font-weight: bold;
    color: #0a171d;
    text-transform: uppercase;
    font-size: 1em;
}

.mainFooter-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mainFooter-menu li {
    display: block;
    margin: 0;
}

.mainFooter-shortcuts-list {
    list-style: none;
    margin: 1em 0;
    padding: 0;
}
.mainFooter-shortcuts-list-item {
    display: inline;
    vertical-align: middle;
}
.mainFooter-shortcuts img {
    height: 20px;
    margin-right: 20px;
}
.mainFooter-shortcuts--medium img {
    height: 33px;
    margin-right: 10px;
}
.mainFooter-shortcuts--big img {
    width: 48px;
    height: auto;
    max-height: 67px;
    margin-top: -.7em;
}


@media (max-width: 1200px) {
    .mainFooter {
        justify-content: space-around;
    }
    .mainFooter-logo {
        width: 100%;
        margin-bottom: 3rem;
    }
}

@media (max-width: 1080px) {
    .mainFooter {
        padding-right: 100px;
        padding-left: 100px;
    }
}

@media (max-width: 900px) {
    .mainFooter {
        display: block;
        text-align: center;
    }
    .mainFooter-section {
        margin: 0;
    }
    .mainFooter-title {
        margin-top: 6rem;
    }
}

@media (max-width: 560px) {
    .mainFooter {
        padding-right: 40px;
        padding-left: 40px;
    }
    .mainFooter-logos > * {
        height:100px;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-05 11:48:24
 */

.bottomMenu {
    margin-left: auto;
    padding: 10px;
    font-size: 12px;
    text-align: right;
}

.bottomMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

.bottomMenu li {
    display: inline-block;
    margin: 0;
}
.bottomMenu li::after {
    content: '|';
    margin: 0 1rem;
}

.bottomMenu li:last-child::after {
    display: none;
}

@media (max-width: 900px) {
    .bottomMenu {
        text-align: center;
    }
}

 /**
  * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
  * date:    2019-04-04 15:13:36
  */

.breadcrumb {
    font-size: 1.6rem;
    padding: .4em 1em;
    margin-left: -.4em;
    background: rgba(255,255,255,.7);
}

.breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumb li {
    margin: 0;
    display: inline;
}
.breadcrumb li::before {
    content: '>';
    margin: 0 .3em;
}
.breadcrumb li:first-child::before {
    display: none;
}

.breadcrumb a, .breadcrumb span {
    color: #000;
    text-decoration: none;
}
.breadcrumb a:hover {
    text-decoration: underline;
}
.breadcrumb li:last-child a,
.breadcrumb li:last-child span {
    color: #90cbd0;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-08 10:59:45
 */

.mediaGallery-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.mediaGallery-image img {
    max-width: 100%;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-08 14:03:51
 */

.productCards {
    margin-top: 25px;
}

.productCard {
    font-family: 'Bariol', sans-serif;
    text-align: center;
    padding: 3rem 4.5rem;
    color: #fff;
    background: #82a757;
    border-radius: 6px;
    transition: .5s box-shadow ease;
}

.productCard-title {
    font-size: 3rem;
    margin: 0;
}

.productCard-text {
    margin: .5em 0;
    padding: 0;
}

.productCard-lines {
    margin-top: 1em;
    font-size: 2.6rem;
}
.productCard-line .productCard-price {
    font-size: 2.2rem;
}

.productCard-price {
    display: inline-block;
    position: relative;
    font-weight: bold;
    padding: 22% 1em;
    max-width: 100%;
    color: #82a757;
    background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' height='100' width='100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='45' stroke='%23286749' stroke-width='5' fill='white' /></svg>") center no-repeat;
    background-size: contain;
    z-index: 2;
}

.productCard-label {
    margin-top: -.3em;
}
.productCard-label::before {
    position: relative;
    top: -3.5rem;
    content: '';
    display: block;
    margin: 0 10%;
    border-bottom: 2px solid rgba(255,255,255,.4);
    z-index: 1;
}

.productCard:hover {
    box-shadow: 0 0 10px 6px rgba(0,0,0,.4);
}

.productCard:nth-child(3n+2) {
    position: relative;
    top: -25px;
    background: #008f63;
}
.productCard:nth-child(3n+2) .productCard-price {
    color: #008f63;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' height='100' width='100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='45' stroke='%23008f63' stroke-width='5' fill='white' /></svg>");
}
.productCards--inline .productCard,
.productCards--inline .productCard:nth-child(3n+2) {
    margin-bottom:2em;
    top:0;
}
.productCards--inline .productCard-lines{
    margin:0 auto 1em auto;
    font-size: 2rem;
    max-width:500%;
}
.productCards--inline .productCard-line{
    display:flex;
    justify-content: space-between;
}
.productCards--inline .productCard-price,
.productCards--inline .productCard:nth-child(3n+2) .productCard-price{
    background: none;
    color: white;
    padding: 0;
    order:2;
}
.productCards--inline .productCard-label{
    text-align: left;
}
.productCards--inline .productCard-price{
    text-align: right;
}
.productCards--inline .productCard-label::before {
    display:none;
}
@media (max-width: 1160px) {
    .productCard-label::before {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 960px) {
    .productCard {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media (max-width: 800px) {
    .productCards {
        margin-top: 0;
    }
    .productCard:nth-child(3n+2) {
        top: 0;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-08 14:03:51
 */

.rubrics {
    margin-top: 25px;
}

.rubric {
    font-family: 'Bariol', sans-serif;
    text-align: center;
    padding: 3rem 4.5rem;
    color: #fff;
    background: #82a757;
    border-radius: 6px;
    transition: .5s box-shadow ease;
}

.rubric-title {
    font-size: 3rem;
    margin: 0;
}

.rubric-text {
    margin: .5em 0;
    padding: 0;
}

.rubric:hover {
    box-shadow: 0 0 10px 6px rgba(0,0,0,.4);
}

.rubric:nth-child(4n+2), .rubric:nth-child(4n+3) {
    position: relative;
    background: #008f63;
}

@media (max-width: 1160px) {
    .rubric-label::before {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 960px) {
    .rubric {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media (max-width: 800px) {
    .rubrics {
        margin-top: 0;
    }
    .rubric:nth-child(3n+2) {
        top: 0;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-09 16:20:27
 */

.map {
    width: 100%;
    height: 500px;
    margin-top: 6rem;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2018-06-07 16:49:26
 */

.jsLocaleSwitch {
    text-align: center;
}

.jsLocaleSwitch-item {
    opacity: .6;
}
.jsLocaleSwitch-item.active {
    opacity: 1;
}

.jsLocaleSwitch-item img {
    vertical-align: middle;
    max-width: 2rem;
    max-height: 2rem;
    margin: 1.5rem .5rem 0;
}

.mainFooter-title{
    color:#de760f;
}
.mainFooter-logo-image{
    height:auto;
}
.mainBodyWrapper--darkBg{
    background-color: #de760f;
}
.mainBodyWrapper-bg, .mainBodyWrapper-bg::after {
    background:white;
}
.mainHeader {
    background: url(../../../../../img/marais_poitevin_satellite/header_prada.jpg) center;
}
.mainHeader--home{
    background-position:top center;
}
.mainHeader-contentWrapper {
    background-image: linear-gradient(to bottom, rgba(0,0,0,.9) 0%, rgba(0,0,0,.5) 10%, rgba(0,0,0,.2) 30%, rgba(0,0,0,0) 100%);
}
.mainHeader-logo {
    height: 100px;
}
.mainHeader--home .mainHeader-logo {
    height: 160px;
}
.mainHeader--home .mainHeader-title {
    text-shadow: 0 0 10px #666;
}

.homeBloc-link{
    border-color: #de760f;
}
.intro{
    background-color: #de760f;
}
a{
    color:#de760f;
}
.mainMenu-item-link:hover,
.mainMenu-item:hover > .mainMenu-item-link {
    border-bottom-color: #de760f;
}
.mainMenu-item-subMenu .mainMenu-item-link:hover {
    background: #de760f;
}
@media (max-width: 720px) {
     .mainMenu-items {
        background: #de760f;
    }
}
.productCard {
    background: #de760f;
}
.productCard-price {
    color: #de760f;
    background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' height='100' width='100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='45' stroke='%23E79C51' stroke-width='5' fill='white' /></svg>") center no-repeat;
}
.productCard:nth-child(3n+2) {
    background: #E79C51;
}
.productCard:nth-child(3n+2) .productCard-price {
    color: #E79C51;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' height='100' width='100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='45' stroke='%23de760f' stroke-width='5' fill='white' /></svg>");
}
.breadcrumb li:last-child a, .breadcrumb li:last-child span {
    color: #cd6920;
}
.btn-default {
    color: #fff;
    background-color: #cd6920;
}
.btn-default:hover {
    background-color: #de760f;
}

.rubric {
    background: #de760f;
}

.rubric:nth-child(4n+2), .rubric:nth-child(4n+3) {
    background: #E79C51;
}