@charset "UTF-8";
/* 32 colonnes */
/*html {background-image: repeating-linear-gradient(90deg, #F8F7F2, #F8F7F2 3.125%, #ececec 3.125%, #ececec 6.25%);}*/
html {background-color: #fff;}
.debug {
    position: absolute;
    top: 0;
    left:0;
    font-size: .65em;
    background-color: #333;
    color: #fff;
}
.debug::before {
    content: "debug ➔ ";
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/rubik.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/rubik.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/rubik.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/rubik.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/rubik.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/rubik.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
  --responsive:  calc((var(--min) * 1px) + (var(--max) - var(--min)) * ((100vw - 320px) / (1920 - 320)));
}

/* 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;
}

/*** 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;
}
.resetbutton {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    cursor: pointer;
}
/*** 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%;
}

/* FONT
***********/
html {
  font-size: 62.5%;
  font-size: calc( 1em * .625 );
  /*background-color: #fff;*/
}
body {
  font-family: 'Rubik',sans-serif;
  font-weight: 400;
  line-height: 1.43;
  color: #000;
  /*background-color: #fff;*/
  font-size: 1.6em;
}
@media (min-width: 640px) {
    body {
        font-size: 1.8em;
    }
}
@media (min-width: 1000px) {
    body {
        font-size: 2em;
    }
}
@media (min-width: 1400px) {
    body {
        font-size: 2.3em;
    }
}
@media (min-width: 1600px) {
    body {
        font-size: 2.5em;
    }
}
@media (min-width: 2600px) {
    body {
        font-size: 1vw;
    }
}
a {
    color: #000;
}
p {
    margin: 0;
    padding-bottom: .75em;
}
strong, b {
    font-weight: 700;
}
i {
    font-style: italic;
}
.uc {
    text-transform: uppercase;
}
.txtcenter {
    text-align: center;
}
.pdlr {
    padding-left: 6.25%;
    padding-right: 6.25%;
}
.pdlr--mob0 {
    padding-left: 0;
    padding-right: 0;
}
.pdlr--no640 {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 700px) {
    .pdlr--mob0 {
        padding-left: 3.125vw;
        padding-right: 3.125vw;
    }
    .pdlr--1 {
        padding-left: 3.125%;
        padding-right: 3.125%;
    }
    .pdlr--4 {
        padding-left: 12.5%;
        padding-right: 12.5%;
    }
    .pdlr--no640 {
        padding-left: 6.25vw;
        padding-right: 6.25vw;
    }
}
* {
    scrollbar-width: auto;
    scrollbar-color: #808080 #F0F0F0;
}
*::-webkit-scrollbar {
    width: 16px;
}
*::-webkit-scrollbar-track {
    background: #F0F0F0;
}
*::-webkit-scrollbar-thumb {
    background-color: #808080;
    border-radius: 8px;
    border: 4px solid #F0F0F0;
}

/* NAV */
.nav1__content {
    position: fixed;
    z-index: 100;
    background-color: #fff;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: left 200ms cubic-bezier(.34,.615,.4,.985);
    padding-top: 6em;
    overflow-y: auto;
}
@media (min-width: 700px) {
    .nav1__content {
        padding-top: 3.125vw;
        width: 34.375vw;
        width: auto;
    }
    .nav1__content .logo {
        display: block;
    }
}
body.navactive .nav1__content {
    left: 0;
}
.nav1 {
    text-align: left;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
}

.navproduitsopen .nav1 {
    display: none;
}
@media (min-width: 700px) {
    .nav1 {
        width: 34.375vw;
        padding-left: 9.375vw;
        padding-right: 3.125vw;
        padding-top: 1em;
    }
}
.nav1 li {
    display: block;
    /*font-size: 1.4em;*/
    --max: 30;
    --min: 20;
    font-size: var(--responsive);
    font-weight: 600;
    line-height: 1.1;
    margin-top: .5vh;
    margin-bottom: .5vh;
    
}
.nav1 li a {
    display: block;
    text-decoration: none;
    color: #000;
    padding-top: 1.5vh;
    padding-bottom: 1.5vh;
}

.menu-toggle {
    font-size: 1em;
    position: fixed;
    z-index: 150;
    top: 6.25vw;
    right: 6.25vw;
    width:  36px;
    height: 25px;
    font-family: inherit;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: none;
    appearance: none;
}
@media (min-width: 700px) {
    .menu-toggle {
        right: auto;
        top: calc( 3.125vw + 3px );
        left: calc( 3.125vw - 10px );
        width:  40px;
        height: 30px;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/*
@media (min-width: 1000px) {
    .menu-toggle {
        display: none;
    }
}
*/
.menu-toggle:hover {
    cursor: pointer;
}

@keyframes animburger {
  from { transform: scale(.71); opacity: 1; }
  to   { transform: scale(1); opacity: 0; }
}
.menu-toggle:hover::after  {
    background-color: rgba(255,255,255,.5);
}
.menu-toggle span {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 11px;
    display: block;
    background-color: #000;
    width: 36px;
    height: 4px;
    border-radius: 4px;
    transition: all ease .3s;
    /*transform: translateY(-50%);*/
}
@media (min-width: 700px) {
    .menu-toggle span {
        width: 40px;
        top: 13px;
    }    
}
.menu-toggle span:first-child {
    transform: translateY(0);
    top: 0;
}
.menu-toggle span:last-child {
    transform: translateY(0);
    top: auto;
    bottom: 0;
}
.menu-toggle[aria-expanded="true"] span {
    opacity: 0;
    top: 50%;
}
.menu-toggle[aria-expanded="true"] span:first-child, .menu-toggle[aria-expanded="true"] span:last-child {
    opacity: 1;
}
.menu-toggle[aria-expanded="true"] span:first-child {
    transform: rotate(-405deg);
}
.menu-toggle[aria-expanded="true"] span:last-child {
    transform: rotate(405deg);
}
.navproduitsopen .navitem__link {
    color: #AAAAAA;
}
.nav1 .navitem__link[href="#produits"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 26'%3E%3Cpath d='M.59 25.41a2.01 2.01 0 0 1 0-2.85L10.15 13 .59 3.44C-.2 2.65-.2 1.38.59.59s2.06-.79 2.85 0l10.97 10.99c.25.25.43.55.52.89.1.35.1.71 0 1.06-.09.34-.27.65-.52.89L3.43 25.41c-.79.78-2.06.78-2.84 0Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: .6em 1.04em;
    background-position: center right;
}
.nav1 .navitem__link[href="#produits"]:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 26'%3E%3Cpath fill='%23e60000' d='M.59 25.41a2.01 2.01 0 0 1 0-2.85L10.15 13 .59 3.44C-.2 2.65-.2 1.38.59.59s2.06-.79 2.85 0l10.97 10.99c.25.25.43.55.52.89.1.35.1.71 0 1.06-.09.34-.27.65-.52.89L3.43 25.41c-.79.78-2.06.78-2.84 0Z'/%3E%3C/svg%3E");
}
@media (min-width: 700px) {
    .mainoverlay {
        position: fixed;
        z-index: -10;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0);
        transition: background-color ease .75s;
        pointer-events: none;
    }
    .navactive .mainoverlay {
        left: 0;
        background-color: rgba(0,0,0,.3);
        z-index: 50;
        pointer-events: all;
    }
}

.nav1 .navproduitsopen .navitem__link[href="#produits"] {
    color: #FF7300;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 11'%3E%3Cpath style='fill:%23ff7300' d='M0 8.25 2.83 11 8.5 5.49 14.17 11 17 8.25 8.52 0 8.5.01 8.48 0 0 8.25z'/%3E%3C/svg%3E");
}
.navprod {
    display: none;
}
.navchercher__open {
    position: absolute;
    left: 50%;
    top: 0;
}
@media (min-width: 700px) {
    .navchercher__open {
        display: none;
    }
}
.navproduitsopen .navprod {
    display: block;
}
.navchercher__cont {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    background-color: #fff;
    font-size: 1.2em;
    display: none;
    padding: 6.25vw;
    padding-top: 3.5em;
}
.navchercheropen .navchercher__cont {
    display: block;
}

@media (min-width: 700px) {
    /*
    .navprod__cont {
        position: absolute;
        font-size: 1em;
        z-index: auto;
        padding-top: calc(4.6875vw + 2.09em);
        height: auto;
    }
    */
    .navchercher__cont {
        padding: 0;
        position: absolute;
        top: -2.1em;
        left: 0;
        font-size: 1em;
        z-index: auto;
        height: auto;
        background: none;
        z-index: 100;
        display: block;
    }
    .navchercher__top {
        height: calc(4.6875vw + 2.09em);
        background-color: #fff;
    }
    .navchercher {
        width: 28vw;
        padding: 3.125vw;
        padding-top: 1.5625vw;
        padding-bottom: 0;
        
        border-radius: 1.2em;
    }
    .navchercheropen .navchercher {
        background-color: #fff;
        width: 37.5vw;
        padding: 3.125vw;
        padding-top: 1.5625vw;
    }
    .navchercheropen .mainoverlay {
        left: 0;
        background-color: rgba(0,0,0,.3);
        z-index: 50;
        pointer-events: all;
    }
    /*
    .navchercheropen main::before {
        content: "";
        position: fixed;
        z-index: 50;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.5);
    }
    */
}
/*
.navprod {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.navprod__1 {
    order: 2;
    background-color: #ff7300;
    padding-top: 4.6875vw;
}
*/
/*
@media (max-width: 699px) {
    .navprod__1 {
        display: flex;
        flex-direction: column;
    }
    .navprod__1__1 {
        order: 2;
    }
    .navprod__1__1 {
        order: 1;
    }
}
*/
.navprod__titincont {
    display: block;
    font-family: 'mondelin-stencil', sans-serif;
    --max: 70;
    --min: 28;
    font-size: var(--responsive);
    color: #fff;
    line-height: 1;
    padding: 3.125vw 6.25vw; 
}
/*
.navprod__2 {
    order: 1;
    background-color: #fff;
    padding: 6.25vw;
    padding-top: 0;
}
*/
.navprod__niv1 {
    padding: 6.25vw;
    padding-top: .25em;
}
.navprod__niv2 {
    position: absolute;
    z-index: 200;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 6.25vw;
    background-color: #fff;
    padding-top: 7em;
    overflow-y: auto;
    overflow-x: hidden;
}
@media (min-width: 700px) {
    /*
    .navprod {
        flex-direction: row;
    }
    .navprod__1 {
        order: 1;
        width: 50%;
    }
    .navprod__2 {
        padding: 0;
        order: 2;
        position: relative;
        width: 50%;
        overflow-x: hidden;
        overflow-y: auto;
    }
    */
    .navprod {
        width: 34.375vw;
        transition: width .3s ease;
        padding-top: 1em;
    }
    .navproduitsniv2_open .navprod {
        width: 68.75vw;
    }
    .navprod__niv1 {
        padding: 0;
        position: relative;
        width: 34.375vw;
        /*width: 43.75%;*/
        border-right: 1px solid  #787878;
        padding-left: 9.375vw;
        padding-right: 3.125vw;
    }
    .navprod__niv2 {
        overflow-y: inherit;
        overflow-x: inherit;
        position: absolute;
        z-index: auto;
        top: 0;
        left: 34.375vw;
        height: auto;
        width: 34.375vw;
        padding-left: 3.125vw;
        padding-right: 3.125vw;
        padding-top: 0
    }
}
.navprod__niv1tit0 {
    display: block;
    --max: 30;
    --min: 20;
    font-size: var(--responsive);
    font-weight: 600;
    color: #000;
    padding-top: 1vh;
    padding-bottom: .35em;
}
/*
@media (min-width: 700px) {
    .navprod__niv1tit0 {
        display: none;
    }
}
*/
.navprod__niv1tit {
    display: block;
    font-size: .8em;
    font-weight: 800;
    text-transform: uppercase;
    color: #FF7300;
}
.navprod__niv1list {
    margin-top: .25em;
    font-size: .9em;
    color: #000;
    font-weight: 600;
    margin-bottom: 1.5em;
}
@media (min-width: 640px) {
    .navprod__niv1list {
        font-size: .8em;
    }
}
.navproduitsniv2_open .navprod__niv1list {
    color: #777777;
}
.navprod__niv1item{
    width: 100%;
    line-height: 1.1;
    padding: .75em 0;
    cursor: pointer;
    text-decoration: none;
}
@media (min-width: 700px) {
    .navprod__niv1item{
        padding: .35em 0;
    }
}
.navprod__niv1intit {
    display: block;
}
.navprod__niv1intit:hover {
    text-decoration: underline;
}
@media (min-width: 700px) {
    .navprod__niv1item:hover, .navprod__niv1item--activ {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpath d='M0,12.6L5.33,7,0,1.4,1.34,0l6.66,7-1.33,1.4h0L1.34,14,0,12.6Z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: .32em .56em;
        background-position: center right;
        color: #000;
    }
}
.navprod__niv1item--activ {
    text-decoration: none;
}
.navprod__niv2tit {
    display: block;
    --max: 30;
    --min: 20;
    font-size: var(--responsive);
    font-weight: 600;
    color: #000;
    padding-top: 1vh;
    padding-bottom: .35em;
}
a.navprod__niv2tit {
    text-decoration: underline;
}
.navprod__niv2tit:hover {
    text-decoration: none;
}
.navprod__niv2list {
    margin-top: 1em;
    margin-bottom: 1.5em;
    color: #000;
}
@media (min-width: 700px) {
    .navprod__niv2list {
        margin-top: .25em;
    }
}
.navprod__niv2item {
    width: 100%;
    line-height: 1.1;
    padding: .75em 0;
    cursor: pointer;
    text-decoration: none;
}
@media (min-width: 700px) {
    .navprod__niv2item{
        padding: .35em 0;
    }    
}
.navprod__niv2item:hover {
    text-decoration: underline;
}
.navprod__niv2btn {
    display: inline-block;
    color: #FF7300;
    font-size: .8em;
    font-weight: 800;
    line-height: 1.2;
    padding: .5em 1.5em;
    border: 4px solid #FF7300;
    text-decoration: none;
    /*width: 100%;*/
    transition: all ease .3s;
}
.navprod__niv2btn:hover {
    color: #fff;
    background-color: #FF7300;
}
.navprod__niv2 {
   display: none;
}
.navprod__niv1item--activ .navprod__niv2 {
   display: block;
}
/*
.navprod__2back {
    position: sticky;
    top: 0;
    z-index: 300;
    background-color: #fff;
    top: 0;
    left: 0;
}
*/
.navprod__2back {
    width: auto;
    position: absolute;
    top: 1em;
    /*margin-left: 4.6875vw;*/
    z-index: 250;
}
.navprod__2back--chercher {
    top: .25em;
    left: 0;
}
@media (min-width: 700px) {
    .navprod__2back {
        display: none;
    }    
}
.navprod__2backbtn {
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 26'%3E%3Cpath d='M14.41.59c.79.79.79 2.06 0 2.85L4.85 13l9.56 9.56c.79.79.79 2.06 0 2.85s-2.06.79-2.85 0L.59 14.42c-.25-.25-.43-.55-.52-.89-.1-.35-.1-.71 0-1.06.09-.34.27-.65.52-.89L11.57.59c.79-.78 2.06-.78 2.84 0Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: .6em 1.04em;
    background-position: center center;
}
/*HEADER*/
.header__cont {
    position: relative;
    width: 100%;
}
@media (min-width: 1000px) {
    .scrolling-down .header__cont {
        top: calc( -6.25vw - 2.09em );
    }
    .scrolling-up .header__cont {
        position: fixed;
        z-index: 2000;
        top: 0;
        left: 0;
        height: calc( 6.25vw + 2.09em );
        backdrop-filter: blur(8px);
        /*background: #30055e;*/
    }
    
}
.header1 {
    margin-top: 6.25vw;
    display: flex;
    align-items: center;
}
@media (min-width: 700px) {
    .header1 {
        margin-top: 3.125vw;
    }    
}

.header1__1 {
    width: 50%;
}
.header1__2 {
    width: 0;
}
.header1__3 {
    width: 0;
}
.header1__4 {
    width: 50%;
    padding-right: calc(12.5vw + 36px);
}
/*
.navlang {
    display: none;
}
*/
@media (min-width: 700px) {
    .header1__1 {
        width: 25%;
    }
    .header1__2 {
        position: relative;
        width: 31.25%;
    }
    .header1__3 {
        width: 12.5%;
    }
    .header1__4 {
        width: 31.25%;
        padding-right: 3.125vw;
    }    
}

.navlang {
    display: flex;
}
.navlang li {
    margin: 0 .25em;
    font-size: .8em;
    font-weight: 600;
}
.navlang a {
    text-decoration: none;
    font-weight: 400;
    color: #777777;
}
.navlang a:hover {
    color: #000;
}
@media (max-width: 699px) {
    .navlang {
        display: none;
        font-size: 1.5em;
    }
    .navactive .navlang {
        display: flex;
        position: absolute;
        z-index: 200;
        top: 0;
        left: 6.25vw;
    }
}
.navdroit {
    display: flex;
    justify-content: flex-end;
    font-size: .8em;
    font-weight: 600;
    /*text-transform: uppercase;*/
}
.navdroit li {
    margin-right: 1.5em;
}
.navdroit li:first-child {
    display: none;
}
.navdroit li:last-child {
    margin-right: 0;
}
.navdroit a {
    display: inline-block;
    text-decoration: none;
    padding-top: .5em;
    padding-bottom: .5em;
}
.navdroit a:hover {
    color: #E60000;
}
.navdroit__moblist {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 32'%3E%3Cpath d='M17.09 32c-.2 0-.4-.06-.56-.17l-.74-.51c-2.86-2-5.55-4.23-8.05-6.68-2-1.92-3.77-4.07-5.27-6.4A14.297 14.297 0 0 1 0 10.87c-.1-2.99 1-5.9 3.06-8.07A9.57 9.57 0 0 1 9.81 0c2.76.03 5.38 1.18 7.27 3.19C18.98 1.18 21.61.03 24.37 0c2.53 0 4.96 1.01 6.75 2.8 2.06 2.17 3.17 5.08 3.06 8.07a14.26 14.26 0 0 1-2.46 7.38c-1.5 2.33-3.27 4.48-5.27 6.4a63.462 63.462 0 0 1-8.04 6.68l-.75.51c-.17.11-.36.17-.56.17ZM9.81 2C5.93 2 2 5.05 2 10.86c0 6.86 9.75 15.3 14.9 18.8l.18.12.18-.12a60.55 60.55 0 0 0 7.76-6.44c4.67-4.62 7.14-8.89 7.14-12.36 0-5.82-3.93-8.86-7.81-8.86a8.311 8.311 0 0 0-6.49 3.32 1 1 0 0 1-.78.38c-.31 0-.59-.14-.78-.38A8.34 8.34 0 0 0 9.81 2Z' style='fill:%23e60000'/%3E%3Cpath d='M35 22.67a8.33 8.33 0 1 1-16.661-.001A8.33 8.33 0 0 1 35 22.67' style='fill:%23fff;fill-rule:evenodd'/%3E%3Cpath d='M26.67 32c-5.15 0-9.33-4.18-9.33-9.33s4.18-9.33 9.33-9.33S36 17.52 36 22.67s-4.18 9.32-9.33 9.33Zm0-16.66c-4.05 0-7.33 3.28-7.33 7.33S22.62 30 26.67 30 34 26.72 34 22.67c0-4.05-3.28-7.32-7.33-7.33Z' style='fill:%23e60000'/%3E%3Cpath d='M26.67 13.34c5.15 0 9.33 4.18 9.33 9.33S31.82 32 26.67 32s-9.33-4.18-9.33-9.33 4.18-9.32 9.33-9.33Zm0 16.66c4.05 0 7.33-3.28 7.33-7.33s-3.28-7.33-7.33-7.33c-4.05 0-7.33 3.28-7.33 7.33 0 4.05 3.28 7.32 7.33 7.33Z' style='fill:%23e60000'/%3E%3Cpath d='M26.67 27.84c-.55 0-1-.45-1-1v-8.33c0-.55.45-1 1-1s1 .45 1 1v8.33c0 .55-.45 1-1 1Z' style='fill:%23e60000'/%3E%3Cpath d='M30.84 23.7h-8.33c-.55 0-1-.45-1-1s.45-1 1-1h8.33c.55 0 1 .45 1 1s-.45 1-1 1Z' style='fill:%23e60000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 2.5875em 2.3em;
    background-position: left center;
    padding-left: 2.5875em;
    height: 2.3em;
}
.navdroit__moblisttxt {
    display: none;
}
@media (min-width: 700px) {
    .navdroit a {
        padding-top: .25em;
        padding-bottom: .25em;
    }
    .navdroit li:first-child {
        display: inline-block;
    }
    .navdroit__moblisttxt {
        display: inline;
    }
    .navdroit__ptvente {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 32'%3E%3Cpath d='M17 32c-1.06.02-2.12-.13-3.13-.42l-12-3.85C.33 27.24 0 26.45 0 25.87s.32-1.36 1.87-1.86l12-3.84c2.05-.56 4.22-.56 6.27 0l12 3.84c1.54.49 1.87 1.28 1.87 1.86s-.32 1.36-1.87 1.86l-12 3.84c-1.02.3-2.08.44-3.14.42ZM2.62 25.87l11.85 3.8c1.65.44 3.39.44 5.05 0l11.85-3.8-11.85-3.8a9.825 9.825 0 0 0-5.05 0l-11.85 3.8Z' style='fill:%23e60000'/%3E%3Cpath d='M17.1 1c4.6.08 8.28 3.86 8.22 8.46 0 4.13-2.07 6.4-4.27 10.06l-3.95 6.53-3.95-6.53c-2.2-3.67-4.27-5.93-4.27-10.06-.06-4.6 3.61-8.39 8.22-8.46Z' style='fill:%23fff'/%3E%3Cpath d='M17.1 0c5.16.08 9.28 4.31 9.22 9.46 0 3.64-1.48 5.96-3.2 8.64-.39.61-.8 1.25-1.21 1.94l-3.95 6.53c-.29.47-.9.62-1.37.34a.924.924 0 0 1-.34-.34l-3.95-6.53c-.41-.69-.82-1.32-1.21-1.94-1.72-2.68-3.2-5-3.2-8.64C7.82 4.31 11.94.08 17.1 0Zm0 24.13 3.09-5.11c.42-.71.84-1.35 1.24-1.98 1.67-2.62 2.89-4.51 2.89-7.56a7.22 7.22 0 1 0-14.43-.51v.51c0 3.05 1.21 4.95 2.88 7.56.4.63.82 1.28 1.24 1.98l3.09 5.11Z' style='fill:%23e60000'/%3E%3Cpath d='M17.1 12.48c-1.84.02-3.35-1.46-3.36-3.29v-.07a3.363 3.363 0 0 1 3.42-3.31c1.81.03 3.28 1.49 3.31 3.31.02 1.84-1.46 3.35-3.29 3.36h-.07' style='fill:%23fff;fill-rule:evenodd'/%3E%3Cpath d='M17.1 13.48a4.313 4.313 0 0 1-4.36-4.27v-.09c.04-2.41 2.02-4.34 4.43-4.3 2.36.04 4.26 1.94 4.3 4.3a4.307 4.307 0 0 1-4.27 4.36h-.09Zm0-6.73c-1.31 0-2.36 1.06-2.36 2.36a2.373 2.373 0 0 0 2.41 2.32 2.375 2.375 0 0 0 2.32-2.32c0-1.31-1.06-2.37-2.37-2.37Z' style='fill:%23e60000'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 1.4875em 1.4em;
        background-position: left center;
        padding-left: 2.11em;
    }
    .navdroit__moblist {
        height: auto;
        background-size: 1.44em 1.28em;
        padding-left: 1.94em;
    }
}
.navdroit__moblistnum {
    position: absolute;
    color: #E60000;
    margin-top: -1.25em;
    font-weight: 600;
}
@media (min-width: 700px) {
   .navdroit__moblistnum {
        margin-top: -.75em;
        margin-left: -.5em;
    }
}
.logo {
    /*position: absolute;*/
    display: block;
    margin-left: 9.375vw;
    /*z-index: 50;*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 232 60'%3E%3Cpath d='M133.4 13.46H72.53c-1.93 0-3.51 1.55-3.52 3.48v27a3.504 3.504 0 0 0 3.52 3.48h7.91c1.93 0 3.51-1.55 3.52-3.48v-13.3a5.856 5.856 0 0 1 5.39-5.89c3.16-.23 5.91 2.16 6.14 5.32 0 .12.01.25.01.37v13.5a3.504 3.504 0 0 0 3.52 3.48h7.91c1.93 0 3.51-1.55 3.52-3.48v-13.3a5.855 5.855 0 0 1 5.38-5.89 5.743 5.743 0 0 1 6.14 5.32c0 .13.01.25.01.38v13.5a3.504 3.504 0 0 0 3.52 3.48h7.91c1.93 0 3.51-1.55 3.52-3.48v-27a3.504 3.504 0 0 0-3.52-3.48M34.77 50.4c-11.02 2.31-21.82-4.75-24.13-15.76-2.31-11.02 4.75-21.82 15.76-24.13.11-.02.22-.04.33-.07 11.1-2.23 21.92 4.92 24.21 16.01 2.17 11.04-5.02 21.76-16.06 23.93-.04 0-.07.01-.11.02m23.3-22.49a2.86 2.86 0 0 1-1.11-5.51c1.03-.42 2.56-1.03 3.09-1.23a29.75 29.75 0 0 0-1.97-4.7c-.52.22-2.03.87-3.06 1.29-1.27.52-2.73.08-3.5-1.06a2.84 2.84 0 0 1 .36-3.62c.78-.77 1.97-1.91 2.37-2.3-.71-.84-1.48-1.64-2.28-2.39-.44-.42-.9-.82-1.36-1.21-.41.41-1.55 1.58-2.32 2.35-.98.96-2.5 1.11-3.65.35a2.857 2.857 0 0 1-1.07-3.47c.42-1.01 1.08-2.52 1.31-3.03-1.53-.79-3.12-1.44-4.76-1.96-.2.51-.82 2.04-1.24 3.06a2.909 2.909 0 0 1-3.24 1.71 2.878 2.878 0 0 1-2.33-2.8c0-1.09.02-2.72.03-3.29-1.71-.14-3.43-.14-5.15 0 0 .55.03 2.19.04 3.29 0 1.37-.98 2.54-2.33 2.8-1.35.27-2.7-.44-3.24-1.71-.42-1.01-1.04-2.54-1.25-3.06-1.63.51-3.22 1.17-4.75 1.95.22.51.88 2.02 1.3 3.03.52 1.26.08 2.72-1.07 3.47-1.15.76-2.67.61-3.65-.35-.78-.77-1.94-1.94-2.33-2.35-.84.71-1.65 1.46-2.41 2.25-.43.44-.83.89-1.22 1.35.41.39 1.6 1.52 2.38 2.3.98.96 1.13 2.48.36 3.61a2.914 2.914 0 0 1-3.51 1.06c-1.02-.42-2.55-1.07-3.06-1.29-.79 1.51-1.45 3.09-1.98 4.71.52.2 2.07.81 3.09 1.23a2.86 2.86 0 0 1 1.73 3.2 2.893 2.893 0 0 1-2.84 2.3c-1.1 0-2.75-.02-3.32-.03-.15 1.69-.15 3.4 0 5.09.56-.01 2.21-.03 3.32-.03a2.9 2.9 0 0 1 2.84 2.31 2.86 2.86 0 0 1-1.73 3.2c-1.02.42-2.56 1.03-3.08 1.23.52 1.62 1.18 3.2 1.96 4.71.52-.22 2.04-.88 3.06-1.3a2.91 2.91 0 0 1 3.51 1.06c.77 1.13.62 2.65-.36 3.61-.78.76-1.95 1.9-2.37 2.3.71.84 1.47 1.64 2.28 2.4.44.42.9.82 1.36 1.21.39-.4 1.55-1.58 2.33-2.35.98-.96 2.5-1.11 3.65-.35 1.14.75 1.59 2.21 1.07 3.47-.43 1.02-1.08 2.53-1.31 3.03 1.53.78 3.12 1.43 4.76 1.95.2-.51.82-2.04 1.24-3.06a2.891 2.891 0 0 1 3.81-1.51c1.05.45 1.73 1.47 1.75 2.61 0 1.09-.02 2.72-.03 3.29 1.71.14 3.43.14 5.15 0-.01-.56-.03-2.2-.04-3.29.02-1.6 1.33-2.88 2.94-2.86 1.15.01 2.18.71 2.63 1.76.43 1.01 1.04 2.54 1.24 3.06a28.91 28.91 0 0 0 4.75-1.95c-.22-.51-.88-2.01-1.3-3.03a2.857 2.857 0 0 1 1.07-3.47c1.15-.76 2.67-.61 3.65.35.78.77 1.93 1.94 2.33 2.34.85-.71 1.65-1.46 2.42-2.25.42-.44.83-.89 1.22-1.34-.41-.39-1.59-1.53-2.37-2.3a2.825 2.825 0 0 1-.36-3.61 2.91 2.91 0 0 1 3.51-1.06c1.02.42 2.54 1.07 3.07 1.29.79-1.51 1.45-3.09 1.97-4.71-.52-.2-2.07-.81-3.09-1.22a2.86 2.86 0 0 1 1.11-5.51c1.1 0 2.75.02 3.32.03.15-1.69.15-3.4 0-5.09-.57.01-2.22.03-3.32.04M169.81 31.68l-5.27 5.21c-.69.68-1.8.68-2.49 0l-5.27-5.21c-.68-.67-.69-1.76-.02-2.44l.02-.02 5.27-5.22c.69-.68 1.8-.68 2.49 0l5.27 5.21c.68.67.69 1.76.02 2.44l-.02.02m8.83-18.21h-30.69c-1.93 0-3.51 1.55-3.52 3.48v27a3.504 3.504 0 0 0 3.52 3.48h30.69c1.93 0 3.51-1.55 3.52-3.48V16.95a3.504 3.504 0 0 0-3.52-3.48' style='fill:%23e60000'/%3E%3Cpath d='m39.72 32.27-7.11 7.03a2.656 2.656 0 0 1-3.73 0l-7.11-7.03a2.59 2.59 0 0 1-.03-3.66l.03-.03 7.11-7.03a2.656 2.656 0 0 1 3.73 0l7.11 7.03c1.02 1 1.03 2.64.03 3.66l-.03.03m-8.98-18.82c-9.38.11-16.89 7.79-16.79 17.17.11 9.38 7.79 16.89 17.17 16.79 9.3-.1 16.79-7.68 16.79-16.98-.05-9.42-7.73-17.02-17.15-16.97h-.02M217.08 28.92a6.275 6.275 0 0 1-7.71 7.62 6.547 6.547 0 0 1-4.61-4.56 6.275 6.275 0 0 1 7.72-7.62c2.23.6 3.98 2.33 4.6 4.56m11.44-15.45h-23.98V3.48A3.504 3.504 0 0 0 201.02 0h-7.91c-1.93 0-3.5 1.55-3.52 3.48v40.46a3.498 3.498 0 0 0 3.52 3.48h35.41c1.93 0 3.5-1.55 3.52-3.48v-27a3.498 3.498 0 0 0-3.52-3.48' style='fill:%23e60000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 6.5625em;
    height: 1.7em;
    background-size: 6.5625em 1.7em;
    text-indent: -99em;
}
.nav1__content .logo {
    display: none;
}
@media (min-width: 700px) {
    .logo {
        margin-left: 9.375vw;
        width: 9.28em;
        height: 2.4em;
        background-size: 9.28em 2.4em;
    }
    .nav1__content .logo {
        display: block;
    }
}
.logo--foot {
    margin-left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 232 60'%3E%3Cpath d='M133.4 13.46H72.53c-1.93 0-3.51 1.55-3.52 3.48v27a3.504 3.504 0 0 0 3.52 3.48h7.91c1.93 0 3.51-1.55 3.52-3.48v-13.3a5.856 5.856 0 0 1 5.39-5.89c3.16-.23 5.91 2.16 6.14 5.32 0 .12.01.25.01.37v13.5a3.504 3.504 0 0 0 3.52 3.48h7.91c1.93 0 3.51-1.55 3.52-3.48v-13.3a5.855 5.855 0 0 1 5.38-5.89 5.743 5.743 0 0 1 6.14 5.32c0 .13.01.25.01.38v13.5a3.504 3.504 0 0 0 3.52 3.48h7.91c1.93 0 3.51-1.55 3.52-3.48v-27a3.504 3.504 0 0 0-3.52-3.48M34.77 50.4c-11.02 2.31-21.82-4.75-24.13-15.76-2.31-11.02 4.75-21.82 15.76-24.13.11-.02.22-.04.33-.07 11.1-2.23 21.92 4.92 24.21 16.01 2.17 11.04-5.02 21.76-16.06 23.93-.04 0-.07.01-.11.02m23.3-22.49a2.86 2.86 0 0 1-1.11-5.51c1.03-.42 2.56-1.03 3.09-1.23a29.75 29.75 0 0 0-1.97-4.7c-.52.22-2.03.87-3.06 1.29-1.27.52-2.73.08-3.5-1.06a2.84 2.84 0 0 1 .36-3.62c.78-.77 1.97-1.91 2.37-2.3-.71-.84-1.48-1.64-2.28-2.39-.44-.42-.9-.82-1.36-1.21-.41.41-1.55 1.58-2.32 2.35-.98.96-2.5 1.11-3.65.35a2.857 2.857 0 0 1-1.07-3.47c.42-1.01 1.08-2.52 1.31-3.03-1.53-.79-3.12-1.44-4.76-1.96-.2.51-.82 2.04-1.24 3.06a2.909 2.909 0 0 1-3.24 1.71 2.878 2.878 0 0 1-2.33-2.8c0-1.09.02-2.72.03-3.29-1.71-.14-3.43-.14-5.15 0 0 .55.03 2.19.04 3.29 0 1.37-.98 2.54-2.33 2.8-1.35.27-2.7-.44-3.24-1.71-.42-1.01-1.04-2.54-1.25-3.06-1.63.51-3.22 1.17-4.75 1.95.22.51.88 2.02 1.3 3.03.52 1.26.08 2.72-1.07 3.47-1.15.76-2.67.61-3.65-.35-.78-.77-1.94-1.94-2.33-2.35-.84.71-1.65 1.46-2.41 2.25-.43.44-.83.89-1.22 1.35.41.39 1.6 1.52 2.38 2.3.98.96 1.13 2.48.36 3.61a2.914 2.914 0 0 1-3.51 1.06c-1.02-.42-2.55-1.07-3.06-1.29-.79 1.51-1.45 3.09-1.98 4.71.52.2 2.07.81 3.09 1.23a2.86 2.86 0 0 1 1.73 3.2 2.893 2.893 0 0 1-2.84 2.3c-1.1 0-2.75-.02-3.32-.03-.15 1.69-.15 3.4 0 5.09.56-.01 2.21-.03 3.32-.03a2.9 2.9 0 0 1 2.84 2.31 2.86 2.86 0 0 1-1.73 3.2c-1.02.42-2.56 1.03-3.08 1.23.52 1.62 1.18 3.2 1.96 4.71.52-.22 2.04-.88 3.06-1.3a2.91 2.91 0 0 1 3.51 1.06c.77 1.13.62 2.65-.36 3.61-.78.76-1.95 1.9-2.37 2.3.71.84 1.47 1.64 2.28 2.4.44.42.9.82 1.36 1.21.39-.4 1.55-1.58 2.33-2.35.98-.96 2.5-1.11 3.65-.35 1.14.75 1.59 2.21 1.07 3.47-.43 1.02-1.08 2.53-1.31 3.03 1.53.78 3.12 1.43 4.76 1.95.2-.51.82-2.04 1.24-3.06a2.891 2.891 0 0 1 3.81-1.51c1.05.45 1.73 1.47 1.75 2.61 0 1.09-.02 2.72-.03 3.29 1.71.14 3.43.14 5.15 0-.01-.56-.03-2.2-.04-3.29.02-1.6 1.33-2.88 2.94-2.86 1.15.01 2.18.71 2.63 1.76.43 1.01 1.04 2.54 1.24 3.06a28.91 28.91 0 0 0 4.75-1.95c-.22-.51-.88-2.01-1.3-3.03a2.857 2.857 0 0 1 1.07-3.47c1.15-.76 2.67-.61 3.65.35.78.77 1.93 1.94 2.33 2.34.85-.71 1.65-1.46 2.42-2.25.42-.44.83-.89 1.22-1.34-.41-.39-1.59-1.53-2.37-2.3a2.825 2.825 0 0 1-.36-3.61 2.91 2.91 0 0 1 3.51-1.06c1.02.42 2.54 1.07 3.07 1.29.79-1.51 1.45-3.09 1.97-4.71-.52-.2-2.07-.81-3.09-1.22a2.86 2.86 0 0 1 1.11-5.51c1.1 0 2.75.02 3.32.03.15-1.69.15-3.4 0-5.09-.57.01-2.22.03-3.32.04M169.81 31.68l-5.27 5.21c-.69.68-1.8.68-2.49 0l-5.27-5.21c-.68-.67-.69-1.76-.02-2.44l.02-.02 5.27-5.22c.69-.68 1.8-.68 2.49 0l5.27 5.21c.68.67.69 1.76.02 2.44l-.02.02m8.83-18.21h-30.69c-1.93 0-3.51 1.55-3.52 3.48v27a3.504 3.504 0 0 0 3.52 3.48h30.69c1.93 0 3.51-1.55 3.52-3.48V16.95a3.504 3.504 0 0 0-3.52-3.48' style='fill:%23fff'/%3E%3Cpath d='m39.72 32.27-7.11 7.03a2.656 2.656 0 0 1-3.73 0l-7.11-7.03a2.59 2.59 0 0 1-.03-3.66l.03-.03 7.11-7.03a2.656 2.656 0 0 1 3.73 0l7.11 7.03c1.02 1 1.03 2.64.03 3.66l-.03.03m-8.98-18.82c-9.38.11-16.89 7.79-16.79 17.17.11 9.38 7.79 16.89 17.17 16.79 9.3-.1 16.79-7.68 16.79-16.98-.05-9.42-7.73-17.02-17.15-16.97h-.02M217.08 28.92a6.275 6.275 0 0 1-7.71 7.62 6.547 6.547 0 0 1-4.61-4.56 6.275 6.275 0 0 1 7.72-7.62c2.23.6 3.98 2.33 4.6 4.56m11.44-15.45h-23.98V3.48A3.504 3.504 0 0 0 201.02 0h-7.91c-1.93 0-3.5 1.55-3.52 3.48v40.46a3.498 3.498 0 0 0 3.52 3.48h35.41c1.93 0 3.5-1.55 3.52-3.48v-27a3.498 3.498 0 0 0-3.52-3.48' style='fill:%23fff'/%3E%3C/svg%3E");
}
.nav2 {
    display: none;
}
@media (min-width: 700px) {
    .nav2 {
        margin-top: 1em;
        margin-left: 9.375vw;
        display: block;
    }
    .nav2 ul {
        display: flex;
    }
    .nav2 li {
        font-size: .88em;
        font-weight: 600;
        margin-right: 1.5em;
    }
    .nav2 a {
        text-decoration: none;
        border-bottom: 2px solid #fff;
    }
    .nav2 a:hover {
        border-bottom: 2px solid #000;
    }
}



/*HOME*/
.hombloc1 {
    margin-top: 1.5em;
    display: flex;
    flex-direction: column;
}
.hombloc1__1 {
    background-color: #e60000;
    color: #fff;
    border-radius: 1.2em;
    padding: 6.25vw;
    order: 2;
    margin-top: -12.5vw;
}
.hombloc1__2 {
    order: 1;
    height: 93.75vw;
    margin-left: -6.25vw;
    margin-right: -6.25vw;
}
.hombloc1__2 img {
    object-fit: cover;
    height: 93.75vw;
    border-radius: 1.2em;
}

.hombloc1__txt1, .hombloc1__txt2 {
    --max: 35;
    --min: 20;
    font-size: var(--responsive);
    line-height: 1.29;
}
.hombloc1__txt2 {
    padding-top: 2em;
}
.hombloc1__txt3 {
    padding-top: .25em;
    font-size: 11vw;
    line-height: .92;
    font-weight: 800;
    text-transform: uppercase;
}
@media (min-width: 700px) {
    .hombloc1 {
        flex-direction: row;
        align-items: flex-start;
    }
    .hombloc1__1 {
        margin-top: 0;
        padding: 3.125vw;
        order: 1;
        width: 50%;
        background-color: #e60000;
    }
    .hombloc1__txt3 {
        font-size: 6.25vw;
    }
    .hombloc1__2 {
        position: relative;
        z-index: -1;
        margin-left: 0;
        margin-right: 0;
        height: auto;
        order: 2;
        width: 53.125vw;
        margin-top: 3.125vw;
        margin-left: -6.25vw;
        margin-right: -6.25vw;
    }
    .hombloc1__2--marq {
        margin-top: 3.125vw;
        margin-left: -12.5vw;
        width: 59.375vw;
    }
    .hombloc1__2 img {
        object-fit:contain;
        height: auto;
    }
}
.hombloc2 {
    background-color: #fff;
    text-align: center;
    padding-top: 6em;
    padding-bottom: 2em;
}
@media (min-width: 700px) {
    .hombloc2 {
        padding-bottom: 0;
        border-radius: 1.2em;
        padding: 3.125vw;
        padding-top: 6.25vw;
        margin-top: -3.125vw;
    }
}
.homtit1 {
    --max: 60;
    --min: 30;
    font-size: var(--responsive);
    line-height: 1.17;
    font-weight: 800;
    color: #E60000;
}
.homtit1--marq {
    --max: 39;
    --min: 20;
}
.listpouv__item {
    display: block;
    user-select: none;
}
.listpouv__item__pad {
    position: relative;
    padding: 3.125vw;
}
@media (min-width: 700px) {
    .listpouv__item__pad {
        padding: 1.5625vw;
    }
}
.listpouv__imghov {
    background-color: #000;
    border-radius: 1.2em;
}
.listpouv__img img {
    border-radius: 1.2em;
    opacity: 1;
    transition: opacity ease .5s;
}
.listpouv__txt {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 9.375vw;
    color: #fff;
}
@media (min-width: 700px) {
    .listpouv__txt {
        padding: 4.6875vw;
    }
}
.listpouv__tit {
    text-align: center;
    --max: 40;
    --min: 20;
    font-size: var(--responsive);
    line-height: 1.125;
    font-weight: 800;
}
.listpouv__tit--1 {
    text-align: left;
    --max: 60;
    --min: 26;
    text-transform: uppercase;
}
.listpouv__list {
    margin-top: 1em;
    --max: 26;
    --min: 18;
    font-size: var(--responsive);
    opacity: 0;
    transition: opacity ease .5s;
}
.listpouv__item:hover .listpouv__img img {
    opacity: .5;
}
.listpouv__item--intro:hover .listpouv__img img {
    opacity: 1;
}
.listpouv__item:hover .listpouv__list {
    opacity: 1;
}
.listpouv__list li {
    line-height: 1.1;
    padding: .15em 0;
    position: relative;
    padding-left: .75em;
}
.listpouv__list li::before {
    content: "-";
    position: absolute;
    left: 0;
}

.hombloc3__2 {
    padding-top: 1.5em;
}
@media (min-width: 700px) {
    .hombloc3 {
        display: flex;
    }
    .hombloc3__1 {
        width: 50%;
        padding-right: 9.375vw;
    }
    .hombloc3__2 {
        padding-top: 0;
        width: 50%;
    }
}
.tit60 {
    --max: 60;
    --min: 25;
    font-size: var(--responsive);
    line-height: 1.167;
    font-weight: 800;
    color: #e60000;
}

.hommobest {
    background-color: #e60000;
    color: #fff;
    border-radius: 1.2em;
}
@media (min-width: 1720px) {
    .hommobest {
        margin-bottom: 4.6875vw;
    }
}
.hommobest__2 {
   padding: 6.25vw;
}
@media (min-width: 700px) {
    .hommobest {
        display: flex;
        align-items: flex-start;
    }
    .hommobest__1 {
        width: 50%;
    }
    .hommobest__2 {
        width: 50%;
        padding: 3.125vw;
        padding-right: 6.25vw;
    }
}
.hommobest__tit1 {
    --max: 30;
    --min: 20;
    font-size: var(--responsive);
}
.hommobest__tit2 {
    --max: 60;
    --min: 30;
    font-size: var(--responsive);
    line-height: 1.2;
    font-weight: 800;
}
.hommobest__tit3 {
    --max: 40;
    --min: 22;
    font-size: var(--responsive);
    line-height: 1.25;
    font-weight: 500;
    padding-top: .25em;
}
.hommobest__desc {
    margin-top: 1em;
    line-height: 1.4;
}
.hommobest__btn {
    margin-top: 1.5em;
}
.hommobest__1 img {
    border-radius: 1.2em;
    margin-left: 
}
@media (min-width: 700px) {
    .hommobest__1 img {
        position: absolute;
        width: 43.75vw;
        border-radius: 1.2em;
        margin-left: -3.125vw;
        margin-top: 3.125vw;
    }
}

.homtitactu {
    --max: 60;
    --min: 30;
    font-size: var(--responsive);
    line-height: 1.17;
    font-weight: 800;
    color: #e60000;
    text-align: center;
    text-transform: uppercase;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.actusomhead {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media (min-width: 700px) {
    .actusomhead {
        flex-direction: row;
    }
    .actusomhead__1 {
        width: 42.86%;
    }
    .actusomhead__2 {
        width: 57.14%;
        padding-left: 3.125vw;
    }
}
.somactu__item {
    display: block;
    text-decoration: none;
    margin-top: 2.5em;
}
.somactu__img img {
    border-radius: 1.2em;
}
.somactu__txt {
    background-color: #fff;
    border-radius: 1.2em;
    padding: 3.125vw;
    margin-top: -6.25vw;
    position: relative;
    z-index: 2;
}
.somactu__cat {
    background-color: #000;
    color: #fff;
    font-size: .56em;
    font-weight: 700;
    border-radius: .3em;
    padding: .5em 2em;
    text-transform: uppercase;
}
.somactu__cat--14 {
    background-color: #e60000;
}
.somactu__dat {
    font-size: .56em;
    font-weight: 700;
    padding: .5em .75em;
}
.somactu__tit {
    --max: 40;
    --min: 22;
    font-size: var(--responsive);
    line-height: 1.125;
    font-weight: 500;
    padding-top: .25em;
    transition: color ease .3s;
}
.somactu__item:hover .somactu__tit {
    color: #e60000;    
}
@media (min-width: 700px) {
    .somactu__item {
        margin-top: 0;
    }
    .somactu__txt {
        padding: 1.5625vw;
        padding-top: 1.3vw;
        margin-top: -3.125vw;
        
    }
}

@media (min-width: 700px) {
    .somactu2 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: -1.5625vw;
        margin-right: -1.5625vw;
    }
    .somactu2__item {
        width: 50%;
        padding-left: 1.5625vw;
        padding-right: 1.5625vw;
        padding-bottom: 3.125vw;
    }
}
@media (min-width: 900px) {
    .somactu2__item--4 {
        width: 33.333%;
    }
    .somactu2--4 {
        margin-top: 1.5em;
    }
}
.somactu__tit--2 {
    --max: 30;
}
.somactu__tit--fich {
    --max: 20;
    --min: 18; 
}
@media (min-width: 900px) {
    .somactufich__cont {
        margin-top: 100vh;
        position: sticky;
        top: 0;
        height: 100vh;
        overflow-y: auto;
    }
    
    .somactufich__cont {
        scrollbar-color: #EBEBEB #fff;
    }
    .somactufich__cont::-webkit-scrollbar {
        width: 24px;
    }
    .somactufich__cont::-webkit-scrollbar-track {
        background: #fff;
    }
    .somactufich__cont::-webkit-scrollbar-thumb {
        background-color: #EBEBEB;
        border: 8px solid #fff;
    }
    
}
.somactu__item--fich {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.bloc1__1 img {
    position: relative;
    border-radius: 1.2em;
    z-index: 1;
    margin-left: -6.25vw;
    margin-bottom: -6.25vw;
}
.bloc1:nth-child(2n) .bloc1__1 img  {
     margin-left: 6.25vw;
}
.bloc1__txt {
    background-color: #e60000;
    padding: 6.25vw;
    padding-bottom: calc( 6.125vw - 1em );
    color: #fff;
    border-radius: 1.2em;
}
.bloc1__2 {
    position: relative;
    z-index: 4;
}
@media (min-width: 700px) {
    .bloc1__txt {
        padding: 3.125vw;
        padding-bottom: calc( 3.125vw - 1em );
        margin-left: -15.625vw;
        margin-top: 6.25vw;
    }
}
.bloc1__tit {
    --max: 60;
    --min: 25;
    font-size: var(--responsive);
    line-height: 1.17;
    font-weight: 800;
}
@media (min-width: 700px) {
    .bloc1 {
        display: flex;
        flex-direction: row;
    }
    .bloc1__1 {
        width: 57.14%;
    }
    .bloc1__2 {
        width: 42.86%;
    }
    .bloc1:nth-child(2n) .bloc1__1 {
        order: 2;
    }
    .bloc1:nth-child(2n) .bloc1__2 {
        order: 1;
    }
    .bloc1:nth-child(2n) .bloc1__txt {
        margin-left: 0;
        margin-right: -6.25vw;
    }
    .bloc1__1 img {
        margin: 0;
    }
    .bloc1:nth-child(2n) .bloc1__1 img {
        margin-left: auto;
    }
}

.rubtit {
    --max: 60;
    --min: 30;
    font-size: var(--responsive);
    line-height: 1.17;
    font-weight: 800;
    color: #e60000;
}
.rubtit--filet {
    padding-bottom: .25em;
    border-bottom: 10px solid #e60000;
}
.rubtit--blanc {
    color: #fff;
}
.rubtit--noir {
    color: #000;
}
.rubdesc {
    --max: 30;
    --min: 20;
    font-size: var(--responsive);
    line-height: 1.33;
    margin-top: .75em;
}
.rubdesc--sm {
    --max: 26;
}
.rubsstit {
    --max: 30;
    --min: 20;
    font-size: var(--responsive);
    line-height: 1.33;
    display: block;
    color: #e60000;
}

/* STORE LOCATOR */
.ptv1 {
    display: flex;
    flex-direction: column;
}
@media (min-width: 700px) {
    .ptv1 {
        flex-direction: row;
        align-items: flex-end;
    }
    .ptv1__1 {
        width: 50%;
    }
    .ptv1__2 {
        width: 50%;
        padding-left: 6.25vw;
        text-align: right;
        
    }
}
.storloc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #F5F5F5;
    border-top: 10px solid #E60000;
}
.storloc__1 {
	position: relative;
    height: 87.5vw;
    width: 100%;
}
.storloc__2 {
	position: relative;
    padding: 6.25vw;
    padding-top: 3em;
    width: 100%;
}
.map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.storloc__input {
    width: 100%;
    font-size: 16px;
    border: 2px solid #AAAAAA;
    background-color: #fff;
    padding: .5em 1em;
}
.storloc__input:focus {
    border-color: #FF7300;
}
@media (min-width: 640px) {
    .storloc__input {
        font-size: .85em;
    }
}
.storloc__list {
    margin-top: 1.5em;
}
@media (min-width: 640px) {
    .storloc__list {
        margin-top: 0;
        position: absolute;
        overflow-y: auto;
        top: 6.5em;
        left: 0;
        height: calc( 100% - 6.5em );
        width: calc( 100% - 3.125vw - 3.125vw );
        margin-left: calc( 3.125vw - .25em );
        margin-right: calc( 3.125vw - .25em );
    }
}
.storeitem {
    padding: .35em .25em;
    transition: all ease .3s;
    /*border: 2px solid #F5F5F5;*/
    border-bottom: 2px solid #AAAAAA;
    user-select: none;
}
@media (min-width: 640px) {
    .storeitem {
        margin-right: .5em;
    }    
}
.storeitem.ok {
    color: #E60000;
}
.storloc__dist {
    font-size: .65em;
    text-transform: uppercase;
    color: #AAAAAA;
    padding-right: .75em;
}
.storeitem__nom {
	display: block;
    font-size: .75em;
    font-weight: 600;
    user-select: none;
}
.storeitem__adr {
	display: block;
    font-size: .65em;
    user-select: none;
}
.storeitem__adr span {
    color: transparent;
}
.storeitem__adr span::after {
    content: "";
	display: block;
}
@media (min-width: 640px) {
    .storeitem.ok .storeitem__adr span {
        color:#E60000;
    }
    .storeitem__adr span {
        color:#000;
    }
    .storeitem__adr span::after {
        display: inline;
    }    
}
@media (min-width: 640px) {
    .storloc {
        flex-direction: row;
    }
    .storloc__1 {
        width: 50%;
        height: 80vh;
        min-height: 400px;
    }
    .storloc__2 {
        padding: 3.125vw;
        width: 50%;
        height: 80vh;
        min-height: 400px;
    }
}
.storloc__lab {
    position: absolute;
    top: -1.75em;
    font-size: .65em;
    text-transform: uppercase;
    color: #AAAAAA;
}
.storloc_chp {
    position: relative;
}
.storloc__option {
    position: relative;
    margin-top: .25em;
}
.storloc__localisation {
    all: initial;
    position: absolute;
    right: 0;
    top: 0;
    width: 4em;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='m0 14 16 6 6 16L36 0 0 14Z' style='fill:none'/%3E%3Cpath d='m28.98 7.02-17.77 6.91 7.9 2.96 2.96 7.9 6.91-17.77M36 0 22 36l-6-16-16-6L36 0Z' style='fill:%23e60000'/%3E%3C/svg%3E");
    background-size: 1.38em 1.38em;
    background-repeat: no-repeat;
    background-position: center center;
    /*padding: .85em;*/
    cursor: pointer;
    /*border: 2px solid #000;*/
}
@media (min-width: 640px) {
    .storloc__localisation {
        /*
        width: 1.38em;
        height: 1.38em;
        padding: .85em;
        */
    }
}
.bg__mob {
    background-color: #F5F5F5;
}
@media (min-width: 640px) {
    .bg__mob {
        background-color: #fff;
    }
}
.revend__weblist {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5em;
}
.revend__webitem {
    width: 100%;
    text-align: center;
    color: #000;
    padding-top: 2em;
    font-size: 1.2em;
    text-decoration: none;
    transition: all ease .3s;
}
.revend__webitem:hover {
    color: #E60000;
    font-weight: 700;
}
@media (min-width: 640px) {
    .revend__webitem {
        width: 50%;
    }
}
@media (min-width: 1000px) {
    .revend__webitem {
        width: 33.3333%;
    }
}
.revend__webvous {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    
    background-image: url(../img/picto_ptvente.svg);
    background-repeat: no-repeat;
    background-size: 7.04em 6.6em;
    background-position: top center;
    padding-top: 6.6em;
}
.revend__webvoustit {
    --max: 60;
    --min: 25;
    line-height: 1.17;
    font-size: var(--responsive);
    font-weight: 800;
    color: #e60000;
}

/*ACTU*/
.rubtit__pre {
    display: block;
    font-size: .72em;
    font-weight: 600;
    text-transform: uppercase;
    color: #e60000;
}
.filtre {
    margin-top: 1.5em;
    margin-bottom: .5em;
}
.filt__list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.filt__item {
    padding: .25em;
}
.filt__btn {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    padding: .5em .75em;
    color: #fff;
    background-color: #777777;
    border-radius: .3em;
    transition: background-color ease .3s;
}
.filt__btn.active {
    background-color: #e60000;
}
.filt__btn:hover {
    background-color: #e60000;
}
@media (min-width: 700px) {
    .filt__list {
        justify-content: flex-end;
    }
    .filt__btn {
        font-size: 14px;
    }
}
@media (min-width: 1300px) {
    .filtre {
        margin-top: 0;
        margin-bottom: 0;
    }
}
.rubback__cont {
    line-height: 1.1;
    margin-bottom: .5em;
}
.rubback {
    font-size: .64em;
    font-weight: 400;
    text-decoration: none;
    color: #777;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3E%3Cpath d='M7.31 15.72.29 8.71a.984.984 0 0 1 0-1.4L7.31.29a.984.984 0 0 1 1.4 0c.39.39.39 1.01 0 1.4L2.39 8l6.32 6.3c.39.39.39 1.01 0 1.4-.19.19-.44.29-.7.29-.26 0-.51-.1-.7-.28Z' style='fill:%23777'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: .36em .64em;
    background-position: left center;
    padding-left: .75em;
}
a.rubback:hover {
    text-decoration: underline;
}
.rubback:nth-child(2) {
    margin-left: 0.4em;
}
.actufich__2 {
    margin-top: 3em;
}
@media (min-width: 900px) {
    .actufich {
        display: flex;
    }
    .actufich__1 {
        width: 60.71%;
    }
    .actufich__2 {
        margin-top: 0;
        width: 39.29%;
        padding-left: 6.25vw;
    }
}
@media (min-width: 1300px) {
    .actufich__2 {
        padding-left: 12.5vw;
    }
}

.actufich__img img {
    margin-top: .75em;
    border-radius: 1.2em;
}


/* CONTACT */
.contbloc {
    display: flex;
    flex-direction: column;
}
@media (min-width: 900px) {
    .contbloc {
        display: flex;
        flex-direction: row;
    }
    .contbloc__1 {
        width: 50%;
    }
    .contbloc__2 {
        width: 50%;
        padding-left: 6.25vw;
    }
}
@media (min-width: 1300px) {
    .contbloc__2 {
        padding-left: 12.5vw;
    }
}
.cont__tit2 {
    --max: 40;
    --min: 20;
    font-size: var(--responsive);
    line-height: 1.167;
    font-weight: 700;
    text-transform: uppercase;
}

/*CONTACT FORM */

.qu {
    margin-top: 1.5em;
}
.qu__intitule {
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    --max: 30;
    --min: 18;
    font-size: var(--responsive);
    line-height: 1.1;
    padding-bottom: .5em;
}

.qu__radioin {
  
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translateX(-.5em);
  /*
  position: absolute;
  left: 0;
  visibility: hidden;
  height: 0;
  width: 0;
  transform: scale(0);
  */
}
.qu__radioincont {
    display: inline-block;
    position: relative;
    margin-right: .75em;
    margin-bottom: 1em;
}
.qu__radioincont:last-child {
    margin-right: 0;
}
.qu__radiolab {
    position: relative;
    z-index: 2;
    display: inline-block;
    font-size: .8em;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #000000;
    color: #fff;
    padding: .25em .75em;
    border-radius: .4em;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .3s ease-in;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
}
.qu__radiolab--small {
    font-size: .65em;
    font-weight: 600;
    background-color: #aaa;
}
.qu__radioin:checked + label {
    background-color: #E60000;
}
.qu__radiolab:hover:not(:checked) + label {
    background-color: #E60000;
}
.qu__select {
    margin: 0;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    color: #000;
    border: 3px solid #000;
    border-radius: .4em;
    font-size: .88em;
    font-weight: 600;
    padding: .75em 1.25em;
}
.qu__select--roug {
    color: #E60000;
    border-color: #E60000;
}
.qu__select--roug:focus {
    border-color: #E60000;
}
#infoselect {
    display: none;
    background-color: #000;
    color: #fff;
}
#infoselect.go {
    display: block;
}

[data-tooltip] {
  position: relative
}

[data-tooltip]::before,
  [data-tooltip]::after {
    opacity: 0;
    visbility: hidden;
    margin-top: -0.5em;
  }

[data-tooltip]::before {
    content: attr(data-tooltip);
    display: block;
    position: absolute;
    top: calc( -100% - .7em );
    left: 50%;
    margin-left: -4.75em;
    width: 8em;
    text-align: center;
    border-radius: 4px;
    background: black;
    color: white;
    font-size: .8em;
    line-height: 1.1;
    padding: 0.75em 0.95em;
    transition: opacity ease .3s;
  }

[data-tooltip]::after {
    content: "";
    border: 10px solid transparent;
    border-top-color: black;
    position: absolute;
    top: -3px;
    left: 50%;
    margin-left: -10px;
    transition: opacity ease .3s;
}
.showtooltip[data-tooltip]::before,
.showtooltip[data-tooltip]::after {
    opacity: 1;
    visiblity: visible;
}
.form__lab  {
    font-size: .88em;
    line-height: 1.3;
    text-transform: uppercase;
	display: block;
	margin-bottom: .25em;
}
.labfs {
    font-size: .85em;
    line-height: 1.3;
}
.form__lab--block {
    display: block;
}
.requis:before {
    content: " *";
}
.form__chp {
    font-family: 'Rubik',sans-serif;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 16px;
    font-weight: 600;
	border: 3px solid #000;
    border-radius: .4em;
	background-color: #fff;
	width: 100%;
	margin-top: 0;
	margin-bottom: 1em;
    padding: .5em;
    color:#000;
    outline: none;
    transition: border ease .3s;
}
@media (min-width: 700px) {
    .form__chp {
        font-size: 1em;
    }
}
.form__chp:focus {
    border-color: #000;
}
.form__chp--area {
    height: 8em;
}
.form__chp--area2 {
    height: 6em;
}
.formselect__cont {
    position: relative;
}
.formselect__cont::before {
    content: "▼";
    color: #30055E;
    position: absolute;
    z-index: 10;
    top: calc(50% - 0.2em);
    right: 1em;
}
.formselect__cont--moblist::before {
    top: calc(50% - .65em);
}
.formselect__cont--mt {
    margin-top: .5em;
}
.formselect__cont--roug::before {
    color: #e60000;
    top: calc(50% - .6em);
}
.formselect__cont--2::before {
    top: calc(50% - .55em);
}
/*
.error .form__lab {
    color: #fff;
}
*/
.error .form__lab::before {
    content: "⌦ ";
    color: #e60000;
}
.error .form__chp, .error .qu__select {
    border-color: #e60000;
}
.error.quradio::before {
    content: "⌦ Choisissez";
    color: #e60000;
    display: block;
    padding-bottom: .5em;
}
@media (min-width: 700px) {
    .form__2col {
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
    }
    .form__2col__item  {
        width: 50%;
    }
    .form__2col__item:nth-child(2n)  {
        padding-left: 3.125%;
    }
    .form__2col__item:nth-child(2n+1)  {
        padding-right: 3.125%;
    }
    .form__2col__item--bottom {
        align-self: flex-end;
    }
}
.form__info {
    position:relative;
    max-width: 20em;
    font-size: .85em;
    line-height: 1.2;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background-color: #E60000;
    border-radius: 1.5em;
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    animation: .3s shake;
    animation-delay: 1s
}
.form__info::after {
    position: absolute;
    content:'';
    display:block;
    background: #e60000;
    height: 1em;
    width: 1em;
    transform: rotate(45deg);
    bottom: -.4em;
    left:50%;
}
.form_alert {
    display: none;
}
.form_alert.go {
    font-weight: 700;
    display: inline-block;
    padding: .5em;
    color: #fff;
    background-color: red;
}
.shakeit {
    animation: .3s shake;
}
@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 50%, 90% {
    transform: translate3d(-.5em, 0, 0);
  }
  20%, 60% {
    transform: translate3d(.5em, 0, 0);
  }
}
.form__chpfichier {
    display: none;
}
.form__labfichier {
    margin-top: 1.5em;
    margin-bottom: .5em;
    display: inline-block;
    padding: 1em 2.5em;
    padding-left: 3.5em;
    position: relative;
    border-color: #fff;
    color: #30055E;
    background-color: #fff;
    text-align: left;
    cursor: pointer;
}
.form__labfichier:hover {
    color: #fff;
}
.form__labfichier svg {
    position: absolute;
    left: 1em;
    top: 1.1em;
    text-decoration: underline;
    width: 1.4em;
    height: 1em;
}
.form__labfichier svg path {
    fill: #30055E;
}
.form__labfichier:hover svg path {
    fill: #fff;
}
.form__group {
    margin-top: .25em;
}
.form__group--captcha {
    margin-top: 1.5em;
}
.g-recaptcha{
    max-width: 305px;
    margin: 0 auto;
}
.accept__cont {
}
.accept__cont.error:before {
    content: "⌦ merci de cocher la case";
    color: #E60000;
    font-weight: 700;
    font-size: .87em;
}
.form__boutoncont {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.form__mention__cont {
    margin-top: 1em;
}
.form__mention {
    font-size: .78em;
}
.boutonsub__cont {
    text-align: center;
}


.marqbl1 {
    display: flex;
    flex-direction: column;
}
.marqbl1__2 {
    margin-top: 1.5em;
}
@media (min-width: 700px) {
    .marqbl1 {
        flex-direction: row;
    }
    .marqbl1__1 {
        width: 42.86%;
    }
    .marqbl1__2 {
        margin-top: 0;
        width: 57.14%;
        padding-left: 6.25vw;
    }
}
@media (min-width: 1200px) {
    .marqbl1__2 {
        padding-left: 12.5vw;
    }
}

.bloc2 {
    display: flex;
    flex-direction: column;
}
.bloc2__2 {
    margin-top: 1.5em;
}
@media (min-width: 700px) {
    .bloc2 {
        flex-direction: row;
    }
    .bloc2__1 {
        width: 39.29%;
    }
    .bloc2__2 {
        margin-top: 0;
        width: 60.71%;
        padding-left: 9.375vw;
    }
}

.marq__symb {
    display: none;
}
@media (min-width: 1000px) {
    .marq__titsticky {
        position: sticky;
        z-index: 10;
        top: 3.125vw;
        background-color: #fff;
        padding-bottom: 3em;
    }
    .marq__symb {
        display: block;
        position: sticky;
        top: calc(90.625vh - 4.8em);
    }
    .marq__symb img {
        width: 4.8em;
        height: 4.8em;
    }
}
.titbig {
    --max: 120;
    --min: 40;
    font-size: var(--responsive);
    font-weight: 800;
    text-transform: uppercase;
    color: #e60000;
    line-height: .97;
}
.hist__cont {
    position: relative;
}
.hist__item {
    position: relative;
    margin-top: 6em;
    margin-bottom: 6em;
}
.hist__line {
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-left: -.2em;
    top: 0;
    width: .4em;
    border-radius: .2em;
    background-color: #E60000;
    height: 100%;
    z-index: 0;
    mix-blend-mode: multiply;
}
.hist__annee {
    --max: 120;
    --min: 40;
    font-size: var(--responsive);
    font-weight: 700;
    line-height: .97;
    color: #e60000;
    position: relative;
    z-index: 2;
    text-align: left;
}
.hist__item:last-child .hist__annee {
    --max: 100;
    --min: 30;
}
.hist__txt {
    margin-top: 1.5em;
    position: relative;
    z-index: 2;
    background-color: #fff;
}
.hist__img {
    margin-top: 1.5em;
}
.hist__item img {
    opacity: 1;
    border-radius: 1.2em;
    max-width: 540px;
}
.hist__encart {
    margin-top: 1.5em;
    border-radius: 1.2em;
    background-color: #e60000;
    padding: 3.125vw;
    color: #fff;
}
.hist__encart a {
    color: #fff;
}
@media (min-width: 700px) {
    .hist__line {
        z-index: 2;
    }
    .hist__item {
        position: relative;
        width: 50%;
        padding-right: 3.125vw;
        margin-top: -6.25vw;
        margin-bottom: 6.25vw;
        background: none;
    }
    .hist__item:nth-child(2n) .hist__annee {
        text-align: right;
    }
    .hist__item:nth-child(2n+1) {
        padding-right: 0;
        padding-left: 3.125vw;
        margin-left: 50%;
    }
    .hist__item:nth-child(2n) .hist__img {
        text-align: right;
    }
    /*
    .hist__item img {
        position: absolute;
        z-index: 1;
        top: 0;
        max-height: 33vw;
        width: auto;
        margin-top: 2.8vw;
    }
    .hist__item:nth-child(2n) img {
        margin-left: calc( 100% - 3.125vw );
    }
    .hist__item:nth-child(2n+1) img {
        margin-left: calc( -100% + 3.125vw );
    }
    */
    .hist__annee {
        text-align: left;
        background: none;
    }
    .hist__txt {
        background: none;
    }
    /*
    .hist__encart {
        position: absolute;
        width: 35.71vw;
        z-index: 1;
        top: 0;
        margin-top: 2.8vw;
    }
    .hist__item:nth-child(2n) .hist__encart {
        margin-left: 100%;
    }
    .hist__item:nth-child(2n+1) .hist__encart {
        margin-left: -100%;
    }
    */
}

.cata__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -3.125vw;
    margin-right: -3.125vw;
}
.cata__item {
    width: 50%;
    padding: 3.125vw;
    text-decoration: none;
}
.cata__img img {
    box-shadow: .4em .4em .4em rgba(0,0,0,.16);
    transition: box-shadow .3s ease;
    max-height: 17em;
    width: auto;
}
.cata__item:hover .cata__img img {
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
.cata__txt {
    padding-top: 1.25em;
    padding-bottom: 1em;
    text-align:center;
}
.cata__img {
    text-align: center;
}
.cata__tit {
    --max: 30;
    --min: 16;
    font-size: var(--responsive);
    font-weight: 800;
    line-height: 1.167;
}
.cata__poids {
    margin-top: .75em;
    font-size: .8em;
}
.cata__poids span {
    text-transform: uppercase;
}
@media (min-width: 640px) {
    .cata__item {
        width: 33.333%;
        padding: 3.125vw;
    }
    .cata__txt {
        min-height: 9em;
    }
}
@media (min-width: 1300px) {
    .cata__item {
        width: 25%;
    }    
}
/*MOBEST*/
.mobest__bg {
    background-color: #E60000;
    border-radius: 1.2em;
}
.mobestsom {
    display: flex;
    flex-direction: column;
}
.mobestsom__item {
    text-decoration: none;
    background-color: #fff;
    margin-bottom: 3em;
    padding: 6.25vw;
    transition: box-shadow ease 1s, border-radius ease 1s;
    border-radius: 1.2em;
}
.mobestsom__item:hover .mobestsom__tit {
    color: #e60000;
}
.mobestsom__item:hover {
    box-shadow: 0 0 2em rgba(0,0,0,.5);
    border-radius: 0;
    
}
.mobestsom__txt {
    margin-top: 1em;
}
.mobestsom__img {
    /*padding: 3.125vw 6.25vw;*/
}
@media (min-width: 640px) {
    .mobestsom__img {
        /*padding: 1.5625vw 3.125vw;*/
    }
}
.mobestsom__tit {
    --max: 30;
    --min: 20;
    font-size: var(--responsive);
    font-weight: 700;
    transition: color ease .3s;
    line-height: 1.2;
    text-align: center;
}
.mobestsom__desc {
    margin-top: .5em;
    font-size: .8em;
    color: #000;
    text-align: center;
    
}
@media (min-width: 640px) {
    .mobestsom {
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: -3.125%;
        margin-right: -3.125%;
    }
    .mobestsom__item {
        width: 43.7%;
        margin: 3.125%;
        padding: 3.125vw;
    }
}
@media (min-width: 960px) {
    .mobestsom {
        margin-left: -2.08%;
        margin-right: -2.08%;
    }
    .mobestsom__item {
        width: 29.1%;
        margin: 2.08%;
        padding: 2vw;
    }
}
@media (min-width: 1300px) {
    .mobestsom {
        margin-left: -2.08%;
        margin-right: -2.08%;
    }
    .mobestsom__item {
        width: 20.84%;
        margin: 2.08%;
        padding: 2vw;
    }
}
.mobestfichhead {
    position: relative;
}
.mobestfichhead__opac {
    
}
.mobestfichhead__tit {
    max-width: 780px;
    color: #e60000;
}
.mobestfichhead__tit--69 {
    max-width: 1260px;
}
.mobestfichhead__tit1 {
    display: block;
    --max: 35;
    --min: 18;
    font-size: var(--responsive);
    line-height: 1;
}
.mobestfichhead__tit2 {
    margin-top: .25em;
    display: block;
    --max: 120;
    --min: 40;
    font-size: var(--responsive);
    font-weight: 800;
    line-height: .92;
    text-transform: uppercase;
}
.mobestfichhead__tit--69 .mobestfichhead__tit2 {
    --max: 110;
    --min: 30;
}
.mobestfichhead__img {
    margin-top: 1.5em;
}
.mobestfichhead__img img {
    border-radius: 1.2em;
}
@media (min-width: 760px) {
    .mobestfichhead__opac {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.5);
        padding: 3.125vw;
        padding-top: 6.25vw;
        border-radius: 1.2em;
    }
    .mobestfichhead__img {
        margin-top: 0;
    }
}
.mobestfich__intro {
    background-color: #e60000;
    padding: 6.25vw;
    --max: 40;
    --min: 20;
    font-size: var(--responsive);
    line-height: 1.25;
    color: #fff;
    border-radius: 1.2em;
    position: relative;
    z-index: 2;
}
.mobestfich__intro a {
    color: #fff;
}
@media (min-width: 760px) {
    .mobestfich__intro {
        padding: 3.125vw;
        margin-top: -6.25vw;
    }
}
.mobestfich__atou {
    --max: 40;
    --min: 20;
    font-size: var(--responsive);
    line-height: 1.25;
    font-weight: 700;
}
.mobestfich__atoutit {
    max-width: 720px;
    text-transform: uppercase;
}
.mobestfich__atoulist {
    max-width: 1280px;
}
.mobestfich__atouitem {
    position: relative;
    padding-left: 1em;
    line-height: 1.15;
    padding-top: .1em;
    padding-bottom: .1em;
    
}
.mobestfich__atouitem::before {
    position: absolute;
    left: 0;
    top: .1em;
    content: "+";
}

