/*
Theme Name: UnderStrap
Theme URI: http://understrap.com
Author: Holger Koenemann
Author URI: http://www.holgerkoenemann.de
GitHub Theme URI: https://github.com/understrap/understrap
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder.
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/understrap/understrap
A child theme is available on Github, too: https://github.com/understrap/understrap-child;
Version: 0.8.7
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
Owl Carousel 2: http://www.owlcarousel.owlgraphic.com/ | https://github.com/smashingboxes/OwlCarousel2/blob/develop/LICENSE (Code licensed under MIT)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in /sass/
The dependencies can be found in /src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/

@import url(fonts/neubau/stylesheet.css);
@import url(fonts/avenir-book/styles.css);
@import url(fonts/avenir-black/styles.css);

/*
font-family: 'Neubau';
font-family: 'Avenir-Book';
font-family: 'Avenir-Black';
*/

html, body {
    height: 100vh;
}

body {
    font-family: 'Avenir-Book';
}

strong {
    font-family: 'Avenir-Black';
}

.bg-primary {
    background-color: #252e5d!important;
}
::-webkit-scrollbar {
    background-color: #252e5d;
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: #ec5c54;
}
::-webkit-scrollbar-track {
    background-color: #ffffff;
}

::-webkit-arrow-color {
    background-color: #ffffff;
}
a {
    color: #252e5d;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

a:hover {
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

h1, h2, h3, h4 {
    font-family: 'Neubau';
}

h2 {
    font-family: 'Neubau';
    /*font-size: 3.4rem;*/
    font-size: 2.6rem;
    text-transform: uppercase;
    display: block;
    margin: 1rem auto;
    font-weight: bold;
}

.titre-home {
    font-size: 2.8rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}
.titre-home span{
    font-weight: normal;
    display: block;
}

.entry-content {
    /*max-width: 1200px;*/
    margin: auto;
}

.schema {
    max-width: 1000px;
    margin: auto;
    width: 100%;
        width: 80vw;
        opacity: 0;
}

.navbar-brand.custom-logo-link {
    width: 8rem;
}
.navbar-brand {
    z-index: 999999999;
}


.fixed-top {
    left: 1rem;
    top: -1rem;
}

.wrapper {
    padding: 0;
}
section.accueil {
    min-height: 100vh;
    background: #fff;
    color: #283469;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.video {
    font-family: 'Neubau';
    font-size: 2.1rem;
    background: #f3f3f3;
    padding: 5px 2rem;
    line-height: normal;
    width: fit-content;
    text-transform: uppercase;
    display: block;
    margin: 0.5rem auto;
    font-weight: bold;
    cursor: pointer;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
    text-align: center;
}

.video.jaune {
	background: #ffd35f;
}
.bouton-newsletter{
    font-family: 'Neubau';
    font-size: 2.1rem;
    background: #ffd35f;
    padding: 0 2rem;
    width: fit-content;
    text-transform: uppercase;
    display: block;
    margin: 0.5rem auto;
    font-weight: bold;
    cursor: pointer;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
    text-align: center;
}

 a.bouton-newsletter:hover {
  text-decoration: none;
  }

.video:hover, .bouton-newsletter:hover {
    background: #283469;
    color: #FFF;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
 a.lienbulle {
    border-bottom: 1px solid #283469;
    margin-top: 1rem;
        display: inline-block;
        font-size: 0.9rem;
 }
  a.lienbulle:hover {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
 }
button:focus {
    outline: none!important;
}

.hamburger {
    position: absolute;
    right: 4rem;
    z-index: 999999999999;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before  {
    background: #283469;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background: #283469;
}

canvas {
    width: 100%!important;
    height: auto!important;
}
/* SECTION NOS VALEURS */

section.nos-valeurs {
    min-height: 100vh;
    background: url(images/fond-valeurs.svg) bottom left no-repeat #6ec0a5;
    background-size: 35%;
    background-position-x: 5%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

section.nos-valeurs .col-5 {
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

section.nos-valeurs.slide1 {
    background: url(images/fond-valeurs-slide1.svg) bottom left no-repeat #fdd36a;
    background-size: 35%;
    background-position-x: 5%;
    color: #29346a;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

section.nos-valeurs.slide1 strong {
    text-transform: uppercase;
    font-family: 'Avenir-Black';
    font-size: 1.3rem;
}

.bullet {
    width: 0.8rem;
    height: 0.8rem;
    border: 2px solid #2a366e;
    border-radius: 50%;
    display: inline-block;
    margin: 0.1rem;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.bullet.active {
    background: #2a366e;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

section.nos-valeurs .row, section.domaines .row{
    max-width: 1200px;
        margin: auto;
}

.titrevaleur {
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
    width: 28vw;
    height: 28vw;
    max-width: 450px;
    max-height: 450px;
    border: 4px solid #FFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url(images/picto-foule.svg) center center no-repeat;
    background-size: 80%;
    margin: auto;
    /*margin-top: 0;*/
}


section.nos-valeurs.slide1  .titrevaleur {
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
    background: url(images/picto-foule-blanc.svg) center center no-repeat;
    background-size: 80%;
    /*margin-top: 4rem;*/
}

.titrevaleur h2{
    font-size: 3rem;
    background: rgba(110,192,165,0.7);
    width: 90%;
    color: #fff;
    padding: 1rem;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
section.nos-valeurs.slide1 .titrevaleur h2{
    background: rgba(253,211,106,0.7);
    width: 80%;
    color: #29346a;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.titrevaleur h2 span{
    width: min-content;
    display: block;
    margin: auto;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

section.nos-valeurs.slide1 .titrevaleur h2 span{
    width: max-content;
    letter-spacing: 4px;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

section.nos-valeurs.slide1 .titrevaleur h2 .baseline {
    font-size: 1.2rem;
    font-family: 'Avenir-Black';
    margin-top: 1rem;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}


section.nos-valeurs h3 {
    text-transform: uppercase;
    background: #2a366e;
    color: #FFF;
    font-weight: bold;
    display: inline;
    padding: 0 0.5rem;
}

section.nos-valeurs.slide1 h3 {
    background: #FFF;
    color: #8092c8;
    font-size: 1.4rem;
    line-height: 1.4rem;
}

section.nos-valeurs.slide1 ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0!important;
    margin-block-end: 0!important;
    padding-inline-start: 0!important;
}

.echelle0 {
    transform: scale(0);
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
    /*position: absolute!important;*/
}
.echelle1 {
    transform: scale(1);
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}


.tiretbleu {
    background: #283469;
    width: 6rem;
    height: 0.6rem;
    display: block;
    text-align: center;
    margin: auto;
}
.tiretblanc {
    background: #fff;
    width: 6rem;
    height: 0.6rem;
    display: block;
    text-align: center;
    margin: auto;
}
.valeur {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;

}

.slide1 .valeur {
        max-height: 90vh;
}


.lienpage {
        margin-top: 2rem;
}
.lienpage a {
    font-family: 'Neubau';
    font-size: 1.75rem;
    text-transform: uppercase;
    background: url(images/fond-lien.svg) center center no-repeat;
    background-size: contain;
    color: #2a366e;
    font-weight: bold;
    display: inline;
    padding: 1rem;
    text-decoration: none;


}



.valeur-1, .valeur-2, .valeur-3, .valeur-4, .valeur-5, .valeur-6, .valeur-7  {
    position: relative;
}

.valeur-1 .patate {
    position: absolute;
    background: url(images/picto-patate.png) center center no-repeat;
    width: 20px;
    height: 20px;
    right: -2rem;
    top: 3rem;
}

.valeur-2 .patate {
    position: absolute;
    background: url(images/picto-patate.png) center center no-repeat;
    width: 20px;
    height: 20px;
    right: -2rem;
    top: -2rem;
}

.valeur-3 .patate {
    position: absolute;
    background: url(images/picto-patate.png) center center no-repeat;
    width: 20px;
    height: 20px;
    right: -1rem;
    top: -1rem;
}
.valeur-3 {
    left: 2rem;
}

.valeur-4 .patate {
    position: absolute;
    background: url(images/picto-patate.png) center center no-repeat;
    width: 20px;
    height: 20px;
    left: -2rem;
    top: 1rem;
}
.valeur-5 .patate {
    position: absolute;
    background: url(images/picto-patate.png) center center no-repeat;
    width: 20px;
    height: 20px;
    left: -2rem;
    top: 1rem;
}

.valeur-6 .patate {
    position: absolute;
    background: url(images/picto-patate.png) center center no-repeat;
    width: 20px;
    height: 20px;
    left: -3rem;
    top: -1rem;
}
.valeur-6 {
    left: -2rem;
}

.valeur-7 .patate {
    position: absolute;
    background: url(images/picto-patate.png) center center no-repeat;
    width: 20px;
    height: 20px;
    top: -3rem;
    left: 50%;
}

.valeur-7 {
    margin: 4rem auto 0 auto;
    width: fit-content;
}


.nav-horizontale {
    width: 100%;
    position: absolute;
    bottom: 3rem;
    padding: 0 4rem;
    font-family: 'Neubau';
    color: #2a366e;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4rem;
    display: flex;
    align-items: flex-end;
}

.chiffres-cles .nav-horizontale {
    width: 15rem;
    right: 25%;
    align-items: center;
}
.col.texte-chif {
    width: 16rem;
}
    .illuschiffre img {
        width: 20rem;
        margin: 2rem auto 1rem auto;
    }

.gauche {
    width: 30%;
    height: 4rem;
    float: left;
    text-align: left;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.gauche::after {
    background: url(images/fleche-gauche.svg) left center no-repeat;
    width: 2rem;
    height: 2.5rem;
    float: left;
    content: " ";
    display: block;
    position: absolute;
    left: -2rem;
    top: 0.7rem;
}

.centre {
    width: 40%;
    float: left;
    text-align: center;
}
.droite {
    width: 30%;
    height: 4rem;
    float: left;
    text-align: right;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.droite::after {
    background: url(images/fleche-droite.svg) right center no-repeat;
    width: 2rem;
    height: 2.5rem;
    float: right;
    content: " ";
    display: block;
    position: absolute;
    right: -2rem;
    top: 0.7rem;
}
.domaines .droite::after {
    color:#ec5c54;
    text-underline:none;
    transform: rotate(90deg);
    right: 9rem;
}
.domaines .droite a {
    color:#ec5c54;
    text-decoration:none;
}

/* SECTION SAINT BRIS */

section.saintbris {
    min-height: 100vh;
    color: #283469;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #ffffff;

}


.lienecole {
    background: #ffd35f;
    color: #2a366e;
    padding: 0px 8px;
}
.lienecole:hover {
    background: #2a366e;
    color: #ffd35f;
    text-decoration: none;

}
.saintbris .soustitre {
    text-transform: uppercase;
    font-family: 'Avenir-Black';
    padding: 0;
}
section.saintbris h2{
     text-align: center;
}
section.saintbris h3{
    font-family: 'Avenir-Black';
    font-size: 1.2rem;
}
.illussaintbris img {
    margin: auto;
    padding-bottom: 3rem;
}
section.saintbris .header-section {
    margin-bottom: 4rem;
}

.lienpagejaune a {
    font-family: 'Neubau';
    font-size: 1.75rem;
    text-transform: uppercase;
    background: url(images/fond-lien-jaune.svg) center center no-repeat;
    background-size: contain;
    color: #2a366e;
    font-weight: bold;
    display: inline;
    padding: 1rem;
    text-decoration: none;

}

.listesaintbris ul li {
    margin-bottom: 1rem;
}

/* SECTION LIENS */

.imageliendroite {
    max-width: 100px;
    height: auto;
    float: right;
    margin-left: 8px;
	margin-bottom: 6px;
}
.imageliengauche {
    max-width: 100px;
    height: auto;
    float: left;
    margin-right: 8px;
	margin-bottom: 6px;
}
/* SECTION SAINT BRIS */

section.liens {
    min-height: 100vh;
    color: #283469;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url(/wp-content/themes/understrap-ulteria/images/picto-liens.svg) #f5aa9a  center center no-repeat;
    background-size: contain;
}
section.liens .col-md-4 img {
    max-width: 80%;
}
section.liens h2{
     text-align: center;
}
section.liens h3{
    text-transform: uppercase;
    background: #2a366e;
    color: #FFF;
    font-weight: bold;
    display: inline;
    padding: 0 0.5rem;
	position: relative;

}

.liens .header-section {
    /*padding-bottom: 5rem;*/
}
section.liens .text-right h3::after {
    background: url(images/picto-patate.png) center center no-repeat;
    width: 20px;
    height: 20px;
    /* margin-top: 2.2rem; */
    float: right;
    content: " ";
    display: block;
    position: absolute;
    /* margin-left: 20px; */
    right: -35px;
    top: 4px;
}
section.liens .text-right h3 {
	margin-right: 3rem;
}
section.liens .text-left h3::before {
    background: url(images/picto-patate.png) center center no-repeat;
    width: 20px;
    height: 20px;
    /* margin-top: 2.2rem; */
    float: left;
    content: " ";
    display: block;
    position: absolute;
    /* margin-left: 20px; */
    left: -35px;
    top: 4px;
}
section.liens .text-left h3 {
	margin-left: 3rem;
}
section.liens p {
    margin: 1rem 1rem;
    font-size: 1.2rem;
    /*max-width: 30rem;*/
    color: #FFF;
    /*display: inline-flex;*/
    display: block;
	clear:both;


}

.listeliens {
    display: block;
}

.listeliens a{
    color: #FFF;
    font-size: 1rem;
}
.listeliens a:hover{
    color: #283469;
}

/* SECTION CONTACT */

section.contact {
    min-height: 100vh;
    color: #283469;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url('/wp-content/uploads/2018/10/bas-contact.png') bottom center no-repeat #7585b7;
    background-size: 100%;
    background-position-y: 80vh;
}
section.contact h2{
     text-align: center;
     color: #fff;
}
section.contact .header-section {
    margin-bottom: 1rem;
}
.bascontact {
    height: 22vh;
    margin-top: -2rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 0;
}

.contact span {
    display: inline-table;
    margin-bottom: 0.2rem;
    font-size: 0.9rem;
}
.instruction {
    color: #FFF;
    font-size: 1.2rem;
    font-style: italic;
}

.coche, .cocheZ {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.5rem 0.5rem 0;
  background: url(images/case-cocher.svg) center center no-repeat;
  display: inline-block;
  cursor: pointer;
  float: left;
}
.coche.on, .cocheZ.on {
  background: url(images/case-cocher-on.svg) center center no-repeat;
}

.lienpagevert  {
    font-family: 'Neubau';
    font-size: 1.75rem;
    text-transform: uppercase;
    background: url(images/fond-lien-vert.svg) center center no-repeat;
    background-size: contain;
    color: #2a366e;
    font-weight: bold;
    display: inline;
    padding: 1rem;
    text-decoration: none;
    margin: auto;
    cursor: pointer;
    font-size: 1.4rem!important;
}

.lienpagebleu {
    font-family: 'Neubau';
    font-size: 1.5rem!important;
    text-transform: uppercase!important;
    background: url(images/fond-lien-bleu.svg) center center no-repeat!important;
    background-size: contain!important;
    color: #fff!important;
    font-weight: bold!important;
    display: inline!important;
    padding: 0!important;
    text-decoration: none!important;
    margin: auto!important;
    cursor: pointer!important;
    border:0!important;
}

.lienpagebleu a {
    color: #FFF;
    font-size: 1.2rem;
    padding: 4px 8px;
    text-decoration: none!important;
}
input:focus {
    border:none;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0,97,255,0);
    box-shadow: 0 0 0 0.2rem rgba(0,97,255,0);
    outline: none!important;
}

.wpcf7 .wpcf7-validation-errors {
    border: 0;
    background: none;
}
.btn-outline-primary.focus, .btn-outline-primary:focus, .wpcf7 input.focus[type=submit], .wpcf7 input:focus[type=submit] {

}
.modal.show .modal-dialog  .modal-content{
   background: #6ec0a5;
   color: #FFF;
   border-radius: 0;

}
.modal.show .modal-dialog  .modal-content p {
    color: #1c2464;
}
.modal-header {
    border-bottom: 0;
}
.modal-body {
    margin-top: -1rem;
    padding-left: 6rem;
    padding-right: 6rem;
}
.close {
      opacity: 1;
}
.form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type=color], .wpcf7 input[type=date], .wpcf7 input[type=datetime-local], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=file], .wpcf7 input[type=month], .wpcf7 input[type=number], .wpcf7 input[type=range], .wpcf7 input[type=search], .wpcf7 input[type=submit], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 input[type=week], .wpcf7 select, .wpcf7 textarea {
    color: #1c2464;
    font-style: italic;
}

.form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type=color], .wpcf7 input[type=date], .wpcf7 input[type=datetime-local], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=file], .wpcf7 input[type=month], .wpcf7 input[type=number], .wpcf7 input[type=range], .wpcf7 input[type=search], .wpcf7 input[type=submit], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 input[type=week], .wpcf7 select, .wpcf7 textarea {
    /*background: url(images/fond-input.svg) center center no-repeat;*/
    border: 0;
}
.btn-outline-primary.focus, .btn-outline-primary:focus, .wpcf7 input.focus[type=submit], .wpcf7 input:focus[type=submit] {
    -webkit-box-shadow: 0 0 0 0. rgba(0,97,255,0);
    box-shadow: 0 0 0 0 rgba(0,97,255,0);
    outline: 0;
}
#vous {
    width: 15rem;
    display: inline-block;
    margin-left: 0.5rem;
    border: 0;
    background: #6879ad;
    height: 1.5rem;
}
#vous::placeholder {
    color: #2a366e;
}

/* SECTION HUMANITE */

section.humanite {
    min-height: 100vh;
    color: #283469;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url(images/fond-humanite.svg) center left no-repeat #eeeff5;
    background-size: 40%;
    background-position-x: 10%;
    background-position-y: 20%;
}
section.humanite p{
    margin-bottom: 0.2rem;
    font-size: 0.9rem;
}
section.humanite .maxwidth{
    max-width: 1400px;
    }

section.humanite::before {
    background: url(images/illus-illot.svg) top right no-repeat;
    background-size: 25%;
    background-position-x: 40%;
    background-position-y: 30%;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 50vh;
}
section.humanite h2{
     text-align: center;
}

.bulle {
    font-family: 'Neubau';
    font-weight: bold;
    background: url(images/bulle.svg) center center no-repeat;
    background-size: contain;
    padding: 6rem 5rem 6rem 4rem;
    font-size: 1.2rem;

}
.tiret-vert {
    background:url(images/tiret-vert.svg) center center no-repeat;
    width: 8rem;
    height: 1rem;
    margin: auto;
}
.tiret-bleu {
    background:url(images/tiret-bleu.svg) center center no-repeat;
    width: 8rem;
    height: 1rem;
    margin: auto;
}
.tiret-mauve {
    background:url(images/tiret-mauve.svg) center center no-repeat;
    width: 8rem;
    height: 1rem;
    margin: auto;
}
.tiret-blanc {
    background:url(images/tiret-blanc.svg) center center no-repeat;
    width: 8rem;
    height: 1rem;
    margin: auto;
}
/* SECTION DOMAINES D'ACTIVITES */
section.domaines {
    min-height: 100vh;
    background: #fff;
    color: #283469;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
iframe {
    max-height: 600px;
}
.iframeWrapper {
 position: relative;
 padding-bottom: 56.25%; /* 16:9 */
 padding-top: 25px;
 height: 0;
 margin: auto;
}
.iframeWrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
width: 100%;
height: 50vh;
}

section.domaines h2 {
    letter-spacing: 2px;
    text-align: center;
    margin-top: 3rem;
}
.siteweb {

    position: absolute;
    /* top: 2rem; */
    /* padding: 2rem; */
    display: block;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 9;
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #FFF;
    font-weight: bold;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.siteweb:hover {
    color: #2a366e;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

section.domaines h3 {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: bold;
    background: none;
}

.domaine-1 h3::after {
    display: block;
    background: url(images/patate-bleu.svg) center center no-repeat;
    margin: 1rem auto;
    height: 20px;
    content: "";
}
.domaine-2 h3::after {
    display: block;
    background: url(images/patate-verte.svg) center center no-repeat;
    margin: 1rem auto;
    height: 20px;
    content: "";
}
.domaine-3 h3::after {
    display: block;
    background: url(images/patate-rouge.svg) center center no-repeat;
    margin: 1rem auto;
    height: 20px;
    content: "";
}
.domaine-4 h3::after {
    display: block;
    background: url(images/patate-rose.svg) center center no-repeat;
    margin: 1rem auto;
    height: 20px;
    content: "";
}
.domaine {
    cursor: pointer;
}

p.descriptif {
    margin: auto;
    font-size: 1.2rem;
    font-weight: bold;
}

.picto-domaine img{
   width:  30%;
   min-height: 10rem;
}

#domaine-descriptif {
    color: #FFF;
    -webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

#domaine-descriptif.bleu {
    background: url(images/picto-travail-fond.svg) center right no-repeat #8092c8;
    background-size: 25%;
    background-position-x: 90%;

}
#domaine-descriptif.vert {
    background: url(images/picto-alimentation-fond.svg) center right no-repeat #6ec0a5;
    background-size: 25%;
    background-position-x: 90%;
}
#domaine-descriptif.rouge {
    background: url(images/picto-transmission-fond.svg) center right no-repeat #db3f37;
    background-size: 30%;
    background-position-x: 90%;
}
#domaine-descriptif.rose {
    background: url(images/picto-liensocial-fond.svg) center right no-repeat #f5aa9a;
    background-size: 30%;
    background-position-x: 90%;
}

#triangle, #triangle.bleu {
    width: 0px;
    height: 0px;
    border-left: 2rem solid transparent;
    border-right: 2rem solid transparent;
    border-bottom: 2rem solid #8092c8;
    margin-top: 2rem;
    margin-left: -75%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#triangle.vert {
    border-bottom: 2rem solid #6ec0a5;
    margin-left: -25%;
}
#triangle.rouge {
    border-bottom: 2rem solid #db3f37;
    margin-left: 25%;
}
#triangle.rose {
    border-bottom: 2rem solid #f5aa9a;
    margin-left: 75%;
}

.texte-vert, .texte-rouge, .texte-rose, .image-vert, .image-rouge, .image-rose {
    display: none;
}
/* SECTION RETAIL */


section.retail {
    min-height: 100vh;
    color: #283469;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url(images/fond-retail2.svg) center center no-repeat #ec5c54;
    background-size: 30%;
    /* background-position-x: -20%; */
    background-position-y: 250%;
}
section.retail h2{
     text-align: center;
}
.header-section {
    margin-bottom: 4rem;
}
.soustitre {
    font-size: 1.3rem;
    font-weight: bold;
}



section.retail h3{
    font-family: 'Avenir-Black';
    text-transform: uppercase;
    font-size: 1.3rem;
    color: #FFF;
    display: inline-block;
    background: #252e5d;
    padding: 0.2rem 0.4rem 0rem 0.4rem;
    letter-spacing: 1px;
}

section.retail .col-md-5.colonne1 p{
    text-transform: uppercase;
    color: #FFF;
    margin: 1rem;
    font-size: 1.2rem;
}
section.retail .col-md-5.colonne2 p{

    color: #FFF;
    margin: 2rem;
    font-size: 1.2rem;

}
section.retail .patate {
    position: relative;
    background: url(images/picto-patate.png) center center no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    margin: 1rem auto;
}

section.retail  .row.w-100.ligneslide {
       margin-right: 0;
    margin-left: 0;
}
.slide-retail.slick-slider {
   max-width: 100vw;
   padding-right: 3rem;
   padding-left: 3rem;
}
.retail-item {
    padding: 4px;
    position: relative;
}
.retail-item .row{

    height: 30vh;
    /*background:rgba(255,255,255,0.2);*/
    background: #ee7a77;
    padding: 1rem;
    /*display: inline-flex;
    flex-direction: column;*/
    width: 100%;
    color: #FFF;
    align-items: center;
    font-size: 0.9rem;
}

.logoretail {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    margin: auto;
    /*background-size:contain!important;*/
    background-size: 85%!important;
}

.logotemoignage {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    margin: auto;
    background-size:cover!important;
    filter: saturate(10%);
    -webkit-filter: saturate(10%);
    -moz-filter: saturate(10%);
    -o-filter: saturate(10%);
    -ms-filter: saturate(10%);
    opacity: 0.7;
}
a.visitersite{
    color: #FFF;
    /* text-decoration: underline; */
    font-weight: bold;
    text-align: right;
    display: inline-block;
    font-size: 0.7rem;
    margin-top: 0.5rem;
    float: right;
    /* right: 0; */
    border-bottom: 1px solid;
}

a.visitersite:hover{
    text-decoration: none;
}
.recto {

}
.quote-haut {
    background: url(images/quote-haut.svg) center center no-repeat;
    background-size: contain;
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    margin: auto;
    margin-bottom:4px;
}
.quote-bas {
    background: url(images/quote-bas.svg) center center no-repeat;
    background-size: contain;
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    margin: auto;
    margin-top:4px;
}
.verso {
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
    background: #252e5d!important;
    color: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    margin-top: 4px;
}
.verso strong {
    color: #ec5c54;
}

.verso p {
    font-size: 0.7rem;
    line-height: 0.8rem;
    max-height: 13rem;
    overflow: hidden;
}

.verso.hover {
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
    opacity: 1;
}
.slick-track {
    /*width: 33%!important;*/
}

.slick-prev {
    left: 0;
}
.slick-next {
    right: 0;
}
/* SECTION CARTE */

section.carte {
    min-height: 100vh;
    background: #fff;
    color: #283469;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
section.carte h2{
    text-align: center;
}
section.carte h3{
    text-transform: uppercase;
    font-weight: bold;
}
section.carte .picto {
    display: inline-block;
}
section.carte .picto img{
    max-width: 14rem;
    margin: 1rem 1rem 0.2rem 1rem;
}

.picleg4 {
    width: 110px;
}

.tiretbleuclair {
    background: #8092c8;
    width: 6rem;
    height: 0.6rem;
    display: block;
    text-align: center;
    margin: auto;
}

.carte-france img {
    width: 90%;
    max-height: 80vh;
    position: relative;
}
.carte-france {
    position: relative;
}
.carte-france .info1 {
    width: 4rem;
    height: 4rem;
    background: rgba(255,255,255,0.2);
    display: block;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;

}
.carte-france {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#carte1 {
    position: absolute;
}
.legende {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.legende h3 {
    font-size: 1.6rem;
}

/* SECTION CHIFFRES CLES */

section.chiffres-cles {
    min-height: 100vh;
    background: #ffd35f;
    color: #29346a;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

section.chiffres-cles .col {
    /*padding: 2px;*/
    text-align: right;
    max-width: inherit;
    width: 10rem;
}

section.chiffres-cles .header-section {
    margin-bottom: 0;
    padding-bottom: 3rem;
}

section.chiffres-cles .row{
    max-width: 1600px;
    margin: auto;
    /*height: 60vh;
    height: 70vh;*/
    align-items: inherit;
    margin-bottom: 1rem;
}

.chif1, .chif2 {
   /*height: 60vh;*/
   height: inherit;
   width: 24%;
   float: left;
}



section.chiffres-cles h3 {
    text-transform: uppercase;
    background: #2a366e;
    color: #FFF;
    font-weight: bold;
    display: inline;
    line-height: 1.2rem;
    padding: 0 0.5rem;
    letter-spacing: -1px;
    font-size: 1.2rem;
}

.titrechiffres {
    width: 25vw;
    height: 25vw;
    max-width: 400px;
    max-height: 400px;
    border: 4px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url(images/picto-chiffres.svg) center center no-repeat;
    background-size: 80%;
    margin: auto;
}

.titrechiffres h2{
    font-size: 3rem;
    background: rgba(255,211,95,0.7);
    width: 90%;
    padding: 0.2rem 0.2rem 0.6rem 0.2rem;
    color: #29346a;
}
.titrechiffres h2 span{
    width: min-content;
    display: block;
    margin: auto;
}


.imagechiffre img{
    border-radius: 50%;
    width: 8rem;
    height: 8rem;
    max-width: inherit;
}

section.chiffres-cles .filtre::before {
	background: rgba(255,211,95,0.3);
	display:block;
    height: 8rem;
    width: 8rem;
	content: " ";
	position: absolute;
	border-radius: 50%;
}
span.chiffre {
    display: block;
    font-family: 'Neubau';
    font-weight: bold;
    text-align: right;
    font-size: 2.5rem;
    line-height: 2rem;
    letter-spacing: -1px;
    margin-bottom: 0.2rem;
}


.chiffre-1, .chiffre-2, .chiffre-3, .chiffre-4, .chiffre-5, .chiffre-6, .chiffre-7, .chiffre-8, .chiffre-9, .chiffre-10, .chiffre-11, .chiffre-12 {
    position: relative;
}
.chiffre-1::after, .chiffre-2::after, .chiffre-3::after, .chiffre-4::after, .chiffre-5::after, .chiffre-6::after, .chiffre-7::after, .chiffre-8::after, .chiffre-9::after, .chiffre-10::after, .chiffre-11::after, .chiffre-12::after {
    background: url(images/picto-patate.png) center center no-repeat;
    width: 20px;
    height: 9rem;
    /* margin-top: 2.2rem; */
    /* float: right; */
    content: "";
    margin-left: 20px;
    right: -10px;
    position: absolute;
}

.alignecentre {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.alignecentre2 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}

.maison img {
    margin: auto;
}


/* SECTION BENEFICES */

section.benefices {
    min-height: 100vh;
    background: #eeeff5;
    color: #29346a;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
}

section.benefices h2{
    color: #f5aa9a;
    margin-bottom: 0;
}

section.benefices .row{
    max-width: 1300px;
    margin: auto;
}

section.benefices .item {
    font-family: 'Neubau';
    font-size: 1.8rem;
    font-weight: bold;
    /*margin: 0.5rem;*/
    background: url(images/fond-item.svg) center center no-repeat;
    background-size: contain;
    color: #FFF;
    padding: 0.1rem 1rem;
    width: 100%;
    text-align: center;
    cursor: pointer;
    height: 3rem;
}


.dropdown-toggle .dropdown-icon {
    display: none;
}
.dropdown, .nice-select, ul.list {
    width: 100%;
    min-width: 20rem;
}
.dropdown a{
    width: 100%;
}
.dropdown-toggle::after {
    float: right;
    margin-top: 0.6rem;
    margin-left: .500em;
}
 .dropdown-below .dropdown-menu-wrapper {
    top: 4rem;
    bottom: 4rem;
 }
.dropdown-close {
    float: none!important;
    width: 3rem!important;
}
.dropdown-menu {
    border: none;
}
.dropdown-list {
    overflow: inherit;
}

.placeitem {
    font-size: 2.2rem;
    font-weight: bold;
    margin: 0.5rem;
    background: url(images/fond-itemplace.svg) center center no-repeat;
    background-size: contain;
    color: #FFF;
    width: 100%;
    text-align: center;
    height: 3rem;
}

.placeitem.pictobleu::before {
    background: url(images/picto-travail.svg) center center no-repeat;
    background-size: contain;
    height: 3rem;
    display: inline-block;
    content: "";
    float: left;
    width: 3rem;
    position: absolute;
    left: -10px;
}
.placeitem.pictorouge::before {
    background: url(images/picto-transmission.svg) center center no-repeat;
    background-size: contain;
    height: 3rem;
    display: inline-block;
    content: "";
    float: left;
    width: 3rem;
    position: absolute;
    left: -10px;
}
.placeitem.pictovert::before {
    background: url(images/picto-alimentation.svg) center center no-repeat;
    background-size: contain;
    height: 3rem;
    display: inline-block;
    content: "";
    float: left;
    width: 3rem;
    position: absolute;
    left: -10px;
}
.placeitem.pictorose::before {
    background: url(images/picto-liensocial.svg) center center no-repeat;
    background-size: contain;
    height: 3rem;
    display: inline-block;
    content: "";
    float: left;
    width: 3rem;
    position: absolute;
    left: -10px;
}
.titrebenefices p{
     font-family: 'Neubau';
    font-size: 2rem;
    text-transform: uppercase;
    display: block;
    margin: 0 auto 1rem auto;
    font-weight: bold;
    max-width: 50rem;

}
.fsortable-empty {
    height: 100%;
}

.tiretrose {
    background: #f5aa9a;
    width: 6rem;
    height: 0.6rem;
    display: block;
    text-align: center;
    margin: auto;
}

.zones {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#grosse-patate {
    background: url(images/grosse-patate.svg) center center no-repeat;
    background-size: 110;
    color: #FFF;
    font-weight: bold;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    min-height: 20rem;
}

#grosse-patate.active {
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#zone1, #zone2 {
    width: 100%;
    display: block;
    /*border: 2px dashed #ccc;*/
    background: url(images/fond-item-blanc.svg) center center no-repeat;
    height: 3.6rem;
}

#zone1 .item , #zone2 .item  {
    /*margin: 0;*/
    position: relative;
    margin: 0.3rem;
}

#zone1 .item::after, #zone2 .item::after {
    font-family: 'Avenir-Book';
    content: "x";
    display: block;
    font-weight: bold;
    color: #db3f37;
    float: right;
    position: absolute;
    right: 2rem;
    top: -1rem;
    font-size: 1.5rem;
}
.et {
    font-size: 1.6rem;
    font-weight: bold;
    text-transform: uppercase;
    margin: 1rem;
    font-family: 'Neubau';
}
.maliste {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
    list-style: none;
}

.maliste li{
    list-style: none;
}

.drop-target {
	background: #f5aa9a;
}

.apport {font-size: 0.9rem;color: #FFF;justify-content: center;display: flex;align-items: center;height: 100%;padding-left: 7rem;padding-right: 1rem;/* font-weight: bold; */}

.pictovaleur {
    width: 4.4rem;
    display: inline-block;
}

.picto-unicite img {
    margin-top: -2rem;
    margin-right: 1rem;
}
.picto-conscience img {
    margin-top: -2.5rem;
    margin-left: 1rem;
}
.picto-cheminement img {
    margin-right: inherit;
    margin-top: -2rem;
    margin-left: 1rem;
}
.pictovaleur.picto-cheminement {
    float: right;
    margin-right: -3rem;
}

.picto-alterdependance  {
    width: 5rem;
}
.picto-alterdependance img {
    margin-top: -1rem;
    margin-right: 1rem;
}
#menu {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}
#menu li {
    text-align: center;
}
#menu li a {
    font-family: 'Neubau';
    font-size: 1.6rem;
    text-align: center;
    text-transform: uppercase;
    padding: 0 0.5rem;
}

