@charset "UTF-8";
/* DEBUG 32 colonnes */
/*
html {background-image: repeating-linear-gradient(90deg, #fff, #fff 3.125%, #ececec 3.125%, #ececec 6.25%);}
*/
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.relative {
    position: relative;    
}
sup {
    vertical-align: super;
    font-size: .6em; 
}
/*** GLOBAL ***/
::-moz-selection {
  background-color: #23232C;
  color: #ffffff;
}
::selection {
  background-color: #23232C;
  color: #ffffff;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
em {
    font-style: italic;
}

/*** RESPONSIVE ***/
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
object,
video {
    height: auto;
    max-width: 100%;
}

img {
    width: auto;
    width: 100%;
    vertical-align: middle;
}
video {
    width: 100%;
}

/* CLEARFIX
***********/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* FONT
***********/
html {
  font-size: 62.5%;
  font-size: calc(1em * .625);
  background-color: #fff;
}

body {
  font-family: 'Muli', Arial, sans-serif;
  font-size: 1.6em; /* 16px */
  font-weight: 400;
  color: #3E3D40;
  line-height: 1.4;
}
@media (min-width: 1000px) {
    body {
        font-size: 1.8em; /* 18px */
    }
}
@media (min-width: 1400px) {
    body {
        font-size: 2em; /* 20px */
    }
}
a {
  color: #3E3D40;
}
p {
    margin: 0 0 .75em 0;
}
strong, b {
    font-weight: 700;
}
i {
    font-style: italic;
}
h1,.h1 {
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: .5em;
}
h1 span {
    font-weight: 800;
}
h2,.h2 {
    color: #40a636;
    font-size: 1.6em;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: .75em;
}
h3,.h3 {
    font-size: 1.2em;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: .75em;
}
@media (min-width: 700px) {
    h2,.h2 {
        font-size: 2em;
    }
}
@media (min-width: 1500px) {
    h1,.h1 {
        font-size: 2.27em;
    }
    h2,.h2 {
        font-size: 2.4em;
    }
    h3,.h3 {
        font-size: 1.36em;
    }
}
.pdlr {
    padding-left: 6.25%;
    padding-right: 6.25%;
}
.color1 { /* fonce */
    color: #464646;
}
.color2 { /* gris clair */
    color: #7b7c7e;
}
.color3 { /* vertclair */
    color: #40a636;
}
.color4 { /* blc */
    color: #fff;
}

.logo {
    background-image: url(../img/production-100-pourcent-locale.svg);
    width: 6em;
    height: 5.87em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
}
@media (min-width: 700px) {
    .logo {
        width: 9em;
        height: 8.8em;
        margin-top: 3em;
    }
}
.tit1 {
    font-size: 1em;
    font-weight: 700;
    color: #40a636;
    margin-top: 2em;
}
@media (min-width: 700px) {
    .tit1__cont {
        position: absolute;
        top: 3em;
        height: 8.8em;
        right: 6.25%;
        width: calc(50% - 11em);
        text-align: center;
    }
    .tit1 {
        margin-top: 0;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}


.hom1 {
    margin-top: 4em;
}
.hom1__2 {
    margin-top: 2em;
}
@media (min-width: 900px) {
    .hom1 {
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
    }
    .hom1__1 {
        width: 50%;
        padding-right: 10.71%;
    }
    .hom1__2 {
        margin-top: 0;
        width: 50%;
    }
    .hom1__2--pr {
        padding-right: 7.14%;
    }
}
.tit__contmw {
    margin-top: 3em;
}
@media (min-width: 900px) {
    .tit__contmw {
        max-width: 50%;
    }
}


.hom2 {
    margin-top: 1em;
}
.hom2__2 {
    /*margin-top: 3em;*/
}
@media (min-width: 900px) {
    .hom2 {
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
    }
    .hom2__1 {
        width: 50%;
        padding-right: 6.25%;
    }
    .hom2__2 {
        margin-top: 0;
        width: 50%;
        padding-left: 6.25%;
    }
}
@media (min-width: 1400px) {
    .hom2__1 {
        padding-right: 0;
    }
    .hom2__2 {
        padding-left: 0;
    }
}

.homblocpicto {
    position: relative;
    margin-top: 2em;
    color: #40a636;    
}
.homblocpicto svg {
    
}
@media (min-width: 425px) {
    .homblocpicto {
        padding-left: 7em;    
    }
}
@media (min-width: 1400px) {
    .homblocpicto {
        margin-left: 14.28%;
        margin-right: 14.28%;
    }
}
.homblocpicto p {
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: 0;
}

@media (min-width: 425px) {
    .homblocpicto svg {
        position: absolute;
        left: 0;
        top: 0;
    }    
}
.homblocpicto--1 svg {
    width: 4.5em;
    height: 4.1em;
}
.homblocpicto--2 svg {
    width: 6em;
    height: 3em;
}
.homblocpicto--3 svg {
    width: 4.8em;
    height: 3.25em;
}
.homblocpicto--4 svg {
    width: 4.05em;
    height: 4.3em;
}
ul.tiret li {
    position: relative;
    padding: .25em 0 .25em 1.5em;
    line-height: 1.2;
}
ul.tiret li:before {
    content: "—";
    position: absolute;
    left: 0;
    top: .2em;
}
.mb0 {
    margin-bottom: 0;
}
.homgris {
    background-color: #f6f6f6;
    margin-top: 3em;
    padding-top:3em;
    padding-bottom:3em;
}
.grid {
    margin-top: 3em;
}
.grid__item {
    margin-top: 1.5em;
}
.grid__txt {
    margin-top: .5em;
    font-weight: 700;
    text-align: center;
}
@media (min-width: 480px) {
    .grid {
        display: flex;
        flex-wrap: wrap;
    }
    .grid__item {
        width: 50%;
    }
}
@media (min-width: 700px) {
    .grid__item {
        width: 33.3333%;
    }
}
@media (min-width: 1000px) {
    .grid__item {
        width: 25%;
    }
}
@media (min-width: 1600px) {
    .grid {
        margin-left: 6.25%;
        margin-right: 6.25%;
    }
}
@media (min-width: 1340px) {
    .grid {
        margin-left: 17.85%;
        margin-right: 7.14%;
    }
}

.hom3__1 {
    background-color: #fff;
    padding: 6.25% 6.25% 3.125% 6.25%;
}
.hom3__2 {
    margin-top: 2em;
    background-color: #40a636;
    color: #fff;
    padding: 6.25% 6.25% 3.125% 6.25%;
    background-image: url(../img/logo2.svg);
    background-repeat: no-repeat;
    background-size: 12em 12em;
    background-position: 6.25% 85%;
}
.hom3__2 a {
    color: #fff;
}
.logounicem {
    margin-top: 1.5em;
    width: 9em;
    height: 9.15em;
}
.hom3__21tit {
    text-align: right;
    margin-top: 8em;
    font-weight: 700;
}
.hom3__21 {
    text-align: right;
}
@media (min-width: 900px) {
    .hom3 {
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
    }
    .hom3__1 {
        width: 50%;
    }
    .hom3__2 {
        margin-top: 0;
        width: 50%;
    }
}

@media (min-width: 1850px) {
    .hom3__21 {
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
    }
    .hom3__21__1 {
        width: 50%;
        padding-right: 1em;
    }
    .hom3__21__2 {
        width: 50%;
        padding-left: 1em;
    }
}

/*! Flickity v2.1.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:#333}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

.flickity-prev-next-button {
    display: none;
}

.foot__cont {
    text-align: center;
    margin-top: 3em;
    margin-bottom: 3em;
    font-size: .85em;
    color: #7b7c7e;
}
.camions__cont {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-bottom: .5em #40a636 solid;
}
.camions {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 9.75em;
    height : 2.35em;
}


/* PRINT */
@media print {
    body {
        color: #000;
        background: #fff;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    @page {
        margin: 2cm;
    }
    header {
        display: none;
    }
    .noprint {
        display: none;
    }
    .sidebar {
        display: none;
    }
    footer {
        display: none;
    }
    h1, h2, h3 {
        page-break-after: avoid;
        color: #000;
    }
    ul, img {
       page-break-inside: avoid;
    }
}