.prodsom {
    
}
.prodsom__item {
    
}
.prodsom__item--diapofirst.swiper-slide {
    background-color: #e60000;
    color: #fff;
}
.prodsom {
    display: flex;
    flex-direction: column;
}
.prodsom__itemcont--moblist {
    display: flex;
    flex-direction: row;
    transition: opacity .5s ease;
}
.prodsom__itemcont--moblistfade {
    opacity: 0;
}
.prodsom__item {
    text-decoration: none;
    background-color: #EBEBEB;
    margin-bottom: 3em;
    padding: 6.25vw;
    transition: box-shadow ease 1s, border-radius ease 1s;
    border-radius: 1.2em;
}
.prodsom__item--moblist {
    width: 100%;
    position: relative;
}
a.prodsom__item:hover .prodsom__tit {
    color: #e60000;
}
a.prodsom__item:hover {
    box-shadow: 0 0 2em rgba(0,0,0,.5);
    border-radius: 0;
}
.prodsom__img img {
    mix-blend-mode: multiply;
}
.prodsom__img--cat {
    height: 32vw;
    position: relative;
}
.prodsom__img--cat img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 32vw;
    width: auto;
    font-size: 8px;
}
@media (min-width: 900px) {
    .prodsom__img--cat {
        height: 10vw;
    }
    .prodsom__img--cat img {
        max-height: 10vw;
    }
}
.prodsom__tit {
    margin-top: 1em;
    font-size: .8em;
    font-weight: 700;
    text-transform: uppercase;
    transition: color ease .3s;
    line-height: 1.2;
    text-align: center;
}
.prodsom__tit--moblist {
    display: block;
    min-height: 2.5em;
}
.prodsom__tit--moblist:hover {
    color: #e60000;
}
.prodsom__tit2 {
    text-align: center;
    font-size: .65em;
}
@media (min-width: 640px) {
    .prodsom {
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: -3.125%;
        margin-right: -3.125%;
    }
    .prodsom__item {
        width: 43.7%;
        margin: 3.125%;
        padding: 3.125vw;
    }
    .prodsom__itemcont {
        display: flex;
        flex-direction: column;
        width: 50%;
        margin: 0;
        padding: 0;
    }
    .prodsom__itemcont--moblist {
        align-self: flex-end;
    }
    .prodsom__item.prodsom__item--moblist {
        width: auto;
        margin: 3.125%;
        padding: 3.125vw;
    }
}
@media (min-width: 800px) {
    .prodsom {
        margin-left: -2.08%;
        margin-right: -2.08%;
    }
    .prodsom__item {
        width: 29.1%;
        margin: 2.08%;
        padding: 2vw;
    }
    .prodsom__item.prodsom__item--moblist {
        padding: 2vw;
    }
    .prodsom__itemcont {
        width: 33%;
    }
}
@media (min-width: 1200px) {
    .prodsom {
        margin-left: -1.17%;
        margin-right: -1.17%;
    }
    .prodsom__item {
        width: 22.66%;
        margin: 2.34% 1.17%;
        padding: 2vw;
    }
    .prodsom__itemcont {
        width: 25%;
    }
}
@media (min-width: 1500px) {
    .prodsom__item {
        width: 17.66%;
    }
    .prodsom__itemcont {
        width: 20%;
    }
}