.pp-tooltip {
    background: #283469;
    padding: 0.2rem 1rem;
    font-family: 'Neubau';
    text-transform: uppercase;
    font-size: 1.2rem;
    margin-top: -0.5rem;
}
#pp-nav span, .pp-slidesNav span {
    border: 1px solid #262c5e;
}
#pp-nav li .active span, .pp-slidesNav .active span {
    background: #262c5e;
}

/* MENU OVERLAY */

.overlay {
	position: fixed;
	background: url(images/fond-menu.svg) left bottom no-repeat #6ec0a5;
	background-size: cover;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .35s, visibility .35s, height .35s;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden;
}

.overlay.open {
	opacity: 1;
	visibility: visible;
	height: 100%;
	z-index: 333333333;
}

.overlay.open nav li {
	-webkit-animation: fadeInRight .5s ease forwards;
	animation: fadeInRight .5s ease forwards;
	-webkit-animation-delay: .35s;
	animation-delay: .35s;
}

.overlay.open nav li:nth-of-type(2) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

.overlay.open nav li:nth-of-type(3) {
	-webkit-animation-delay: .45s;
	animation-delay: .45s;
}

.overlay.open nav li:nth-of-type(4) {
	-webkit-animation-delay: .50s;
	animation-delay: .50s;
}

