/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 31, 2023 */
@font-face {
    font-family: 'montserrat';
    src: url('Fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('Fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('Fonts/montserrat-italic-webfont.woff2') format('woff2'),
         url('Fonts/montserrat-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'montserrat';
    src: url('Fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('Fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('Fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('Fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
/* Fontello */
@font-face {
  font-family: 'pictos';
  src: url('Fonts/pictos.eot?94036394');
  src: url('Fonts/pictos.eot?94036394#iefix') format('embedded-opentype'),
       url('Fonts/pictos.woff2?94036394') format('woff2'),
       url('Fonts/pictos.woff?94036394') format('woff'),
       url('Fonts/pictos.ttf?94036394') format('truetype'),
       url('Fonts/pictos.svg?94036394#pictos') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'pictos';
    src: url('../font/pictos.svg?11301158#pictos') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "pictos";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-menu:before { content: '\e800'; } /* '' */
.icon-plus:before { content: '\e801'; } /* '' */
.icon-cancel:before { content: '\e802'; } /* '' */
.icon-minus:before { content: '\e803'; } /* '' */
.icon-ok:before { content: '\e804'; } /* '' */
.icon-mail-1:before { content: '\e805'; } /* '' */
.icon-down:before { content: '\e806'; } /* '' */
.icon-left:before { content: '\e807'; } /* '' */
.icon-right:before { content: '\e808'; } /* '' */
.icon-search:before { content: '\e809'; } /* '' */
.icon-up:before { content: '\e80a'; } /* '' */
.icon-flag:before { content: '\e80b'; } /* '' */
.icon-download:before { content: '\e80c'; } /* '' */
.icon-quote:before { content: '\e80d'; } /* '' */
.icon-globe:before { content: '\e80e'; } /* '' */
.icon-up-open-mini:before { content: '\e80f'; } /* '' */
.icon-right-open-mini:before { content: '\e810'; } /* '' */
.icon-left-open-mini:before { content: '\e811'; } /* '' */
.icon-down-open-mini:before { content: '\e812'; } /* '' */
.icon-home:before { content: '\e813'; } /* '' */
.icon-at:before { content: '\e814'; } /* '' */
.icon-basket:before { content: '\e815'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-pdf:before { content: '\f1c1'; } /* '' */
.icon-twitter:before { content: '\f30a'; } /* '' */
.icon-facebook:before { content: '\f30d'; } /* '' */
.icon-linkedin:before { content: '\f319'; } /* '' */

/* ======================================================
   GLOBAL RESET
====================================================== */
*, html, body, iframe, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, table, th, td, audio, video { 
	margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display:block; }
table { border-collapse:collapse; border-spacing:0; }
table td { vertical-align:top; }
iframe, fieldset, img, a img { border:0 none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; text-align:left; } 
h1, h2, h3, h5, h5, h6 { font-size:100%; }
blockquote::before, blockquote::after, q::before, q::after { content:''; content:none; }
html>body * a { position:relative; }  /* Gets links displaying over a PNG background */
a { outline:none; } /* Gets rid of Firefox's dotted borders */
textarea, table, td, th, code, pre, samp { 
  word-wrap: break-word; /* passage à la ligne forcé */
  -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; /* césure propre */
}
input, select { vertical-align:middle; }
ul li { margin:0.5em 1em; padding: 0 0.25em; list-style:disc; }
ol li { margin:0.5em 1em; padding: 0 0.25em; list-style:decimal; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
img { width: 100%; }
span { white-space: nowrap; }


/**=====================================================
   ANIMATIONS
====================================================== */
/* HOMEPAGE BTN go content */
@keyframes go2content_move {
  from {
    bottom: 5%;
    opacity: 0;
  }
  10% {
    bottom: 3%;
    opacity: 1;
  }
  11% {
    bottom: 5%;
    opacity: 0;
  }
  20% {
    bottom: 3%;
    opacity: 1;
  }
  21% {
    bottom: 5%;
    opacity: 0;
  }
  to {
    bottom: 5%;
    opacity: 0;
  }
}


/**------------------------------
 * GENERAL CLASSES and SETTINGS
--------------------------------**/
:root {
  --mainColor: #121740;
  --orange: #f37029;
  --black: #000;
  --white: #fff;
  --lightWhite: #fbfaf8;
  --darkGray: #999;
  --mediumGray: #dcddde;
  --lightGray: #E9E9E9;
  --75Blue: #4d5170;
  --mediumBlue: #888b9f;
  --lightBlue: #c4c5cf;
  --75Orange: #f6945f;
  --mediumOrange: #f9b794;
  --lightOrange: #fcdbc9;
  --specialColor01: #D2C572;
}

html { width:100%; height:100%; }
body { width: 100%; height: 100%; font:normal 1em/1.5 "montserrat", Helvetica, Arial, sans-serif; color: var(--mainColor); text-align: left; background-color: var(--lightWhite); }
h1 { position: relative; margin:1.5em 0; max-width: 960px; font-size: 1.2em; line-height: 1.2; font-weight: 500; color:var(--75Blue); text-align:left; }
h2 { position: relative; margin: 1.5em 0 .75em; max-width: 768px; font-size: 1.2em; line-height: 1.2; font-weight: bold; }
h3 { position: relative; margin: 1em 0 .5em; max-width: 768px; font-size: 1.1em; line-height: 1.3; font-weight: bold; }
h4 { margin:.5em 0; font-size: 1em; line-height: 1.5; }
h5 { margin:.5em 0; font-size: 1em; font-weight: normal; line-height: 1.5; }
h6 { margin:.5em 0; font-size: 1em; font-weight: normal; line-height: 1.5; }
a { color: var(--orange); text-decoration: underline; line-height: 1; }
a:hover, a:focus { color: var(--orange); text-decoration: underline; }
a[href ^= 'tel:'] { text-decoration: none; }
p { margin: 1.5em 0; }


/* ======================================================
   TRANSITIONS
====================================================== */
a, button, button::after, .button, .button::after, .button::before, .link-read::after, .toggle-menu, h3.ui-accordion-header { transition: all ease-in-out 0.2s; }


/* ======================================================
   CLASSES and *
====================================================== */
h1::before { display:inline-block; content:''; margin-right: .3em; width:.8em; height:.8em; background-color:var(--75Orange); border-radius:2em; }
blockquote { margin:1em auto; font-style:italic; }
table { margin: 1.5em 0; width:100%; }
td { padding:.5em; border-bottom:1px solid var(--lightBlue) }
.ctn-msg { margin: .5em auto; max-width: 480px; background-color: var(--white); border-radius: 1.5em; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2) }
.ctn-msg p { margin:.5em 0 }
.success { padding: 1px 1.5em; color: var(--mainColor); }
.success p::before { display: inline-block; margin-right: .5em; font-family: 'pictos'; content: '\e804'; }
.error { padding: 1px 1.5em; font-weight: 500; color: var(--orange); }
.error p::before { display: inline-block; margin-right: .5em; font-family: 'pictos'; content: '\e802'; }
.clear-fix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.lozad { opacity: 0; transition: opacity ease-in .5s; }
.loaded { opacity: 1; }
#go2top { display:none; position:fixed; bottom:2%; right:2%; margin: .5em; padding: .5em 0; width: 40px; height: 40px; font-size: 1em; line-height: 1; color: var(--orange); text-align:center; background-color: transparent; border: 1px solid var(--lightWhite); border-radius:25px; z-index:30; }
#go2top:hover { color: var(--orange); background-color:var(--mainColor); }
.center { text-align:center; }
.wrapper { position: relative; }
.inner { position: relative; margin: 0 auto; padding:0 3%; max-width:1480px; text-align:center; z-index:5 }
.w960 { max-width:960px; }
.inset { margin: 1.5em 0; padding: 1.5em; max-width: 720px; background-color: var(--mediumGray); border-radius: 1.5em 1.5em 1.5em 0; }
body.single-page.shop .w960 { max-width:1480px; }
.flex-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; align-content:flex-start; gap:2em; }
.flex-grid-2cols { margin:1.5em auto; max-width:960px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; align-content:flex-start; gap:1em; }
.flex-item { position: relative; flex-grow: 1; }
.responsive { position: relative; padding-top: 30px; padding-bottom:56.25%; height: 0; overflow: hidden; }
.responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive img { margin:.5em auto; width: 100%; height: auto; max-height: none; max-width: none; }
.button, a.button, button { display:inline-block; padding:.6em 1.2em; font-size: 1em; font-weight: 500; line-height: 1.4; color: var(--white); text-decoration:none; white-space:nowrap; background-color: var(--orange); border: 2px solid var(--orange); cursor:pointer; border-radius: 2em 2em 2em 0; }
.button::after, a.button::after, button::after, .link-read::after { display:inline-block; margin-left:0; width:0px; font-family:'pictos'; font-size: 1em; line-height: 1; font-weight:bold; content:'\e808'; opacity:0; }
.button:hover::after, a.button:focus::after, button:hover::after, button:focus::after, .link-read:hover::after, .link-read:focus::after { margin-left:1em; width:auto; opacity:1; }
.button.back::after { display:none; }
.button.back::before, a.button.back::before { display:inline-block; margin-right:0; width:0px; font-family:'pictos'; font-size: 1em; line-height: 1; font-weight:bold; content:'\e807'; opacity:0; }
.button.back:hover::before, a.button.back:focus::before { margin-right:1em; width:auto; opacity:1; }
.button.btn-shop::before { display:inline-block; margin-right:.5em; font-family:'pictos'; font-size: 1.5em; line-height: 1; font-weight:normal; content: '\e815'; }
a.link-read { padding: .5em 1em .5em 0; font-size:.8em; text-transform:uppercase; text-decoration:none; }

/* Formulaires */
form { margin:1.5em auto 3em; max-width: 540px; }
.fieldset { width: 100%; margin-bottom: 1em; }
form p, form .line { clear:both; margin:1em auto; text-align: left; }
form .form-blktxt .line { max-width: inherit; }
label { display:block; margin-bottom: .3em; font-family: "montserrat", Helvetica, Arial, sans-serif; font-size: 1em; color: var(--mainColor); text-align: left; cursor:pointer; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="time"], textarea, select { padding:0.5em 1em; width: 100%; font-size: 1em; line-height: 1.5; font-family: "montserrat", Helvetica, Arial, sans-serif; background-color: var(--white); border:2px solid var(--mediumGray); border-radius:.5em }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="time"]:focus, textarea:focus, select:focus { border-color:var(--orange); }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 1.2em; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNMTQuODMgMTYuNDJsOS4xNyA5LjE3IDkuMTctOS4xNyAyLjgzIDIuODMtMTIgMTItMTItMTJ6Ii8+PHBhdGggZD0iTTAtLjc1aDQ4djQ4aC00OHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4='); background-size: 1.2em; background-repeat: no-repeat; background-position: calc(100% - .1em) center; }
input[type="radio"], input[type="checkbox"] { position: relative; display: inline-block; /* Add if not using autoprefixer */ -webkit-appearance: none; /* Remove most all native input styles */ appearance: none; /* For iOS < 15 */ background-color: var(--white); /* Not removed via appearance */ margin: 0 .5em 0 0; font: inherit; color: #2D3334; width: 22px; height: 22px; border: 1px solid var(--mediumGray); border-radius: 50%; cursor: pointer; }
input[type="radio"]:checked, input[type="checkbox"]:checked { border-color: var(--mediumGray); }
input[type="checkbox"] { border-radius: 0.15em; }
input[type="radio"]::before, input[type="checkbox"]::before { position: absolute; top: calc(50% - 5px); left: calc(50% - 5px); display: block; content: ""; width: 10px; height: 10px; transform: scale(0); transition: 120ms transform ease-in-out; }
input[type="radio"]::before { border-radius: 50%; background-color: var(--mediumGray); }
input[type="checkbox"]::before { clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform-origin: bottom left; box-shadow: inset 1em 1em var(--orange); background-color: var(--orange); }
input[type="radio"]:checked::before, input[type="checkbox"]:checked::before { transform: scale(1); }
input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 1px solid var(--orange); outline-offset: 0; }
textarea { width: 100%; height:15em; }
.code-image { clear:both; text-align: left; }
img#micodeimg { border:medium none; float:left; margin:0 0.5em 0 0; width:160px; border-radius:inherit; }
.code-image input { height:50px; width:160px; text-align:center; letter-spacing:0.3em; text-transform:uppercase; }
a.btn-reloadimgcode { display: inline-block; margin: 0 .5em; padding: .1em .5em 0; font-size: .8em; line-height: 1.3; color: var(--mediumBlue); text-decoration: none; background-color: var(--white); border: 1px solid var(--mediumBlue); border-radius: .5em; text-align: center; }
a.btn-reloadimgcode:hover, a.btn-reloadimgcode:focus { color: var(--white); background-color: var(--orange); border-color:var(--orange); }
input[type="submit"] { display: block; margin: 1.5em 0; padding: .5em 1em; width: 200px; font-size: .8em; line-height: 1; color: var(--white); text-decoration: none; text-align: center; border: 0; background-color: var(--darkGray); cursor: pointer; }
input[type="submit"]:hover, input[type="submit"]:focus { background-color: var(--darkGray); }
button { display:block; margin: 1.5em 0; }
form a { color:var(--mediumBlue); }
form a:hover, form a:focus { color:var(--orange); }
form span { white-space:normal; }
/* FORM Specifique */
.form-search { margin-bottom:1em; max-width:inherit; }
.btn-reset { display:inline-block; padding:0.5em 1em; line-height: 1.5; background-color: var(--white); }


/* ======================================================
   HEADER
====================================================== */
header { background-color: var(--mainColor); position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 20; }
.home header { background-color:transparent; }
.home header.fixed { background-color: var(--mainColor); }
header .flex-grid { padding: 0.5em 3%; flex-flow: row nowrap; -webkit-box-pack: left; align-items: center; justify-content: center; align-content: center; gap: 0; }
header .flex-item { position: relative; block; margin: auto; padding: 0; width: auto; flex-grow: 0; }
header div.flex-item:nth-child(3) { flex-grow:1; text-align:right; }
#logo { display: block; margin:auto .5em auto auto; }
#logo img { padding:.5em; width: auto; height:44px; }
.blk-lang {  }
a.lang { display: inline-block; margin: .5em; padding:.6em .5em; font-size:.9em; font-weight: normal; color: var(--white); text-decoration:none; }
a.lang:hover, a.lang:focus { color: var(--orange); }
a.lang::after { display: inline-block; margin-left: .7em; font-family: 'pictos'; content: '\e812'; }

/* MENU */
#toggle-menu { position: relative; display:inline-block; margin:.25em; padding:.25em; font-size: 25px; line-height: 1; color: var(--white); vertical-align: middle; cursor:pointer; }
#toggle-menu::before { display:block; font-family: 'pictos'; content: '\e800'; font-size: 1em; line-height: 1; font-weight: normal; }
#toggle-menu:hover, #toggle-menu:focus, #toggle-menu:hover i, #toggle-menu:focus i { color: var(--white); }
#blk-menu { display: none; position:absolute; right: 0; top: 100%; padding:1em 0 2em; width: 94vw; background-color: var(--mainColor); box-shadow:0 15px 15px 0 rgba(0, 0, 0, 0.5); text-align:center; }
ul.menu { position: relative; }
.menu.active { display: block; }
.menu a { font-size: .9em; line-height: 1; text-decoration:none; white-space: nowrap; }
.menu > li { position: relative; display: block; margin: .5em .25em; padding: 0; list-style: none; }
.menu > li > a { display:inline-block; margin: 0 auto; padding:.6em 1.2em; font-weight: 500; color: var(--white); }
.menu li > a:hover, .menu li > a:focus, .menu li:focus-within > a, .menu li.active > a { color:var(--orange); }
.menu li .btn-plus { position: absolute; left: 0; padding: .5em; }
.menu > li:last-child > a { color: var(--white); background-color:var(--orange); border-radius:1.2em 1.2em 1.2em 0; }
.menu span.btnOpen { display: inline-block; position: absolute; top: 0; right:0; padding:.4em .5em; color: var(--white); line-height: 1; }
.menu span.btnOpen::before { display: inline-block; padding: 0 .2em; font-family: 'pictos'; font-size: 1em; line-height: 1.1; content: '\e806'; }

ul.s-menu { display: none; margin: 0; padding:.5em 0; width: 100%; background-color: var(--75Blue); }
.s-menu.active { display: block; }
.s-menu li { display: block; margin: .5em 0; padding: 0; }
.s-menu > li > a { display: block; margin: 0; padding: .5em 1.2em; color:var(--white); }
.s-menu li > a:hover, .s-menu li > a:focus, .s-menu li.active > a { color:var(--orange); }


/* ======================================================
   MAIN, CONTENT
====================================================== */
main { position:relative; z-index:10 }
section { position: relative; }
.text { margin-bottom: 5em; font-size:.9em; text-align:left; }
.text p, .text ul, .text ol { margin: 1.5em 0; max-width:720px; }
.text strong, .text b { font-weight:bold; }
.text-intro { position: relative; max-width: 480px; text-align:left; }
.text-intro a.button { font-size:.8em; }
.text img { width:100%; max-width:768px; }
.text img.left, .blog .text img.left { margin:.5em auto; max-width:360px; border-radius: 1.5em 1.5em 1.5em 0; }
.text img.right, .blog .text img.right { margin: .5em auto; max-width:360px; border-radius: 1.5em 1.5em 1.5em 0; }
.text div.center { margin:1.5em 0; }
.text div.center img { margin:0 auto; }
.no-margin {  }
.margin-top { margin-top: 65px; }
.blk-img { display:block; position:relative; }
.blk-img::before { display: block; position:absolute; top:1em; right:1em; width:50px; height:30px; content: ''; background:url('/template/images/picto-jc2033-white.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: .5; z-index: 2; }
.blk-img img { border-radius: 1.5em 1.5em 1.5em 0; }
.text .flex-item { transform: translateY(50px); transition: transform ease-out .7s; }
.text .flex-item:nth-child(6n+2) { transform: translateY(50px); transition: transform ease-out .7s .15s; }
.text .flex-item:nth-child(6n+3) { transform: translateY(50px); transition: transform ease-out .7s .3s; }
.text .flex-item:nth-child(6n+4) { transform: translateY(50px); transition: transform ease-out .7s .45s; }
.text .flex-item:nth-child(6n+5) { transform: translateY(50px); transition: transform ease-out .7s .6s; }
.text .flex-item:nth-child(6n+6) { transform: translateY(50px); transition: transform ease-out .7s .75s; }
.text .flex-item.animated { transform: translateY(0px); }
.flex-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: left; justify-content: left; align-items: flex-start; }
.flex-side { position: relative; display: inline-block; width: 100%; }
.single-page.shop .flex-grid-2cols img { max-width:480px; }
.text .flex-item img { width: 100%; opacity: 0; transition: opacity ease-in 1s; }
.text .flex-item.animated img { opacity: 1; }
.flex-grid-2cols .flex-item img { margin: auto; width:100%; max-width: 240px; border-radius: 1.5em 1.5em 1.5em 0; }
.blk-video { margin:2em 0; }

/* NEWS & BLOG */
.blog .text-intro { max-width: 960px; font-size: 1em; font-weight: 500; }
.blog .text { margin-bottom: 5em; }
.blog .text img { width:100%; max-width:480px; height:auto; }
.blog .text a { word-break: break-word; }
span.blogtitle-page { font-size: .6em; text-transform: capitalize; }
.list-news { margin: 2em 0; align-items:stretch; }
.list-news .flex-item { margin:0 auto; max-width: 420px; background-color: var(--white); border-radius: 1.5em 1.5em 1.5em 0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); text-align:left; }
.list-news .flex-item { transform: translateY(100px); transition: transform ease-out 1s; }
.list-news .flex-item:nth-child(3n+2) { transform: translateY(100px); transition: transform ease-out 1s .2s; }
.list-news .flex-item:nth-child(3n+3) { transform: translateY(100px); transition: transform ease-out 1s .4s; }
.list-news .flex-item.animated { transform: translateY(0px); }
.list-news a.blk-link { display:block; color: var(--mainColor); text-decoration:none; }
.list-news .blk-img { width: 100%; height: 94vw; max-height: 420px; border-radius: 1.5em 1.5em 0 0; overflow:hidden; }
.list-news .blk-img img { object-fit: cover; object-position: center; width: 100%; height: 100%; border-radius:0; transform:scale(1); transition: transform ease-out 0.5s; }
.list-news a.blk-link:hover img, .list-news a.blk-link:focus img { transform:scale(1.1); transition: transform ease-out 0.3s; }
.list-news a.blk-link:hover .link-read::after, .list-news a.blk-link:focus .link-read::after { margin-left:1em; width:auto; opacity:1; transition: all ease-in-out 0.2s; }
.list-news span.link-txt { position:absolute; bottom:0; left:0; padding: 2em; width: 100%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); font-size: .8em; font-weight: 500; text-transform: uppercase; opacity:0; transition: all ease-in-out 0.2s; }
.list-news .text { position: relative; margin: 0; padding: 1em; height: 260px; overflow-y: hidden; background-color: var(--white); border-radius: 0 0 1.5em 0; }
.list-news .text::after { display:block; position:absolute; bottom:0; left: 0; width:100%; height:70%; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%); content:''; }
.list-news .link-read { position: absolute; bottom: 2em; padding: .5em 1em .5em 0; font-size:.8em; font-weight: 500; color: var(--orange); text-transform: uppercase; white-space: nowrap; z-index:2; }
.list-news h3 { margin: 0 0 .75em; font-size:1.2em; font-weight:500; }
.list-news .intro { font-size:.8em; line-height:1.4; }
.list-news .news-subscribe { padding-bottom: 1.5em; background-color: var(--mainColor); color: var(--white); text-align:center; }
.list-news .news-subscribe .blk-img::before { display:none; }
.list-news .news-subscribe img { padding: 1em; max-width: 420px; max-height: 420px; }
.list-news .news-subscribe p { margin:1.5em 1em; }
a.nav-article { position: relative; display: block; float: left; margin-bottom:2em; padding:0 1.5em; width: 45%; font-weight: 500; line-height: 1.2; text-decoration:none; }
a.nav-article:hover, a.nav-article:focus { text-decoration:underline; }
a.nav-article.prev { margin-left:5%; padding-left: 0; text-align:right; }
a.nav-article.next { margin-right:5%; padding-right: 0; text-align:left; }
a.nav-article.prev::before { position: absolute; right: 0; top:1em; display:inline-block; font-family:'pictos'; font-size: 1.4em; content:'\e808'; }
a.nav-article.next::before { position: absolute; left: 0; top:1em; display:inline-block; font-family:'pictos'; font-size: 1.4em; content:'\e807'; }
.nav-article img { display: inline-block; width:80px; height:80px; border-radius:1em 1em 1em 0; object-fit:cover; object-position:center; }
.blk-newsletter { display: none; position: fixed; bottom: 5em; right: 1em; padding: 1em; width: 260px; font-size: .7em; line-height: 1.2; color: var(--white); background-color: var(--mainColor); border-radius: 1.5em; z-index: 100; }
.blk-newsletter p { margin:1em 0; }
.ctn-search { margin-top:-1.5em; text-align:left; }
.ctn-search a.btn-search { font-size: .8em; font-weight: 500; color: var(--orange); text-decoration: none; }
.ctn-search a.btn-search:hover, .ctn-search a.btn-search:focus { text-decoration:underline; }
.ctn-search a.btn-search::before { display:inline-block; margin-right:.5em; font-family:'pictos'; content:'\e809'; }
.is-search { margin-bottom: 2.5em; font-size: .8em; text-align: left; }
.is-search a { text-decoration:none; white-space:nowrap; }
.is-search a:hover, .is-search a:focus { text-decoration:underline; }
.is-search a::before { display:inline-block; margin-right:.5em; font-family:'pictos'; font-size: 1em; content:'\e808'; }
.pagination { margin:2em auto; text-align:center; }
.pagination span, .pagination a { display:inline-block; margin: .25em; padding:.4em .7em; min-width: fit-content; font-size: 1em; line-height: 1; color:var(--orange); background-color: var(--lightWhite); border: 1px solid var(--lightWhite); border-radius:2em 2em 2em 0; text-decoration:none; }
.pagination span.disabled { color: var(--lightBlue); border-color:var(--lightWhite); }
.pagination span.current { font-weight: 500; color: var(--75Blue); border-color: var(--75Blue); }
.pagination a:hover, .pagination a:focus { color:var(--white); background-color:var(--orange); border-color: var(--orange); }

/* PRODUCTS */
.list-products { margin: 2em 0; align-items:stretch; }
.list-products h2 { width: 100%; max-width: inherit; text-align: left; }
.list-products .flex-item { display: flex; flex-direction: column; margin:0 auto; max-width: 420px; text-align:left; }
.list-products .blk-img { width: 100%; height: 94vw; max-height: 420px; overflow:hidden; }
.list-products .blk-img::before { display:none; }
.list-products .blk-img img { object-fit: contain; object-position:bottom center; width: 100%; height: 100%; border-radius:0; transform:scale(1); transition: transform ease-out 0.5s; }

.list-products .text { position: relative; flex-grow: 1; margin:1em 0; padding: 1em 1em 110px 1em; height: auto; background-color: var(--white); border-radius: 1.5em 1.5em 1.5em 0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
.list-products h3 { margin: 0; font-size:1.2em; font-weight:500; }
.list-products .intro a { font-weight:500; }
.list-products .price { margin:.5em 0 }
.list-products .item-action { position:absolute; bottom:0; padding-bottom: 1em; width: calc(100% - 2em); }
.form-add2cart { margin: 0; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: baseline; gap: .5em; }
.form-add2cart button::after { content: ""; }
.form-add2cart button:hover::after, .form-add2cart button:focus::after { margin-left:0; }
.form-add2cart select { padding:0 1.2em 0 0; border:none; cursor:pointer; }
.form-add2cart select:focus-within { color:var(--orange); }
.options { flex-grow:1; width:100% }
.options select { border:1px solid var(--lightGray); border-radius:1em; padding: 0.4em 1.2em 0.4em 0.4em; }
.ctl-qty { display:inline-block; border:1px solid var(--lightGray); border-radius:1em }
.value-control { display: inline-block; margin: 0; padding: 0; width: 36px; height: 36px; font-size: 1em; line-height: 1; color: var(--mainColor); background: transparent; border: none; cursor: pointer; }
.value-control:focus, .value-control:hover { color:var(--redColor); background: transparent; border:none; }
input[type="number"].value-input { margin: 0 1px; padding: 2px; height: 36px; width: 36px; font-size: 1rem; line-height: 1; background-color: transparent; border: none; text-align: center; }
input[type="number"].value-input::-webkit-outer-spin-button, input[type="number"].value-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"].value-input { -moz-appearance: textfield; }
.btn-buy { position: relative; margin:0; padding:2px 0; font: 500 1em/1.5 "montserrat", Helvetica, Arial, sans-serif; color:var(--orange); background-color:var(--white); border:none; }
.btn-buy::before { display: inline-block; margin-right: .5em; font-family: 'pictos'; font-size: 1.2em; line-height: 1; font-weight: normal; content: '\e815'; }
.btn-buy::after { position: absolute; bottom: 0; display:block; width:0px; height:2px; background-color:var(--orange); opacity:0 }
.btn-buy:hover::after, .btn-buy:focus::after { width:100%; opacity:1 }

/* CART */
.tb-panier { width: 100%; text-align: left; }
.empty-cart { text-align:left; }
.tb-panier .item-row { border-bottom: 2px solid var(--lightGray); padding: 0.5em 0; }
.tb-panier.tb-bottom .item-row { border-bottom: none; }
.tb-panier .item-column { padding-bottom: 0.5em; line-height:1.4; }
.tb-panier .title { font-weight:500 }
.tb-panier .price { font-size: 1em; }
.tb-panier .red { font-weight: 700; color: var(--orange); text-transform: none; }
.tb-panier .red:before { margin-right: 0.5em; font-family: "eblc-icons"; font-weight: normal; content: "\e821"; }
.tb-panier .head .item-column { display: none; }
.tb-panier .item-column img { max-width: 100px; float: left; margin-right: 1em; }
.tb-panier .total, .tb-panier .price { width: 100%; white-space: nowrap; }
.tb-panier .tarticles, .tb-panier .tamount { float: left; font-weight: bold; width: 50%; }
.tb-panier .total, .tb-panier .tamount { text-align: right; }
.tb-panier .total::before { content: "Total: "; }
.tb-panier .ln-frais .total, .tb-panier .ln-frais .item-column { float: left; }
.tb-panier .ln-frais .total { float: right; }
.tb-panier .ln-bon div:nth-child(2)::before { display: inline-block; margin: 0 .5em 0 0; font-family: 'eblc-icons'; font-size: 20px; font-weight: normal; content: "\e81c" }
.tb-panier .ln-freeship .total::before { display: inline-block; margin: 0 .5em; font-family: 'eblc-icons'; font-size: 20px; font-weight: normal; content: "\e81c" }
.tb-panier .actions { padding:.5em 0 .5em 1em; text-align: right; }
.tb-panier .btn-wishlist { margin:0 .5em; font-size: 1.3em; line-height: 1; text-decoration:none; white-space:nowrap }
.tb-panier .btn-wishlist i { vertical-align: middle; }
.tb-panier .item-column .si-btn { float: right; line-height: 35px; margin-right: 0; margin-left: 70px; text-indent: -55px; text-decoration: none; }
.tb-panier .item-column .smallpicto-ebook { left: -10px; margin-left: 0; text-indent: -9999px; }
.tb-panier .action-line .item-column { display: table-cell; padding: .5em 0; vertical-align: baseline; text-align: right; }
.tb-panier .action-line .item-column.actions { width:220px }
.tb-panier .qty form { display: inline-block; margin:0 }
.tb-panier .qty .qty-input { padding: 0; width: 36px; text-align: center; background-color: transparent; border: none; }
.tb-panier .qty .btn-qty-ok { margin: 0; padding: 0 0.3em; }
.blk-qty { float: left; margin:5px 0; line-height: 25px; }
.blk-qty span { display: none; }
.btn-del-item, .btn-plus, .btn-minus { display: inline-block; margin: 0; color: var(--mainColor); text-decoration: none; }
.btn-plus::before, .btn-minus::before { display: inline-block; width: 36px; height: 36px; font-family: 'pictos'; font-size: 20px; line-height: 36px; font-weight: normal; text-align:center; vertical-align:middle; }
.btn-plus::before { content: '\e801'; }
.btn-minus::before { content: '\e803'; }
.btn-del-item span, .btn-plus span, .btn-minus span { display: none; }
.btn-del-item:hover, .btn-plus:hover, .btn-minus:hover, .btn-del-item:focus, .btn-plus:focus, .btn-minus:focus { color: var(--orange); text-decoration: none; }
a.btn-del-item:-moz-focusring, a.btn-del-item:focus-visible { color: var(--orange); text-decoration:none; }
form#form-promo input[type="text"] { display: inline-block; padding: .5em; width: 210px; border-radius:5px 0 0 5px; vertical-align:baseline; }
form#form-promo input[type="text"]:focus { outline:none; }
form#form-promo button { margin:0; padding: .5em; font-size: 1rem; line-height: 1.5; border-width:1px; border-radius:0 5px 5px 0; vertical-align:baseline; }
.ctn-liste { margin:2em 0 }
.ctn-order .inner { padding-bottom: 2em; text-align: left; }
#cart a.back { display:block; max-width:fit-content; font-size: .7em; text-align:left; }
.img-paymentmode { display: inline-block; margin:0 .2em; height: 20px; width: auto; vertical-align: middle; }
.button.btn-go2cart { font-size:1rem; white-space: normal; max-width: 240px; margin: 1em 0; }

/* HOMEPAGE */
#top-home { position: relative; width: 100%; height: 100vh; background-color: var(--black); overflow-y:hidden; }
img.homeMainImg { object-fit: cover; object-position: center; height: 100%; width: 100%; }
img.homeLogo { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0 auto; width:80vw; max-width: 1120px; height: auto; }
#go2content { position: absolute; display: inline-block; left: 50%; bottom: 7%; transform: translateX(-50%); font-size: 3em; color: var(--white); }
#go2content:hover, #go2content:focus { color:var(--orange); }
#go2content.active { animation-name: go2content_move; animation-duration: 5s; animation-iteration-count: infinite; }
#blknews { margin-bottom:3em }
#blknews .inner { text-align:left; }
#blknews h2 { color:var(--orange) }
#blknews .my-slider { padding: 0 0 1em; }
.home-blknews { margin:2em auto; padding: 0; }
.specialWrapper01 { padding:0 3% }
.home-blk-01 { display: flex; align-items: center; padding:5em 2em; background-color:var(--white); }
.home-blk-01 h1 { margin: auto; max-width:960px; font-size:1.5em; line-height: 1.15; color:var(--orange); text-transform: uppercase; text-align:inherit; }
.home-blk-01 h1 span.txtOrange { color:var(--orange); white-space:inherit; }
.home-blk-01 h1::before { display:none; }
.home-blk-01 .text { margin:0 auto; max-width:960px; text-align:center; }
.home-blk-01 p { max-width: inherit; font-size: 1.2em; line-height:1.5; font-style: italic; color:var(--mainColor); }
.home-blk-01::after { position: absolute; bottom: 0; right: 0; content: ''; box-shadow: 30px 30px 0 0 var(--white); width: 120%; height: 100px; display: block; border-radius: 50%; z-index: 2; }
.home-blk-02 { padding: 3em 0 5em; color: var(--white); background-color:var(--mainColor); /*border-bottom:20px solid var(--specialColor01)*/ }
.home-blk-02 h2 { margin: 0 auto .5em; font-size: 1.5em; font-weight: normal; color: var(--75Blue); line-height: 1; text-transform: uppercase; }
.home-blk-03 { padding:5em 0; background-color:var(--white); }
.home-blk-03 .flex-grid { align-items:center; }
.home-blk-03 a.lnk-socials { font-size:3em; color: var(--mediumBlue); }
.home-blk-03 a.lnk-socials:hover, .home-blk-03 a.lnk-socials:focus { color: var(--orange); }
a.newsletter-homebanner { display: block; margin: 0 auto; padding: 1em; max-width: 360px; font-size: .7em; line-height: 1.3; font-weight: 500; color: var(--white); background-color:var(--mainColor); border-radius:1em; text-align:left; text-decoration: none; }
a.newsletter-homebanner:hover, a.newsletter-homebanner:focus { color:var(--orange) }
a.newsletter-homebanner img { float: left; margin-right: 1em; width: 80px; }
a.newsletter-homebanner::after { clear: both; content:''; display: block;
  height: 0px; }
.list-videos .flex-item { transform: translateY(100px); transition: transform ease-out 1s; }
.list-videos .flex-item:nth-child(3n+2) { transform: translateY(100px); transition: transform ease-out 1s .2s; }
.list-videos .flex-item:nth-child(3n+3) { transform: translateY(100px); transition: transform ease-out 1s .4s; }
.list-videos .flex-item.animated { transform: translateY(0px); }
.list-videos img { border-radius: 1.5em 1.5em 1.5em 0; filter:grayscale(100%) opacity(60%); transition: all ease-in-out 0.2s; }
.list-videos a { display:block; }
.list-videos a:hover img, .list-videos a:focus img { filter: grayscale(0%) opacity(100%); transition: all ease-in-out 0.2s; }
.list-videos a::after { position: absolute; display:block; top:50%; left:50%; transform: translate(-50%, -50%); width: 80px; height: 80px; content:''; background:url('/template/images/picto-play.svg') no-repeat center; }
.list-videos h3 { margin: 1.5em 0; font-size:1em; }
#count-down { padding: 200px 2em 100px; background-color:var(--mainColor); overflow:hidden; }
#count-down img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit:cover; object-position:center; width:100%; height:100%; filter: blur(.3em) opacity(95%); transition:all ease-out 2s; }
#count-down:hover img { width:110%; transform: translate(-50%, -48%); filter: blur(0) opacity(100%); transition:all ease-out 1s; }
#count-down h2 { margin: auto; font-size: 1.5em; color:var(--lightWhite); }
#count-down .inner { max-width: 960px; margin: 0 auto; text-align: center; z-index: 2 }
#count-down #timer { font-size: 1em; color:var(--lightWhite); margin: 1em 0; }
#timer span { display:inline-block; }
#timer > span { font-size:1.4em; }
#timer span.timer-months { margin-left:.5em; }
#timer span.timer-days { margin-left:.5em; }
#timer span.timer-hours { margin-left:.5em; margin-right:.1em; }
#timer span.timer-min { margin-left:.1em; margin-right:.1em; }
#timer span.timer-sec { margin-left:.1em; width:1.4em; text-align:left; }

/* TEMPLATE section-frontpage */
.section-frontpage header { background-color:transparent; }
.section-frontpage header.fixed { background-color: var(--mainColor); }
.section-frontpage .wrapper { padding: 50px 0 0; background-color:var(--lightWhite); }
.top-content { position:relative; padding: 50px 0 5em; min-height: calc(100vw * 4 / 3); color:var(--white); background-color:var(--mainColor); }
.top-content img { position: absolute; top: 0; left: 0; object-fit:cover; object-position:center; width:100%; height:100%; z-index:1 }
.top-content #breadcrumbs, .top-content #breadcrumbs a { color: var(--white); }
.top-content h1 { color:var(--white); }
.top-content h1::before { background-color:var(--white); }
.top-content::after { position: absolute; bottom: 0; right: 0; content: ''; box-shadow: 30px 30px 0 0 var(--orange); width: 120%; height: 100px; display: block; border-radius: 50%; z-index: 2; }

/* TEMPLATE single-page */
.single-page .text div { max-width:720px; }
.single-page.shop .text div { max-width:inherit; }
.top-banner { padding-top:65px; }

/* TEMPLATE single-page-2 */
.single-page-2 header { background-color:transparent; }
.single-page-2 header.fixed { background-color: var(--mainColor); }
.single-page-2 .wrapper { padding: 40px 0 0; background-color:var(--lightWhite); }

/* FIL ARIANE */
#breadcrumbs { padding: 1em 3%; font-size: .7em; font-weight: 500; color: var(--lightBlue); text-align: left; overflow:hidden; }
#breadcrumbs a { margin: 0 .5em; color: var(--lightBlue); text-decoration: none; }
#breadcrumbs a:hover, #breadcrumbs a:focus { color: var(--orange); text-decoration: underline; }
#breadcrumbs span { margin: 0 .5em; white-space:inherit; }
#breadcrumbs a.breadcrumbs-home { margin:0; padding:.5em; }
#breadcrumbs a.breadcrumbs-home::before { display:inline-block; font-family:'pictos'; content:'\e813'; }
.sign-gt::before { display:inline-block; font-family:'pictos'; content:'\e810'; }

/**SLIDER**/
.my-slider { padding: 2em 0 1em; }
.my-slider .flex-grid { margin:0 auto; padding: 0 3%; max-width:1480px; gap:0; }
.my-slider .flex-item { transform:none; }
.my-slider .flex-item:first-child { /*margin: 0 auto; max-width:420px;*/ }
.my-slider .flex-item:last-child { width: calc(94% / 3 * 2); }

.my-slider a.blk-img { width: 100%; height: 94vw; max-height: 420px; border-radius: 1.5em 1.5em 1.5em 0; overflow:hidden; transform:translateX(30px); opacity: 0; transition: all ease-out 0.2s; }
.my-slider div.slick-active a.blk-img { transform: translateX(0px); opacity: 1; transition: transform ease-out 0.3s 0.5s, opacity ease-in .7s 0.5s; }
.my-slider a.blk-img img { object-fit: cover; object-position: center; width: 100%; height: 100%; border-radius:0; transform:scale(1); transition: transform ease-out 0.5s; }
.my-slider a.blk-img:hover img, .my-slider a.blk-img:focus img { transform:scale(1.1); transition: transform ease-out 0.3s; }
.my-slider h2, .my-slider h3 { max-width: 640px; font-size: 1.2em; line-height: 1.2; font-weight: bold; }
.my-slider .intro { margin-bottom: 1em; max-width: 640px; line-height:1.5 }
button.btn-direction { position: absolute; display: inline-block; bottom: 1em; margin: .5em; padding:.4em .7em; min-width: fit-content; color:var(--orange); background-color: var(--white); border: 1px solid var(--orange); z-index:10; }
button.btn-direction::after { display:none; }
button.btn-direction:hover, a.btn-direction:focus { color: var(--white); background-color:var(--orange); }
button.btn-direction.btn-prev { right:calc(3% + 3.5em); border-radius:2em 2em 0 2em; }
button.btn-direction.btn-next { right:3%; }

#slider-news { margin: 0 0 1em; }
#slider-news .slide { margin-bottom: 0.2em; transform: translateY(50px); transition: transform ease-out .7s; }
#slider-news .slide:nth-child(3n+2) { transform: translateY(50px); transition: transform ease-out .7s .15s; }
#slider-news .slide:nth-child(3n+3) { transform: translateY(50px); transition: transform ease-out .7s .3s; }
#slider-news .slide.animated { transform: translateY(0px); }
#slider-news .slide .blk-link { margin: 0 3%; border-radius: 1.5em 1.5em 1.5em 0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);  }

/* ACCORDION */
.accordion h3.ui-accordion-header { margin: .5em 0 0 0; padding: .5em 1em; font: bold 1.2em/1.3 "montserrat", Helvetica, Arial, sans-serif; color: var(--mainColor); background-color: transparent; border: none; }
.accordion h3.ui-accordion-header:hover { color:var(--orange); }
.accordion h3.ui-accordion-header-active { color:var(--orange); }
.accordion h3::before { position: absolute; top: .5em; left: 0; display:inline-block; font-family:'pictos'; content:'\e810'; color: var(--orange); transition:transform 0.2s; }
h3.ui-state-active::before { transform:rotate(90deg); transition:transform 0.2s; }
.ui-accordion .ui-accordion-content { padding: 0 2em 1em; max-width: 768px; font: normal 1em/1.3 "montserrat", Helvetica, Arial, sans-serif; color: var(--mainColor); border: none; background-color: transparent; }
.ui-accordion .ui-accordion-content a { color:var(--orange); }
.ui-accordion .ui-accordion-content a.button { color:var(--white); }
.ui-accordion .ui-accordion-content p { margin:1em 0; }
.ui-accordion .ui-icon { display:none; }

/* MAGNIFIC POPUP */
.mfp-bg { background-color:#000; }
.mfp-title {  line-height: 1.2; }
.mfp-image-holder .mfp-close { width: 30px; height: 30px; line-height: 1; text-align: center; background-color: var(--darkGray); margin: 1em; padding: 0; right: -1.5em; opacity:1; }
.mfp-arrow-left::before { border-right-color:var(--white); }
.mfp-arrow-right::before { border-left-color:var(--white); }
.mfp-arrow-left::after { border-right-color:var(--black); }
.mfp-arrow-right::after { border-left-color:var(--black); }
button.mfp-close::after { display:none; }

/**POPUP SEARCH**/
#popup-search, #popup-languages { position: relative; margin-left: -6px; padding: 2.5em 2em; width: 100vw; min-height: 100vh; background-color: var(--white); }
#popup-search .pop-content, #popup-languages .pop-content { margin: 1em auto; max-width: 768px; }
#popup-search .mfp-close, #popup-languages .mfp-close { border-radius: 2em; margin: .5em; }
#popup-search h4, #popup-languages h4 { margin: 0.5em 0 1.5em; font-size: 1.2em; text-align: center; }
#popup-search select { margin: 0.5em 0; width: 100% }
#popup-search label { display: inline-block; }
#popup-search .line-type input { display: inline-block; }
#popup-search .btn-submit { font-size: 1em; margin: 0.5em auto; min-width: 40%; }
#popup-languages ul { column-count: 2; column-gap: 2em; }
#popup-languages li { margin: 0; padding: .5em 0; list-style:none; }
#popup-languages a { display: block; padding: .5em; color:var(--75Blue); text-decoration:none; }
#popup-languages a:hover, #popup-languages a:focus { color:var(--orange); text-decoration:underline; }

/* LANG DETECTION */
#detect-lang { color: var(--white); font-size: 0.9em; background: var(--mainColor); text-align: center; padding: 0.2em; }
#detect-lang form { display: inline-block; margin:.5em }
#detect-lang select { display: inline-block; width:auto; }
#detect-lang button { display: inline-block; margin: 0 1em 0 0; }
#detect-lang a { display: inline-block; width: 30px; height: 30px; line-height: 30px; font-weight: 500; color: var(--white); background-color: var(--75Blue); border-radius: 1em; text-decoration: none; text-align:center }
#detect-lang a:hover, #detect-lang a:focus { background-color: var(--orange); }

/* COOKIE CONSENT */
.cc_div button::after { display:none; }

/* SPECIFIQUE */
h2[class^="title-"]::after, h3[class^="title-"]::after { display:block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 40px; height: 40px; content:''; background-size:contain; }
.title-mission::after { display:block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 80px; height: 80px; content:''; background:url('/template/images/pictos/mission.svg') no-repeat center; }
.title-vision::after { display:block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 80px; height: 80px; content:''; background:url('/template/images/pictos/vision.svg') no-repeat center; }
.title-values::after { display:block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 80px; height: 80px; content:''; background:url('/template/images/pictos/values.svg') no-repeat center; }
.title-unity::after { display:block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 80px; height: 80px; content:''; background:url('/template/images/pictos/unity.svg') no-repeat center; }
.title-witness::after { display:block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 80px; height: 80px; content:''; background:url('/template/images/pictos/witness.svg') no-repeat center; }
.title-celebration::after { display:block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 80px; height: 80px; content:''; background:url('/template/images/pictos/celebration.svg') no-repeat center; }
.title-slogan::after { display:block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 80px; height: 80px; content:''; background:url('/template/images/pictos/slogan.svg') no-repeat center; }
.title-countries::after { display:block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 80px; height: 80px; content:''; background:url('/template/images/pictos/countries.svg') no-repeat center; }
.title-ambassadors::after { display:block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 80px; height: 80px; content:''; background:url('/template/images/pictos/ambassadors.svg') no-repeat center; }

.single-page .text div.flex-grid.team { margin-bottom: 100px; max-width:inherit; }
.flex-grid.team .flex-item { text-align:center; }
.flex-grid.team img { margin: 0 auto; max-width:200px; border-radius:50%; }

.text .flex-grid.timeline { margin: 5em auto 2em; gap: 0; align-items: stretch; }
.text .timeline .flex-item { transform:translateY(0); }
.text .timeline .flex-item.timeline-txt { padding-bottom: 2em; width: 45%; }
.text .timeline .flex-item.timeline-txt span.date { font-size:1.2em; font-weight:bold; color:var(--75Blue); }
.text .timeline .flex-item.timeline-txt a { font-size:.9em; line-height:1; }
.text .timeline .flex-item.timeline-txt:nth-child(odd) { text-align:right; }

.text .timeline .flex-item.timeline-img { padding-bottom: 2em; width: 45%; }
.text .timeline .flex-item.timeline-img:nth-child(even) { text-align:right; }
.text .timeline .flex-item.timeline-img img { display:inline-block; width: 100%; max-width: 250px; border-radius:1.5em 1.5em 1.5em 0; }

.text .timeline .flex-item.timeline-img:nth-child(odd) img { transform:translateX(50px); }
.text .timeline .flex-item.timeline-img:nth-child(even) img { transform:translateX(-50px); }
.text .timeline .flex-item.timeline-img.animated img { transform:translateX(0); transition: opacity 1s ease-in, transform .5s ease-in-out; }

.text .timeline .flex-item.timeline-line { display: block; width: 10%; }
.timeline-line::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 3px; height: 100%; background-color: var(--lightBlue); }
.timeline-line::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 23px; height: 23px; background-color: var(--white); border: 3px solid var(--lightBlue); border-radius: 16px; }

.text .flex-grid.dynicons { margin: 2em auto; max-width: 768px; gap: 0 5%; }
.text .dynicons .flex-item { width:30%; font-weight: 500; text-align: center; transform:translateY(0); }
.text .dynicons .flex-item img { margin:auto; max-width:60px; }
.text .dynicons .flex-item span { display: block; margin-top: .2em; font-size:2em; line-height: 1; font-weight:normal; }
.text .flex-grid.sponsors { margin:1.5em 0; }
.text .sponsors .flex-item { width:50%; text-align: center; }
.text .sponsors .flex-item img { margin:0 auto .5em; width:100%; max-width:120px; }

.jobs div.center p { margin:1.5em auto; max-width:480px; font-size:1.4em; line-height:1.3; }
.jobs div.center a.button { font-size:1rem; }

.gallery { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: start; justify-content: flex-start; align-items: center; align-content:flex-start; gap:1em; }
.gallery-item { width:calc((100% - 2em) / 3); }
.gallery-item img { border-radius:.5em }


/* ======================================================
   FOOTER
====================================================== */
#footer { position: relative; background-color:var(--mainColor); font-size: .7em; color: var(--mediumBlue); z-index: 0; }
#footer .wrapper { padding: 3em 0; background-color:var(--mainColor); }
#footer h3 { margin:0; }
#footer a { color: var(--mediumBlue); }
#footer a:hover, #footer a:focus { color: var(--orange); }
.btn-go-top { display:block; position:absolute; top:2rem; right:1rem; font-size: 1.4em; line-height: 1.4; border: 1px solid var(--white); border-radius: 3em; }
.copyright { margin-top:.5em; }
#blk-cookies { position: fixed; clear: both; padding: 1em; bottom: 0; width: 100%; color: var(--white); text-align: center; background-color: var(--darkGray); box-shadow: 0 -10px 15px 1px rgba(0,0,0,.2); z-index: 101; }
a.btn-cookies-accept { display: inline-block; margin-left: .5em; font-weight: 500; color: var(--mainColor); background-color: var(--white); }
a.btn-cookies-accept:hover, a.btn-cookies-accept:focus { color:var(--white); background-color:var(--darkGray); }

.debug { display: none; }


/**=====================================================
   ECRANS taille moyenne : tablettes, petits notebooks
====================================================== */
@media (min-width:768px) {
    section { padding: 2em 0; }
    #logo img { height:50px; }
    .flex-grid, .my-slider .flex-grid { gap:2em 3%; }
    .flex-item { width: calc(94% / 3); flex-grow: 0; }
    .list-news .blk-img { height: calc(88vw / 3); }
    .list-news .news-subscribe img { height: calc((88vw / 3) - 2em); }
    .home-blk-01::after { box-shadow: 40px 40px 0 0 var(--white); height: 150px; border-radius:45%; }
    .my-slider a.blk-img { height: calc(88vw / 3); }
    .home-blknews { padding: 0 3% }
    .specialWrapper01 { padding:0 }
    #slider-news { margin: 0 -1.5em 1em; }
    #slider-news .slide .blk-link { margin: 0 1.5em; }
    .text .sponsors .flex-item { width:calc(91% / 4); }
    .flex-grid-2cols { margin:3em auto; gap:2em 10%; }
    .flex-grid-2cols:nth-child(odd) { flex-direction:row-reverse; gap:2em 10%; }
    .flex-grid-2cols .flex-item { width: calc(90% / 2); }
    .flex-grid-2cols img { max-width: 320px; }
    .top-content { padding: 70px 0 5em; min-height: calc(100vw * 2 / 3); }
    .top-content::after { box-shadow: 40px 40px 0 0 var(--orange); height: 150px; border-radius:45%; }
    #popup-languages ul { column-count: 3; }
    .ctn-search { position: absolute; right: 3%; top: 0; margin-top:0; }
    .blog .text img { width:auto; max-width:640px; }
    h2[class^="title-"]::after, h3[class^="title-"]::after { width: 60px; height: 60px; }
    .text .timeline .flex-item.timeline-txt { font-size:1.4em; line-height:1.3; }
    .text .timeline .flex-item.timeline-txt span.date { font-size:1.2rem; }
    .text .timeline .flex-item.timeline-txt a { font-size:.7em; }
    .text img.left, .blog .text img.left { float:left; margin:0 1em 1em 0; }
    .text img.right, .blog .text img.right { float:right; margin:0 0 1em 1em; }
    .debug { display: block; } 
}
@media (min-width:1024px) {
    body { font-size:1.1em; }
    a.lang{ font-size:.8em; }
    #toggle-menu { display: none; }
    #blk-menu { background: none; display: inline-block; position: relative; left: auto; bottom: auto; top: auto; padding: 1em 0; width: auto; box-shadow:none; }
    .menu a { font-size:.8em; }
    .menu > li { display:inline-block; position: relative; margin:0 .5em; }
    .menu > li:last-child { margin-left: 1.7em }
    .menu li:hover .s-menu, .menu li:focus-within .s-menu { display: block; }
    .menu li .btn-plus { display: none; }
    .menu > li > a { padding:1em 1.2em; }
    a.with-ssmenu::after { display:inline-block; margin-left:.7em; font-family:'pictos'; content:'\e812'; }
    .menu span.btnOpen { display:none; }
    ul.s-menu { position: absolute; left: auto; top: auto; min-width: 180px; width: auto; border-radius: 5px; box-shadow:-4px 4px 3px 0 rgba(0, 0, 0, 0.3); text-align:left; }
    .s-menu > li > a { text-align:left; }
    #popup-languages ul { column-count: 4; }
    .margin-top { margin-top: 100px; }
    .top-banner { padding-top:95px; }
    .top-content { padding: 100px 0 5em; min-height: calc(100vw / 3); }
    .top-content::after { box-shadow: 100px 40px 0 0 var(--orange); height: 160px; }
    .text-intro { max-width: 640px; font-size: 1.1em; }
    .single-page-2 .wrapper { padding-top: 80px; }
    .home-blk-01 h1 { font-size:3vw; }
    .home-blk-01 p { font-size: 1.4em; }
    .home-blk-02::after { box-shadow: 100px 40px 0 0 var(--mainColor); height: 160px; }
    .home-blk-02 h2 { font-size: 2.5vw; }
    #count-down h2 { font-size: 2.5vw; }
    #count-down #timer { font-size: 2em; }
    .list-news .text { padding: 2em; }
    .list-news h3 {  }
    .blog .text-intro { font-size: 1.2em; font-weight: 500; }
    .blog .text img { max-width:768px; }
    .text .flex-grid.dynicons { margin: 2.5em auto; }
    .text .dynicons .flex-item { font-size: 1.2em; }
    .text .dynicons .flex-item img { max-width:100px; }
    .text .dynicons .flex-item span { font-size:3em; }
    .text img { width:auto; max-width:768px; }
    h2[class^="title-"]::after, h3[class^="title-"]::after { width: 80px; height: 80px; }
    /* CART */
    .tb-panier { display: table; }
    .tb-panier .item-row { display: table-row; }
    .tb-panier .item-column { display: table-cell; padding: 1rem; vertical-align: baseline; border-bottom: 2px solid var(--lightGray); }
    .tb-panier.tb-bottom .item-column { border-bottom: none; }
    .tb-panier .actions { padding:.5em 0 .5em 1em; width: 250px; }
    .tb-panier .action-line .item-column.actions { width:300px }
    .tb-panier .head .item-column { display: table-cell; padding:1rem; font-size:.8rem; font-weight: 400; text-transform: uppercase; vertical-align: bottom; }
    .tb-panier .item-column:first-child, .tb-panier .ln-frais .item-column:first-child { padding-left: 0; width:auto; }
    .tb-panier .total::before { content: ''; }
    .tb-panier .qty, .tb-panier .tarticles { width: 220px; }
    .tb-panier .total, .tb-panier .price, .tb-panier .ttext, .tb-panier .tarticles, .tb-panier .tamount, .tb-panier .ln-frais .item-column { float: none; width: 220px; }
    .tb-panier .price { width: 100px; text-align:right; }
    .tb-panier .discount { width: 90px; text-align:right; }
    .tb-panier .total { width: 150px; text-align:right; }
    .tb-panier .item-column .only-mobile { display: none; }
}


/**=====================================================
   ECRANS + grands
====================================================== */
@media (min-width:1480px) {
    body { font-size:1.2em; }
    h2 { font-size:1.7em; }
    #logo img { height:60px; }
    .top-animation .slide { width: 70%; font-size: 5vw; }
    .home-blk-01 h1 { max-width:1120px; }
    .home-blk-01::after { box-shadow: 180px 40px 0 0 var(--white); height: 150px; border-radius:50%;}
    .my-slider h2, .my-slider h3 { font-size: 1.7em; }
    #section-news h1 { font-size: 1.7em; }
    button.btn-direction.btn-prev { right:calc(53% - 740px + 3.5em); }
    button.btn-direction.btn-next { right:calc(53% - 740px); }
    .top-banner { padding-top:105px; }
    .text-intro { max-width: 768px; }
    .top-content::after { box-shadow: 180px 40px 0 0 var(--orange); height: 150px; border-radius:50%; }
}
@media (orientation: landscape) {
  img.homeMainImg { object-fit: contain; }
}