.prodsupp {
    position: absolute;
    right: .75vw;
    top: .75vw;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M13.62 10.03c-1.5.16-2.77 1.17-3.26 2.6-.49 1.42-.12 3.01.95 4.06l23.18 23.27-23.18 23.22c-.8.71-1.28 1.73-1.31 2.81a3.92 3.92 0 0 0 1.15 2.88c.76.76 1.81 1.17 2.88 1.13s2.08-.52 2.79-1.33L40 45.44l23.18 23.23c.71.81 1.72 1.29 2.79 1.33a3.88 3.88 0 0 0 2.88-1.13A3.92 3.92 0 0 0 70 65.99a3.89 3.89 0 0 0-1.31-2.81L45.51 39.95l23.18-23.27c1.2-1.17 1.51-2.97.79-4.48a3.89 3.89 0 0 0-3.99-2.18c-.88.12-1.7.53-2.31 1.18L40 34.43 16.82 11.21c-.83-.87-2.01-1.3-3.2-1.18Z' fill='%23000'/%3E%3C/svg%3E");
    background-size: 1.6em 1.6em;
    background-repeat: no-repeat;
    width: 1.6em;
    height: 1.6em;
}
.prodsupp:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M13.62 10.03c-1.5.16-2.77 1.17-3.26 2.6-.49 1.42-.12 3.01.95 4.06l23.18 23.27-23.18 23.22c-.8.71-1.28 1.73-1.31 2.81a3.92 3.92 0 0 0 1.15 2.88c.76.76 1.81 1.17 2.88 1.13s2.08-.52 2.79-1.33L40 45.44l23.18 23.23c.71.81 1.72 1.29 2.79 1.33a3.88 3.88 0 0 0 2.88-1.13A3.92 3.92 0 0 0 70 65.99a3.89 3.89 0 0 0-1.31-2.81L45.51 39.95l23.18-23.27c1.2-1.17 1.51-2.97.79-4.48a3.89 3.89 0 0 0-3.99-2.18c-.88.12-1.7.53-2.31 1.18L40 34.43 16.82 11.21c-.83-.87-2.01-1.3-3.2-1.18Z' fill='%23E60000'/%3E%3C/svg%3E");
}