.overlay.open nav li:nth-of-type(5) {
	-webkit-animation-delay: .55s;
	animation-delay: .55s;
}

.overlay.open nav li:nth-of-type(6) {
	-webkit-animation-delay: .60s;
	animation-delay: .60s;
}

.overlay.open nav li:nth-of-type(7) {
	-webkit-animation-delay: .65s;
	animation-delay: .65s;
}

.overlay.open nav li:nth-of-type(8) {
	-webkit-animation-delay: .70s;
	animation-delay: .70s;
}

.overlay.open nav li:nth-of-type(9) {
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}
.overlay.open nav li:nth-of-type(10) {
	-webkit-animation-delay: .80s;
	animation-delay: .80s;
}
.overlay.open nav li:nth-of-type(11) {
	-webkit-animation-delay: .85s;
	animation-delay: .85s;
}
.overlay.open nav li:nth-of-type(12) {
	-webkit-animation-delay: .85s;
	animation-delay: .90s;
}
.overlay.open nav li:nth-of-type(13) {
	-webkit-animation-delay: .85s;
	animation-delay: .95s;
}
.overlay nav {
	position: relative;
	/* height: 70%; */
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 50px;
	font-family: 'Vollkorn', serif;
	font-weight: 400;
	margin: auto;
	text-align: center;
	width: 360px;
}