.proddiap.swiper-wrapper {
    display: flex;
    align-items: stretch;
}
.proddiap__item.swiper-slide {
    border-radius: 2em;
    border: #fff solid 1.48vw;
    padding: 1.48vw;
    text-decoration: none;
    height: auto;
    align-self: stretch;
}
.proddiap__item--first.swiper-slide {
    background-color: #e60000;
    font-size: 1.2em;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    padding-top: 2em;
}
.proddiap__item:hover .prodsom__tit {
    color: #e60000;
}
.fichprod {
    display: flex;
    flex-direction: column;
}
.fichprod__1 {
    
}
.fichprod__2 {
    margin-top: 3em;
    order: 1;
}
.fichprod__tit {
    --max: 50;
    --min: 22;
    font-size: var(--responsive);
    color: #e60000;
    font-weight: 700;
    line-height: 1;
    /*text-transform: capitalize;*/
    
}
.fichprod__desc {
    margin-top: .75em;
    font-size: 1em;
    line-height: 1.4;
}
@media (min-width: 1000px) {
    .fichprod {
        flex-direction: row;
    }
    .fichprod__1 {
        width: 35.71%;
        padding-right: 4.6875vw;
    }
    .fichprod__2 {
        margin-top: 0;
        width: 64.29%;
    }
    .fichprod__1__sticky {
        position: sticky;
        top: 3.125vw;
    }
}
@media (min-width: 1800px) {
    .fichprod__1 {
        padding-right: 6.25vw;
    }
}
.savplus {
    display: inline-block;
    font-weight: 700;
    font-size: .8em;
    text-transform: uppercase;
    color: #e60000;
    padding: .5em 0;
    margin-top: .5em;
}
.diapo {
    background-color: #F5F5F5;
}
.diapo img {
}
.diapoimg--grab {
    cursor: grab;
}
.diapo__mini {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.8em;
    margin-right: -.8em;
}
.diapo__miniitem {
    background-color: #F5F5F5;
    margin: .8em;
    border: 2px solid #F5F5F5;
    transition: border-color ease .3s;
    position: relative;
    width: 4em;
    height: 6em;
    border-radius: .4em;
}
.diapo__miniitem:hover, .diapo__miniitem.select {
    border-color: #e60000;
}
.diapo__miniitem img {
    position: absolute;
    width: 4rem;
    mix-blend-mode: multiply;
    padding: .5rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
    font-size: 8px;
    color: #787878;
}
.accordion__cont .accordion:first-child {
    margin-top: 2em;
}
.accordion__btn {
    display: block;
    --max: 35;
    --min: 16;
    font-size: var(--responsive);
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='21'%3E%3Cpath d='M0 2.821 2.8 0 18 15.352 33.2 0 36 2.821 20.8 18.175 18 21Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.44em .84em;
    background-position: right .25em;
    border-bottom: 1px solid #787878;
    padding-bottom: 1em;
}
.accordion__btn:hover {
    background-color: #fff;
}
.accordion__btn.active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='21'%3E%3Cpath data-name='Union 2' d='M36 18.179 33.2 21 18 5.648 2.8 21 0 18.179 15.2 2.825 18 0Z'/%3E%3C/svg%3E");
}
.accordion__contenu {
  padding-top: 1.5em;
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease-out;
  font-size: .8em;
  line-height: 1.5;
  color: #787878;
}
.accordion__contenupad {
    padding-bottom: 1.5em;
}
.acclign {
    position: relative;
    display: block;
    padding: .15em 0 .15em 1em;
    line-height: 1.3;
}
.acclign::before {
    content: '-';
    position: absolute;
    top: 0;
    left: 0;
}
.fichprod__tableau {
    font-size: .8em;
    line-height: 1.2;
}
@media (max-width: 640px) {
    .fichprod__tableau {
        overflow-x: auto;
    }
    .fichprod__tableau table {
        width: 200%;
    }
}
.fichprod__tableau table {
    width: 100%;
    border-collapse: collapse;
    border: 0;
}
.fichprod__tableau table th {
    padding: .75em;
    background-color: #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    text-align: left;
}
.fichprod__tableau table th img {
    width: .84em;
    height: auto;
}
.fichprod__tableau table tr:nth-child(2n) {
    background-color: #F0F0F0;
}
.fichprod__tableau table tr:nth-child(2n+1) {
    background-color: #fff;
}
.fichprod__tableau table td {
    border-bottom: 1px solid #F0F0F0;
    padding: .75em;
    color: #787878;
}
/*
.fichprod__picto {
    text-align: right;
}
*/

.pluspicto {
    display: flex;
    flex-wrap: wrap;
}
.pluspicto__1 {
    width: 40%;
}
.pluspicto__2 {
    width: 60%;
    text-align: right;
}
@media (min-width: 1000px) {
    .pluspicto__1 {
        width: 100%;
    }
    .pluspicto__2 {
        width: 100%;
        text-align: left;
    }
}
@media (min-width: 1800px) {
    .pluspicto__1 {
        width: 40%;
    }
    .pluspicto__2 {
        width: 60%;
        text-align: right;
    }
}

.picto {
    width: 3em;
    margin: .2em;
}

.moblist__numtit {
    position: relative;
    --max: 30;
    --min: 20;
    font-size: var(--responsive);
    font-weight: 600;
    line-height: 1.33;
    padding-left: 3em;
}
.moblist__numtit--1::before, .moblist__numtit--2::before {
    content: "1";
    position: absolute;
    left: 0;
    top: -.6em;
    display: block;
    width: 2.4em;
    height: 2.4em;
    border-radius: 1.2em;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 2.4em;
}
.moblist__numtit--2::before {
    content: "2";
}
.plusmoins {
    line-height: .75;
    padding: .5em;
    font-size: 1.2em;
    font-weight: 600;
}
.moblistqt__cont {
    text-align: center;
}
.moblistqt {
    border: 3px solid #000;
    background-color: #fff;
    width: 2em;
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    padding: 0;
    
    -moz-appearance: textfield;
}
.moblistqt::-webkit-inner-spin-button,
.moblistqt::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	margin:0;
}
.ajoutmoblist_info {
    opacity: 0;
    visibility: hidden;
    transition: all ease 1s;
    max-height: 0;
}
.ajoutmoblist_info.go {
    opacity: 1;
    visibility: visible;
    max-height: none;
    margin-top: 1em;
}
.ajoutmoblist_infotxt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 35'%3E%3Cpath d='M36 16.03c0-2.04-1.67-3.67-3.68-3.67h-7.65c.72-1.55 1.55-3.98 1.55-6.55 0-2.42-1.33-4.35-3.71-5.49-.91-.42-1.97-.42-2.88 0s-1.55 1.25-1.82 2.2l-.45 1.78c-.83 3.22-2.58 6.02-4.93 7.88-.3.23-.57.42-.87.61a3.33 3.33 0 0 0-2.88-1.67H3.33A3.31 3.31 0 0 0 0 14.45v17.22C0 33.53 1.52 35 3.33 35h5.34c1.36 0 2.54-.83 3.03-1.97 3.33.91 6.4 1.4 9.74 1.4h8.41a3.68 3.68 0 0 0 3.68-3.67c0-.68-.19-1.29-.49-1.82a3.704 3.704 0 0 0 1.71-3.11c0-.68-.19-1.29-.49-1.82a3.704 3.704 0 0 0 1.71-3.11c0-.95-.38-1.82-.95-2.46.61-.61.98-1.48.98-2.42ZM9.59 31.74c0 .49-.42.91-.91.91H3.33c-.49 0-.91-.42-.91-.91V14.51c0-.49.42-.91.91-.91h5.34c.49 0 .91.42.91.91v17.23ZM30.02 19.7h2.31c.68 0 1.25.57 1.25 1.25s-.57 1.25-1.25 1.25h-2.77c-.68 0-1.21.53-1.21 1.21s.53 1.21 1.21 1.21h1.55c.68 0 1.25.57 1.25 1.25s-.57 1.25-1.25 1.25h-2.43c-.68 0-1.21.53-1.21 1.21s.53 1.21 1.21 1.21h1.21c.68 0 1.25.57 1.25 1.25s-.57 1.25-1.25 1.25h-8.45c-3.22 0-6.18-.46-9.44-1.36V15.35c.64-.34 1.29-.76 1.89-1.25 2.77-2.2 4.85-5.45 5.8-9.16l.45-1.78c.08-.38.34-.53.49-.61.15-.08.45-.15.8 0 1.55.72 2.31 1.78 2.31 3.29 0 3.67-2.12 7.08-2.16 7.12-.19.3-.19.79 0 1.17.23.38.61.64 1.06.64h9.66c.68 0 1.25.57 1.25 1.25s-.57 1.25-1.25 1.25h-2.31c-.68 0-1.21.53-1.21 1.21s.53 1.21 1.21 1.21Z' style='fill:%23e50000'/%3E%3C/svg%3E");
    background-size: 1.44em 1.4em;
    background-repeat: no-repeat;
    padding-left: 2em;
    color: #e60000;
}
.ajoutmoblist_infotxt a {
    color: #e60000;
}
.codeeant_select--shake {
    animation: shakeshake 100ms 3 linear;
}
@keyframes shakeshake {
0% { transform: translate(5px, 0); }
50% { transform: translate(-5px, 0); }
100% { transform: translate(0, 0); }
}