.overlay nav ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	/*display: table-cell;*/
	position: relative;
	height: 100%;
	vertical-align: middle;
	-webkit-padding-start: 0;
}

.overlay nav ul li {
	display: block;
	/* height: 25%; */
	/* height: calc(100% / 9); */
	/* min-height: 50px; */
	position: relative;
	opacity: 0;
}

.overlay nav ul li a {
	display: block;
	position: relative;
	color: #FFF;
	text-decoration: none;
	overflow: hidden;
}

.overlay nav ul li a:hover {
	box-shadow: inset 0 0 0 2px #fff;
	transition: all 0.3s ease;
}

.overlay nav ul li a:hover:after,
.overlay nav ul li a:focus:after,
.overlay nav ul li a:active:after {
	width: 100%;
}

.overlay nav ul li a:hover:before,
.overlay nav ul li a:focus:before,
.overlay nav ul li a:active:before {
	width: 100%;
}

.overlay nav ul li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 1px;
	background: #FFF;
	-webkit-transition: .35s;
	transition: .35s;
}

.overlay nav ul li a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 1px;
	background: #FFF;
	-webkit-transition: .35s;
	transition: .35s;
}


/* FIN MENU OVERLAY */


.colonne1.ordre2 {
  /*padding-top: 5rem; */
}