.prefoot {
    position: relative;
    z-index: 1;
    background-color: #EBEBEB;
    border-radius: 1.2em;
    display: flex;
    flex-direction: column;
    padding: 18.75vw 12.5vw;
}
.prefoot__1, .prefoot__2 {
    background-color: #fff;
    border-radius: 1.2em;
    padding: 6.25vw;
}
.prefoot__2 {
    margin-top: 12.5vw;
}
@media (min-width: 700px) {
    .prefoot {
        padding: 3.125vw;
        display: flex;
        flex-direction: row;
    }
    .prefoot__1 {
        width: calc( 50% - 6.25vw );
        margin: 3.125vw;
        padding: 3.125vw;
    }
    .prefoot__2 {
        width: calc( 50% - 6.25vw );
        margin: 3.125vw;
        padding: 3.125vw;
    }
}
.prefoot__tit {
    background-image: url(../img/picto_moblist.svg);
    background-size: 7.44em 6.6em;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 7.5em;
}
.prefoot__tit--2 {
    background-image: url(../img/picto_ptvente.svg);
    background-size: 7.04em 6.6em;
}
.prefoot__tit1 {
    display: block;
    --max: 60;
    --min: 25;
    font-size: var(--responsive);
    line-height: 1.167;
    font-weight: 700;
    text-align: center;
    color: #E60000;
}
.prefoot__tit1 {
    display: block;
    --max: 60;
    --min: 25;
    font-size: var(--responsive);
    line-height: 1.167;
    font-weight: 700;
    text-align: center;
    color: #E60000;
}
.prefoot__desc {
    font-size: 1em;
    padding-top: 1em;
    text-align: center;
}


/* a voir si on garde */





/* a voir si on garde */
.ariane {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .6em;
    /*text-transform: uppercase;*/
    color: #787878;
}
.ariane li {
    list-style: none;
    display: inline;
}
.ariane li a {
    color: #787878;
    text-decoration: none;
}
.ariane li a:hover {
    color: #000;
}
.ariane__hom {
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cpath d='M7.5 0 0 5.625V15h3.853L7.5 9.375 11.148 15H15V5.625Z' fill='%23787878'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1em 1em;
    background-position: left .05em;
    padding-left: 1.35em;
    /*
    width: 1em;
    height: 1em;
    */
}


/* AVOIR SI ON GARDE */


/* A VOIR SI ON GARDE */


.maskit {
    visibility: hidden;
    height: 0;
    position: absolute;
    left: -999em;
    opacity: 0;
}

.cont__tit3 {
    font-family: 'mondelin-stencil',sans-serif;
    --max: 50;
    --min: 20;
    font-size: var(--responsive);
    color: #FF7300;
    line-height: 1;
}
.cont__tit4 {
    font-weight: 800;
}
.cont_ggmap {
    position: relative;
    padding-top: 75%;
}
.cont_ggmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.contlieux {
    margin-bottom: 3em;
}

/*store locator*/


.sticky900 {
    position: sticky;
    top: 6.25vw;
}


.foot__cont {
    position: relative;
    color: #fff;
    padding: 6.25vw;
    z-index: 0;
}

.foot__cont a {
    color: #fff;
    text-decoration: none;
}
.foot__cont a:hover {
    text-decoration: underline;
    
}
.foot {
    padding: 6.25vw;
    background-color: #E60000;
    border-radius: 1.2em;
    display: flex;
    flex-direction: column;
}
@media (min-width: 700px) {
    .foot__cont {
        padding: 3.125vw;
    }
    .foot {
        padding: 3.125vw;
        padding-top: 6.25vw;
    }
}
.foot__sign {
    display: block;
    text-transform: uppercase;
}
.foot1__2 {
    margin-top: .75em;
}
@media (min-width: 700px) {
    .foot1 {
        display: flex;
        flex-direction: row;
    }
    .foot1__1 {
        width: 50%
    }
    .foot1__2 {
        width: 50%
    }
    .foot__sign {
        text-align: right;
    }
}


@media (min-width: 700px) {
    .foot__nav {
        columns: 2;
        column-gap: 3.125vw;
    }
}
.foot__nav li {
    display: block;
    font-size: .8em;
    line-height: 1.15;
    padding: .25em 0;
    cursor: pointer;
}
.foot__nav li:hover {
    text-decoration: underline;
}
/*
.foot__nav a {
    
}
*/
.lienobli {
    cursor: pointer;
}
.lienobli:hover {
    text-decoration: underline;
}
.foot__nav2 li {
    --max: 30;
    --min: 20;
    line-height: 1.15;
    font-size: var(--responsive);
    font-weight: 600;
    display: block;
    padding: .25em 0;
    cursor: pointer;
}
.foot__nav2 li:hover {
    text-decoration: underline;
}
.foot__txt1 {
    --max: 30;
    --min: 20;
    line-height: 1.333;
    font-size: var(--responsive);
    font-weight: 600;
}
.foot2__2 {
    margin-top: 1em;
}
@media (min-width: 700px) {
    .foot2 {
        display: flex;
    }
    .foot2__1 {
        width: 53.3%;
    }
    .foot2__2 {
        margin-top: 0;
        width: 23.3%;
        padding-left: 6.25vw;
    }
    .foot2__3 {
        width: 23.4%;
        padding-left: 3.125vw;
    }
}
.foot3 {
    display: flex;
    flex-direction: column;
}
.foot3__3 {
    order: 1;
}
.foot3__2 {
    order: 3;
}
.foot3__1 {
    margin-top: .5em;
    order: 2;
}
@media (min-width: 700px) {
    .foot3 {
        flex-direction: row;
        align-items: flex-start;
        font-size: .8em;
    }
    .foot3__1 {
        margin-top: 0;
        order: 1;
        width: 60.7%;
        padding-right: 3.125vw;
        padding-top: .75em;
    }
    .foot3__2 {
        order: 2;
        width: 17.9%;
        padding-right: 3.125vw;
        padding-top: .75em;
    }
    .foot3__3 {
        order: 3;
        width: 21.4%;
    }
    .footrs {
        text-align: right;
    }
}

.foot__cont a.bouton {
    color: #e60000;
    text-decoration: none;
}