.nos-valeurs .colonne1.ordre2 {
    padding-left: 4rem;
}

/* RS */

.menu-titre {

	text-transform: uppercase;
	position: relative;
	top: 50%;
	left: 0;
	color: #283469;
	width: 20px;
	height: 40px;
}

.menu-titre span {
	width: 40px;
	display: inline-block;
	text-align: right;
	line-height: 1rem;
	padding-left: 100px;
	margin-top: -18px;
}

.menu-titre::before {
	height: 3px;
	width: 5rem;
	background: #283469;
	display: inline-block;
	float: left;
	content: " ";
	margin-right: 1rem;
	margin-top: 0.6rem;
}

.menu-fermer {
	font-family: 'Neubau';
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	right: 0;
	color: #283469;
	cursor: pointer;
}

.menu-fermer::after {
	height: 3px;
	width: 5rem;
	background: #283469;
	display: inline-block;
	float: right;
	content: " ";
	margin-left: 1rem;
	margin-top: 0.6rem;
}

.rs {
	width: 240px;
	position: relative;
	text-align: center;
	margin: auto;
}

.rs ul {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0;
}

.rs ul li {
	color: #FFF;
	font-size: 1rem;
	list-style: none;
	display: inline-block!important;
	padding: 0.4rem;
    color: #283469;
}