.bouton {
    font-family: 'Rubik', sans-serif;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background-color: #E60000;
    color: #fff;
    font: inherit;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    --max: 20;
    --min: 14;
    font-size: var(--responsive);
    line-height: 1.3;
    text-align: center;
    color: #fff;
    border: 2px solid #E60000;
    border-radius: .8em;
    text-transform: uppercase;
    padding: 1.25em 3.3em;
    margin-top: 2em;
    margin-bottom: 2em;
    transition: all ease .5s;
}
.bouton:hover {
    background-color: #fff;
    /*border-color: #000;*/
    color: #E60000;
    border-radius: 0em;
}
.bouton--1 {
    background-color: #fff;
    border-color: #fff;
    color: #E60000;
}
.bouton--2 {
    border-color: #fff;
    color: #fff;
}
.bouton--3 {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.bouton--3:hover {
    background-color: #fff;
    border-color: #000;
    color: #000;
}
.bouton--4 {
    background-color: #fff;
    border-color: #e60000;
    color: #e60000;
}
.bouton--psmall {
    padding-left: 1.5em;
    padding-right: 1.5em;
}
.bouton--psmall2 {
    padding-left: 2em;
    padding-right: 2em;
}
.bouton--big {
    --max: 30;
    --min: 20;
    padding: .7em 1.5em;
}
.bouton--pin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 32.08'%3E%3Cpath d='m31.82 26.78-12 3.85c-1.85.5-3.81.5-5.66 0l-12-3.85c-1.56-.5-1.56-1.31 0-1.81l12-3.85c1.85-.5 3.81-.5 5.66 0l12 3.85c1.56.5 1.56 1.31 0 1.81' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/%3E%3Cpath d='M17.1 1c4.6.08 8.28 3.86 8.22 8.47 0 4.13-2.07 6.4-4.27 10.06l-3.95 6.53-3.95-6.53c-2.2-3.67-4.27-5.93-4.27-10.06A8.364 8.364 0 0 1 17.1 1Z' style='fill:%23000;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/%3E%3Cpath d='M17.1 12.48a3.327 3.327 0 0 1-3.36-3.29v-.07a3.363 3.363 0 0 1 3.42-3.31c1.81.03 3.28 1.49 3.31 3.31a3.336 3.336 0 0 1-3.29 3.37h-.07' style='fill:none;fill-rule:evenodd;stroke:%23fff;stroke-width:2px'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.36em 1.2832em;
    background-position: left 1em center;
    padding-left: 3em;
}
.bouton--moblist {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 32'%3E%3Cpath d='m17.09 31-.75-.51C15.71 30.06 1 19.97 1 10.86 1 4.39 5.43 1 9.81 1c2.87.05 5.55 1.41 7.28 3.7A9.316 9.316 0 0 1 24.37 1c4.38 0 8.81 3.39 8.81 9.87 0 9.1-14.72 19.2-15.34 19.63l-.75.51Z' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/%3E%3Cpath d='M35 22.67a8.33 8.33 0 1 1-16.661-.001A8.33 8.33 0 0 1 35 22.67h0Z' style='fill:%23e60000;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/%3E%3Cpath style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' d='M26.67 18.51v8.33M22.51 22.7h8.33'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.44em 1.28em;
    background-position: left 1em center;
    padding-left: 3em;
}
.bouton--100pc {
    width: 100%;
}
.bouton--mr {
    margin-right: 1.5em;
}
.bouton--mb0 {
    margin-bottom: 0;
}
.bouton--mt1 {
    margin-top: 1em;
}
.bouton--mt15 {
    margin-top: 1.5em;
}
.pt_025 {
    --max: 15;
    --min: 10;
    padding-top: var(--responsive);
}
.pb_025 {
    --max: 15;
    --min: 10;
    padding-bottom: var(--responsive);
}
.pt_05 {
    --max: 30;
    --min: 15;
    padding-top: var(--responsive);
}
.pb_05 {
    --max: 30;
    --min: 15;
    padding-bottom: var(--responsive);
}
.pt_1 {
    --max: 60;
    --min: 30;
    padding-top: var(--responsive);
}
.pb_1 {
    --max: 60;
    --min: 30;
    padding-bottom: var(--responsive);
}
.pt_15 {
    --max: 90;
    --min: 45;
    padding-top: var(--responsive);
}
.pb_15 {
    --max: 90;
    --min: 45;
    padding-bottom: var(--responsive);
}
.pt_2 {
    --max: 120;
    --min: 60;
    padding-top: var(--responsive);
}
.pb_2 {
    --max: 120;
    --min: 60;
    padding-bottom: var(--responsive);
}
.pt_3 {
    --max: 180;
    --min: 90;
    padding-top: var(--responsive);
}
.pb_3 {
    --max: 180;
    --min: 90;
    padding-bottom: var(--responsive);
}
.pt_4 {
    --max: 240;
    --min: 120;
    padding-top: var(--responsive);
}
.pb_4 {
    --max: 240;
    --min: 120;
    padding-bottom: var(--responsive);
}
.pt_5 {
    --max: 300;
    --min: 120;
    padding-top: var(--responsive);
}
.pb_5 {
    --max: 300;
    --min: 120;
    padding-bottom: var(--responsive);
}
.pt_6 {
    --max: 360;
    --min: 180;
    padding-top: var(--responsive);
}
.mw960 {
    max-width: 960px;
}
.mw960center {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.mw840 {
    max-width: 840px;
}
.mw840center {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
}
.mw1020 {
    max-width: 1020px;
}


.imgmultiins {
    margin-top: 2em;
    margin-bottom: 2em;
}
.imgmultiins img {
    border-radius: 1.2em;
}
.imgmultiins__figcaption {
    font-size: .8em;
    color: #AAAAAA;
    margin-top: .75em;
}
@media (min-width: 900px) {
    .imgmultiins {
        margin-left: 0;
        margin-right: 0;
    }
}

.pagination {
    padding: 5em 0;
    text-align: center;
}
.pagination li {
    display: inline-block;
    font-size: 1.2em;
    line-height: 1;
    font-weight: 700;
    color: #D2D2D2;
    padding-left: .25em;
    padding-right: .25em;
}
.pagination li a, .pagination__activ {
    border: #D2D2D2 2px solid;
    border-radius: .4em;
    color: #D2D2D2;
    text-decoration: none;
    padding-left: .6em;
    padding-right: .6em;
    padding-top: .2em;
    padding-bottom: .2em;
}
.pagination__activ, .pagination li a:hover {
    /*background-color: #e60000;*/
    border-color: #000;
    color: #000;
}
/* EDITOR */
.editor p, .editor ul, .editor ol {
    padding-bottom: 1.5em;
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.4;
}
.editor ul {
    list-style: disc;
    padding-left: 1em;
}
.editor ul li {
    padding-top: .25em;
    padding-bottom: .25em;
    line-height: 1.2
}
.editor p:empty {
    display: none;
}
.editor h2, .editor .h2 {
    --max: 60;
    --min: 22;
    font-size: var(--responsive);
    font-weight: 900;
    line-height: 1;
    color: #e60000;
    padding-top: 1em;
    padding-bottom: .5em;
}
.editor h3, .editor .h3 {
    --max: 40;
    --min: 20;
    font-size: var(--responsive);
    font-weight: 700;
    line-height: 1;
    padding-top: 1em;
    padding-bottom: .5em;
}
.editor h4, .editor .h4 {
    --max: 30;
    --min: 18;
    font-size: var(--responsive);
    font-weight: 700;
    line-height: 1;
    padding-top: 1em;
    padding-bottom: .5em;
}
.editor--actu h2, .editor--actu .h2 {
    --max: 35;
    --min: 20;
    font-size: var(--responsive);
    font-weight: 900;
    line-height: 1.29;
    color: #e60000;
    padding-top: 1em;
    padding-bottom: .5em;
}
.editor--actu h3, .editor--actu .h3 {
    --max: 35;
    --min: 20;
    font-size: var(--responsive);
    font-weight: 900;
    line-height: 1.29;
    color: #000;
    padding-top: 1em;
    padding-bottom: .5em;
}
.editor--actu h4, .editor--actu .h4 {
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.29;
    color: #000;
    padding-top: 1em;
    padding-bottom: .5em;
}
.editor--actu .imgmultiins img {
    border-radius: 1.2em;
}
@media (min-width: 640px) {
    .editor--actu .imgmultiins img {
        max-height: 75vw;
        width: auto;
    }
}
@media (min-width: 1400px) {
    .editor--actu .imgmultiins img {
        max-height: 51vw;
    }
}
.editor .encartrouge {
    position: relative;
    z-index: 2;
    background-color: #e60000;
    color: #fff;
    border-radius: 1.2em;
    padding: 6.25vw;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
}
@media (min-width: 900px) {
    .editor .encartrouge {
        padding: 3.125vw;
    }
}
.editor .encartrouge a {
    color: #fff;
}
.editor .encartrouge h2, .editor .encartrouge h3, .editor .encartrouge h4 {
    color: #fff;
}
.editor .encartrouge h2:first-child {
    padding-top: 0;
}
.editor .encartrouge h4:first-child {
    padding-top: 0;
}
@media (min-width: 900px) {
    .col2 {
        display: flex;
    }
    .col2__item {
        width: 50%;
    }
    .col2__item:nth-child(1) {
        padding-right: 1.5em;
    }
    .col2__item:nth-child(2) {
        padding-left: 1.5em;
    }
    .col2__item .imgmultiins:first-child {
        margin-top: 0;
    }
}

.editor .chapo {
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.33;
    color: #000;
    padding-top: 1em;
    padding-bottom: .5em;
}

.editor--1 p, .editor--1 ul, .editor--1 ol {
    font-size: 1.2em;
    line-height: 1.33;
}
.editor--30 p, .editor--30 ul, .editor--30 ol {
    --max: 30;
    --min: 20;
    font-size: var(--responsive);
    line-height: 1.5;
}

.editor--marq h2, .editor--marq .h2  {
    --max: 40;
    --min: 24;
    font-size: var(--responsive);
    font-weight: 900;
    line-height: 1.25;
    color: #e60000;
    padding-top: 1em;
    padding-bottom: .5em;
}
.editor--marq h3, .editor--marq .h3  {
    --max: 30;
    --min: 20;
    font-size: var(--responsive);
    font-weight: 900;
    line-height: 1.33;
    color: #e60000;
    padding-top: 1em;
    padding-bottom: .5em;
}
.editor--marqbloc h2 {
    --max: 60;
    --min: 30;
    line-height: 1.17;
}
.editor--marqbloc h2:first-child {
    padding-top: 0;
}
.editor--marqbloc h2, .editor--marqbloc h3 {
    color: #fff;
}
.editor--marq h3.pt0 {
    padding-top: 0;
}
.editor--cat p, .editor--cat ul {
    font-size: 1.2em;
    color: #e60000;
}
.editor--blanc {
    color: #fff;    
}
.editor--blanc a {
    color: #fff;    
}
/*
.editor--mobest h2, .editor--mobest .h2  {
    --max: 60;
    --min: 30;
    font-size: var(--responsive);
    font-weight: 900;
    line-height: 1.25;
    color: #e60000;
    padding-top: 1em;
    padding-bottom: .5em;
}
*/
/*
.editor--mobest .h2  {
    --max: 60;
    --min: 30;
    font-size: var(--responsive);
    font-weight: 900;
    line-height: 1.25;
    color: #e60000;
    padding-top: 1em;
    padding-bottom: .5em;
}
*/


.contentbuild {
    overflow-x: hidden;
    --max: 25;
    --min: 18;
    font-size: var(--responsive);
}
.contentbuild .row {
    width: 100%;
}
.contentbuild .column {
    width: 100%;
}
.contentbuild .bloc {
    display: flex;
    flex-direction: column;
    padding-left: 4.6875vw;
    padding-right: 4.6875vw;
}
@media (min-width: 480px) {
    .contentbuild .bloc {
        padding-left: 6.25vw;
        padding-right: 6.25vw;
    }
}
.contentbuild .bloc--full {
    padding-left: 0;
    padding-right: 0;
}
.contentbuild .bloc__item {
    margin-top: 9.375vw;
    margin-bottom: 9.375vw;
    width: 100%;
}
.bloc__item i {
    display: inline-block;
    --max: 25;
    --min: 18;
    font-size: var(--responsive);
    color: #777;
    margin-top: .5em;
}

.bloc__item2img__2 {
    margin-top: 6.25vw;
}

@media (min-width: 640px) {
    .bloc__item2img {
        display: flex;
    }
    .bloc__item2img__1 {
        width: 50%;
        padding-right: 1.5625vw;
    }
    .bloc__item2img__2 {
        margin-top: 0;
        width: 50%;
        padding-left: 1.5625vw;
    }
}
@media (min-width: 900px) {
    .contentbuild .bloc {
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 9.375vw;
        margin-bottom: 9.375vw;
        margin-left: -3.125vw;
        margin-right: -3.125vw;
        align-items: flex-start; 
        /*
        margin-left: -2.34375vw;
        margin-right: -2.34375vw;
        */
    }
    .contentbuild .bloc--mt1 {
        margin-top: 4.6875vw;
    }
    .contentbuild .bloc--mb1 {
        margin-bottom: 4.6875vw;
    }
    .contentbuild .bloc--alignflexend {
        align-items: flex-end;
    }
    .contentbuild .bloc__item {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 3.125vw;
        padding-right: 3.125vw;
        /*
        padding-left: 2.34375vw;
        padding-right: 2.34375vw;
        */
    }
    .contentbuild .bloc__item--25 {
        width: 25%;
    }
    .contentbuild .bloc__4item--25 {
        width: 50%;
    }
    .contentbuild .bloc__4item--25:nth-child(3),
    .contentbuild .bloc__4item--25:nth-child(4) {
        padding-top: 6.25vw;
    }
    .contentbuild .bloc__item--33 {
        width: 33.3333%;
    }
    .contentbuild .bloc__item--40  {
        width: 40%;
    }
    .contentbuild .bloc__item--45  {
        width: 45%;
    }
    .contentbuild .bloc__item--50  {
        width: 50%;
    }
    .contentbuild .bloc__item--55  {
        width: 55%;
    }
    .contentbuild .bloc__item--60  {
        width: 60%;
    }
    .contentbuild .bloc__item--66 {
        width: 66.6667%;
    }
    .contentbuild .bloc__item--75 {
        width: 75%;
    }
    .contentbuild .bloc__item--85 {
        width: 85%;
    }
    .bloc__item--ml50 {
        margin-left: 50%;
    }
    .bloc__item--alignselfend {
        align-self: flex-end;
    }
}
@media (min-width: 1300px) {
    .contentbuild .bloc4--25 {
        margin-left: -1.5625vw;
        margin-right: -1.5625vw;
    }
    .contentbuild .bloc__4item--25 {
        width: 25%;
        padding-left: 1.5625vw;
        padding-right: 1.5625vw;
    }
    .contentbuild .bloc__4item--25:nth-child(3),
    .contentbuild .bloc__4item--25:nth-child(4) {
        padding-top: 0;
    }
}
.contentbuild .embed-container {
    margin: 0 0;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    width: 100%;
    height: 500px;
    background-color: #7c7c7c;
}
.contentbuild .embed-container--carre {
    padding-bottom:100%
}
.contentbuild .embed-container iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.contentbuild h2 {
    --max: 45;
    --min: 25;
    font-size: var(--responsive);
    font-weight: 800;
    line-height: 1.17;
    margin-bottom: .5em;
    color: #e60000;
    text-transform: uppercase;
}
.contentbuild h3 {
    --max: 35;
    --min: 20;
    font-size: var(--responsive);
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: .5em;
    text-transform: uppercase;
}
.cb__bl1 {
    --max: 45;
    --min: 25;
    font-size: var(--responsive);
    font-weight: 800;
    line-height: 1.1;
    /*text-transform: uppercase;*/
    position: relative;
    z-index: 2;
    background-color: #e60000;
    color: #fff;
    border-radius: .6em;
    padding: 6.25vw;
}
.cb__bl1--2 {
    --max: 30;
    --min: 20;
    line-height: 1.33;
    text-transform: none;
    font-weight: 400;
}
.cb__bl1 p:first-child {
    padding-bottom: 0;
}

@media (min-width: 900px) {
    .cb__bl1 {
        padding: 3.125vw;
        margin-left: -9.375vw;
        margin-top: 3.125vw;
    }
}

.cb__bl2 {
    --max: 40;
    --min: 20;
    font-size: var(--responsive);
    font-weight: 500;
    line-height: 1.2;
    position: relative;
    z-index: 2;
    background-color: #777777;
    color: #fff;
    border-radius: .6em;
    padding: 6.25vw;
}
.cb__bl2 a {
    color: #fff;
}
.cb__bl2__smal {
    padding-top: 1.5em;
    font-weight: 400;
    font-size: .8em;
}
@media (min-width: 900px) {
    .cb__bl2 {
        padding: 3.125vw;
    }
    .decalimg_h__4 {
        margin-left: -12.5vw;
    }
    .decalimg_b__1 {
        margin-bottom: -3.125vw;
    }
}
.cb__bl3 {
    position: relative;
    z-index: 2;
    background-color: #e60000;
    color: #fff;
    border-radius: 1.2em;
    padding: 6.25vw;
}
.cb__bl3 h2 {
    color: #fff;
}
@media (min-width: 900px) {
    .cb__bl3 {
        padding: 3.125vw;
    }
}

@media (min-width: 900px) {
    .cb_elt1_1 {
        width: 85%;
    }
    .cb_elt1_2 {
        margin-left: 45%;
        width: 55%;
        margin-top: -9.375vw;
    }
}
@media (max-width: 899px) {
    .row .cb_elt1_1 img {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .cb_elt1_2 .cb__bl3 {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.cb__uc {
    text-transform: uppercase;
}
.row img {
    border-radius: 1.2em;
}
.row ol {
    list-style-type: none;
    margin-left: 2em;
    counter-reset: ordered;
}
.row ol li {
    padding-top: .25em;
    padding-bottom: .25em;
}
.row ol li::before {
  display: inline-block;
  font-size: .8em;
  border: 2px solid #e60000;
  border-radius: 50%;
  color: #fff;
  background-color: #e60000;
  content: counter(ordered);
  counter-increment: ordered;
  margin-top: .25em;
  margin-left: -2.5em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.65em;
  text-align: center;
  position: absolute;
}
.cb_elt2 {
    --max: 60;
    --min: 30;
    font-size: var(--responsive);
    font-weight: 800;
    line-height: 1.17;
    color: #e60000;
    text-align: center;
}
.row ul {
    position: relative;
    margin-top: 1em;
    margin-bottom: 1em;
    list-style: none;
}
.row li {
    position: relative;
    padding-left: 1em;
}
.row li::before {
    position: absolute;
    content: ">";
    left: 0;
    top: 0;
}
@media (min-width: 640px) {
    .img3lign {
        display: flex;
        margin-left: -.5em;
        margin-right: -.5em;
    }
    .img3lign .imgmultiins {
        padding: .5em;
    }
}


.tab1 { 
	border-collapse: collapse;
}

.tab1 tr:nth-of-type(odd) { 
	background: #EBEBEB
}

.tab1 th {
	background: #fff; 
	color: #000; 
	font-weight: bold; 
}
.tab1 td, .tab1 th { 
	padding: .25em .5em;
	border-bottom: 1px solid #777;
    border-right: 1px solid #777;
	text-align: left; 
	font-size: .65em;
}


/*
.bloc__item--bg1 {
    position: relative;
    z-index: 2;
    background-color: #e60000;
    color: #fff;
    border-radius: 1.4em;
    padding: 6.25vw;
}
@media (min-width: 900px) {
    .bloc__item--bg1 {
        padding: 3.125vw;
        padding-left: 0;
        padding-right: 0;
        margin-top: 3.215vw;
    }
}
.bloc__item--bg1 a {
    color: #fff;
}
@media (min-width: 900px) {
    .contentbuild .bloc__item--ml1 {
        margin-left: -6.25vw;
    }
    .contentbuild .bloc__item--mt1 {
        margin-top: 3.125vw;
    }
}
.cb__text1 {
    --max: 50;
    --min: 25;
    font-size: var(--responsive);
    font-weight: 800;
    line-height: 1;
}
.cb__text1:first-child {
    padding-bottom: 0;
}

.cb__uc {
    text-transform: uppercase;
}
*/




/*
.popup__cont {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2500;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}
.popup__cont.show {
    display: block;
}
.popup {
    opacity: 0;
    position: absolute;
    top: 1.5625vw;
    left: 1.5625vw;
    right: 1.5625vw;
    bottom: 0;
    height: 100%;
    background-color: #fff;
    transition: opacity .5s ease;
}
.popup.show {
    opacity: 1;
}
.popup__btn {
    padding: 0;
    border: none;
    outline: none;
    font: inherit;
    color: inherit;
    background: none;
    
    position: absolute;
    z-index: 2600;
    right: calc( 3.125vw - 1em );
    top: calc( 3.125vw - 1em );
    padding: 1em;
}
.popup__btn svg path {
    fill: #fff;
    transition: fill ease .3s;
}
.popup__btn:hover svg path {
    fill: #6e5cfc;
}
.popup__btn svg {
    width: 40px;
    height: 40px;
}
.modalcontenu  {
    width: 100%;
    height: 100%;
    background-color: transparent;
}
*/



/*RS*/
.reso__lien, div.reso__lien {
    text-decoration: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    cursor: pointer;
}
.reso__lien:last-child, div.reso__lien:last-child, {
    margin-right: 0;
}
.reso__lien:hover .reso__svg  {
    background-color: #fff;

}
.reso__lien:hover .reso__svg path, .reso__lien:hover .reso__svg rect {
    fill: #e60000;
}
.reso__lien:hover, div.reso__lien:hover {
    border: none;
}
.reso__svg {
    --max: 60;
    --min: 40;
    width: var(--responsive);
    height: var(--responsive);
    border-radius: .4em;
    padding: .25em;
    transition: background-color ease .3s;
}
.reso__svg path, .reso__svg rect {
    fill: #fff;
    transition: fill ease .3s;
}

.playervideo {
    margin-top: 40px;
}
@media (min-width: 1300px) {
    .playervideo {
        margin-top: 60px;
    }
}
.video__cont {
    margin: 2em 0;
}
.embed-container {
    margin: 0 0;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ANIM */
.animate-in {
    -webkit-animation: fadeIn .7s ease-in;
    animation: fadeIn .7s ease-in;
}
.animate-out {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.line {
    overflow: hidden;
    padding-top: 0.2em;
    padding-bottom: 0.1em;
    margin-top: -0.1em;
    margin-bottom: -0.2em;
}

.js .animscroll.effecttoimg1 img, .js .effecttoimg1 img {
    border-radius: 0;
    /*transform: matrix(1, 0, 0, 1, 0, 60);*/
    transition: all ease .75s;
}
.js .animscroll--go.effecttoimg1 img {
    border-radius: 1.2em;
    transform: matrix(1, 0, 0, 1, 0, 0);
}

.js .animscroll.imgeffect1, .js .imgeffect1 {
    position: relative;
    overflow: hidden;
    -webkit-transform: scale(.85);
    transform: scale(.85);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform 1.5s ease;
}
.js .animscroll--go.imgeffect1 {
    transform: scale(1);
}
.js .animscroll.imgeffect1 img {
    display: block;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform 1.5s ease;
}
.js .animscroll--go.imgeffect1 img {
    transform: scale(1);
}
.js .animscroll.animscroll_fadeandup {
    transform: matrix(1, 0, 0, 1, 0, 60);
    opacity: 0;
    transition: all ease 1s;
}
.js .animscroll.animscroll_fadeandup--delay {
    transition-delay: 1s;
}
.js .animscroll--go.animscroll_fadeandup {
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
}
.js .animscroll.animscroll_up {
    transform: matrix(1, 0, 0, 1, 0, 60);
    transition: transform ease 1s;
}
.js .animscroll--go.animscroll_up {
    transform: matrix(1, 0, 0, 1, 0, 0);
}

.js .animscroll.hist__item {
    transform: matrix(1, 0, 0, 1, 0, 60);
    transition: transform ease 1s;
}
.js .animscroll--go.hist__item {
    transform: matrix(1, 0, 0, 1, 0, 0);
}
.js .animscroll.hist__item .hist__annee {
    color: #777;
    transition: color ease .3s;
    transition-delay: .3s;
}
.js .animscroll--go.hist__item .hist__annee {
    color: #e60000;
}
.js .animscroll.hist__item .hist__txt {
    color: #777;
    transition: color ease .3s;
    transition-delay: .6s;
}
.js .animscroll--go.hist__item .hist__txt {
    color: #000;
}
.js .animscroll.hist__item .hist__img {
    filter: grayscale(1);
    transition: filter ease 1s;
    transition-delay: .6s;
}
.js .animscroll--go.hist__item .hist__img {
    filter: grayscale(0);
}


/*autocomplete.js*/
#autoComplete {
    font-size: 16px;
    padding: .75em .75em;
    padding-left: 3em;
    width: 100%;
    color: #000;
    /*border: none;
    border-left: 1px solid #787878;*/
    border: 2px solid #707070;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath style='fill:none;stroke:%23777;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' d='M16.31 16.31 25 25M9.75 1c4.83 0 8.75 3.92 8.75 8.75s-3.92 8.75-8.75 8.75S1 14.58 1 9.75 4.92 1 9.75 1Z'/%3E%3C/svg%3E");
    background-size: 1.3em 1.3em;
    background-position: left 1em center;
    background-repeat: no-repeat;
}
@media (min-width: 640px) {
    #autoComplete {
        font-size: .8em;
        border-radius: .6em;
    }
}
#autoComplete:focus {
    border: 1px solid #E60000;
    outline: solid #E60000 2px;
}
.autoComplete_wrapper {
    font-size: .8em;
}
.autoComplete_wrapper p {
    font-size: .8em;
    padding-top: 1em;
    color: #707070;
    text-transform: uppercase;
    color: #E60000;
}
.autoComplete_wrapper li {
    padding: .5em 0;
}
@media (min-width: 900px) {
    .autoComplete_wrapper li {
        padding: .15em 0;
    }
}
.autoComplete_wrapper a {
    text-decoration: none;
    color: #707070;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath style='fill:none;stroke:%23777;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' d='M16.31 16.31 25 25M9.75 1c4.83 0 8.75 3.92 8.75 8.75s-3.92 8.75-8.75 8.75S1 14.58 1 9.75 4.92 1 9.75 1Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: .8em .8em;
    background-position: .25em .35em;
    padding-left: 1.5em;
    padding-right: .5em;
}
.autoComplete_wrapper a span:nth-child(1) {
    text-transform: lowercase;
}
.autoComplete_wrapper a span::first-letter {
    text-transform: uppercase;
}
.autoComplete_wrapper a:hover {
    background-color: #f0f0f0;
}
.autoComplete_wrapper a span:nth-child(2) {
    opacity: 0;
}
.autoComplete_wrapper a:hover span:nth-child(2) {
    opacity: 1;
}
.autoComplete_wrapper mark {
    background: none;
    color: #787878;
    font-weight: 700;
}
/*
.autoComplete_wrapper{display:inline-block;position:relative}.autoComplete_wrapper>input{height:3rem;width:370px;margin:0;padding:0 2rem 0 3.2rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:1rem;text-overflow:ellipsis;color:rgba(255,122,122,.3);outline:0;border-radius:10rem;border:.05rem solid rgba(255,122,122,.5);background-image:url(images/search.svg);background-size:1.4rem;background-position:left 1.05rem top .8rem;background-repeat:no-repeat;background-origin:border-box;background-color:#fff;transition:all .4s ease;-webkit-transition:all -webkit-transform .4s ease}.autoComplete_wrapper>input::placeholder{color:rgba(255,122,122,.5);transition:all .3s ease;-webkit-transition:all -webkit-transform .3s ease}.autoComplete_wrapper>input:hover::placeholder{color:rgba(255,122,122,.6);transition:all .3s ease;-webkit-transition:all -webkit-transform .3s ease}.autoComplete_wrapper>input:focus::placeholder{padding:.1rem .6rem;font-size:.95rem;color:rgba(255,122,122,.4)}.autoComplete_wrapper>input:focus::selection{background-color:rgba(255,122,122,.15)}.autoComplete_wrapper>input::selection{background-color:rgba(255,122,122,.15)}.autoComplete_wrapper>input:hover{color:rgba(255,122,122,.8);transition:all .3s ease;-webkit-transition:all -webkit-transform .3s ease}.autoComplete_wrapper>input:focus{color:#ff7a7a;border:.06rem solid rgba(255,122,122,.8)}.autoComplete_wrapper>ul{position:absolute;max-height:226px;overflow-y:scroll;box-sizing:border-box;left:0;right:0;margin:.5rem 0 0 0;padding:0;z-index:1;list-style:none;border-radius:.6rem;background-color:#fff;border:1px solid rgba(33,33,33,.07);box-shadow:0 3px 6px rgba(149,157,165,.15);outline:0;transition:opacity .15s ease-in-out;-moz-transition:opacity .15s ease-in-out;-webkit-transition:opacity .15s ease-in-out}.autoComplete_wrapper>ul:empty,.autoComplete_wrapper>ul[hidden]{display:block;opacity:0;transform:scale(0)}.autoComplete_wrapper>ul>li{margin:.3rem;padding:.3rem .5rem;text-align:left;font-size:1rem;color:#212121;border-radius:.35rem;background-color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.autoComplete_wrapper>ul>li mark{background-color:transparent;color:#ff7a7a;font-weight:700}.autoComplete_wrapper>ul>li:hover{cursor:pointer;background-color:rgba(255,122,122,.15)}.autoComplete_wrapper>ul>li[aria-selected=true]{background-color:rgba(255,122,122,.15)}@media only screen and (max-width:600px){.autoComplete_wrapper>input{width:18rem}}
*/