.rs ul li a {
	color: #283469!important;
	padding: 2px 4px;
	border: none!important;
    box-shadow: inset 0 0 0 0px #fff!important;
}

.rs ul li a:hover {
	color: #fff!important;
    border: none!important;
    box-shadow: inset 0 0 0 0px #fff!important;
}
.rs ul li a::after, .rs ul li a::before {
    display: none!important;
}



/* FIN RS */


/* SECTION TRANSMISSIONS */

/* SECTION SAINT BRIS */

section.transmissions {
    min-height: 100vh;
    color: #283469;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #daddf0;


}
.cta .lienpagevert, .transmissions .lienpagejaune a {
    font-size: 2rem!important;
}

.cta .lienpagevert:hover, .transmissions .lienpagejaune a:hover {
    text-decoration: none;
    color: #FFF;
}

/* FIN SECTION TRANSMISSIONS */

.maxwidth {
  max-width: 1200px;
  margin:auto
}

.domainemobile {
    display: none;
}

@media screen and ( max-width: 640px) {
    body {
        overflow-y: scroll!important;
        -webkit-overflow-scrolling: touch;
         touch-action: pan-y;
    }
    .iframeWrapperCanvas{
        display: none;
    }
    section.domaines {
        display: block;
    }
    .domainemobile {
        display: block;
        margin-bottom: 3rem;
    }
    .container-fluid {
        /*padding-left: 0;
        padding-right: 0;*/
    }
    .menu-fermer, .menu-titre {
        display: none;
    }
    .titre-home {
        margin: 2rem;
    }
    .video {
        margin: 1rem;
    }
    .illushumanitaire {
        height: 50vh;
    }
    .section.humanite {
        /*display: none;*/
    }
    section.humanite::before {
        display: none;
    }
    .fixed-top {
        left: 0;
        right: 0;
    }
    .custom-logo-link img {
        max-width: 70%;
    }
    .nav-horizontale {
        display: none;
    }
    #slide {
        padding: 2rem;
    }
    #slide .row{
        display: inline-block;
    }
    #slide .col-5.bloctitrevaleur {
        max-width: 100%;
        display: inline-block;
    }
    #slide .titrevaleur {
        width: 78vw;
        height: 78vw;
        margin-bottom: 2rem;
    }

    .titrevaleur h2 {
        font-size: 1.8rem;
        padding: 0;
    }
    section.nos-valeurs.slide1 .titrevaleur h2 .baseline {
        font-size: 0.8rem;
    }
    #slide .patate {
        display: none;
    }
    .valeur {
        display: block;
        text-align: left!important;
    }
    .valeur-3, .valeur-6 {
        left: inherit;
    }
    .cachecache {
        display: none;
    }
    .retail-item .row {
        height: 80vh;
        margin: 0;
    }
    .verso {
        top: 0.2rem;
    }
    .verso p{
        font-size: 0.8rem;
    }
    section.retail .header-section{
        margin-bottom: inherit;
    }
    section.chiffres-cles .row {
        height: inherit;
    }

    section.chiffres-cles .titrechiffres {
        width : 80vw;
        height: 80vw;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .chiffre-1::after, .chiffre-2::after, .chiffre-3::after, .chiffre-4::after, .chiffre-5::after, .chiffre-6::after, .chiffre-7::after, .chiffre-8::after, .chiffre-9::after, .chiffre-10::after, .chiffre-11::after, .chiffre-12::after  {
        display: none;
    }

    #slide2mobile {
        background: url(images/fond-valeurs.svg) bottom left no-repeat #6ec0a5;
        background-size: 35%;
        background-position-x: 5%;
        padding: 2rem;
    }
    #slide2mobile .titrevaleur {
        width: 78vw;
        height: 78vw;
        margin-bottom: 4rem;
    }
    #slide2mobile .text-right{
        text-align: left!important;
    }
    #slide2mobile .patate {
        display: none;
    }
    #slide2mobile .col-5{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #slide2mobile .valeur-1, #slide2mobile .valeur-2, #slide2mobile .valeur-3, #slide2mobile .valeur-4, #slide2mobile .valeur-5, #slide2mobile .valeur-6, #slide2mobile .valeur-7 {
        margin-bottom: 2rem;
    }

    #slide2mobile .titrevaleur h2 {
    background: rgba(110,192,165,0.7);
    }

    #slide3mobile {
        background: #fff;
        background-size: 35%;
        background-position-x: 5%;
        padding: 0;
    }
    #slide3mobile iframe{
        height: inherit!important;
    }
    .col-md-12.iframeWrapperCanvas {
        padding: 0;
    }
    .col-5.ordre1 {
        flex: 0 0 100%;
     max-width: 100%;
    }



    .ordre1 {
        order: 1;
    }
    .ordre2 {
        order: 2;
    }
    .ordre3 {
        order: 3;
    }
    .chif2 {
        display: block!important;
    }
    section.chiffres-cles h3 {
        font-size: 1.2rem;
    }
    .chiffre-1, .chiffre-2, .chiffre-3, .chiffre-4, .chiffre-5, .chiffre-6, .chiffre-7, .chiffre-8, .chiffre-9, .chiffre-10, .chiffre-11, .chiffre-12 {
        position: relative;
        margin: 0.2rem auto!important;
    }
    .titrebenefices p {
        font-size: 1.4rem;
    }
    section.benefices .item {
       font-size: 1.4rem;
        padding: 0.4rem 1rem;
    }
    section.benefices {
            padding: 0.2rem!important;
    }
    .apport {
        height: 20rem;
        font-size: 0.7rem;
    }
    .selectmobile {
        display: block!important;
        width: 100vw;
    }
    .hamburger {
        right: 0;
    }
    section.saintbris {
        padding: 1rem;
    }
    section.liens .text-right {
        text-align: center!important;
    }


    section.liens .text-left {
        text-align: center!important;
    }
    section.liens .col-md-4 img {
    max-width: 50%;
    margin-bottom: 2rem;
    }
    section.contact {
        background-position-y: 100%;
        padding:  0 1rem 4rem 1rem;
    }
    section.contact .header-section {
        padding-bottom: 0;
    }
    #vous {
       width: 10rem;
    }
    .modal-body {
        padding-left: 10px;
        padding-right: 10px;
    }
    .wpcf7 .wpcf7-validation-errors {
        height: inherit;
    }
    .chif1 {
            width: 100%;
    }

    #menu li a {
        font-size: 1.3rem;
    }

    .overlay nav {
        width: inherit;
    }
    .navbar-brand.custom-logo-link {
        width: 4rem;
    }
    .slick-dots {
        position: relative;
    }
    .slide-retail.slick-slider {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .slide1 .valeur {
       max-height: inherit;
    }
    .colonne1.ordre2 {
        padding-top: 0;
    }
    .picto-unicite img {
        max-width: 50%;
        margin-top: -0.5rem;
        margin-right: 0rem;
    }
    .picto-unicite {
        float: right;
    }
    .picto-alterdependance {
        float: right;
        position: absolute;
    }
    .picto-alterdependance img {
        max-width: 50%;
        margin-left: 10rem;
        width: 4rem;
        margin-top: -0.5rem;

    }
    .picto-conscience img {
        max-width: 50%;
        margin-top: inherit;
    }
    .pictovaleur.picto-cheminement img{
        max-width: 50%;
        margin-top: inherit;
    }
    .col  p.text-right {
        text-align: left!important;
    }


}


@media screen and ( max-width: 1200px) {

    body {
       font-size: 12px;
    }
    section.nos-valeurs h3 {
       font-size: 1.2rem;
    }
    .titrevaleur h2 {
        width: 80%;
    }

}
@media screen and ( max-width: 960px) {

    .titrevaleur h2 {
        font-size: 2rem;
    }

    .titre-home {
    font-size: 2rem;
    }
    .video {

    font-size: 2rem;
    }


}

@media screen and ( min-width: 1600px) {

    .fixed-top {
        left: 4rem;
    }
    #menu li a {
       font-size: 2rem;
   }

   .maxwidth {
        max-width: 1500px;
        margin:auto
  }
  .header-section {
        margin-bottom: 4rem;
    }
    .logoretail {
        width: 10rem;
        height: 10rem;
    }
    .logotemoignage{
        width: 10rem;
        height: 10rem;
    }
    section.liens p {
        /*max-width: 20rem;*/
        font-size: 1.2rem;
    }
    .contact span {
        margin-bottom: 0.4rem;
        font-size: 1rem;
    }
    section.contact .header-section {
        margin-bottom: 6rem;
    }
    .bascontact {
            margin-top: inherit;
    }
    section.contact {
        background: url('/wp-content/uploads/2018/10/bas-contact.png') bottom center no-repeat #7585b7;
        background-size: 100%;
        background-position-y: 130%;
    }
    .imagechiffre img{
        width: 10rem;
        height: 10rem;
    }
    .bulle {
        padding: 6rem 5rem 6rem 4rem!important;
        font-size: 1.2rem!important;
    }


}

@media screen and (min-width: 2400px) {
    .logoretail {
        width: 13rem;
        height: 13rem;
    }
    .fixed-top {
        left: 4rem;
    }


}

@media (min-height: 760px) {
    .legende h3{
        font-size: 1.4rem;
    }
    section.carte .picto img{
         margin: 1rem 1rem 0.2rem 1rem;
         max-width: 8rem;
    }
    .imagechiffre img {

    width: 8rem;
    height: 8rem;

    }
    span.chiffre {
        font-size: 2.4rem;
    }
    .titrechiffres h2 span {
        font-size: 2.4rem;
    }
    .chiffre-1::after, .chiffre-2::after, .chiffre-3::after, .chiffre-4::after, .chiffre-5::after, .chiffre-6::after, .chiffre-7::after, .chiffre-8::after, .chiffre-9::after, .chiffre-10::after, .chiffre-11::after, .chiffre-12::after {
        margin-left: inherit;
    }
    .bulle {
        padding: 3rem 1rem 3rem 0.5rem;
        font-size: 1rem;
    }

    section.nos-valeurs.slide1 .titrevaleur h2 span {
        font-size: 2.2rem;
    }
    section.nos-valeurs.slide1 .titrevaleur h2 .baseline {
        font-size: 1rem;
    }
    section.nos-valeurs.slide1 strong {
        font-size: 1.1rem;
    }
    .logoretail {
    /*width: 5rem;
    height: 5rem;*/
    }
    .retail-item .row {
        padding: 0.5rem;
    }

    .verso p {
        font-size: 0.8rem;
        line-height: 0.9rem;
        width: 100%;
    }

}


/* IPAD PRO EN PORTRAIT */
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (orientation : portrait) {

    /* STYLES GO HERE */
    .illussaintbris {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        padding: 4rem!important;
    }

    .saintbris .offset-md-1.col-md-2.col-sm-12 {
    flex: 0 0 80%;
    max-width: 80%;
    }
    .retail-item .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;

    }
    .retail-item .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;


    }
    .verso p {
        overflow: hidden;
    }
    section.nos-valeurs h3 {
        font-size: 1.6rem;
    }
   .nos-valeurs.slide2 .valeur {
        font-size: 1.5rem;
    }

    .nos-valeurs.slide2 .valeur-1 {
        margin-top: -4rem;
        margin-right: -40rem;
        margin-bottom: 5rem;
        width: 20rem;
    }
    .nos-valeurs.slide2 .valeur-2 {
        margin-top: 8rem;
    }
    .nos-valeurs.slide2 .valeur-4 {
        margin-top: 10rem;
        margin-left: -2rem;
    }
     .nos-valeurs.slide2 .valeur-5 {
        margin-bottom: -18rem;
        margin-left: -34rem;
        width: 20rem;
    }


   .nos-valeurs.slide1 .valeur {
        font-size: 1.2rem;
    }

    .nos-valeurs.slide1 .valeur-1 {
        margin-top: -4rem;
        margin-right: -2rem;
        margin-left: 1rem;
    }
    .nos-valeurs.slide1 .valeur-2 {
        margin-top: 8rem;
        margin-left: 1rem;
        margin-bottom: 2rem;
    }
    .nos-valeurs.slide1 .valeur-4 {
        margin-top: -4rem;
    }
     .nos-valeurs.slide1 .valeur-5 {
        margin-bottom: -4rem;
    }
        section.nos-valeurs.slide1 .col-5 {
            display: inline-grid;
        align-items: center;
    }
    section.nos-valeurs.slide2 .col-5 {
            display: flex;
        align-items: center;
    }

    #benefices .col-md-4{
        flex: 0 0 40%;
        max-width: inherit;
    }
    .apport {
        padding-left: 6rem;
    }
    #grosse-patate {
        width: 110%;
        height: 110%;
        min-height: 25rem;
    }

}

/* IPAD EN PORTRAIT */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

    /* STYLES GO HERE */


    .retail-item .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;

    }
    .retail-item .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;


    }
    .verso p {
        overflow: hidden;
    }

    .retail-item .row {
        height: 34vh;
    }

     .illussaintbris {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        padding: 4rem!important;
    }

    .saintbris .offset-md-1.col-md-2.col-sm-12 {
    flex: 0 0 80%;
    max-width: 80%;
    }

    #benefices .col-md-4{
        flex: 0 0 50%;
        max-width: inherit;
    }
    .apport {
        padding-left: 6rem;
    }
    #grosse-patate {
        width: 110%;
        height: 110%;
        min-height: 25rem;
    }
    #benefices .col-md-2{
            flex: 0;
    /* max-width: 16.66667%; */
    }
    .zones {
        margin-left: -4rem;
    }
    .quote-haut, .quote-bas {
        width: 1.5rem;
        height: 1.5rem;
        display: none;
    }
    .logotemoignage {
         width: 5rem;
        height: 5rem;
    }
    .verso p {
    font-size: 0.7rem;
    line-height: 0.7rem;
    }

}


/* IPHONE 6S plus */

@media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio : 3)  {

    .col {
    flex-basis: inherit!important;
    }
}

@media screen and ( max-width: 440px) {

    .col {
        flex-basis: inherit!important;
    }
}


/* ECRAN 15 puces */

@media screen and ( max-height: 660px) {
    .schema {
        width: 60vw;
    }
    section.humanite p {
        line-height: 1.2rem;
        font-size: 0.8rem;
        margin-bottom: 0.3rem;
    }
    .bulle {
            padding: 6rem 5rem 6rem 4rem;
        font-size: 0.9rem;
    }
    canvas {
        width: 80%!important;
        height: auto!important;
            right: 10%;
                margin-top: -2rem;
    }
    section.saintbris h3 {
        font-size: 1rem;
    }
    .illussaintbris img {
    max-width: 640px;
    }

    #ulteria-stbris ul{
    margin-top: 0;
    margin-bottom: 1rem;
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
    }

    .ligneslide .col-md-8 {
         font-size: 0.8rem;
    line-height: 1rem;
    }

    .logoretail {
        width: 6rem;
        height: 6rem;
    }

    section.retail .col-md-5.colonne2 p {
        font-size: 1rem;
    }
    section.retail .col-md-5.colonne1 p {
        font-size: 1rem;
    }

    .carte-france img {
    max-width: inherit!important;
    max-height: 70vh;
    }
    section.carte .picto img {
        max-width: 5rem;
        margin: 0.5rem 0.5rem 0.5rem;
    }
    section.nos-valeurs.slide1 h3 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    }
    .valeur-1, .valeur-2, .valeur-3, .valeur-4, .valeur-5, .valeur-6, .valeur-7 {
            font-size: 0.9rem;
    line-height: 1.4rem;
    }
    #le-concept .valeur-1 {
        margin-top: 8rem;
    }
    #menu li a {
        font-size: 1.2rem;
    }
    .overlay nav {
        top: 40%;
    }
    .apport {
        padding-left: 6rem;
            font-size: 0.8rem;
    }
    section.benefices .item {
            height: 2.4rem;
            font-size: 1.5rem;
    }
    .placeitem {
        height: 2.4rem!important;
    font-size: 1.5rem;
    }
    #zone1, #zone2 {

    }
    .placeitem.pictobleu::before, .placeitem.pictorose::before, .placeitem.pictorouge::before {
        width: 2rem;
        height: 2rem;
    }
    .contact span {
        margin-bottom: 0.1rem;
        font-size: 0.8rem;
    }
    .verso p {
    font-size: 0.6rem;
    line-height: 0.7rem;
    overflow: hidden;
    }
    .retail-item .row {
            padding: 0.5rem;
    }

}