.flag {
  display: inline-block;
  background: url("../img/flags.png") no-repeat top left;
  width: 22px;
  height: 15px;
  vertical-align: middle; }
  .flag.ad {
    background-position: 0px -27px; }
  .flag.ae {
    background-position: 0px -62px; }
  .flag.af {
    background-position: 0px -93px; }
  .flag.ag {
    background-position: 0px -124px; }
  .flag.ai {
    background-position: 0px -154px; }
  .flag.al {
    background-position: 0px -185px; }
  .flag.am {
    background-position: 0px -216px; }
  .flag.an {
    background-position: 0px -247px; }
  .flag.ao {
    background-position: 0px -277px; }
  .flag.aq {
    background-position: 0px -308px; }
  .flag.ar {
    background-position: 0px -339px; }
  .flag.as {
    background-position: 0px -370px; }
  .flag.at {
    background-position: 0px -401px; }
  .flag.au {
    background-position: 0px -431px; }
  .flag.aw {
    background-position: 0px -462px; }
  .flag.ax {
    background-position: 0px -493px; }
  .flag.az {
    background-position: 0px -524px; }
  .flag.ba {
    background-position: 0px -555px; }
  .flag.bb {
    background-position: 0px -586px; }
  .flag.bd {
    background-position: 0px -616px; }
  .flag.be {
    background-position: 0px -647px; }
  .flag.bf {
    background-position: 0px -678px; }
  .flag.bg {
    background-position: 0px -709px; }
  .flag.bh {
    background-position: 0px -739px; }
  .flag.bi {
    background-position: 0px -770px; }
  .flag.bj {
    background-position: 0px -801px; }
  .flag.bl {
    background-position: 0px -832px; }
  .flag.bm {
    background-position: 0px -863px; }
  .flag.bn {
    background-position: 0px -894px; }
  .flag.bo {
    background-position: 0px -924px; }
  .flag.br {
    background-position: 0px -955px; }
  .flag.bs {
    background-position: 0px -986px; }
  .flag.bt {
    background-position: 0px -1017px; }
  .flag.bw {
    background-position: 0px -1047px; }
  .flag.by {
    background-position: 0px -1078px; }
  .flag.bz {
    background-position: 0px -1109px; }
  .flag.ca {
    background-position: 0px -1140px; }
  .flag.cc {
    background-position: 0px -1171px; }
  .flag.cd {
    background-position: 0px -1201px; }
  .flag.cf {
    background-position: 0px -1232px; }
  .flag.cg {
    background-position: 0px -1263px; }
  .flag.ch {
    background-position: 0px -1294px; }
  .flag.ci {
    background-position: 0px -1325px; }
  .flag.ck {
    background-position: 0px -1355px; }
  .flag.cl {
    background-position: 0px -1386px; }
  .flag.cm {
    background-position: 0px -1417px; }
  .flag.cn {
    background-position: 0px -1448px; }
  .flag.co {
    background-position: 0px -1479px; }
  .flag.cr {
    background-position: 0px -1510px; }
  .flag.cu {
    background-position: 0px -1540px; }
  .flag.cv {
    background-position: 0px -1571px; }
  .flag.cw {
    background-position: 0px -1602px; }
  .flag.cx {
    background-position: 0px -1633px; }
  .flag.cy {
    background-position: 0px -1664px; }
  .flag.cz {
    background-position: 0px -1694px; }
  .flag.de {
    background-position: 0px -1725px; }
  .flag.dj {
    background-position: 0px -1756px; }
  .flag.dk {
    background-position: 0px -1787px; }
  .flag.dm {
    background-position: 0px -1817px; }
  .flag.do {
    background-position: 0px -1848px; }
  .flag.dz {
    background-position: 0px -1879px; }
  .flag.ec {
    background-position: 0px -1910px; }
  .flag.ee {
    background-position: 0px -1941px; }
  .flag.eg {
    background-position: 0px -1971px; }
  .flag.eh {
    background-position: 0px -2002px; }
  .flag.er {
    background-position: 0px -2033px; }
  .flag.es {
    background-position: 0px -2064px; }
  .flag.et {
    background-position: 0px -2095px; }
  .flag.eu {
    background-position: 0px -2125px; }
  .flag.fi {
    background-position: 0px -2156px; }
  .flag.fj {
    background-position: 0px -2187px; }
  .flag.fk {
    background-position: 0px -2218px; }
  .flag.fm {
    background-position: 0px -2249px; }
  .flag.fo {
    background-position: 0px -2279px; }
  .flag.fr {
    background-position: 0px -2310px; }
  .flag.ga {
    background-position: 0px -2341px; }
  .flag.gb, .flag.en, .flag.uk {
    background-position: 0px -2372px; }
  .flag.gd {
    background-position: 0px -2403px; }
  .flag.ge {
    background-position: 0px -2433px; }
  .flag.gg {
    background-position: 0px -2464px; }
  .flag.gh {
    background-position: 0px -2495px; }
  .flag.gi {
    background-position: 0px -2526px; }
  .flag.gl {
    background-position: 0px -2557px; }
  .flag.gm {
    background-position: 0px -2587px; }
  .flag.gn {
    background-position: 0px -2618px; }
  .flag.gq {
    background-position: 0px -2649px; }
  .flag.gr {
    background-position: 0px -2680px; }
  .flag.gs {
    background-position: 0px -2711px; }
  .flag.gt {
    background-position: 0px -2741px; }
  .flag.gu {
    background-position: 0px -2772px; }
  .flag.gw {
    background-position: 0px -2803px; }
  .flag.gy {
    background-position: 0px -2834px; }
  .flag.hk {
    background-position: 0px -2865px; }
  .flag.hn {
    background-position: 0px -2896px; }
  .flag.hr {
    background-position: 0px -2926px; }
  .flag.ht {
    background-position: 0px -2957px; }
  .flag.hu {
    background-position: 0px -2988px; }
  .flag.ic {
    background-position: 0px -3019px; }
  .flag.id {
    background-position: 0px -3050px; }
  .flag.ie {
    background-position: 0px -3080px; }
  .flag.il {
    background-position: 0px -3111px; }
  .flag.im {
    background-position: 0px -3142px; }
  .flag.in {
    background-position: 0px -3173px; }
  .flag.iq {
    background-position: 0px -3204px; }
  .flag.ir {
    background-position: 0px -3235px; }
  .flag.is {
    background-position: 0px -3265px; }
  .flag.it {
    background-position: 0px -3296px; }
  .flag.je {
    background-position: 0px -3327px; }
  .flag.jm {
    background-position: 0px -3358px; }
  .flag.jo {
    background-position: 0px -3389px; }
  .flag.jp {
    background-position: 0px -3419px; }
  .flag.ke {
    background-position: 0px -3450px; }
  .flag.kg {
    background-position: 0px -3481px; }
  .flag.kh {
    background-position: 0px -3512px; }
  .flag.ki {
    background-position: 0px -3543px; }
  .flag.km {
    background-position: 0px -3573px; }
  .flag.kn {
    background-position: 0px -3604px; }
  .flag.kp {
    background-position: 0px -3635px; }
  .flag.kr {
    background-position: 0px -3666px; }
  .flag.kw {
    background-position: 0px -3696px; }
  .flag.ky {
    background-position: 0px -3727px; }
  .flag.kz {
    background-position: 0px -3758px; }
  .flag.la {
    background-position: 0px -3788px; }
  .flag.lb {
    background-position: 0px -3819px; }
  .flag.li {
    background-position: 0px -3850px; }
  .flag.lc {
    background-position: 0px -3881px; }
  .flag.lr {
    background-position: 0px -3912px; }
  .flag.lk {
    background-position: 0px -3943px; }
  .flag.ls {
    background-position: 0px -3973px; }
  .flag.lt {
    background-position: 0px -4004px; }
  .flag.lu {
    background-position: 0px -4035px; }
  .flag.lv {
    background-position: 0px -4066px; }
  .flag.ma {
    background-position: 0px -4096px; }
  .flag.ly {
    background-position: 0px -4127px; }
  .flag.md {
    background-position: 0px -4158px; }
  .flag.mc {
    background-position: 0px -4189px; }
  .flag.me {
    background-position: 0px -4220px; }
  .flag.mf {
    background-position: 0px -4251px; }
  .flag.mh {
    background-position: 0px -4281px; }
  .flag.mg {
    background-position: 0px -4312px; }
  .flag.mk {
    background-position: 0px -4343px; }
  .flag.ml {
    background-position: 0px -4374px; }
  .flag.mm {
    background-position: 0px -4404px; }
  .flag.mn {
    background-position: 0px -4435px; }
  .flag.mo {
    background-position: 0px -4466px; }
  .flag.mp {
    background-position: 0px -4497px; }
  .flag.mq {
    background-position: 0px -4528px; }
  .flag.mr {
    background-position: 0px -4559px; }
  .flag.ms {
    background-position: 0px -4589px; }
  .flag.mt {
    background-position: 0px -4620px; }
  .flag.mu {
    background-position: 0px -4651px; }
  .flag.mv {
    background-position: 0px -4682px; }
  .flag.mw {
    background-position: 0px -4713px; }
  .flag.mx {
    background-position: 0px -4743px; }
  .flag.my {
    background-position: 0px -4774px; }
  .flag.mz {
    background-position: 0px -4805px; }
  .flag.nc {
    background-position: 0px -4836px; }
  .flag.na {
    background-position: 0px -4867px; }
  .flag.ne {
    background-position: 0px -4897px; }
  .flag.nf {
    background-position: 0px -4928px; }
  .flag.ng {
    background-position: 0px -4959px; }
  .flag.ni {
    background-position: 0px -4990px; }
  .flag.nl {
    background-position: 0px -5020px; }
  .flag.no {
    background-position: 0px -5051px; }
  .flag.np {
    background-position: 0px -5080px;
    height: 19px; }
  .flag.nr {
    background-position: 0px -5113px; }
  .flag.nz {
    background-position: 0px -5144px; }
  .flag.nu {
    background-position: 0px -5175px; }
  .flag.om {
    background-position: 0px -5205px; }
  .flag.pa {
    background-position: 0px -5236px; }
  .flag.pf {
    background-position: 0px -5267px; }
  .flag.pe {
    background-position: 0px -5298px; }
  .flag.pg {
    background-position: 0px -5328px; }
  .flag.ph {
    background-position: 0px -5359px; }
  .flag.pk {
    background-position: 0px -5390px; }
  .flag.pl {
    background-position: 0px -5421px; }
  .flag.pn {
    background-position: 0px -5451px; }
  .flag.pr {
    background-position: 0px -5482px; }
  .flag.ps {
    background-position: 0px -5513px; }
  .flag.pt {
    background-position: 0px -5544px; }
  .flag.pw {
    background-position: 0px -5575px; }
  .flag.py {
    background-position: 0px -5606px; }
  .flag.ro {
    background-position: 0px -5637px; }
  .flag.qa {
    background-position: 0px -5667px; }
  .flag.ru {
    background-position: 0px -5698px; }
  .flag.rs {
    background-position: 0px -5729px; }
  .flag.sa {
    background-position: 0px -5760px; }
  .flag.rw {
    background-position: 0px -5791px; }
  .flag.sc {
    background-position: 0px -5821px; }
  .flag.sb {
    background-position: 0px -5852px; }
  .flag.sd {
    background-position: 0px -5883px; }
  .flag.se {
    background-position: 0px -5914px; }
  .flag.sg {
    background-position: 0px -5945px; }
  .flag.sh {
    background-position: 0px -5975px; }
  .flag.si {
    background-position: 0px -6006px; }
  .flag.sk {
    background-position: 0px -6037px; }
  .flag.sl {
    background-position: 0px -6068px; }
  .flag.sm {
    background-position: 0px -6098px; }
  .flag.sn {
    background-position: 0px -6129px; }
  .flag.so {
    background-position: 0px -6160px; }
  .flag.sr {
    background-position: 0px -6191px; }
  .flag.ss {
    background-position: 0px -6222px; }
  .flag.st {
    background-position: 0px -6252px; }
  .flag.sv {
    background-position: 0px -6283px; }
  .flag.sy {
    background-position: 0px -6314px; }
  .flag.sz {
    background-position: 0px -6345px; }
  .flag.tc {
    background-position: 0px -6376px; }
  .flag.td {
    background-position: 0px -6407px; }
  .flag.tf {
    background-position: 0px -6437px; }
  .flag.tg {
    background-position: 0px -6468px; }
  .flag.th {
    background-position: 0px -6499px; }
  .flag.tj {
    background-position: 0px -6530px; }
  .flag.tk {
    background-position: 0px -6560px; }
  .flag.tm {
    background-position: 0px -6591px; }
  .flag.tl {
    background-position: 0px -6622px; }
  .flag.tn {
    background-position: 0px -6653px; }
  .flag.to {
    background-position: 0px -6684px; }
  .flag.tr {
    background-position: 0px -6714px; }
  .flag.tt {
    background-position: 0px -6745px; }
  .flag.tw {
    background-position: 0px -6776px; }
  .flag.tv {
    background-position: 0px -6807px; }
  .flag.tz {
    background-position: 0px -6838px; }
  .flag.ua {
    background-position: 0px -6868px; }
  .flag.ug {
    background-position: 0px -6899px; }
  .flag.us {
    background-position: 0px -6930px; }
  .flag.uy {
    background-position: 0px -6961px; }
  .flag.uz {
    background-position: 0px -6992px; }
  .flag.va {
    background-position: 0px -7023px; }
  .flag.vc {
    background-position: 0px -7053px; }
  .flag.ve {
    background-position: 0px -7084px; }
  .flag.vg {
    background-position: 0px -7115px; }
  .flag.vi {
    background-position: 0px -7146px; }
  .flag.vn {
    background-position: 0px -7176px; }
  .flag.vu {
    background-position: 0px -7207px; }
  .flag.wf {
    background-position: 0px -7238px; }
  .flag.ye {
    background-position: 0px -7269px; }
  .flag.ws {
    background-position: 0px -7300px; }
  .flag.za {
    background-position: 0px -7330px; }
  .flag.yt {
    background-position: 0px -7361px; }
  .flag.zm {
    background-position: 0px -7392px; }
  .flag.zw {
    background-position: 0px -7423px; }

.flagLang {
  display: inline-block;
  background: url("../img/flags_lang.png") no-repeat top left;
  width: 30px;
  height: 20px;
  vertical-align: middle; }
  .flagLang.fr {
    background-position: 0px -13px; }
  .flagLang.fr {
    background-position: 0px -10px; }
  .flagLang.en {
    background-position: 0px -51px; }
  .flagLang.ar {
    background-position: 0px -93px; }
  .flagLang.es {
    background-position: 0px -135px; }

@font-face {
  font-family: "Comfortaa-Bold";
  src: url("../fonts/Comfortaa-Bold.woff?v=3.2.1") format("woff"), url("../fonts/Comfortaa-Bold.eot?v=3.2.1"), url("../fonts/Comfortaa-Bold.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/Comfortaa-Bold.ttf?v=3.2.1") format("truetype"), url("../fonts/Comfortaa-Bold.svg#Comfortaa-Boldregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Comfortaa-Bold";
  src: url("../fonts/Comfortaa-Bold.woff?v=3.2.1") format("woff"), url("../fonts/Comfortaa-Bold.eot?v=3.2.1"), url("../fonts/Comfortaa-Bold.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/Comfortaa-Bold.ttf?v=3.2.1") format("truetype"), url("../fonts/Comfortaa-Bold.svg#Comfortaa-Boldregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Comfortaa-Light";
  src: url("../fonts/Comfortaa-Light.woff?v=3.2.1") format("woff"), url("../fonts/Comfortaa-Light.eot?v=3.2.1"), url("../fonts/Comfortaa-Light.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/Comfortaa-Light.ttf?v=3.2.1") format("truetype"), url("../fonts/Comfortaa-Light.svg#Comfortaa-Lightregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Comfortaa-Regular";
  src: url("../fonts/Comfortaa-Regular.woff?v=3.2.1") format("woff"), url("../fonts/Comfortaa-Regular.eot?v=3.2.1"), url("../fonts/Comfortaa-Regular.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/Comfortaa-Regular.ttf?v=3.2.1") format("truetype"), url("../fonts/Comfortaa-Regular.svg#Comfortaa-Regularregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "BeccaPerry-script";
  src: url("../fonts/BeccaPerry-script.woff?v=3.2.1") format("woff"), url("../fonts/BeccaPerry-script.eot?v=3.2.1"), url("../fonts/BeccaPerry-script.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/BeccaPerry-script.ttf?v=3.2.1") format("truetype"), url("../fonts/BeccaPerry-script.svg#BeccaPerry-scriptregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "AbrilFatface-Regular";
  src: url("../fonts/AbrilFatface-Regular.woff?v=3.2.1") format("woff"), url("../fonts/AbrilFatface-Regular.eot?v=3.2.1"), url("../fonts/AbrilFatface-Regular.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/AbrilFatface-Regular.ttf?v=3.2.1") format("truetype"), url("../fonts/AbrilFatface-Regular.svg#AbrilFatface-Regularregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Poppins-Medium";
  src: url("../fonts/Poppins-Medium.woff?v=3.2.1") format("woff"), url("../fonts/Poppins-Medium.eot?v=3.2.1"), url("../fonts/Poppins-Medium.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/Poppins-Medium.ttf?v=3.2.1") format("truetype"), url("../fonts/Poppins-Medium.svg#Poppins-Mediumregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal; }
html, body {
  background: #ffffff url("../img/pattern-fond-site.png");
  min-height: 100%;
  font-size: 10px;
  font-family: "Comfortaa-Regular"; }

html {
  height: 100%; }

html {
  scroll-padding-top: 140px; }

.css_mce blockquote {
  width: 75%;
  margin: 5rem auto;
  border: 3px solid #2c6c88;
  position: relative;
  padding: 3rem 2rem;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-family: "BeccaPerry-script";
  color: #2c6c88;
  font-size: 3.4em; }
  @media only screen and (max-width: 640px) {
    .css_mce blockquote {
      font-size: 2.4em; } }
  .css_mce blockquote p {
    font-family: inherit;
    color: inherit;
    font-size: 1em;
    margin: 0; }
  .css_mce blockquote:before {
    content: '';
    width: 75px;
    height: 71px;
    background: url("../img/blocquote-start-neutre.png") center center no-repeat;
    position: absolute;
    top: -45px;
    left: -33px; }
  .css_mce blockquote:after {
    content: '';
    width: 75px;
    height: 71px;
    background: url("../img/blocquote-end-neutre.png") center center no-repeat;
    position: absolute;
    bottom: -41px;
    right: -20px; }
.css_mce ol > li, .css_mce ul > li, .css_mce p, .css_mce td, .css_mce th {
  font-size: 1.6em;
  font-family: "Comfortaa-Regular";
  color: #333233;
  margin: 0 0 20px 0; }
  @media only screen and (max-width: 640px) {
    .css_mce ol > li, .css_mce ul > li, .css_mce p, .css_mce td, .css_mce th {
      font-size: 1.4em; } }
  .css_mce ol > li li, .css_mce ul > li li, .css_mce p li, .css_mce td li, .css_mce th li {
    font-size: 1em; }
  .css_mce ol > li strong, .css_mce ul > li strong, .css_mce p strong, .css_mce td strong, .css_mce th strong {
    font-family: "Comfortaa-Bold";
    font-weight: normal; }
  .css_mce ol > li a, .css_mce ul > li a, .css_mce p a, .css_mce td a, .css_mce th a {
    color: #2c6c88;
    text-decoration: underline;
    font-family: "Comfortaa-Bold"; }
    .css_mce ol > li a:hover, .css_mce ul > li a:hover, .css_mce p a:hover, .css_mce td a:hover, .css_mce th a:hover {
      color: #162e4b; }
    .css_mce ol > li a.cta, .css_mce ol > li a.ctanoir, .css_mce ol > li a .cta-inline, .css_mce ul > li a.cta, .css_mce ul > li a.ctanoir, .css_mce ul > li a .cta-inline, .css_mce p a.cta, .css_mce p a.ctanoir, .css_mce p a .cta-inline, .css_mce td a.cta, .css_mce td a.ctanoir, .css_mce td a .cta-inline, .css_mce th a.cta, .css_mce th a.ctanoir, .css_mce th a .cta-inline {
      text-decoration: none; }
.css_mce .cta-secondaire {
  display: inline-block;
  background: #162e4b;
  border: none;
  padding: 10px 20px;
  font-family: "Comfortaa-Regular";
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 1em;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 1.4rem;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  text-decoration: none; }
  .css_mce .cta-secondaire:hover {
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
    text-decoration: none;
    color: #FFFFFF;
    background: #04366e; }
  .css_mce .cta-secondaire.cta-primaire {
    background: #162e4b; }
    .css_mce .cta-secondaire.cta-primaire:hover {
      background: #04366e; }
  .css_mce .cta-secondaire.cta-complement {
    background: #f8cfd6; }
    .css_mce .cta-secondaire.cta-complement:hover {
      background: #de8a99; }
  .css_mce .cta-secondaire.cta-douceur {
    background: #f6a64f; }
    .css_mce .cta-secondaire.cta-douceur:hover {
      background: #db7d1f; }
  .css_mce .cta-secondaire.cta-decouverte {
    background: #03aec7; }
    .css_mce .cta-secondaire.cta-decouverte:hover {
      background: #108b9e; }
  .css_mce .cta-secondaire.cta-joie {
    background: #b24a5c; }
    .css_mce .cta-secondaire.cta-joie:hover {
      background: #872d3d; }
  .css_mce .cta-secondaire.cta-imagination {
    background: #72a4cf; }
    .css_mce .cta-secondaire.cta-imagination:hover {
      background: #46759e; }
  .css_mce .cta-secondaire.cta-amitie {
    background: #162e4b; }
    .css_mce .cta-secondaire.cta-amitie:hover {
      background: #04366e; }
  .css_mce .cta-secondaire.cta-bio {
    background: #50b497; }
    .css_mce .cta-secondaire.cta-bio:hover {
      background: #50b497; }
.css_mce .cta {
  display: inline-block;
  background: #2c6c88;
  padding: 10px 20px;
  font-family: "Comfortaa-Regular";
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 1em;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 1.4rem;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  text-decoration: none;
  position: relative;
  border: none; }
  .css_mce .cta:hover {
    text-decoration: none;
    color: #FFFFFF; }
    .css_mce .cta:hover.cta-top:before, .css_mce .cta:hover.cta-bottom:before {
      opacity: 1; }
  .css_mce .cta.cta-top:before {
    z-index: 3;
    opacity: 0;
    content: '';
    display: block;
    position: absolute;
    width: 76px;
    height: 70px;
    top: -35px;
    right: -38px;
    background: url("../img/trait-neutre-haut.png") center center no-repeat; }
  .css_mce .cta.cta-bottom:before {
    z-index: 3;
    opacity: 0;
    content: '';
    display: block;
    position: absolute;
    width: 76px;
    height: 70px;
    bottom: -30px;
    left: -31px;
    background: url("../img/trait-neutre-bas.png") center center no-repeat; }
  .css_mce .cta.cta-primaire {
    background: #162e4b; }
    .css_mce .cta.cta-primaire:hover.cta-top:before {
      background: url("../img/trait-primaire-haut.png") center center no-repeat; }
    .css_mce .cta.cta-primaire:hover.cta-bottom:before {
      background: url("../img/trait-primaire-bas.png") center center no-repeat; }
  .css_mce .cta.cta-complement {
    background: #f8cfd6; }
    .css_mce .cta.cta-complement:hover.cta-top:before {
      background: url("../img/trait-complement-haut.png") center center no-repeat; }
    .css_mce .cta.cta-complement:hover.cta-bottom:before {
      background: url("../img/trait-complement-bas.png") center center no-repeat; }
  .css_mce .cta.cta-douceur {
    background: #f6a64f; }
    .css_mce .cta.cta-douceur:hover.cta-top:before {
      background: url("../img/trait-douceur-haut.png") center center no-repeat; }
    .css_mce .cta.cta-douceur:hover.cta-bottom:before {
      background: url("../img/trait-douceur-bas.png") center center no-repeat; }
  .css_mce .cta.cta-decouverte {
    background: #03aec7; }
    .css_mce .cta.cta-decouverte:hover.cta-top:before {
      background: url("../img/trait-decouverte-haut.png") center center no-repeat; }
    .css_mce .cta.cta-decouverte:hover.cta-bottom:before {
      background: url("../img/trait-decouverte-bas.png") center center no-repeat; }
  .css_mce .cta.cta-joie {
    background: #b24a5c; }
    .css_mce .cta.cta-joie:hover.cta-top:before {
      background: url("../img/trait-joie-haut.png") center center no-repeat; }
    .css_mce .cta.cta-joie:hover.cta-bottom:before {
      background: url("../img/trait-joie-bas.png") center center no-repeat; }
  .css_mce .cta.cta-imagination {
    background: #72a4cf; }
    .css_mce .cta.cta-imagination:hover.cta-top:before {
      background: url("../img/trait-imagination-haut.png") center center no-repeat; }
    .css_mce .cta.cta-imagination:hover.cta-bottom:before {
      background: url("../img/trait-imagination-bas.png") center center no-repeat; }
  .css_mce .cta.cta-amitie {
    background: #162e4b; }
    .css_mce .cta.cta-amitie:hover.cta-top:before {
      background: url("../img/trait-amitie-haut.png") center center no-repeat; }
    .css_mce .cta.cta-amitie:hover.cta-bottom:before {
      background: url("../img/trait-amitie-bas.png") center center no-repeat; }
  .css_mce .cta.cta-bio {
    background: #50b497; }
    .css_mce .cta.cta-bio:hover.cta-top:before {
      background: url("../img/trait-bio-haut.png") center center no-repeat; }
    .css_mce .cta.cta-bio:hover.cta-bottom:before {
      background: url("../img/trait-bio-bas.png") center center no-repeat; }
.css_mce .add-cart {
  display: block;
  width: 100%;
  background-color: #162e4b;
  color: #fff;
  font-family: "Comfortaa-Bold";
  font-size: 14px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: none;
  text-align: center;
  padding: 5px 0;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    .css_mce .add-cart {
      padding: 1rem 0; } }
  .css_mce .add-cart:hover {
    background: #333233;
    text-decoration: none;
    color: #fff; }
  .css_mce .add-cart.disabled {
    background-color: #333233;
    opacity: 0.4;
    color: #ffffff;
    cursor: default !important; }
.css_mce .add-cart {
  border: 1px solid #162e4b;
  text-transform: uppercase; }
  .css_mce .add-cart:hover {
    text-decoration: none;
    border: 1px solid #ffffff; }
  .css_mce .add-cart.disabled {
    background-color: #8b8c8d;
    opacity: 0.4;
    color: #ffffff;
    cursor: default !important; }
.css_mce .cta-inline {
  display: inline-block;
  background: transparent;
  color: #333233;
  border: 2px solid #333233;
  font-family: "Comfortaa-Bold";
  font-size: 14px;
  padding: 1.5rem 3rem;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  text-decoration: none !important; }
  .css_mce .cta-inline:hover {
    background: #333233;
    text-decoration: none;
    color: #fff !important; }
.css_mce .ctanoir {
  margin-top: 20px;
  display: block;
  font-size: 14px;
  border: 2px solid #333233;
  background-color: #333233;
  font-family: "Comfortaa-Bold";
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; }
  .css_mce .ctanoir:hover {
    background: transparent;
    border: 2px solid #162e4b;
    color: #162e4b; }
.css_mce h1, .css_mce .h1 {
  text-align: center;
  font-family: "AbrilFatface-Regular";
  color: #2c6c88;
  font-size: 4.2em;
  margin-bottom: 2rem; }
  .css_mce h1:before, .css_mce h1:after, .css_mce .h1:before, .css_mce .h1:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #f8cfd6;
    margin: 0 20px; }
  @media only screen and (max-width: 640px) {
    .css_mce h1, .css_mce .h1 {
      font-size: 3.4em; } }
.css_mce h3, .css_mce .h3 {
  font-size: 4em;
  color: #162e4b;
  font-family: "BeccaPerry-script";
  font-weight: normal;
  position: relative;
  display: inline-block;
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 640px) {
    .css_mce h3, .css_mce .h3 {
      font-size: 2.8em; } }
  .css_mce h3:after, .css_mce .h3:after {
    content: '';
    display: block;
    width: 76px;
    height: 70px;
    position: absolute;
    top: -25px;
    right: -50px;
    background: url("../img/trait-primaire-haut.png") center center no-repeat;
    background-size: contain; }
    @media only screen and (max-width: 640px) {
      .css_mce h3:after, .css_mce .h3:after {
        height: 45px;
        width: 49px;
        right: -38px;
        top: -18px;
        padding-right: 50px; } }
.css_mce h2, .css_mce .h2 {
  font-size: 5em;
  color: #2c6c88;
  font-family: "BeccaPerry-script";
  font-weight: normal;
  text-align: center;
  display: block;
  margin: 1rem 0; }
  .css_mce h2:before, .css_mce .h2:before {
    display: none; }
  .css_mce h2:after, .css_mce .h2:after {
    position: relative;
    top: initial;
    left: initial;
    right: initial;
    bottom: initial;
    display: block;
    content: '';
    width: 100%;
    height: 12px;
    background: url("../img/titre-after-neutre.png") top center no-repeat;
    background-size: contain; }
  @media only screen and (max-width: 640px) {
    .css_mce h2, .css_mce .h2 {
      font-size: 3em; }
      .css_mce h2:after, .css_mce .h2:after {
        background-size: 280px; } }
.css_mce h4 {
  font-family: "Comfortaa-Bold";
  font-size: 1.8em;
  color: #162e4b;
  font-weight: normal; }
.css_mce ol,
.css_mce ul {
  margin: 0;
  padding: 0; }
.css_mce ol > li,
.css_mce ul > li {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  background: url("../img/puce-li.png") 0px 9px no-repeat;
  list-style: none; }
.css_mce table {
  border: 0;
  max-width: 100%;
  padding: 0;
  margin-bottom: 10px;
  border-collapse: collapse; }
  .css_mce table thead td {
    background: #162e4b;
    font-family: "Comfortaa-Bold"; }
  .css_mce table tbody td {
    background-color: #edeeed; }
  .css_mce table th,
  .css_mce table td {
    border-collapse: collapse;
    padding: 10px;
    border: 5px solid #fff;
    font-family: "Comfortaa-Regular", "Arial"; }
    .css_mce table th p,
    .css_mce table td p {
      display: inline;
      font-size: 1em;
      margin: 0;
      padding: 0; }
.css_mce img {
  height: auto;
  max-width: 100%; }
.css_mce video {
  max-width: 100%;
  height: auto;
  padding: 3px;
  background-color: #FFFFFF;
  -moz-box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, 0.65);
  -o-box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, 0.65);
  box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, 0.65); }
.css_mce figure {
  margin: 0px  auto; }
  .css_mce figure img {
    display: block;
    max-width: 100%; }
  .css_mce figure figcaption {
    font-size: 1.6em;
    color: #333233;
    text-align: center; }
.css_mce img.align-right {
  float: right;
  margin: 0 0 10px 10px; }
  @media only screen and (max-width: 640px) {
    .css_mce img.align-right {
      float: none;
      margin: 0 0px 10px 0px; } }
.css_mce img.align-left {
  float: left;
  margin: 0 10px 10px 0px; }
  @media only screen and (max-width: 640px) {
    .css_mce img.align-left {
      float: none;
      margin: 0 0px 10px 0px; } }

.univer-amitie .css_mce h3, .univer-amitie .css_mce .h3 {
  color: #162e4b; }
  .univer-amitie .css_mce h3:after, .univer-amitie .css_mce .h3:after {
    background-image: url("../img/trait-amitie-haut.png"); }
.univer-amitie .css_mce h2, .univer-amitie .css_mce .h2 {
  color: #162e4b; }
  .univer-amitie .css_mce h2:after, .univer-amitie .css_mce .h2:after {
    background-image: url("../img/titre-after-bleu-fonce.png"); }
.univer-amitie .css_mce ol > li a, .univer-amitie .css_mce ul > li a, .univer-amitie .css_mce p a, .univer-amitie .css_mce td a, .univer-amitie .css_mce th a {
  color: #162e4b; }
.univer-amitie .css_mce blockquote {
  border-color: #162e4b;
  color: #162e4b; }
  .univer-amitie .css_mce blockquote:before {
    background-image: url("../img/blocquote-start-bleu-fonce.png"); }
  .univer-amitie .css_mce blockquote:after {
    background-image: url("../img/blocquote-end-bleu-fonce.png"); }

.univer-imagination .css_mce h3, .univer-imagination .css_mce .h3 {
  color: #72a4cf; }
  .univer-imagination .css_mce h3:after, .univer-imagination .css_mce .h3:after {
    background-image: url("../img/trait-imagination-haut.png"); }
.univer-imagination .css_mce h2, .univer-imagination .css_mce .h2 {
  color: #72a4cf; }
  .univer-imagination .css_mce h2:after, .univer-imagination .css_mce .h2:after {
    background-image: url("../img/titre-after-bleu.png"); }
.univer-imagination .css_mce ol > li a, .univer-imagination .css_mce ul > li a, .univer-imagination .css_mce p a, .univer-imagination .css_mce td a, .univer-imagination .css_mce th a {
  color: #72a4cf; }
.univer-imagination .css_mce blockquote {
  border-color: #72a4cf;
  color: #72a4cf; }
  .univer-imagination .css_mce blockquote:before {
    background-image: url("../img/blocquote-start-bleu.png"); }
  .univer-imagination .css_mce blockquote:after {
    background-image: url("../img/blocquote-end-bleu.png"); }

.univer-joie .css_mce h3, .univer-joie .css_mce .h3 {
  color: #b24a5c; }
  .univer-joie .css_mce h3:after, .univer-joie .css_mce .h3:after {
    background-image: url("../img/trait-joie-haut.png"); }
.univer-joie .css_mce h2, .univer-joie .css_mce .h2 {
  color: #b24a5c; }
  .univer-joie .css_mce h2:after, .univer-joie .css_mce .h2:after {
    background-image: url("../img/titre-after-rouge.png"); }
.univer-joie .css_mce ol > li a, .univer-joie .css_mce ul > li a, .univer-joie .css_mce p a, .univer-joie .css_mce td a, .univer-joie .css_mce th a {
  color: #b24a5c; }
.univer-joie .css_mce blockquote {
  border-color: #b24a5c;
  color: #b24a5c; }
  .univer-joie .css_mce blockquote:before {
    background-image: url("../img/blocquote-start-rouge.png"); }
  .univer-joie .css_mce blockquote:after {
    background-image: url("../img/blocquote-end-rouge.png"); }

.univer-decouverte .css_mce h3, .univer-decouverte .css_mce .h3 {
  color: #03aec7; }
  .univer-decouverte .css_mce h3:after, .univer-decouverte .css_mce .h3:after {
    background-image: url("../img/trait-decouverte-haut.png"); }
.univer-decouverte .css_mce h2, .univer-decouverte .css_mce .h2 {
  color: #03aec7; }
  .univer-decouverte .css_mce h2:after, .univer-decouverte .css_mce .h2:after {
    background-image: url("../img/titre-after-bleu-clair.png"); }
.univer-decouverte .css_mce ol > li a, .univer-decouverte .css_mce ul > li a, .univer-decouverte .css_mce p a, .univer-decouverte .css_mce td a, .univer-decouverte .css_mce th a {
  color: #03aec7; }
.univer-decouverte .css_mce blockquote {
  border-color: #03aec7;
  color: #03aec7; }
  .univer-decouverte .css_mce blockquote:before {
    background-image: url("../img/blocquote-start-bleu-clair.png"); }
  .univer-decouverte .css_mce blockquote:after {
    background-image: url("../img/blocquote-end-bleu-clair.png"); }

.univer-douceur .css_mce h3, .univer-douceur .css_mce .h3 {
  color: #f6a64f; }
  .univer-douceur .css_mce h3:after, .univer-douceur .css_mce .h3:after {
    background-image: url("../img/trait-douceur-haut.png"); }
.univer-douceur .css_mce h2, .univer-douceur .css_mce .h2 {
  color: #f6a64f; }
  .univer-douceur .css_mce h2:after, .univer-douceur .css_mce .h2:after {
    background-image: url("../img/titre-after-orange.png"); }
.univer-douceur .css_mce ol > li a, .univer-douceur .css_mce ul > li a, .univer-douceur .css_mce p a, .univer-douceur .css_mce td a, .univer-douceur .css_mce th a {
  color: #f6a64f; }
.univer-douceur .css_mce blockquote {
  border-color: #f6a64f;
  color: #f6a64f; }
  .univer-douceur .css_mce blockquote:before {
    background-image: url("../img/blocquote-start-orange.png"); }
  .univer-douceur .css_mce blockquote:after {
    background-image: url("../img/blocquote-end-orange.png"); }

.univer-bio .css_mce h3, .univer-bio .css_mce .h3 {
  color: #50b497; }
  .univer-bio .css_mce h3:after, .univer-bio .css_mce .h3:after {
    background-image: url("../img/trait-bio-haut.png"); }
.univer-bio .css_mce h2, .univer-bio .css_mce .h2 {
  color: #50b497; }
  .univer-bio .css_mce h2:after, .univer-bio .css_mce .h2:after {
    background-image: url("../img/titre-after-vert.png"); }
.univer-bio .css_mce ol > li a, .univer-bio .css_mce ul > li a, .univer-bio .css_mce p a, .univer-bio .css_mce td a, .univer-bio .css_mce th a {
  color: #50b497; }
.univer-bio .css_mce blockquote {
  border-color: #50b497;
  color: #50b497; }
  .univer-bio .css_mce blockquote:before {
    background-image: url("../img/blocquote-start-vert.png"); }
  .univer-bio .css_mce blockquote:after {
    background-image: url("../img/blocquote-end-vert.png"); }

h1, .h1 {
  font-size: 5.5em;
  color: #333233;
  font-family: "BeccaPerry-script", "Arial";
  text-align: left; }
  @media only screen and (max-width: 640px) {
    h1, .h1 {
      font-size: 3.4em; } }

.container {
  max-width: 1260px !important; }

.custom-file-label::after {
  content: 'Parcourir' !important; }

#is-desktop {
  display: block; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    #is-desktop {
      display: none; } }

#is-responsive-tablet {
  display: none; }
  @media only screen and (min-width: 641px) and (max-width: 1023px) {
    #is-responsive-tablet {
      display: block; } }

#is-responsive-phone {
  display: none; }
  @media only screen and (max-width: 640px) {
    #is-responsive-phone {
      display: block; } }

.cta-secondaire {
  display: inline-block;
  background: #162e4b;
  padding: 10px 20px;
  border: none;
  font-family: "Comfortaa-Regular";
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 1em;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 1.4rem;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  text-decoration: none; }
  .cta-secondaire:hover {
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
    text-decoration: none;
    color: #FFFFFF;
    background: #04366e; }
  .cta-secondaire:focus {
    outline: none; }
  .cta-secondaire.cta-primaire {
    background: #162e4b; }
    .cta-secondaire.cta-primaire:hover {
      background: #04366e; }
  .cta-secondaire.cta-complement {
    background: #f8cfd6; }
    .cta-secondaire.cta-complement:hover {
      background: #de8a99; }
  .cta-secondaire.cta-douceur {
    background: #f6a64f; }
    .cta-secondaire.cta-douceur:hover {
      background: #db7d1f; }
  .cta-secondaire.cta-decouverte {
    background: #03aec7; }
    .cta-secondaire.cta-decouverte:hover {
      background: #108b9e; }
  .cta-secondaire.cta-joie {
    background: #b24a5c; }
    .cta-secondaire.cta-joie:hover {
      background: #872d3d; }
  .cta-secondaire.cta-imagination {
    background: #72a4cf; }
    .cta-secondaire.cta-imagination:hover {
      background: #46759e; }
  .cta-secondaire.cta-amitie {
    background: #162e4b; }
    .cta-secondaire.cta-amitie:hover {
      background: #04366e; }
  .cta-secondaire.cta-bio {
    background: #50b497; }
    .cta-secondaire.cta-bio:hover {
      background: #50b497; }

.cta {
  display: inline-block;
  background: #2c6c88;
  padding: 10px 20px;
  font-family: "Comfortaa-Regular";
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 1em;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 1.4rem;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  text-decoration: none;
  position: relative;
  border: none; }
  .cta:hover {
    text-decoration: none;
    color: #FFFFFF; }
    .cta:hover.cta-top:before, .cta:hover.cta-bottom:before {
      opacity: 1; }
  .cta:focus {
    outline: none; }
  .cta.cta-top:before {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
    content: '';
    display: block;
    z-index: 3;
    position: absolute;
    width: 76px;
    height: 70px;
    top: -35px;
    right: -38px;
    background: url("../img/trait-neutre-haut.png") center center no-repeat; }
  .cta.cta-bottom:before {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 3;
    opacity: 0;
    content: '';
    display: block;
    position: absolute;
    width: 76px;
    height: 70px;
    bottom: -30px;
    left: -31px;
    background: url("../img/trait-neutre-bas.png") center center no-repeat; }
  .cta.cta-primaire {
    background: #162e4b; }
    .cta.cta-primaire:hover.cta-top:before {
      background: url("../img/trait-primaire-haut.png") center center no-repeat; }
    .cta.cta-primaire:hover.cta-bottom:before {
      background: url("../img/trait-primaire-bas.png") center center no-repeat; }
  .cta.cta-complement {
    background: #f8cfd6; }
    .cta.cta-complement:hover.cta-top:before {
      background: url("../img/trait-complement-haut.png") center center no-repeat; }
    .cta.cta-complement:hover.cta-bottom:before {
      background: url("../img/trait-complement-bas.png") center center no-repeat; }
  .cta.cta-douceur {
    background: #f6a64f; }
    .cta.cta-douceur:hover.cta-top:before {
      background: url("../img/trait-douceur-haut.png") center center no-repeat; }
    .cta.cta-douceur:hover.cta-bottom:before {
      background: url("../img/trait-douceur-bas.png") center center no-repeat; }
  .cta.cta-decouverte {
    background: #03aec7; }
    .cta.cta-decouverte:hover.cta-top:before {
      background: url("../img/trait-decouverte-haut.png") center center no-repeat; }
    .cta.cta-decouverte:hover.cta-bottom:before {
      background: url("../img/trait-decouverte-bas.png") center center no-repeat; }
  .cta.cta-joie {
    background: #b24a5c; }
    .cta.cta-joie:hover.cta-top:before {
      background: url("../img/trait-joie-haut.png") center center no-repeat; }
    .cta.cta-joie:hover.cta-bottom:before {
      background: url("../img/trait-joie-bas.png") center center no-repeat; }
  .cta.cta-imagination {
    background: #72a4cf; }
    .cta.cta-imagination:hover.cta-top:before {
      background: url("../img/trait-imagination-haut.png") center center no-repeat; }
    .cta.cta-imagination:hover.cta-bottom:before {
      background: url("../img/trait-imagination-bas.png") center center no-repeat; }
  .cta.cta-amitie {
    background: #162e4b; }
    .cta.cta-amitie:hover.cta-top:before {
      background: url("../img/trait-amitie-haut.png") center center no-repeat; }
    .cta.cta-amitie:hover.cta-bottom:before {
      background: url("../img/trait-amitie-bas.png") center center no-repeat; }
  .cta.cta-bio {
    background: #50b497; }
    .cta.cta-bio:hover.cta-top:before {
      background: url("../img/trait-bio-haut.png") center center no-repeat; }
    .cta.cta-bio:hover.cta-bottom:before {
      background: url("../img/trait-bio-bas.png") center center no-repeat; }

.add-cart {
  display: inline-block;
  background-color: #162e4b;
  color: #fff;
  font-family: "Comfortaa-Bold";
  font-size: 1.4rem;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  text-align: center;
  padding: 5px 30px;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  text-transform: uppercase; }
  .add-cart:hover {
    background: #04366e;
    text-decoration: none; }
    .add-cart:hover:before {
      opacity: 1; }
  .add-cart:focus {
    outline: none; }
  .add-cart:before {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
    content: '';
    display: block;
    z-index: 3;
    position: absolute;
    width: 76px;
    height: 70px;
    top: -35px;
    right: -38px;
    background: url("../img/trait-primaire-haut.png") center center no-repeat; }
  .add-cart.disabled {
    opacity: 0.4;
    cursor: default !important; }
  @media only screen and (max-width: 640px) {
    .add-cart {
      font-size: 1.2em;
      padding: 5px 15px; } }

.cta-inline {
  display: inline-block;
  background: transparent;
  color: #333233;
  border: 2px solid #333233;
  font-family: "Comfortaa-Bold";
  font-size: 1.4rem;
  padding: 10px 20px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  text-decoration: none !important; }
  .cta-inline:hover {
    background: #333233;
    text-decoration: none;
    color: #fff !important; }
  .cta-inline:focus {
    outline: none; }

.sticky-wrapper {
  z-index: 999; }

.form-search-complete {
  -moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  background: #ffffff;
  width: 100%;
  min-height: 200px;
  padding: 2rem 0;
  z-index: 100; }
  .form-search-complete button.arrow {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: url("../img/arrow-left.png") center center no-repeat;
    background-size: contain;
    position: relative;
    padding: 0; }
    .form-search-complete button.arrow:after {
      display: block;
      content: '';
      width: 34px;
      height: 34px;
      background: url("../img/cercle-hover-small.png") center center no-repeat;
      background-size: contain;
      position: absolute;
      top: -5px;
      left: -5px;
      opacity: 0;
      -webkit-transition: all 0.75s ease 0s;
      -moz-transition: all 0.75s ease 0s;
      -o-transition: all 0.75s ease 0s;
      transition: all 0.75s ease 0s; }
    .form-search-complete button.arrow:hover:after {
      opacity: 1; }
  .form-search-complete .input {
    align-items: center; }
  .form-search-complete button.submit {
    width: 24px;
    height: 24px;
    background: url("../img/search.png") center center no-repeat;
    background-size: contain;
    position: relative;
    padding: 0; }
    .form-search-complete button.submit:after {
      display: block;
      content: '';
      width: 34px;
      height: 34px;
      background: url("../img/cercle-hover-small.png") center center no-repeat;
      background-size: contain;
      position: absolute;
      top: -5px;
      left: -5px;
      opacity: 0;
      -webkit-transition: all 0.75s ease 0s;
      -moz-transition: all 0.75s ease 0s;
      -o-transition: all 0.75s ease 0s;
      transition: all 0.75s ease 0s; }
    .form-search-complete button.submit:hover:after {
      opacity: 1; }

form.search {
  display: flex;
  align-items: center; }
  form.search button {
    padding: 0.5rem;
    font-size: 1.6em;
    color: #333233;
    border: none;
    background: transparent; }
  form.search .input {
    flex: 1;
    display: flex;
    border-bottom: 1px solid #333233; }
    form.search .input input {
      flex: 1;
      border: none;
      font-family: "Comfortaa-Light";
      font-size: 1.4em;
      padding: 0.5rem; }
      form.search .input input:focus {
        outline: none; }

.entete {
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  position: relative;
  padding-top: 1rem; }
  @media only screen and (max-width: 640px) {
    .entete {
      padding: 0; } }
  @media only screen and (min-width: 641px) and (max-width: 1023px) {
    .entete {
      padding: 0 0rem; } }
  .entete .middle-header {
    width: 100px;
    display: none; }
    .entete .middle-header a {
      display: block; }
      .entete .middle-header a img {
        max-width: 100%; }
    @media only screen and (max-width: 1000px) {
      .entete .middle-header {
        display: block; } }
  .entete .top-header {
    padding-top: 10px;
    display: flex; }
    @media only screen and (max-width: 1000px) {
      .entete .top-header {
        align-items: center;
        padding: 0; } }
    .entete .top-header .left-header, .entete .top-header .right-header {
      flex: 1; }
    .entete .top-header .right-header {
      text-align: right; }
    .entete .top-header form.search {
      display: inline-block;
      margin: 0 20px;
      background: url("../img/search.png") right center no-repeat;
      padding-right: 40px;
      width: 320px;
      border-bottom: 1px solid #333233; }
      .entete .top-header form.search input {
        border: none;
        font-size: 1.6em;
        padding: 6px 5px;
        width: 100%; }
      @media only screen and (max-width: 1000px) {
        .entete .top-header form.search {
          display: none; } }
    .entete .top-header .selectLang {
      display: inline-block;
      margin-left: 10px;
      position: relative; }
      .entete .top-header .selectLang .triggerLang {
        border: none;
        background: transparent;
        font-size: 1.4em; }
        .entete .top-header .selectLang .triggerLang:after {
          content: '\f078';
          font-family: "Font Awesome 5 Free";
          color: #f8cfd6;
          font-weight: bold;
          padding-left: 5px;
          display: inline-block;
          line-height: 1em;
          vertical-align: bottom; }
      .entete .top-header .selectLang ul {
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        background: #ffffff;
        padding: 5px;
        text-align: left;
        z-index: 3; }
        .entete .top-header .selectLang ul li {
          display: block; }
      @media only screen and (max-width: 1000px) {
        .entete .top-header .selectLang {
          display: none; } }
    .entete .top-header .link {
      font-size: 1.4em;
      display: inline-block;
      vertical-align: top;
      margin: 0 10px;
      color: #333233;
      position: relative; }
      @media only screen and (max-width: 1000px) {
        .entete .top-header .link {
          margin: 0 5px; } }
      .entete .top-header .link .shopping-cart {
        display: inline-block;
        width: 34px;
        height: 34px;
        background: url("../img/panier.png") center center no-repeat; }
        @media only screen and (max-width: 1000px) {
          .entete .top-header .link .shopping-cart {
            width: 20px;
            height: 22px;
            background-size: contain; } }
      .entete .top-header .link .c2c {
        display: inline-block;
        width: 34px;
        height: 34px;
        background: url("../img/c2c.png") center center no-repeat; }
        @media only screen and (max-width: 1000px) {
          .entete .top-header .link .c2c {
            width: 20px;
            height: 19px;
            background-size: contain; } }
      .entete .top-header .link .marker {
        display: inline-block;
        width: 34px;
        height: 34px;
        background: url("../img/marker.png") center center no-repeat; }
        @media only screen and (max-width: 1000px) {
          .entete .top-header .link .marker {
            display: none; } }
      .entete .top-header .link .user {
        display: inline-block;
        width: 34px;
        height: 34px;
        background: url("../img/user.png") center center no-repeat; }
        @media only screen and (max-width: 1000px) {
          .entete .top-header .link .user {
            width: 20px;
            height: 22px;
            background-size: contain; } }
      .entete .top-header .link .bullet {
        padding-left: 5px;
        display: inline-block;
        vertical-align: bottom; }
        @media only screen and (max-width: 640px) {
          .entete .top-header .link .bullet {
            padding: 3px 5px;
            position: absolute;
            bottom: 0;
            left: -6px;
            font-size: 0.8em;
            background: #f8cfd6;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            line-height: 1em; } }
      @media only screen and (max-width: 640px) {
        .entete .top-header .link.bookmarkLink .bullet {
          display: none; } }
      .entete .top-header .link:hover:after {
        opacity: 1; }
      .entete .top-header .link:after {
        -webkit-transition: all 0.75s ease 0s;
        -moz-transition: all 0.75s ease 0s;
        -o-transition: all 0.75s ease 0s;
        transition: all 0.75s ease 0s;
        width: 44px;
        height: 44px;
        content: '';
        display: block;
        opacity: 0;
        background: url("../img/cercle-hover-small.png") center center no-repeat;
        background-size: contain;
        position: absolute;
        top: -5px;
        left: -5px; }
  .entete .rspv-search {
    display: none; }
    @media only screen and (max-width: 1000px) {
      .entete .rspv-search {
        display: block;
        margin-bottom: 10px; } }
  .entete .acces-pro {
    display: inline-block;
    padding: 12px 7px;
    line-height: 1em;
    font-size: 1.3em;
    text-transform: uppercase;
    font-family: "Comfortaa-Regular";
    background: #f8cfd6;
    color: #333233;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; }
    .entete .acces-pro:hover {
      color: #fff;
      text-decoration: none;
      background: #de8a99; }
    @media only screen and (max-width: 1000px) {
      .entete .acces-pro {
        display: none; } }
  .entete .cont-menu-button, .entete .cont-menu-close {
    display: none; }
    @media only screen and (max-width: 1000px) {
      .entete .cont-menu-button, .entete .cont-menu-close {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-start; } }
    .entete .cont-menu-button button, .entete .cont-menu-close button {
      display: inline-block;
      padding: 0;
      margin: 0;
      border: 0;
      cursor: pointer;
      font-size: 3em;
      text-transform: uppercase;
      font-family: "Comfortaa-Bold";
      font-weight: normal;
      background-color: transparent; }
      .entete .cont-menu-button button .fa, .entete .cont-menu-close button .fa {
        color: #333233; }
  .entete .cont-menu-close {
    display: none; }
  .entete.rspv-active .main-menu {
    background: #ffffff;
    margin: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -moz-box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.25); }
    .entete.rspv-active .main-menu .menu {
      flex-direction: column; }
  .entete.rspv-active .cont-menu-button {
    display: none; }
  .entete.rspv-active .cont-menu-close {
    display: block; }

.main-menu {
  margin-top: 30px;
  position: relative; }
  .main-menu .menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0; }
    .main-menu .menu li.nav-item {
      list-style: none;
      padding: 10px 20px;
      position: relative;
      min-width: 140px; }
      @media only screen and (max-width: 1000px) {
        .main-menu .menu li.nav-item {
          order: 2; } }
      .main-menu .menu li.nav-item.logo {
        flex: none;
        width: 200px;
        padding: 0;
        position: relative; }
        @media only screen and (max-width: 1000px) {
          .main-menu .menu li.nav-item.logo {
            display: none; } }
        .main-menu .menu li.nav-item.logo > .nav-link {
          z-index: 1000;
          position: absolute;
          top: -80px;
          left: 0;
          padding: 0;
          width: 200px;
          height: 200px;
          display: flex;
          align-items: flex-start;
          justify-content: center;
          border: none; }
          .main-menu .menu li.nav-item.logo > .nav-link img {
            width: 100%;
            display: block;
            -webkit-transition: all 0.5s ease 0s;
            -moz-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s; }
          .main-menu .menu li.nav-item.logo > .nav-link:after {
            display: none; }
        .main-menu .menu li.nav-item.logo:hover > .nav-link {
          text-decoration: none;
          border: none; }
        .main-menu .menu li.nav-item.logo.homelogo {
          width: 180px; }
          .main-menu .menu li.nav-item.logo.homelogo > .nav-link {
            width: 180px;
            height: 180px;
            top: -90px; }
      .main-menu .menu li.nav-item.collections {
        position: static; }
        @media only screen and (max-width: 1000px) {
          .main-menu .menu li.nav-item.collections {
            order: 1; } }
        .main-menu .menu li.nav-item.collections > .nav-link {
          font-family: "Comfortaa-Bold";
          color: #03aec7; }
        .main-menu .menu li.nav-item.collections .submenu {
          width: 100%;
          -moz-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.25);
          -webkit-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.25);
          -o-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.25); }
          .main-menu .menu li.nav-item.collections .submenu .flexme {
            display: flex;
            flex-direction: row; }
          .main-menu .menu li.nav-item.collections .submenu ul {
            flex: 1;
            margin: 0;
            padding: 0;
            width: 100%;
            padding-top: 60px;
            padding-bottom: 2rem; }
          .main-menu .menu li.nav-item.collections .submenu .subcategories {
            flex: 3;
            padding-top: 60px;
            border-left: 1px solid #ececec;
            padding-bottom: 2rem;
            padding-left: 1rem; }
        .main-menu .menu li.nav-item.collections .subcategorie {
          display: none;
          padding-right: 2rem; }
          .main-menu .menu li.nav-item.collections .subcategorie.selected {
            display: flex;
            flex-wrap: wrap; }
          .main-menu .menu li.nav-item.collections .subcategorie #menuResponsiveBack {
            display: none;
            color: #162e4b;
            font-family: "Comfortaa-Bold";
            font-size: 1.6em;
            padding: 10px 0;
            border: none;
            width: 100%;
            text-align: left;
            background: transparent; }
          .main-menu .menu li.nav-item.collections .subcategorie .h3 {
            width: 20%;
            display: block;
            padding: 0 1rem;
            position: relative; }
            .main-menu .menu li.nav-item.collections .subcategorie .h3:hover {
              text-decoration: none; }
            .main-menu .menu li.nav-item.collections .subcategorie .h3 span {
              font-size: 1.6rem;
              line-height: 1.4em;
              display: block;
              color: #162e4b;
              font-family: "Comfortaa-Regular";
              text-align: center;
              -webkit-transition: all 0.5s ease 0s;
              -moz-transition: all 0.5s ease 0s;
              -o-transition: all 0.5s ease 0s;
              transition: all 0.5s ease 0s; }
            .main-menu .menu li.nav-item.collections .subcategorie .h3 .visuel {
              width: 100%;
              padding: 5%;
              position: relative; }
              .main-menu .menu li.nav-item.collections .subcategorie .h3 .visuel:after {
                content: '';
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0%;
                left: 0%;
                background: url("../img/cercle-hover-large.png") top center no-repeat;
                background-size: contain;
                opacity: 0;
                -webkit-transition: all 0.5s ease 0s;
                -moz-transition: all 0.5s ease 0s;
                -o-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s; }
            .main-menu .menu li.nav-item.collections .subcategorie .h3.amitie .visuel:after {
              background-image: url("../img/cercle-hover-bleu-fonce.png"); }
            .main-menu .menu li.nav-item.collections .subcategorie .h3.imagination .visuel:after {
              background-image: url("../img/cercle-hover-bleu.png"); }
            .main-menu .menu li.nav-item.collections .subcategorie .h3.joie .visuel:after {
              background-image: url("../img/cercle-hover-rouge.png"); }
            .main-menu .menu li.nav-item.collections .subcategorie .h3.decouverte .visuel:after {
              background-image: url("../img/cercle-hover-bleu-clair.png"); }
            .main-menu .menu li.nav-item.collections .subcategorie .h3.douceur .visuel:after {
              background-image: url("../img/cercle-hover-orange.png"); }
            .main-menu .menu li.nav-item.collections .subcategorie .h3.bio .visuel:after {
              background-image: url("../img/cercle-hover-vert.png"); }
            .main-menu .menu li.nav-item.collections .subcategorie .h3 img {
              -moz-border-radius: 50%;
              -webkit-border-radius: 50%;
              border-radius: 50%;
              display: block;
              max-width: 100%; }
            .main-menu .menu li.nav-item.collections .subcategorie .h3:hover span {
              color: #333233; }
            .main-menu .menu li.nav-item.collections .subcategorie .h3:hover .visuel:after {
              opacity: 1; }
          .main-menu .menu li.nav-item.collections .subcategorie .categorie-produits {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 20px; }
            .main-menu .menu li.nav-item.collections .subcategorie .categorie-produits a {
              width: 50%;
              padding: 5px 20px;
              display: flex;
              align-items: center; }
              .main-menu .menu li.nav-item.collections .subcategorie .categorie-produits a span {
                flex: 1;
                font-size: 1.6em;
                font-family: "Comfortaa-Regular";
                color: #8b8c8d; }
              .main-menu .menu li.nav-item.collections .subcategorie .categorie-produits a .visuel {
                width: 60px;
                margin-right: 20px; }
                .main-menu .menu li.nav-item.collections .subcategorie .categorie-produits a .visuel img {
                  max-width: 100%; }
              .main-menu .menu li.nav-item.collections .subcategorie .categorie-produits a:hover {
                text-decoration: none; }
                .main-menu .menu li.nav-item.collections .subcategorie .categorie-produits a:hover span {
                  color: #162e4b; }
      .main-menu .menu li.nav-item > .nav-link {
        font-size: 1.5em;
        text-transform: uppercase;
        font-family: "Comfortaa-Regular";
        color: #333233;
        display: block;
        padding: 0;
        text-align: center;
        position: relative; }
        .main-menu .menu li.nav-item > .nav-link strong {
          font-family: "BeccaPerry-script";
          font-weight: normal;
          text-transform: none;
          line-height: 0em;
          font-size: 2em; }
        .main-menu .menu li.nav-item > .nav-link:after {
          opacity: 0;
          -webkit-transition: all 0.5s ease 0s;
          -moz-transition: all 0.5s ease 0s;
          -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
          width: 100%;
          height: 10px;
          content: '';
          top: 100%;
          left: 0;
          display: block;
          background: url("../img/hover-menu.png") center center no-repeat; }
          @media only screen and (max-width: 1000px) {
            .main-menu .menu li.nav-item > .nav-link:after {
              display: none; } }
      .main-menu .menu li.nav-item:hover > .nav-link:after {
        opacity: 1; }
      .main-menu .menu li.nav-item .submenu {
        background: #ffffff;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 200px;
        z-index: 999;
        margin: 0;
        padding: 0;
        padding-top: 10px; }
        .main-menu .menu li.nav-item .submenu li {
          list-style: none;
          display: block;
          padding: 0; }
          .main-menu .menu li.nav-item .submenu li span, .main-menu .menu li.nav-item .submenu li a {
            padding: 5px 20px;
            display: block;
            text-align: left;
            font-size: 1.4em;
            font-family: "Comfortaa-Regular";
            color: #8b8c8d; }
            @media only screen and (max-width: 1000px) {
              .main-menu .menu li.nav-item .submenu li span, .main-menu .menu li.nav-item .submenu li a {
                padding: 10px 20px; } }
            .main-menu .menu li.nav-item .submenu li span:hover, .main-menu .menu li.nav-item .submenu li span.selected, .main-menu .menu li.nav-item .submenu li a:hover, .main-menu .menu li.nav-item .submenu li a.selected {
              background-color: #162e4b;
              color: #ffffff; }
            .main-menu .menu li.nav-item .submenu li span.strong, .main-menu .menu li.nav-item .submenu li a.strong {
              color: #333233;
              font-family: "Comfortaa-Bold"; }
            .main-menu .menu li.nav-item .submenu li span.noel, .main-menu .menu li.nav-item .submenu li a.noel {
              color: #b24b5c;
              font-family: "Comfortaa-Bold"; }
              .main-menu .menu li.nav-item .submenu li span.noel:hover, .main-menu .menu li.nav-item .submenu li span.noel.selected, .main-menu .menu li.nav-item .submenu li a.noel:hover, .main-menu .menu li.nav-item .submenu li a.noel.selected {
                background-color: #b24b5c;
                color: #ffffff; }
      .main-menu .menu li.nav-item:hover .submenu {
        display: block; }
    .main-menu .menu.menu-rspv {
      display: none;
      /*&.form-search-complete{
      	position: static;
      	top: initial;
      	left: initial;
      	min-height: auto;
      	display: none;
      	background: #ffffff;
      	padding: 1rem 2rem;
      	border: none;//
      	@include box-shadow(transparent, 0px, 0px, 0px);
      	@media only screen and (max-width : 640px),only screen and (min-width : 641px) and (max-width: 1023px) {
      		display: block;
      	}
      }*/ }
      .main-menu .menu.menu-rspv form.search .input {
        border: none; }
  @media only screen and (max-width: 1000px) {
    .main-menu {
      display: none; }
      .main-menu .container {
        padding: 0; }
      .main-menu .menu {
        padding: 0 15px;
        border-bottom: 1px solid #8b8c8d; }
        .main-menu .menu li.nav-item {
          padding: 0px; }
          .main-menu .menu li.nav-item > .nav-link {
            border-bottom: 1px solid #8b8c8d;
            text-align: left;
            padding: 20px; } }
        @media only screen and (max-width: 1000px) and (max-width: 640px) {
          .main-menu .menu li.nav-item > .nav-link {
            padding: 10px; } }
  @media only screen and (max-width: 1000px) {
            .main-menu .menu li.nav-item > .nav-link.acces-pro {
              padding-left: 30px; }
          .main-menu .menu li.nav-item:last-child > .nav-link {
            border-bottom: none; }
          .main-menu .menu li.nav-item .submenu {
            position: static;
            top: initial;
            left: initial;
            width: 100%; }
          .main-menu .menu li.nav-item.collections .submenu {
            -moz-box-shadow: 0px 0px 0px 0 transparent;
            -webkit-box-shadow: 0px 0px 0px 0 transparent;
            -o-box-shadow: 0px 0px 0px 0 transparent;
            box-shadow: 0px 0px 0px 0 transparent; }
            .main-menu .menu li.nav-item.collections .submenu .container {
              padding: 0; }
            .main-menu .menu li.nav-item.collections .submenu ul {
              padding: 0;
              flex: initial; }
            .main-menu .menu li.nav-item.collections .submenu .subcategories {
              display: none;
              padding: 0;
              border: none;
              flex: initial; }
          .main-menu .menu li.nav-item.collections .subcategorie #menuResponsiveBack {
            display: block; }
          .main-menu .menu li.nav-item.collections .subcategorie.selected {
            flex-direction: column; }
          .main-menu .menu li.nav-item.collections .subcategorie .h3 {
            width: auto;
            margin: 0;
            font-size: 1.4em;
            padding: 10px 20px; }
            .main-menu .menu li.nav-item.collections .subcategorie .h3 span {
              line-height: initial;
              color: #8b8c8d;
              text-transform: none; }
            .main-menu .menu li.nav-item.collections .subcategorie .h3 .visuel {
              display: none; }
        .main-menu .menu.menu-rspv {
          background: #f2f2f2;
          display: block; }
          .main-menu .menu.menu-rspv .acces-pro {
            font-size: 1.5em;
            display: block;
            background: #f2f2f2 url("../img/pro.png") 8px 19px no-repeat; } }
        @media only screen and (max-width: 1000px) and (max-width: 640px) {
          .main-menu .menu.menu-rspv .acces-pro {
            background: #f2f2f2 url("../img/pro.png") 8px 10px no-repeat; } }
  @media only screen and (max-width: 1000px) {
          .main-menu .menu.menu-rspv li.nav-item .submenu {
            background: #f2f2f2; }
            .main-menu .menu.menu-rspv li.nav-item .submenu li a.flag, .main-menu .menu.menu-rspv li.nav-item .submenu li span.flag {
              display: inline-block; } }

.is-sticky .entete {
  -moz-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.25);
  background: #FFFFFF; }
.is-sticky .main-menu .menu li.nav-item.logo > .nav-link {
  height: auto;
  top: initial;
  bottom: 0; }
.is-sticky .main-menu .menu li.nav-item.logo > .nav-link img {
  width: 60%; }
.is-sticky .main-menu .menu li.nav-item.collections .submenu .subcategories {
  padding-top: 1rem; }
.is-sticky .main-menu .menu li.nav-item.collections .submenu ul {
  padding-top: 1rem; }

.menu-compte a {
  font-size: 1.6em;
  color: #FFFFFF; }
  .menu-compte a:hover {
    text-decoration: none; }
  .menu-compte a.panier {
    position: relative; }
    .menu-compte a.panier .bullet {
      display: inline-block;
      padding-left: 3px; }

.formulaire form {
  margin-top: 20px; }
  .formulaire form .champs.split {
    display: flex;
    flex-wrap: wrap; }
    .formulaire form .champs.split .form-group {
      width: 50%; }
      .formulaire form .champs.split .form-group:nth-child(even) {
        padding-left: 1rem; }
      .formulaire form .champs.split .form-group:nth-child(odd) {
        padding-right: 1rem; }
      @media only screen and (max-width: 640px) {
        .formulaire form .champs.split .form-group {
          width: 100%; }
          .formulaire form .champs.split .form-group:nth-child(even) {
            padding: 0; }
          .formulaire form .champs.split .form-group:nth-child(odd) {
            padding: 0; } }
  .formulaire form label {
    font-family: "Comfortaa-Light";
    font-size: 1.5em;
    color: #333233; }
    @media only screen and (max-width: 640px) {
      .formulaire form label {
        font-size: 1.4em; } }
    .formulaire form label.required:after {
      content: ' *';
      font-weight: bold; }
  .formulaire form p {
    font-family: "Comfortaa-Light";
    font-size: 1.5em;
    color: #333233;
    margin: 0; }
  .formulaire form span {
    font-family: "Comfortaa-Regular";
    font-size: 1.2em;
    color: #333233; }
    .formulaire form span.fa {
      font-family: "Font Awesome 5 Free"; }
  .formulaire form .emailExistCheck #emailExistCheck, .formulaire form .emailExistCheck #emailExistInvalid {
    display: none;
    margin-bottom: 1rem; }
  .formulaire form .emailExistCheck p {
    color: #dc3545 !important; }
    .formulaire form .emailExistCheck p a {
      color: inherit;
      text-decoration: underline;
      font-family: "Comfortaa-Bold"; }
  .formulaire form input, .formulaire form textarea, .formulaire form select {
    font-family: "Comfortaa-Light";
    font-size: 1.5em;
    color: #333233; }
    .formulaire form input[type="checkbox"], .formulaire form textarea[type="checkbox"], .formulaire form select[type="checkbox"] {
      margin-right: 10px;
      position: relative; }
    @media only screen and (max-width: 640px) {
      .formulaire form input, .formulaire form textarea, .formulaire form select {
        font-size: 1.4em; } }
  .formulaire form textarea {
    height: 100px; }
  .formulaire form .radio {
    display: inline-block;
    vertical-align: top;
    padding-right: 1.5rem; }
    .formulaire form .radio label {
      padding-left: 0.5rem; }
      .formulaire form .radio label.required:after {
        display: none; }
  .formulaire form .has-error input, .formulaire form .has-error textarea, .formulaire form .has-error select {
    border: 1px solid #c92523; }
  .formulaire form .line-input-recaptcha {
    margin: 20px 0; }
    .formulaire form .line-input-recaptcha .g-recaptcha {
      width: 304px;
      margin: 0 auto; }
  .formulaire form .line-input.error input, .formulaire form .line-input.error textarea, .formulaire form .line-input.error select {
    border: 1px solid #de0600; }
  .formulaire form .checkbox {
    display: flex; }
    .formulaire form .checkbox input {
      margin-top: 5px; }
    .formulaire form .checkbox label {
      flex: 1;
      font-weight: normal; }
      .formulaire form .checkbox label p {
        display: inline;
        font-size: 1em; }
  .formulaire form .help-block {
    font-size: 1.4em;
    color: #c92523; }
  .formulaire form .line-input-rgpd {
    margin-top: -6px;
    margin-bottom: 1.5rem; }
  .formulaire form .showHiddenPassword-wrapper {
    position: relative; }
  .formulaire form .showHiddenPassword-wrapper .is-invalid {
    background-image: none !important;
    background-size: 0 !important; }
  .formulaire form .showHiddenPassword-toggle {
    position: absolute;
    top: 50%;
    right: 1.5em;
    transform: translateY(-50%); }
  .formulaire form #strengthPassword {
    margin-bottom: 1rem; }
    .formulaire form #strengthPassword .progress {
      height: 30px;
      width: 150px;
      position: relative; }
      .formulaire form #strengthPassword .progress .value {
        font-size: 1.4em;
        color: #333233;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: "Comfortaa-Bold";
        display: flex;
        align-items: center;
        justify-content: center; }
    .formulaire form #strengthPassword .progress-bar {
      position: relative; }
    .formulaire form #strengthPassword.showHidden {
      display: none; }
  .formulaire form .line-input-submit {
    margin: 10px 0;
    text-align: center; }
    .formulaire form .line-input-submit button {
      display: inline-block;
      background: #162e4b;
      border: none;
      padding: 10px 20px;
      font-family: "Comfortaa-Regular";
      color: #FFFFFF;
      text-transform: uppercase;
      line-height: 1em;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      font-size: 1.4rem;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      text-decoration: none; }
      .formulaire form .line-input-submit button:focus {
        outline: none; }
      .formulaire form .line-input-submit button:hover {
        background-color: #04366e;
        color: #ffffff; }
    .formulaire form .line-input-submit a {
      display: inline-block;
      background: #f8cfd6;
      border: none;
      padding: 10px 20px;
      font-family: "Comfortaa-Regular";
      color: #FFFFFF;
      text-transform: uppercase;
      line-height: 1em;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      font-size: 1.4rem;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      text-decoration: none; }
      .formulaire form .line-input-submit a:focus {
        outline: none; }
      .formulaire form .line-input-submit a:hover {
        text-decoration: none;
        background-color: #de8a99;
        color: #FFFFFF; }
  .formulaire form.form-contact .line-input-rgpd {
    margin: 1.5rem 0; }
  .formulaire form.form-contact .line-input-submit {
    margin: 10px 0;
    text-align: center; }
    .formulaire form.form-contact .line-input-submit button {
      background-color: #333233;
      border: none;
      cursor: pointer;
      display: inline-block;
      padding: 10px 30px;
      color: #FFFFFF;
      font-size: 1.6em;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      margin: 2px; }
      .formulaire form.form-contact .line-input-submit button:focus {
        outline: none; }
      .formulaire form.form-contact .line-input-submit button:hover {
        background-color: #162e4b;
        color: #ffffff; }

.notation-produit .stars {
  display: inline-block;
  position: relative; }
  .notation-produit .stars .back {
    color: #8b8c8d; }
  .notation-produit .stars .front {
    overflow: hidden;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    color: #162e4b; }
    .notation-produit .stars .front > div {
      width: 300px;
      position: absolute;
      top: 0;
      left: 0; }

.tips_ok,
.tips_erreur,
.alert-danger,
.alert-success {
  margin-top: 10px;
  padding: 10px;
  font-size: 1.4rem;
  color: #ffffff !important;
  background-color: #721c24;
  border: 1px solid #721c24;
  margin-bottom: 15px; }
  .tips_ok ul,
  .tips_erreur ul,
  .alert-danger ul,
  .alert-success ul {
    margin: 0; }
    .tips_ok ul li,
    .tips_erreur ul li,
    .alert-danger ul li,
    .alert-success ul li {
      list-style: none; }
  .tips_ok p,
  .tips_erreur p,
  .alert-danger p,
  .alert-success p {
    font-size: 1em;
    margin: 0;
    color: #ffffff; }
  .tips_ok.tips_ok, .tips_ok.alert-success,
  .tips_erreur.tips_ok,
  .tips_erreur.alert-success,
  .alert-danger.tips_ok,
  .alert-danger.alert-success,
  .alert-success.tips_ok,
  .alert-success.alert-success {
    color: #ffffff;
    background-color: #155724;
    border: 1px solid #155724; }
  .tips_ok .alert-danger,
  .tips_erreur .alert-danger,
  .alert-danger .alert-danger,
  .alert-success .alert-danger {
    background: transparent;
    border: none;
    color: #FFFFFF;
    padding: 0;
    margin: 0; }
  .tips_ok .form-error-icon,
  .tips_erreur .form-error-icon,
  .alert-danger .form-error-icon,
  .alert-success .form-error-icon {
    display: none; }
  .tips_ok a,
  .tips_erreur a,
  .alert-danger a,
  .alert-success a {
    float: right;
    text-decoration: none;
    color: #ffffff; }

.page-faq .faq-list {
  margin: 2rem 0; }
  .page-faq .faq-list .faq {
    margin-bottom: 4rem; }
  .page-faq .faq-list h3 {
    font-size: 2.4em;
    font-family: "Comfortaa-Bold";
    color: #162e4b;
    margin-bottom: 1rem;
    font-weight: normal; }
  .page-faq .faq-list p {
    font-size: 1.4em; }

.page-finalisation {
  padding: 6rem 0 0;
  text-align: center !important; }
  .page-finalisation .container {
    background: #f2f2f2;
    padding: 3rem; }
  .page-finalisation .css_mce h1, .page-finalisation .css_mce .h1 {
    text-align: center; }

.page-paypal {
  padding: 6rem 0 0;
  text-align: center; }
  .page-paypal .container {
    padding: 3rem; }
    .page-paypal .container .h1 {
      text-align: center; }
  .page-paypal #paypal-button-container {
    width: 200px;
    margin: 0 auto; }
  .page-paypal a.cta {
    display: inline-block;
    margin: 40px 0 0;
    background: transparent;
    color: #f8cfd6;
    text-decoration: underline; }
    .page-paypal a.cta:hover {
      background: transparent;
      color: #000000; }

.page .container-page {
  padding: 7rem 0 0; }
  @media only screen and (min-width: 641px) and (max-width: 1023px) {
    .page .container-page {
      padding: 2rem 0 0; } }
  @media only screen and (max-width: 640px) {
    .page .container-page {
      padding: 0rem 0 0; } }
.page .container-presse {
  padding: 6rem 0 0; }
.page.page-homepage .container-page {
  padding: 0; }
.page.page-homepage #footer {
  margin: 0; }

.categorie .header-categorie {
  margin-bottom: 2rem;
  margin-top: 7rem; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    .categorie .header-categorie {
      margin-top: 0;
      margin-bottom: 2rem; } }
  .categorie .header-categorie .visuel-pincipal {
    width: 100%;
    height: 350px;
    position: relative;
    margin-bottom: 2rem; }
    .categorie .header-categorie .visuel-pincipal img {
      display: block;
      width: 100%;
      object-fit: cover;
      height: 100%; }
    @media only screen and (max-width: 640px) {
      .categorie .header-categorie .visuel-pincipal {
        height: auto; } }
  @media only screen and (max-width: 640px) {
    .categorie .header-categorie .contenu-desc {
      display: none; } }
  .categorie .header-categorie h1 {
    text-align: center;
    margin-top: 1rem;
    font-family: "BeccaPerry-script";
    font-size: 4.4em;
    line-height: 1.7em;
    color: #162e4b; }
    .categorie .header-categorie h1:before, .categorie .header-categorie h1:after {
      content: '';
      display: inline-block;
      margin: 0 20px;
      width: 10px;
      height: 10px;
      background-color: #f8cfd6;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .categorie .header-categorie h1 {
        font-size: 3.1em;
        line-height: 1.4em;
        padding-bottom: 1rem; } }
    @media only screen and (max-width: 640px) {
      .categorie .header-categorie h1 {
        background-size: 280px; } }
    @media only screen and (min-width: 641px) and (max-width: 1023px) {
      .categorie .header-categorie h1 {
        font-size: 4.4em; } }
.categorie .categories-enfant {
  padding-bottom: 40px;
  margin-bottom: 40px; }
.categorie .categorie-amitie .header-categorie h1 {
  color: #162e4b;
  background: url("../img/titre-after-bleu-fonce.png") bottom center no-repeat; }
  @media only screen and (max-width: 640px) {
    .categorie .categorie-amitie .header-categorie h1 {
      background-size: 280px; } }
.categorie .categorie-amitie .categories-enfant {
  background: url("../img/titre-after-bleu-fonce.png") bottom center no-repeat; }
.categorie .categorie-amitie .catalogue-categories li .visuel:after {
  background-image: url("../img/cercle-hover-bleu-fonce.png"); }
.categorie .categorie-amitie .bookmark {
  background-image: url("../img/coeur-bleu-fonce.png"); }
.categorie .categorie-amitie .share-social {
  background-image: url("../img/share-bleu-fonce.png"); }
.categorie .categorie-amitie .tags-produit span.new {
  background-color: #162e4b; }
.categorie .categorie-amitie .add-cart {
  background-color: #162e4b; }
  .categorie .categorie-amitie .add-cart:hover {
    background-color: #04366e; }
.categorie .categorie-imagination .header-categorie h1 {
  color: #72a4cf;
  background: url("../img/titre-after-bleu.png") bottom center no-repeat; }
  @media only screen and (max-width: 640px) {
    .categorie .categorie-imagination .header-categorie h1 {
      background-size: 280px; } }
.categorie .categorie-imagination .categories-enfant {
  background: url("../img/titre-after-bleu.png") bottom center no-repeat; }
.categorie .categorie-imagination .catalogue-categories li .visuel:after {
  background-image: url("../img/cercle-hover-bleu.png"); }
.categorie .categorie-imagination .bookmark {
  background-image: url("../img/coeur-bleu.png"); }
.categorie .categorie-imagination .share-social {
  background-image: url("../img/share-bleu.png"); }
.categorie .categorie-imagination .tags-produit span.new {
  background-color: #72a4cf; }
.categorie .categorie-imagination .add-cart {
  background-color: #72a4cf; }
  .categorie .categorie-imagination .add-cart:hover {
    background-color: #46759e; }
.categorie .categorie-joie .header-categorie h1 {
  color: #b24a5c;
  background: url("../img/titre-after-rouge.png") bottom center no-repeat; }
  @media only screen and (max-width: 640px) {
    .categorie .categorie-joie .header-categorie h1 {
      background-size: 280px; } }
.categorie .categorie-joie .categories-enfant {
  background: url("../img/titre-after-rouge.png") bottom center no-repeat; }
.categorie .categorie-joie .catalogue-categories li .visuel:after {
  background-image: url("../img/cercle-hover-rouge.png"); }
.categorie .categorie-joie .bookmark {
  background-image: url("../img/coeur-rouge.png"); }
.categorie .categorie-joie .share-social {
  background-image: url("../img/share-rouge.png"); }
.categorie .categorie-joie .tags-produit span.new {
  background-color: #b24a5c; }
.categorie .categorie-joie .add-cart {
  background-color: #b24a5c; }
  .categorie .categorie-joie .add-cart:hover {
    background-color: #872d3d; }
.categorie .categorie-decouverte .header-categorie h1 {
  color: #03aec7;
  background: url("../img/titre-after-bleu-clair.png") bottom center no-repeat; }
  @media only screen and (max-width: 640px) {
    .categorie .categorie-decouverte .header-categorie h1 {
      background-size: 280px; } }
.categorie .categorie-decouverte .categories-enfant {
  background: url("../img/titre-after-bleu-clair.png") bottom center no-repeat; }
.categorie .categorie-decouverte .catalogue-categories li .visuel:after {
  background-image: url("../img/cercle-hover-bleu-clair.png"); }
.categorie .categorie-decouverte .bookmark {
  background-image: url("../img/coeur-bleu-clair.png"); }
.categorie .categorie-decouverte .share-social {
  background-image: url("../img/share-bleu-clair.png"); }
.categorie .categorie-decouverte .tags-produit span.new {
  background-color: #03aec7; }
.categorie .categorie-decouverte .add-cart {
  background-color: #03aec7; }
  .categorie .categorie-decouverte .add-cart:hover {
    background-color: #108b9e; }
.categorie .categorie-douceur .header-categorie h1 {
  color: #f6a64f;
  background: url("../img/titre-after-orange.png") bottom center no-repeat; }
  @media only screen and (max-width: 640px) {
    .categorie .categorie-douceur .header-categorie h1 {
      background-size: 280px; } }
.categorie .categorie-douceur .categories-enfant {
  background: url("../img/titre-after-orange.png") bottom center no-repeat; }
.categorie .categorie-douceur .catalogue-categories li .visuel:after {
  background-image: url("../img/cercle-hover-orange.png"); }
.categorie .categorie-douceur .bookmark {
  background-image: url("../img/coeur-orange.png"); }
.categorie .categorie-douceur .share-social {
  background-image: url("../img/share-orange.png"); }
.categorie .categorie-douceur .tags-produit span.new {
  background-color: #f6a64f; }
.categorie .categorie-douceur .add-cart {
  background-color: #f6a64f; }
  .categorie .categorie-douceur .add-cart:hover {
    background-color: #db7d1f; }
.categorie .categorie-bio .header-categorie h1 {
  color: #50b497;
  background: url("../img/titre-after-vert.png") bottom center no-repeat; }
  @media only screen and (max-width: 640px) {
    .categorie .categorie-bio .header-categorie h1 {
      background-size: 280px; } }
.categorie .categorie-bio .categories-enfant {
  background: url("../img/titre-after-vert.png") bottom center no-repeat; }
.categorie .categorie-bio .catalogue-categories li .visuel:after {
  background-image: url("../img/cercle-hover-vert.png"); }
.categorie .categorie-bio .bookmark {
  background-image: url("../img/coeur-vert.png"); }
.categorie .categorie-bio .share-social {
  background-image: url("../img/share-vert.png"); }
.categorie .categorie-bio .tags-produit span.new {
  background-color: #50b497; }
.categorie .categorie-bio .add-cart {
  background-color: #50b497; }
  .categorie .categorie-bio .add-cart:hover {
    background-color: #50b497; }
.categorie .module-titre {
  margin: 4rem 0 2rem; }
.categorie .categories-produits {
  margin-top: 4rem; }
  @media only screen and (max-width: 640px) {
    .categorie .categories-produits {
      margin-top: 1.5rem; } }
  .categorie .categories-produits .produit-recherche {
    display: flex; }
    .categorie .categories-produits .produit-recherche .recherche {
      width: 250px;
      margin-right: 2rem; }
    .categorie .categories-produits .produit-recherche .resultat-produit {
      flex: 1; }
.categorie .separate-products {
  margin: 4rem 0;
  text-align: center; }
  @media only screen and (max-width: 640px) {
    .categorie .separate-products {
      display: none; } }
  .categorie .separate-products span {
    font-size: 3em;
    color: #162e4b; }
  .categorie .separate-products h2 {
    color: #333233;
    font-family: "Comfortaa-Light";
    font-size: 2.6em;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block; }
    @media only screen and (max-width: 640px) {
      .categorie .separate-products h2 {
        font-size: 2.2em; } }

.catalogue-categories {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0; }
  .catalogue-categories li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 20%; }
    @media only screen and (max-width: 640px) {
      .catalogue-categories li {
        width: 50%; } }
    .catalogue-categories li a.categorie {
      display: block;
      padding: 1rem; }
      .catalogue-categories li a.categorie:hover {
        text-decoration: none; }
        .catalogue-categories li a.categorie:hover .content h3 {
          color: #162e4b; }
        .catalogue-categories li a.categorie:hover .visuel:after {
          opacity: 1; }
      @media only screen and (max-width: 640px) {
        .catalogue-categories li a.categorie {
          display: flex;
          flex-direction: column; }
          .catalogue-categories li a.categorie .visuel {
            order: 0; }
          .catalogue-categories li a.categorie .content {
            order: 1; }
            .catalogue-categories li a.categorie .content p {
              text-align: left !important;
              font-size: 1.2em; } }
    .catalogue-categories li .visuel {
      width: 75%;
      padding: 2.5%;
      margin: 0 auto 1rem;
      overflow: hidden;
      position: relative; }
      .catalogue-categories li .visuel:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        background: url("../img/cercle-hover-large.png") top center no-repeat;
        background-size: contain;
        opacity: 0;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; }
      .catalogue-categories li .visuel img {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        max-width: 100%;
        display: block;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; }
    .catalogue-categories li .content h3 {
      font-family: "Comfortaa-Regular";
      margin-bottom: 1rem;
      color: #333233;
      font-size: 1.8em;
      text-align: center; }
      @media only screen and (max-width: 640px) {
        .catalogue-categories li .content h3 {
          font-size: 1.6em; } }
    .catalogue-categories li .content p {
      font-size: 1.4em;
      color: #333233;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }

.container-presse h1 {
  font-family: "BeccaPerry-script";
  color: #162e4b;
  font-size: 5em;
  font-weight: normal;
  margin: 2rem 0; }
.container-presse .date {
  font-family: "Comfortaa-Bold";
  font-size: 1.6em;
  display: block; }
.container-presse .flex-contenu {
  margin-top: 2rem;
  display: flex; }
  .container-presse .flex-contenu .visuel {
    width: 40%;
    padding-right: 2rem; }
    .container-presse .flex-contenu .visuel img {
      max-width: 100%;
      display: block; }
  .container-presse .flex-contenu .contenu {
    flex: 1; }

.produit-prix .prix-remise {
  margin-bottom: 5px;
  display: inline-block;
  padding: 0 10px;
  color: #333233;
  font-size: 1.2em; }
  .produit-prix .prix-remise min {
    font-size: 0.7em;
    vertical-align: super; }
  .produit-prix .prix-remise .linethrough {
    text-decoration: line-through; }
  @media only screen and (max-width: 640px) {
    .produit-prix .prix-remise {
      margin-bottom: 0;
      font-size: 1em;
      display: block;
      order: 2; } }
.produit-prix .price {
  color: #333233;
  font-size: 1.8em;
  font-family: "Poppins-Medium"; }
  .produit-prix .price min {
    font-size: 0.7em;
    vertical-align: super; }
@media only screen and (max-width: 640px) {
  .produit-prix {
    display: flex;
    flex-direction: column; }
    .produit-prix .price {
      line-height: 1em;
      margin-top: 5px; } }
.produit-prix .alerte-stock {
  color: #c92523;
  font-size: 1.2em; }
.produit-prix .mention-stock {
  color: #40b521;
  font-size: 1.2em; }

.sticky-panier-phone {
  display: none;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 2rem 1rem;
  border-top: 1px solid #162e4b;
  background: #FFFFFF;
  z-index: 10000002;
  -moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.3); }
  @media only screen and (max-width: 640px) {
    .sticky-panier-phone {
      display: block; } }
  .sticky-panier-phone .contain-panier {
    display: flex;
    flex-direction: row !important; }
    .sticky-panier-phone .contain-panier > div {
      flex-direction: column;
      gap: 3px; }
    .sticky-panier-phone .contain-panier label {
      font-size: 1.4em !important;
      margin: 0;
      padding-right: 10px !important; }
    .sticky-panier-phone .contain-panier .add-cart {
      margin: 0 !important; }
    .sticky-panier-phone .contain-panier .control-quantite {
      padding: 0 !important; }
      .sticky-panier-phone .contain-panier .control-quantite input {
        padding: 15px 0;
        font-size: 1.4em;
        width: 50px; }
  .sticky-panier-phone.produit-univers-amitie .add-cart {
    background-color: #04366e; }
  .sticky-panier-phone.produit-univers-douceur .add-cart {
    background-color: #db7d1f; }
  .sticky-panier-phone.produit-univers-imagination .add-cart {
    background-color: #46759e; }
  .sticky-panier-phone.produit-univers-joie .add-cart {
    background-color: #872d3d; }
  .sticky-panier-phone.produit-univers-decouverte .add-cart {
    background-color: #03aec7; }
  .sticky-panier-phone.produit-univers-bio .add-cart {
    background-color: #50b497; }

#chat-application {
  z-index: 999 !important; }

#ctn-popup-cart, #ctn-popup-commerciale {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  -webkit-transition: opacity 0.5s ease 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s;
  z-index: 1000; }
  #ctn-popup-cart.visible, #ctn-popup-commerciale.visible {
    opacity: 1;
    display: flex; }
  #ctn-popup-cart .shadow, #ctn-popup-commerciale .shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); }
  #ctn-popup-cart .popup-cart, #ctn-popup-cart .popup-commerciale, #ctn-popup-commerciale .popup-cart, #ctn-popup-commerciale .popup-commerciale {
    width: 90%;
    max-width: 800px;
    background: #FFFFFF;
    padding: 2rem;
    position: relative; }
    #ctn-popup-cart .popup-cart .cross-close, #ctn-popup-cart .popup-commerciale .cross-close, #ctn-popup-commerciale .popup-cart .cross-close, #ctn-popup-commerciale .popup-commerciale .cross-close {
      position: absolute;
      top: 2rem;
      right: 2rem;
      line-height: 1em;
      font-size: 2em;
      color: #333233;
      background: transparent;
      border: none;
      cursor: pointer; }
    #ctn-popup-cart .popup-cart h3, #ctn-popup-cart .popup-commerciale h3, #ctn-popup-commerciale .popup-cart h3, #ctn-popup-commerciale .popup-commerciale h3 {
      font-size: 1.6em;
      color: #333233; }
      #ctn-popup-cart .popup-cart h3 strong, #ctn-popup-cart .popup-commerciale h3 strong, #ctn-popup-commerciale .popup-cart h3 strong, #ctn-popup-commerciale .popup-commerciale h3 strong {
        color: #162e4b;
        font-family: "Comfortaa-Bold";
        font-weight: normal; }
    #ctn-popup-cart .popup-cart p, #ctn-popup-cart .popup-commerciale p, #ctn-popup-commerciale .popup-cart p, #ctn-popup-commerciale .popup-commerciale p {
      font-size: 1.4em;
      font-family: "Comfortaa-Regular"; }
      #ctn-popup-cart .popup-cart p strong, #ctn-popup-cart .popup-commerciale p strong, #ctn-popup-commerciale .popup-cart p strong, #ctn-popup-commerciale .popup-commerciale p strong {
        color: #162e4b;
        font-family: "Comfortaa-Bold";
        font-weight: normal; }
    #ctn-popup-cart .popup-cart .ctn-produit, #ctn-popup-cart .popup-commerciale .ctn-produit, #ctn-popup-commerciale .popup-cart .ctn-produit, #ctn-popup-commerciale .popup-commerciale .ctn-produit {
      margin-top: 2rem;
      display: flex; }
      @media only screen and (max-width: 640px) {
        #ctn-popup-cart .popup-cart .ctn-produit, #ctn-popup-cart .popup-commerciale .ctn-produit, #ctn-popup-commerciale .popup-cart .ctn-produit, #ctn-popup-commerciale .popup-commerciale .ctn-produit {
          flex-direction: column; } }
      #ctn-popup-cart .popup-cart .ctn-produit .added-produit, #ctn-popup-cart .popup-commerciale .ctn-produit .added-produit, #ctn-popup-commerciale .popup-cart .ctn-produit .added-produit, #ctn-popup-commerciale .popup-commerciale .ctn-produit .added-produit {
        flex: 1;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 640px) {
          #ctn-popup-cart .popup-cart .ctn-produit .added-produit, #ctn-popup-cart .popup-commerciale .ctn-produit .added-produit, #ctn-popup-commerciale .popup-cart .ctn-produit .added-produit, #ctn-popup-commerciale .popup-commerciale .ctn-produit .added-produit {
            margin-bottom: 2rem; } }
        #ctn-popup-cart .popup-cart .ctn-produit .added-produit .visuel, #ctn-popup-cart .popup-commerciale .ctn-produit .added-produit .visuel, #ctn-popup-commerciale .popup-cart .ctn-produit .added-produit .visuel, #ctn-popup-commerciale .popup-commerciale .ctn-produit .added-produit .visuel {
          max-width: 75px;
          margin-right: 2rem; }
          #ctn-popup-cart .popup-cart .ctn-produit .added-produit .visuel img, #ctn-popup-cart .popup-commerciale .ctn-produit .added-produit .visuel img, #ctn-popup-commerciale .popup-cart .ctn-produit .added-produit .visuel img, #ctn-popup-commerciale .popup-commerciale .ctn-produit .added-produit .visuel img {
            max-width: 100%;
            display: block; }
        #ctn-popup-cart .popup-cart .ctn-produit .added-produit #titre-produit, #ctn-popup-cart .popup-commerciale .ctn-produit .added-produit #titre-produit, #ctn-popup-commerciale .popup-cart .ctn-produit .added-produit #titre-produit, #ctn-popup-commerciale .popup-commerciale .ctn-produit .added-produit #titre-produit {
          font-size: 1.8em;
          color: #333233;
          font-family: "Comfortaa-Regular"; }
          #ctn-popup-cart .popup-cart .ctn-produit .added-produit #titre-produit strong, #ctn-popup-cart .popup-commerciale .ctn-produit .added-produit #titre-produit strong, #ctn-popup-commerciale .popup-cart .ctn-produit .added-produit #titre-produit strong, #ctn-popup-commerciale .popup-commerciale .ctn-produit .added-produit #titre-produit strong {
            color: #162e4b; }
        #ctn-popup-cart .popup-cart .ctn-produit .added-produit .attributs span, #ctn-popup-cart .popup-commerciale .ctn-produit .added-produit .attributs span, #ctn-popup-commerciale .popup-cart .ctn-produit .added-produit .attributs span, #ctn-popup-commerciale .popup-commerciale .ctn-produit .added-produit .attributs span {
          font-size: 1.3em;
          display: block; }
          #ctn-popup-cart .popup-cart .ctn-produit .added-produit .attributs span strong, #ctn-popup-cart .popup-commerciale .ctn-produit .added-produit .attributs span strong, #ctn-popup-commerciale .popup-cart .ctn-produit .added-produit .attributs span strong, #ctn-popup-commerciale .popup-commerciale .ctn-produit .added-produit .attributs span strong {
            font-family: "Comfortaa-Bold";
            font-weight: normal; }
      #ctn-popup-cart .popup-cart .ctn-produit .actions a, #ctn-popup-cart .popup-commerciale .ctn-produit .actions a, #ctn-popup-commerciale .popup-cart .ctn-produit .actions a, #ctn-popup-commerciale .popup-commerciale .ctn-produit .actions a {
        display: block;
        text-align: center;
        background: #162e4b;
        font-size: 1.4em;
        color: #FFFFFF;
        padding: 5px 0;
        margin-bottom: 5px; }
        #ctn-popup-cart .popup-cart .ctn-produit .actions a:hover, #ctn-popup-cart .popup-commerciale .ctn-produit .actions a:hover, #ctn-popup-commerciale .popup-cart .ctn-produit .actions a:hover, #ctn-popup-commerciale .popup-commerciale .ctn-produit .actions a:hover {
          text-decoration: none; }
      #ctn-popup-cart .popup-cart .ctn-produit .actions button, #ctn-popup-cart .popup-commerciale .ctn-produit .actions button, #ctn-popup-commerciale .popup-cart .ctn-produit .actions button, #ctn-popup-commerciale .popup-commerciale .ctn-produit .actions button {
        background: transparent;
        border: none;
        padding: 5px;
        display: block;
        text-align: center;
        font-size: 1.4em;
        width: 100%;
        color: #8b8c8d; }

#ctn-popup-commerciale .popup-commerciale {
  padding: 0;
  background: transparent; }
  #ctn-popup-commerciale .popup-commerciale p {
    margin: 0; }
  #ctn-popup-commerciale .popup-commerciale img {
    display: block;
    max-width: 100%;
    height: auto; }
  #ctn-popup-commerciale .popup-commerciale .ctn-newsletter {
    max-width: 80%;
    margin: 2rem auto; }
    #ctn-popup-commerciale .popup-commerciale .ctn-newsletter .tips_ok, #ctn-popup-commerciale .popup-commerciale .ctn-newsletter .tips_erreur {
      display: none; }
    #ctn-popup-commerciale .popup-commerciale .ctn-newsletter .tips_ok, #ctn-popup-commerciale .popup-commerciale .ctn-newsletter .tips_erreur {
      background: transparent;
      border: none;
      padding: 0;
      text-align: center; }
    #ctn-popup-commerciale .popup-commerciale .ctn-newsletter .h1 {
      color: #f8cfd6;
      font-family: "BeccaPerry-script";
      font-size: 5em;
      line-height: 2em;
      display: block;
      text-align: center;
      padding: 4rem 0 2rem; }
    #ctn-popup-commerciale .popup-commerciale .ctn-newsletter p {
      font-size: 1.6em;
      font-family: "Comfortaa-Regular";
      margin: 0;
      text-align: center; }
      #ctn-popup-commerciale .popup-commerciale .ctn-newsletter p.rgpd {
        color: #000000;
        font-size: 1.3em;
        text-align: left; }
    #ctn-popup-commerciale .popup-commerciale .ctn-newsletter .no-thx {
      border: none;
      background: none;
      display: block;
      margin: 2rem auto 0;
      text-decoration: underline;
      color: #8b8c8d;
      font-size: 1.4em;
      font-family: "Comfortaa-Regular"; }
  #ctn-popup-commerciale .popup-commerciale .formulaire.newsletter .ctn-line-input {
    background: #ececec; }
  #ctn-popup-commerciale .popup-commerciale a.a {
    display: block; }

.tags-produit {
  position: absolute;
  top: 0rem;
  left: 5rem;
  z-index: 2;
  padding: 1rem; }
  .tags-produit span {
    display: inline-block;
    color: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 1.4em;
    font-family: "Comfortaa-Bold";
    background: #b34b5c; }
    .tags-produit span.new {
      background: #162e4b; }
    .tags-produit span.preorder {
      background: #f8cfd6;
      color: #333233; }
  @media only screen and (max-width: 640px) {
    .tags-produit {
      padding: 0 0.5rem;
      bottom: 0;
      left: 0;
      top: initial; }
      .tags-produit span {
        font-size: 1.1em; } }

.add-bookmark {
  position: absolute;
  top: 0rem;
  left: 0rem;
  z-index: 2;
  padding: 1rem; }
  .add-bookmark .ctn-shares {
    padding: 5px 0;
    position: relative; }
    .add-bookmark .ctn-shares .share-wrapper {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background: #ffffff;
      -moz-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.5);
      -o-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.5);
      box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.5); }
      .add-bookmark .ctn-shares .share-wrapper a {
        font-size: 1.4em;
        color: #333233;
        display: block;
        padding: 3px;
        text-align: center; }
        .add-bookmark .ctn-shares .share-wrapper a:hover {
          color: #162e4b; }

.slick-dots {
  position: static;
  bottom: initial;
  padding-top: 1rem; }
  .slick-dots li button:before {
    width: 15px;
    height: 15px;
    content: '';
    background: #ffffff;
    border: 1px solid #8b8c8d;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  .slick-dots li.slick-active button:before {
    background: #8b8c8d; }

.produit .header-produit {
  margin: 7rem 0 2rem; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    .produit .header-produit {
      margin: 2rem 0; } }
  .produit .header-produit .module-arianne {
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 640px) {
      .produit .header-produit .module-arianne {
        flex-direction: column; } }
    .produit .header-produit .module-arianne .reference {
      display: inline-block;
      padding-left: 5px; }
      @media only screen and (max-width: 640px) {
        .produit .header-produit .module-arianne .reference {
          padding: 0; } }
      .produit .header-produit .module-arianne .reference span {
        font-family: "Comfortaa-Regular";
        display: inline-block;
        font-size: 1.2em;
        color: #333233; }
      .produit .header-produit .module-arianne .reference a {
        font-family: "Comfortaa-Regular";
        display: inline-block;
        font-size: 1.6em;
        color: #333233;
        text-decoration: underline; }
    .produit .header-produit .module-arianne .notation-produit {
      display: inline-block; }
.produit .description {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    .produit .description {
      flex-direction: column;
      align-items: center; } }
  .produit .description .container-album {
    width: 540px;
    position: relative;
    margin: 0rem 4rem 2rem 0rem; }
    @media only screen and (min-width: 641px) and (max-width: 1023px) {
      .produit .description .container-album {
        width: 50%; } }
    @media only screen and (max-width: 640px) {
      .produit .description .container-album {
        width: 100%;
        margin: 0; } }
    .produit .description .container-album .slick-prev, .produit .description .container-album .slick-next {
      width: 17px;
      height: 30px; }
      .produit .description .container-album .slick-prev:before, .produit .description .container-album .slick-next:before {
        display: none; }
    .produit .description .container-album .slick-prev {
      left: -25px;
      background: url("../img/arrow-left.png") center center no-repeat; }
    .produit .description .container-album .slick-next {
      right: -25px;
      background: url("../img/arrow-right.png") center center no-repeat; }
  .produit .description .container-contenu {
    flex: 1;
    padding: 2em;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 4px dotted #162e4b;
    background: #FFFFFF;
    -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3); }
    @media only screen and (max-width: 640px) {
      .produit .description .container-contenu {
        border: none;
        padding: 0;
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        background: transparent;
        width: 100%;
        -moz-box-shadow: 0 0 0 0 transparent;
        -webkit-box-shadow: 0 0 0 0 transparent;
        -o-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent; }
        .produit .description .container-contenu .titre {
          order: 1; }
        .produit .description .container-contenu .contain-panier {
          display: none; }
        .produit .description .container-contenu .produit-stock {
          order: 2;
          padding: 0;
          margin-top: 0; }
        .produit .description .container-contenu .contenu, .produit .description .container-contenu .contenu-secondaire, .produit .description .container-contenu .benefices {
          order: 3; }
        .produit .description .container-contenu .declinaisons {
          order: 0;
          margin-top: 0;
          margin-bottom: 1rem; } }
    .produit .description .container-contenu h1 {
      font-family: "BeccaPerry-script";
      color: #162e4b;
      font-weight: normal;
      font-size: 2.8em;
      line-height: 1.6em;
      margin-bottom: 2rem;
      text-align: center; }
      .produit .description .container-contenu h1:after {
        content: '';
        display: block;
        width: 100%;
        height: 12px;
        background: url("../img/titre-after-primaire.png") top center no-repeat;
        background-size: contain; }
      @media only screen and (max-width: 640px) {
        .produit .description .container-contenu h1 {
          line-height: 1.2em;
          font-size: 2.4em; }
          .produit .description .container-contenu h1:after {
            margin-top: 8px; } }
    .produit .description .container-contenu p {
      font-size: 1.2em;
      line-height: 2em; }
    .produit .description .container-contenu li {
      font-size: 1.2em; }
    .produit .description .container-contenu button.scroll-detail {
      border: none;
      background: transparent;
      font-size: 1.4em;
      font-family: "Comfortaa-Bold";
      color: #333233;
      -webkit-transition: color 0.5s ease 0s;
      -moz-transition: color 0.5s ease 0s;
      -o-transition: color 0.5s ease 0s;
      transition: color 0.5s ease 0s; }
      .produit .description .container-contenu button.scroll-detail:hover {
        color: #162e4b; }
    .produit .description .container-contenu .contenu-secondaire {
      margin-top: 2em;
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 640px) {
        .produit .description .container-contenu .contenu-secondaire {
          align-items: flex-start; } }
      .produit .description .container-contenu .contenu-secondaire > div {
        flex: 1;
        padding-right: 20px; }
      .produit .description .container-contenu .contenu-secondaire .jolidou {
        width: 160px; }
      .produit .description .container-contenu .contenu-secondaire img#tampon {
        transform: rotate(20deg);
        max-width: 100%; }
        @media only screen and (max-width: 640px) {
          .produit .description .container-contenu .contenu-secondaire img#tampon {
            transform: initial;
            width: initial; } }
.produit .benefices {
  margin-top: 2em;
  text-align: center; }
  .produit .benefices h3 {
    margin-bottom: 0;
    display: none; }
    @media only screen and (max-width: 640px) {
      .produit .benefices h3 {
        display: inline-block; } }
  .produit .benefices ul {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap; }
  .produit .benefices li {
    list-style: none;
    width: 20%;
    margin: 0 2.5%; }
    @media only screen and (max-width: 640px) {
      .produit .benefices li {
        width: 50%;
        margin: 0; } }
    .produit .benefices li a {
      display: block;
      text-decoration: none; }
      .produit .benefices li a:hover {
        text-decoration: none; }
        .produit .benefices li a:hover span {
          color: #f8cfd6; }
    .produit .benefices li .visuel {
      margin: 0 auto;
      width: 95%;
      padding: 5px;
      position: relative; }
      @media only screen and (max-width: 640px) {
        .produit .benefices li .visuel {
          width: 75%; } }
      .produit .benefices li .visuel img {
        display: block;
        margin: 0 auto;
        max-width: 100%; }
      .produit .benefices li .visuel:before {
        opacity: 0;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: url("../img/cercle-hover-large.png") center center no-repeat;
        background-size: contain;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; }
    .produit .benefices li span {
      display: block;
      font-family: "BeccaPerry-script";
      color: #5e5e5e;
      font-size: 1.6em;
      line-height: 1em;
      text-align: center;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
    .produit .benefices li:hover .visuel:before {
      opacity: 1; }
.produit .notation-produit .stars {
  font-size: 1.2em; }
.produit .notation-produit .count-avis {
  display: inline-block;
  font-size: 1.2em;
  color: #333233; }
.produit .album {
  width: 540px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    .produit .album {
      width: 100%; } }
  .produit .album .slide {
    display: flex;
    align-items: center;
    justify-content: center; }
    .produit .album .slide img {
      display: block;
      max-width: 100%; }
.produit .slider-nav {
  margin-top: 1rem; }
  @media only screen and (max-width: 640px) {
    .produit .slider-nav {
      display: none; } }
  .produit .slider-nav .slide {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    -webkit-transition: border-color 0.5s ease 0s;
    -moz-transition: border-color 0.5s ease 0s;
    -o-transition: border-color 0.5s ease 0s;
    transition: border-color 0.5s ease 0s; }
    .produit .slider-nav .slide:hover {
      border-color: #162e4b; }
    .produit .slider-nav .slide button {
      border: none;
      background: transparent;
      display: block;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%; }
    .produit .slider-nav .slide img {
      display: block;
      max-width: 100%; }
.produit .menu-modules {
  margin-top: 4em; }
  @media only screen and (max-width: 640px) {
    .produit .menu-modules {
      display: none; } }
  .produit .menu-modules ul {
    width: 100%;
    margin: 10px 0;
    padding: 10px 0;
    background: url("../img/border-onglet-module.png") bottom left no-repeat; }
    .produit .menu-modules ul li {
      list-style: none;
      padding: 0;
      margin: 0;
      display: inline-block;
      vertical-align: top; }
      .produit .menu-modules ul li:after {
        content: '';
        width: 10px;
        height: 10px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #f8cfd6;
        display: inline-block;
        margin: 0 15px; }
      .produit .menu-modules ul li:last-child:after {
        display: none; }
      @media only screen and (max-width: 640px) {
        .produit .menu-modules ul li {
          display: block; }
          .produit .menu-modules ul li:after {
            display: none; }
          .produit .menu-modules ul li:before {
            content: '';
            width: 10px;
            height: 10px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #f8cfd6;
            display: inline-block;
            margin: 0 15px 0 0; } }
  .produit .menu-modules button {
    background: transparent;
    border: none;
    font-family: "Comfortaa-Regular";
    text-transform: uppercase;
    font-size: 1.4em;
    color: #333233;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; }
    .produit .menu-modules button:hover {
      color: #f8cfd6; }
    .produit .menu-modules button:focus {
      outline: none; }
    .produit .menu-modules button.selected {
      font-family: "Comfortaa-Bold"; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .produit .menu-modules button {
        font-size: 1.4em; } }
    @media only screen and (max-width: 640px) {
      .produit .menu-modules button {
        padding: 5px 0; } }
.produit .ctn-all-modules .jj-module {
  display: none; }
  @media only screen and (max-width: 640px) {
    .produit .ctn-all-modules .jj-module {
      display: block; }
      .produit .ctn-all-modules .jj-module .heurisko-module {
        display: none; } }
  .produit .ctn-all-modules .jj-module.selected {
    display: block; }
    @media only screen and (max-width: 640px) {
      .produit .ctn-all-modules .jj-module.selected .heurisko-module {
        display: block; } }
    .produit .ctn-all-modules .jj-module.selected .rspv-trigger button {
      font-family: "Comfortaa-Bold"; }
      .produit .ctn-all-modules .jj-module.selected .rspv-trigger button:after {
        content: '\f106'; }
  .produit .ctn-all-modules .jj-module .rspv-trigger {
    display: none; }
    @media only screen and (max-width: 640px) {
      .produit .ctn-all-modules .jj-module .rspv-trigger {
        display: block; } }
    .produit .ctn-all-modules .jj-module .rspv-trigger button {
      background: transparent;
      border: none;
      font-family: "Comfortaa-Regular";
      text-transform: uppercase;
      font-size: 1.8em;
      color: #333233;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
      .produit .ctn-all-modules .jj-module .rspv-trigger button:before {
        content: '';
        width: 10px;
        height: 10px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #f8cfd6;
        display: inline-block;
        margin: 0 15px 0 0; }
      .produit .ctn-all-modules .jj-module .rspv-trigger button:after {
        content: '\f107';
        font-family: "Font Awesome 5 Free";
        display: inline-block;
        font-weight: bold;
        margin-left: 5px; }
      .produit .ctn-all-modules .jj-module .rspv-trigger button:focus {
        outline: none; }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .produit .ctn-all-modules .jj-module .rspv-trigger button {
          font-size: 1.8em; } }
      @media only screen and (max-width: 640px) {
        .produit .ctn-all-modules .jj-module .rspv-trigger button {
          font-size: 1.5em;
          padding: 5px 0; } }
.produit .declinaisons {
  margin-top: 3rem; }
  .produit .declinaisons label {
    font-size: 1.4em;
    font-family: "Comfortaa-Regular";
    margin-bottom: 5px; }
  .produit .declinaisons .attribut {
    margin-bottom: 1rem; }
    .produit .declinaisons .attribut .form-control {
      font-size: 1.4em; }
    .produit .declinaisons .attribut select .disabled {
      color: #cccccc; }
  .produit .declinaisons .select-image-produit, .produit .declinaisons .select-image-puce {
    border: 1px solid #8b8c8d;
    background: transparent;
    padding: 0;
    margin: 0;
    margin-right: 2px;
    margin-bottom: 4px;
    width: auto; }
    .produit .declinaisons .select-image-produit.rounded, .produit .declinaisons .select-image-puce.rounded {
      width: 30px;
      -moz-border-radius: 50% !important;
      -webkit-border-radius: 50% !important;
      border-radius: 50% !important;
      overflow: hidden; }
    .produit .declinaisons .select-image-produit.selected, .produit .declinaisons .select-image-puce.selected {
      border: 1px solid #162e4b;
      color: #162e4b; }
    .produit .declinaisons .select-image-produit img, .produit .declinaisons .select-image-puce img {
      max-width: 100%;
      display: block; }
    .produit .declinaisons .select-image-produit.disabled, .produit .declinaisons .select-image-puce.disabled {
      opacity: 0.25; }
    .produit .declinaisons .select-image-produit:hover, .produit .declinaisons .select-image-puce:hover {
      border: 1px solid #162e4b; }
  .produit .declinaisons .select-image-puce span {
    font-size: 1.4em;
    display: inline-block;
    padding: 3px 5px; }
.produit .produit-stock {
  margin: 1rem 0;
  padding: 1rem 0; }
  .produit .produit-stock .stock {
    flex: 1;
    color: #40b521;
    font-size: 1.6em;
    font-family: "Comfortaa-Bold"; }
    .produit .produit-stock .stock.limited {
      color: #40b521; }
    .produit .produit-stock .stock.warning {
      color: #c92523; }
    .produit .produit-stock .stock .availabilityDate {
      font-size: 1.2rem;
      color: #333233;
      font-family: "Comfortaa-Regular";
      margin-top: 5px; }
  .produit .produit-stock .form-alerte-stock {
    display: block;
    margin: 1rem 0; }
    .produit .produit-stock .form-alerte-stock p {
      font-size: 1.5rem;
      color: #333233; }
    .produit .produit-stock .form-alerte-stock .error {
      padding-bottom: 10px;
      display: none;
      font-size: 1.5rem;
      color: #c92523; }
    .produit .produit-stock .form-alerte-stock .success {
      padding-bottom: 10px;
      display: none;
      font-size: 1.5rem;
      color: #40b521; }
    .produit .produit-stock .form-alerte-stock .ctn-input {
      border: 1px solid #333233;
      padding: .5rem;
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      font-size: 1.5rem;
      max-width: 320px; }
      @media only screen and (max-width: 640px) {
        .produit .produit-stock .form-alerte-stock .ctn-input {
          font-size: 1.2rem; } }
      .produit .produit-stock .form-alerte-stock .ctn-input span.far {
        display: inline-block;
        margin-right: 7px; }
      .produit .produit-stock .form-alerte-stock .ctn-input input {
        width: 100%;
        flex: 1;
        font-size: 1.4rem;
        color: #333233;
        border: none;
        background-color: transparent;
        outline: none; }
        @media only screen and (max-width: 640px) {
          .produit .produit-stock .form-alerte-stock .ctn-input input {
            font-size: 1.2rem; } }
    .produit .produit-stock .form-alerte-stock input[type="submit"] {
      width: 100%;
      display: inline-block;
      max-width: 320px;
      border: 1px solid #584c4c;
      background-color: #584c4c;
      font-size: 1.4rem;
      font-family: "Comfortaa-Bold";
      text-transform: uppercase;
      color: #ffffff;
      padding: 5px 50px;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
      @media only screen and (max-width: 640px) {
        .produit .produit-stock .form-alerte-stock input[type="submit"] {
          font-size: 1.2rem; } }
      .produit .produit-stock .form-alerte-stock input[type="submit"]:hover {
        background-color: transparent;
        color: #584c4c; }
  .produit .produit-stock .produit-prix {
    flex: 1;
    text-align: right; }
    .produit .produit-stock .produit-prix .price {
      font-size: 2.8em;
      font-family: "Poppins-Medium";
      color: #333233; }
    .produit .produit-stock .produit-prix .prix-remise {
      font-size: 1.4em; }
.produit .contain-panier {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .produit .contain-panier > div {
    display: flex;
    align-items: center; }
  .produit .contain-panier label {
    font-size: 1.6em;
    display: inline-block;
    padding-right: 20px;
    font-family: "Comfortaa-Bold";
    margin: 0; }
    @media only screen and (max-width: 640px) {
      .produit .contain-panier label {
        padding-right: 10px; } }
  .produit .contain-panier .add-cart {
    align-self: stretch; }
  .produit .contain-panier .control-quantite {
    padding-right: 2rem; }
.produit .loader.loading {
  opacity: 0.75; }

.produit .produit-univers-amitie .bookmark {
  background-image: url("../img/coeur-bleu-fonce.png"); }
.produit .produit-univers-amitie .share-social {
  background-image: url("../img/share-bleu-fonce.png"); }
.produit .produit-univers-amitie .tags-produit span.new {
  background-color: #162e4b; }
.produit .produit-univers-amitie .notation-produit .stars .front {
  color: #162e4b; }
.produit .produit-univers-amitie .description .container-contenu h1 {
  color: #162e4b; }
  .produit .produit-univers-amitie .description .container-contenu h1:after {
    background-image: url("../img/titre-after-bleu-fonce.png"); }
.produit .produit-univers-amitie .arianne li a:hover {
  color: #162e4b; }
.produit .produit-univers-amitie .add-cart {
  background-color: #162e4b; }
  .produit .produit-univers-amitie .add-cart:before {
    background-image: url("../img/trait-amitie-haut.png"); }
.produit .produit-univers-amitie .control-quantite button.changeQtt:hover {
  border-color: #04366e;
  background-color: #04366e; }
.produit .produit-univers-amitie .description .container-contenu {
  border-color: #162e4b; }
.produit .produit-univers-amitie .produit-stock .form-alerte-stock input[type="submit"] {
  border-color: #162e4b;
  background-color: #162e4b; }
  .produit .produit-univers-amitie .produit-stock .form-alerte-stock input[type="submit"]:hover {
    background: transparent;
    color: #162e4b; }
.produit .produit-univers-douceur .bookmark {
  background-image: url("../img/coeur-orange.png"); }
.produit .produit-univers-douceur .share-social {
  background-image: url("../img/share-orange.png"); }
.produit .produit-univers-douceur .tags-produit span.new {
  background-color: #f6a64f; }
.produit .produit-univers-douceur .notation-produit .stars .front {
  color: #f6a64f; }
.produit .produit-univers-douceur .description .container-contenu h1 {
  color: #f6a64f; }
  .produit .produit-univers-douceur .description .container-contenu h1:after {
    background-image: url("../img/titre-after-orange.png"); }
.produit .produit-univers-douceur .arianne li a:hover {
  color: #f6a64f; }
.produit .produit-univers-douceur .add-cart {
  background-color: #f6a64f; }
  .produit .produit-univers-douceur .add-cart:before {
    background-image: url("../img/trait-douceur-haut.png"); }
.produit .produit-univers-douceur .control-quantite button.changeQtt:hover {
  border-color: #db7d1f;
  background-color: #db7d1f; }
.produit .produit-univers-douceur .description .container-contenu {
  border-color: #f6a64f; }
.produit .produit-univers-douceur .produit-stock .form-alerte-stock input[type="submit"] {
  border-color: #f6a64f;
  background-color: #f6a64f; }
  .produit .produit-univers-douceur .produit-stock .form-alerte-stock input[type="submit"]:hover {
    background: transparent;
    color: #f6a64f; }
.produit .produit-univers-imagination .bookmark {
  background-image: url("../img/coeur-bleu.png"); }
.produit .produit-univers-imagination .share-social {
  background-image: url("../img/share-bleu.png"); }
.produit .produit-univers-imagination .tags-produit span.new {
  background-color: #72a4cf; }
.produit .produit-univers-imagination .notation-produit .stars .front {
  color: #72a4cf; }
.produit .produit-univers-imagination .description .container-contenu h1 {
  color: #72a4cf; }
  .produit .produit-univers-imagination .description .container-contenu h1:after {
    background-image: url("../img/titre-after-bleu.png"); }
.produit .produit-univers-imagination .arianne li a:hover {
  color: #72a4cf; }
.produit .produit-univers-imagination .add-cart {
  background-color: #72a4cf; }
  .produit .produit-univers-imagination .add-cart:before {
    background-image: url("../img/trait-imagination-haut.png"); }
.produit .produit-univers-imagination .control-quantite button.changeQtt:hover {
  border-color: #46759e;
  background-color: #46759e; }
.produit .produit-univers-imagination .description .container-contenu {
  border-color: #72a4cf; }
.produit .produit-univers-imagination .produit-stock .form-alerte-stock input[type="submit"] {
  border-color: #72a4cf;
  background-color: #72a4cf; }
  .produit .produit-univers-imagination .produit-stock .form-alerte-stock input[type="submit"]:hover {
    background: transparent;
    color: #72a4cf; }
.produit .produit-univers-joie .bookmark {
  background-image: url("../img/coeur-rouge.png"); }
.produit .produit-univers-joie .share-social {
  background-image: url("../img/share-rouge.png"); }
.produit .produit-univers-joie .tags-produit span.new {
  background-color: #b24a5c; }
.produit .produit-univers-joie .notation-produit .stars .front {
  color: #b24a5c; }
.produit .produit-univers-joie .description .container-contenu h1 {
  color: #b24a5c; }
  .produit .produit-univers-joie .description .container-contenu h1:after {
    background-image: url("../img/titre-after-rouge.png"); }
.produit .produit-univers-joie .arianne li a:hover {
  color: #b24a5c; }
.produit .produit-univers-joie .add-cart {
  background-color: #b24a5c; }
  .produit .produit-univers-joie .add-cart:before {
    background-image: url("../img/trait-joie-haut.png"); }
.produit .produit-univers-joie .control-quantite button.changeQtt:hover {
  border-color: #872d3d;
  background-color: #872d3d; }
.produit .produit-univers-joie .description .container-contenu {
  border-color: #b24a5c; }
.produit .produit-univers-joie .produit-stock .form-alerte-stock input[type="submit"] {
  border-color: #b24a5c;
  background-color: #b24a5c; }
  .produit .produit-univers-joie .produit-stock .form-alerte-stock input[type="submit"]:hover {
    background: transparent;
    color: #b24a5c; }
.produit .produit-univers-decouverte .bookmark {
  background-image: url("../img/coeur-bleu-clair.png"); }
.produit .produit-univers-decouverte .share-social {
  background-image: url("../img/share-bleu-clair.png"); }
.produit .produit-univers-decouverte .tags-produit span.new {
  background-color: #03aec7; }
.produit .produit-univers-decouverte .notation-produit .stars .front {
  color: #03aec7; }
.produit .produit-univers-decouverte .description .container-contenu h1 {
  color: #03aec7; }
  .produit .produit-univers-decouverte .description .container-contenu h1:after {
    background-image: url("../img/titre-after-bleu-clair.png"); }
.produit .produit-univers-decouverte .arianne li a:hover {
  color: #03aec7; }
.produit .produit-univers-decouverte .add-cart {
  background-color: #03aec7; }
  .produit .produit-univers-decouverte .add-cart:before {
    background-image: url("../img/trait-decouverte-haut.png"); }
.produit .produit-univers-decouverte .control-quantite button.changeQtt:hover {
  border-color: #03aec7;
  background-color: #03aec7; }
.produit .produit-univers-decouverte .description .container-contenu {
  border-color: #03aec7; }
.produit .produit-univers-decouverte .produit-stock .form-alerte-stock input[type="submit"] {
  border-color: #03aec7;
  background-color: #03aec7; }
  .produit .produit-univers-decouverte .produit-stock .form-alerte-stock input[type="submit"]:hover {
    background: transparent;
    color: #03aec7; }
.produit .produit-univers-bio .bookmark {
  background-image: url("../img/coeur-vert.png"); }
.produit .produit-univers-bio .share-social {
  background-image: url("../img/share-vert.png"); }
.produit .produit-univers-bio .tags-produit span.new {
  background-color: #50b497; }
.produit .produit-univers-bio .notation-produit .stars .front {
  color: #50b497; }
.produit .produit-univers-bio .description .container-contenu h1 {
  color: #50b497; }
  .produit .produit-univers-bio .description .container-contenu h1:after {
    background-image: url("../img/titre-after-vert.png"); }
.produit .produit-univers-bio .arianne li a:hover {
  color: #50b497; }
.produit .produit-univers-bio .add-cart {
  background-color: #50b497; }
  .produit .produit-univers-bio .add-cart:before {
    background-image: url("../img/trait-bio-haut.png"); }
.produit .produit-univers-bio .control-quantite button.changeQtt:hover {
  border-color: #50b497;
  background-color: #50b497; }
.produit .produit-univers-bio .description .container-contenu {
  border-color: #50b497; }
.produit .produit-univers-bio .produit-stock .form-alerte-stock input[type="submit"] {
  border-color: #50b497;
  background-color: #50b497; }
  .produit .produit-univers-bio .produit-stock .form-alerte-stock input[type="submit"]:hover {
    background: transparent;
    color: #50b497; }

.control-quantite {
  display: flex; }
  .control-quantite .actions {
    display: flex;
    flex-direction: column; }
  .control-quantite button.changeQtt {
    flex: 1;
    border: 1px solid #333233;
    width: auto;
    background-color: transparent;
    font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    line-height: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; }
    .control-quantite button.changeQtt.minus {
      margin-top: 2px; }
    .control-quantite button.changeQtt.plus {
      margin-bottom: 2px; }
    .control-quantite button.changeQtt:hover {
      border-color: #162e4b;
      background-color: #162e4b;
      color: #FFFFFF; }
  .control-quantite input {
    border: 1px solid #333233;
    align-self: stretch;
    display: inline-block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 60px;
    margin-right: 10px;
    font-size: 1.6em;
    padding: 20px 0;
    text-align: center;
    vertical-align: top; }
  .control-quantite input[type="number"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield; }

.bookmark {
  display: inline-block;
  border: none;
  width: 23px;
  height: 25px;
  background: url("../img/coeur-bleu-fonce.png") center center no-repeat;
  opacity: 0.75; }
  .bookmark:focus {
    outline: unset; }
  .bookmark:hover {
    opacity: 1; }
  .bookmark.added {
    opacity: 1; }
    .bookmark.added:hover {
      opacity: 0.75; }

.share-social {
  display: inline-block;
  border: none;
  width: 22px;
  height: 25px;
  opacity: 0.75;
  background: url("../img/share-bleu-fonce.png") center center no-repeat; }
  .share-social:focus {
    outline: unset; }
  .share-social:hover {
    opacity: 1; }
  .share-social.added {
    opacity: 1; }
    .share-social.added:hover {
      opacity: 0.75; }

.module-login {
  margin: 6rem 0; }
  @media only screen and (max-width: 640px) {
    .module-login {
      margin: 0; } }
  .module-login .container {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5rem; }
    @media only screen and (max-width: 640px) {
      .module-login .container {
        padding: 2rem; } }
  .module-login .css_mce h1 {
    font-family: "BeccaPerry-script";
    color: #162e4b;
    font-size: 3.4em;
    line-height: 2em; }
    @media only screen and (max-width: 640px) {
      .module-login .css_mce h1 {
        font-size: 3em; } }
  .module-login.page-login .container {
    display: flex;
    gap: 10rem; }
    @media only screen and (max-width: 640px) {
      .module-login.page-login .container {
        flex-direction: column;
        gap: 5rem; } }
    .module-login.page-login .container .formulaire {
      flex: 1; }
  .module-login.page-login .line-input-submit {
    text-align: center; }

.moncompte .container-compte {
  padding: 7rem 0; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    .moncompte .container-compte {
      padding: 2rem 1.5rem; } }
.moncompte .arianne {
  margin-bottom: 3rem; }
.moncompte .css_mce h1 {
  font-family: "BeccaPerry-script";
  font-size: 5em;
  line-height: 2em;
  color: #f8cfd6;
  font-weight: normal; }
  @media only screen and (max-width: 640px) {
    .moncompte .css_mce h1 {
      font-size: 3em; } }
.moncompte .css_mce p {
  font-size: 1.6em; }
  .moncompte .css_mce p strong {
    font-family: "Comfortaa-Bold"; }
.moncompte .menu-moncompte {
  background: url("../img/menu-compte.jpg") center center no-repeat;
  background-size: cover; }
  .moncompte .menu-moncompte ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap; }
    .moncompte .menu-moncompte ul li {
      list-style: none;
      width: 50%; }
      @media only screen and (max-width: 640px) {
        .moncompte .menu-moncompte ul li {
          width: 100%; } }
      .moncompte .menu-moncompte ul li a {
        display: block;
        border: 10px solid #ffffff;
        text-align: center;
        padding: 8rem 0;
        color: #000000;
        height: 100%;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; }
        @media only screen and (max-width: 640px) {
          .moncompte .menu-moncompte ul li a {
            padding: 3rem 0; } }
        .moncompte .menu-moncompte ul li a span {
          display: inline-block;
          background: #ffffff;
          font-family: "Comfortaa-Regular";
          font-size: 2em;
          text-transform: uppercase;
          padding: 10px 0;
          width: 50%;
          -webkit-transition: all 0.5s ease 0s;
          -moz-transition: all 0.5s ease 0s;
          -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s; }
          @media only screen and (max-width: 640px) {
            .moncompte .menu-moncompte ul li a span {
              width: 75%; } }
        .moncompte .menu-moncompte ul li a em {
          font-size: 0.7em;
          text-transform: none; }
        .moncompte .menu-moncompte ul li a:hover {
          background: rgba(0, 0, 0, 0.8); }
          .moncompte .menu-moncompte ul li a:hover span {
            color: #ffffff;
            background: #f8cfd6; }
.moncompte .adresses {
  margin-bottom: 4rem;
  display: flex;
  flex-wrap: wrap; }
  .moncompte .adresses .ctn-adresse {
    width: 50%; }
    @media only screen and (max-width: 640px) {
      .moncompte .adresses .ctn-adresse {
        width: 100%; } }
    .moncompte .adresses .ctn-adresse p {
      font-size: 1.4em;
      font-family: "Comfortaa-Regular"; }
      .moncompte .adresses .ctn-adresse p strong {
        font-weight: normal;
        font-family: "Comfortaa-Bold"; }
      .moncompte .adresses .ctn-adresse p a {
        color: #f8cfd6;
        display: block; }
.moncompte .profil, .moncompte .profil-password {
  margin-bottom: 4rem; }
  .moncompte .profil .formulaire form .form-flex, .moncompte .profil-password .formulaire form .form-flex {
    display: flex;
    flex-wrap: wrap; }
  .moncompte .profil .formulaire form .form-group, .moncompte .profil-password .formulaire form .form-group {
    width: 50%;
    padding: 1rem; }
    @media only screen and (max-width: 640px) {
      .moncompte .profil .formulaire form .form-group, .moncompte .profil-password .formulaire form .form-group {
        width: 100%;
        padding: 0; } }
  .moncompte .profil .formulaire form .line-input-submit, .moncompte .profil-password .formulaire form .line-input-submit {
    padding: 0 1rem;
    width: 100%;
    text-align: left; }
    @media only screen and (max-width: 640px) {
      .moncompte .profil .formulaire form .line-input-submit, .moncompte .profil-password .formulaire form .line-input-submit {
        padding: 0; } }
.moncompte .profil-password .formulaire form .form-group:first-child {
  width: 100%; }
  .moncompte .profil-password .formulaire form .form-group:first-child input {
    width: 49%; }
    @media only screen and (max-width: 640px) {
      .moncompte .profil-password .formulaire form .form-group:first-child input {
        width: 100%; } }
.moncompte .mes-commandes {
  margin-top: 2rem; }
  .moncompte .mes-commandes .commande {
    margin-bottom: 2rem; }
    .moncompte .mes-commandes .commande .recapitulatif-commande {
      border: 1px solid #8b8c8d;
      background: #efefef;
      padding: 0.5rem;
      display: flex; }
      @media only screen and (max-width: 640px) {
        .moncompte .mes-commandes .commande .recapitulatif-commande {
          flex-direction: column; } }
      .moncompte .mes-commandes .commande .recapitulatif-commande .cartouche {
        flex: 1;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .moncompte .mes-commandes .commande .recapitulatif-commande .cartouche > div {
          width: 33.33333%;
          padding: 1rem; }
          .moncompte .mes-commandes .commande .recapitulatif-commande .cartouche > div.livraison {
            width: 100%;
            padding-bottom: 0; }
          @media only screen and (max-width: 640px) {
            .moncompte .mes-commandes .commande .recapitulatif-commande .cartouche > div {
              width: 100%;
              padding: 0.25rem; } }
      .moncompte .mes-commandes .commande .recapitulatif-commande span {
        display: block;
        font-size: 1.6em;
        color: #333233;
        font-family: "Comfortaa-Regular"; }
        .moncompte .mes-commandes .commande .recapitulatif-commande span.titre {
          font-family: "Comfortaa-Bold";
          font-size: 1.8em; }
      .moncompte .mes-commandes .commande .recapitulatif-commande .livraison span {
        color: #f8cfd6;
        font-size: 1.8em;
        text-transform: uppercase;
        font-family: "Comfortaa-Bold"; }
        .moncompte .mes-commandes .commande .recapitulatif-commande .livraison span.suivi {
          text-transform: none;
          color: #333233;
          font-size: 1.6em;
          font-family: "Comfortaa-Regular"; }
          .moncompte .mes-commandes .commande .recapitulatif-commande .livraison span.suivi strong {
            font-size: 1.8rem;
            font-family: "Comfortaa-Bold";
            font-weight: normal; }
      .moncompte .mes-commandes .commande .recapitulatif-commande .actions {
        display: flex;
        flex-direction: column; }
        .moncompte .mes-commandes .commande .recapitulatif-commande .actions button {
          margin-bottom: 5px;
          display: inline-block;
          padding: 5px 10px;
          background: #333233;
          color: #ffffff;
          font-size: 1.4em;
          font-family: "Comfortaa-Bold";
          border: 2px solid #333233;
          cursor: pointer;
          -webkit-transition: all 0.5s ease 0s;
          -moz-transition: all 0.5s ease 0s;
          -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s; }
          .moncompte .mes-commandes .commande .recapitulatif-commande .actions button:focus {
            outline: none; }
          .moncompte .mes-commandes .commande .recapitulatif-commande .actions button:hover {
            background-color: #f8cfd6;
            border-color: #ffffff; }
        .moncompte .mes-commandes .commande .recapitulatif-commande .actions a {
          margin-bottom: 5px;
          display: inline-block;
          padding: 5px 10px;
          background: #f8cfd6;
          border: 2px solid #f8cfd6;
          color: #ffffff;
          font-size: 1.4em;
          font-family: "Comfortaa-Regular";
          text-decoration: none; }
          .moncompte .mes-commandes .commande .recapitulatif-commande .actions a:hover {
            background-color: transparent;
            color: #f8cfd6; }
          @media only screen and (max-width: 640px) {
            .moncompte .mes-commandes .commande .recapitulatif-commande .actions a {
              text-align: center; } }
    .moncompte .mes-commandes .commande .recapitulatif-produit {
      display: none;
      border: 1px solid #efefef;
      border-top: none;
      padding: 2rem 2rem 0; }
      .moncompte .mes-commandes .commande .recapitulatif-produit .align-me {
        display: flex;
        flex-wrap: wrap; }
      .moncompte .mes-commandes .commande .recapitulatif-produit .product-item {
        align-items: center;
        width: 50%;
        flex-wrap: wrap; }
        @media only screen and (max-width: 640px) {
          .moncompte .mes-commandes .commande .recapitulatif-produit .product-item {
            width: 100%; } }
        .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .visuel {
          width: 125px; }
        .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .ctn-checkbox {
          margin-right: 1rem; }
        .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .line-retour {
          width: 100%;
          display: none; }
        .moncompte .mes-commandes .commande .recapitulatif-produit .product-item.selected .line-retour {
          display: block; }
        .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .product-description .product-name {
          font-size: 1.6em; }
        .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .product-description .product-price {
          font-size: 1.6em; }
        @media only screen and (min-width: 641px) and (max-width: 1023px) {
          .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .visuel {
            width: 100px; }
          .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .product-description .product-name {
            font-size: 1.4em; }
          .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .ctn-detail {
            margin: 0; }
            .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .ctn-detail .detail {
              width: 50%; } }
        .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .retour {
          margin-top: 10px; }
          .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .retour .cta-inline {
            padding: 5px 10px; }
          .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .retour .cta {
            display: inline-block;
            width: auto;
            padding: 5px 10px; }
          .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .retour .form-retour {
            display: none; }
            .moncompte .mes-commandes .commande .recapitulatif-produit .product-item .retour .form-retour label {
              font-size: 1.4em;
              font-family: "Comfortaa-Regular"; }
    .moncompte .mes-commandes .commande .retour-produit {
      display: none;
      border: 1px solid #efefef;
      border-top: none;
      padding: 2rem; }
      .moncompte .mes-commandes .commande .retour-produit .css_mce h3 {
        color: #f8cfd6;
        margin: 0; }
      .moncompte .mes-commandes .commande .retour-produit .cta-inline {
        background-color: #de8a99;
        border-color: #de8a99;
        color: #ffffff; }
        .moncompte .mes-commandes .commande .retour-produit .cta-inline:hover {
          background-color: #f8cfd6;
          border-color: #f8cfd6; }
      .moncompte .mes-commandes .commande .retour-produit .flexme {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start; }
      .moncompte .mes-commandes .commande .retour-produit .line-retour {
        padding-right: 15px;
        margin-bottom: 15px; }
        @media only screen and (max-width: 640px) {
          .moncompte .mes-commandes .commande .retour-produit .line-retour {
            width: 100%;
            padding: 0; } }
        .moncompte .mes-commandes .commande .retour-produit .line-retour label {
          font-size: 1.4em;
          font-family: "Comfortaa-Regular"; }
          .moncompte .mes-commandes .commande .retour-produit .line-retour label input[type="checkbox"] {
            margin-right: 5px; }
        .moncompte .mes-commandes .commande .retour-produit .line-retour .tips {
          padding: 10px;
          margin-top: 10px;
          background: #a4ccc4; }
          .moncompte .mes-commandes .commande .retour-produit .line-retour .tips p {
            color: #ffffff;
            margin: 0;
            font-size: 1.4em;
            font-family: "Comfortaa-Regular"; }
            .moncompte .mes-commandes .commande .retour-produit .line-retour .tips p strong {
              font-family: "Comfortaa-Bold";
              font-weight: normal; }
        .moncompte .mes-commandes .commande .retour-produit .line-retour select {
          padding: 2px 10px;
          font-size: 1.4em;
          width: 100%; }
        .moncompte .mes-commandes .commande .retour-produit .line-retour input[type="number"] {
          padding: 2px 10px;
          font-size: 1.4em;
          width: 50px;
          margin-left: 10px; }
        .moncompte .mes-commandes .commande .retour-produit .line-retour .quantite {
          margin-left: 20px;
          margin-bottom: 10px; }
.moncompte .recapitulatif-retours {
  border: 1px solid #efefef;
  padding: 2rem;
  margin: 2rem 0 4rem; }
  .moncompte .recapitulatif-retours .align-me {
    display: flex;
    flex-wrap: wrap; }
    .moncompte .recapitulatif-retours .align-me > div {
      width: 50%; }
  .moncompte .recapitulatif-retours .product-item {
    width: 100%; }
    @media only screen and (max-width: 640px) {
      .moncompte .recapitulatif-retours .product-item {
        width: 100%; } }
    .moncompte .recapitulatif-retours .product-item .retour {
      margin-top: 10px; }
      .moncompte .recapitulatif-retours .product-item .retour .cta-inline {
        padding: 5px 10px; }
      .moncompte .recapitulatif-retours .product-item .retour .cta {
        display: inline-block;
        width: auto;
        padding: 5px 10px; }
      .moncompte .recapitulatif-retours .product-item .retour .form-retour {
        display: none; }
        .moncompte .recapitulatif-retours .product-item .retour .form-retour label {
          font-size: 1.4em;
          font-family: "Comfortaa-Regular"; }
  .moncompte .recapitulatif-retours .suivi-retour {
    margin: 1rem 2rem;
    width: 100%;
    border-left: 3px solid #de8a99; }
    .moncompte .recapitulatif-retours .suivi-retour > div {
      padding: 1rem 4rem;
      position: relative; }
      .moncompte .recapitulatif-retours .suivi-retour > div:before {
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        background: #cccccc;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 15px;
        left: -9px; }
      .moncompte .recapitulatif-retours .suivi-retour > div.activ.css_mce h4 {
        color: #de8a99;
        border-bottom: 1px solid #de8a99; }
      .moncompte .recapitulatif-retours .suivi-retour > div.activ.css_mce p {
        display: block; }
    .moncompte .recapitulatif-retours .suivi-retour .css_mce h4 {
      font-family: "Comfortaa-Regular";
      font-size: 2em;
      color: #cccccc;
      padding-bottom: 5px;
      margin-bottom: 5px; }
    .moncompte .recapitulatif-retours .suivi-retour .css_mce p {
      font-size: 1.4em;
      display: none; }
.moncompte .list-bookmark {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .moncompte .list-bookmark .bloc-bookmark {
    width: 33.333333%;
    align-self: stretch;
    display: flex; }
    @media only screen and (max-width: 640px) {
      .moncompte .list-bookmark .bloc-bookmark {
        width: 100%; } }
    @media only screen and (min-width: 641px) and (max-width: 1023px) {
      .moncompte .list-bookmark .bloc-bookmark {
        width: 50%; } }

.panier {
  /*.container{
  	max-width: 1110px !important;
  	margin: 5rem auto;
  }*/ }
  .panier h1, .panier .h1 {
    font-size: 3.2em;
    font-weight: normal;
    margin-bottom: 2rem;
    font-family: "BeccaPerry-script"; }
    .panier h1:before, .panier .h1:before {
      content: '';
      display: inline-block;
      margin-right: 10px;
      width: 10px;
      height: 10px;
      background-color: #f8cfd6;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
    @media only screen and (max-width: 640px) {
      .panier h1, .panier .h1 {
        font-size: 2em; } }
    .panier h1#trigger-slide-cadeaux, .panier .h1#trigger-slide-cadeaux {
      cursor: pointer;
      color: #162e4b;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .panier h1#trigger-slide-cadeaux:hover:before, .panier .h1#trigger-slide-cadeaux:hover:before {
        color: #333233; }
      .panier h1#trigger-slide-cadeaux:after, .panier .h1#trigger-slide-cadeaux:after {
        display: inline-block;
        font-weight: bold;
        font-family: "Font Awesome 5 Free";
        color: #162e4b;
        content: '\f078';
        margin-right: 1rem; }
      .panier h1#trigger-slide-cadeaux.slided:after, .panier .h1#trigger-slide-cadeaux.slided:after {
        content: '\f077'; }
  .panier .slide-cadeaux {
    display: none; }
  .panier .menu-cart {
    margin-top: 7rem;
    margin-bottom: 5em;
    background: url("../img/border-onglet-module.png") bottom left no-repeat;
    padding-bottom: 1em;
    position: relative; }
    .panier .menu-cart a.back {
      position: absolute;
      top: -30px;
      left: 0;
      font-size: 1.4em;
      text-transform: uppercase;
      color: #333233; }
      .panier .menu-cart a.back:hover {
        text-decoration: none; }
      .panier .menu-cart a.back:before {
        content: '';
        width: 25px;
        height: 25px;
        background: url("../img/fleche-gauche.png") center center no-repeat;
        background-size: contain;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 5px; }
    .panier .menu-cart ul {
      padding: 0;
      margin: 0;
      display: flex; }
      @media only screen and (max-width: 640px) {
        .panier .menu-cart ul {
          display: none; } }
      .panier .menu-cart ul li {
        list-style: none;
        padding-right: 30px;
        margin-right: 10px;
        background: url("../img/arrow-right.png") center right no-repeat; }
        .panier .menu-cart ul li:last-child {
          background: transparent;
          padding: 0;
          margin: 0; }
        .panier .menu-cart ul li .btn {
          display: flex;
          align-items: center; }
        .panier .menu-cart ul li .step-picto {
          width: 60px;
          height: 60px;
          padding: 5px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 0.5em;
          position: relative; }
          .panier .menu-cart ul li .step-picto img {
            max-width: 100%;
            max-height: 100%; }
        .panier .menu-cart ul li span {
          font-size: 1.6em; }
        .panier .menu-cart ul li .selected .step-picto:after {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/cercle-hover-small.png") center center no-repeat;
          background-size: contain; }
  .panier .colissimo-pickup {
    margin-top: 2rem; }
    .panier .colissimo-pickup #widget-container {
      margin: 20px 0 !important;
      height: 100% !important; }
      .panier .colissimo-pickup #widget-container .colissimo_widget_topnav2 {
        display: none; }
      .panier .colissimo-pickup #widget-container .colissimo_widget_margin-right0 {
        padding-top: 30px; }
      .panier .colissimo-pickup #widget-container .colissimo_widget_ligneTop {
        display: none; }
      .panier .colissimo-pickup #widget-container .colissimo_widget_ligneBottom {
        display: none; }
  .panier .contain-cart {
    display: flex; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .panier .contain-cart {
        flex-direction: column; } }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .panier .contain-cart {
        margin-top: 2rem; } }
    .panier .contain-cart .cart-items, .panier .contain-cart .cart-adresses {
      flex: 1;
      margin-right: 4rem;
      position: relative;
      padding: 2rem;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      background-color: #FFFFFF; }
      .panier .contain-cart .cart-items:before, .panier .contain-cart .cart-adresses:before {
        content: '';
        display: block;
        width: 50px;
        height: 54px;
        position: absolute;
        top: -35px;
        left: -35px;
        background: url("../img/panier-haut-rose.png") center center no-repeat;
        background-size: contain; }
      @media only screen and (max-width: 640px) {
        .panier .contain-cart .cart-items, .panier .contain-cart .cart-adresses {
          margin: 0; } }
      @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
        .panier .contain-cart .cart-items, .panier .contain-cart .cart-adresses {
          padding: 0; } }
    .panier .contain-cart .flex-title {
      display: flex;
      align-items: center; }
      .panier .contain-cart .flex-title h2.h1 {
        flex: 1; }
    .panier .contain-cart .cart-side-bar {
      width: 100%;
      max-width: 460px;
      position: relative; }
      @media only screen and (min-width: 641px) and (max-width: 1023px), only screen and (max-width: 640px) {
        .panier .contain-cart .cart-side-bar {
          max-width: initial; } }
  .panier .cart-add-goodies {
    margin-top: 4em; }
    .panier .cart-add-goodies h3 {
      font-size: 3em;
      font-family: "BeccaPerry-script";
      display: block;
      color: #f6a64f;
      text-align: center; }
      .panier .cart-add-goodies h3:before {
        display: inline-block;
        content: '';
        width: 50px;
        height: 50px;
        vertical-align: bottom;
        background: url("../img/fleche-jaune.png") top center no-repeat;
        background-size: contain; }
    .panier .cart-add-goodies .goodie {
      margin-top: 2em; }
      .panier .cart-add-goodies .goodie .product-item {
        border: 1px solid #f6a64f;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        overflow: hidden; }
        .panier .cart-add-goodies .goodie .product-item .product-quantite {
          margin-top: 1em; }
  .panier .cart-add-plus {
    margin-top: 4em; }
    .panier .cart-add-plus h3 {
      font-size: 3em;
      font-family: "BeccaPerry-script";
      display: block;
      text-align: center; }
      .panier .cart-add-plus h3:after {
        display: block;
        content: '';
        width: 100%;
        height: 12px;
        background: url("../img/titre-after-orange.png") top center no-repeat;
        background-size: contain; }
    .panier .cart-add-plus .plus-select-onglet ul {
      margin: 0;
      padding: 10px 0;
      background: url("../img/border-onglet-module.png") bottom left no-repeat; }
    .panier .cart-add-plus .plus-select-onglet li {
      list-style: none;
      display: inline-block;
      vertical-align: top;
      padding: 0; }
      .panier .cart-add-plus .plus-select-onglet li:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin: 0 15px;
        background-color: #f6a64f; }
      .panier .cart-add-plus .plus-select-onglet li:last-child:after {
        display: none; }
    .panier .cart-add-plus .plus-select-onglet button {
      border: none;
      background: transparent;
      color: #333233;
      font-size: 1.6em;
      opacity: 0.75;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      cursor: pointer; }
      .panier .cart-add-plus .plus-select-onglet button:focus {
        outline: none; }
      .panier .cart-add-plus .plus-select-onglet button:hover {
        opacity: 1;
        color: #f6a64f; }
      .panier .cart-add-plus .plus-select-onglet button.selected {
        opacity: 1; }
        .panier .cart-add-plus .plus-select-onglet button.selected:hover {
          color: #333233; }
    .panier .cart-add-plus .add-plus-onglets {
      padding-top: 2em; }
      .panier .cart-add-plus .add-plus-onglets .onglet {
        padding: 2em;
        background-color: #FFFFFF;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        display: none; }
        .panier .cart-add-plus .add-plus-onglets .onglet.selected {
          display: block; }
        .panier .cart-add-plus .add-plus-onglets .onglet .formulaire form {
          margin: 0; }
  .panier .cart-side-bar {
    display: flex;
    flex-direction: column; }
    .panier .cart-side-bar .panier-retour {
      background: transparent;
      border: 1px solid #8b8c8d;
      color: #8b8c8d;
      padding: 5px;
      display: inline-block;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      font-size: 1.3em;
      margin: 5px 0 5px; }
      .panier .cart-side-bar .panier-retour:hover {
        text-decoration: none;
        border-color: #162e4b;
        color: #162e4b; }
      @media only screen and (max-width: 640px) {
        .panier .cart-side-bar .panier-retour {
          display: block;
          text-align: center;
          padding: 10px; } }
    .panier .cart-side-bar #update-recapitulatif-panier {
      flex: 1;
      position: relative;
      background: #FFFFFF;
      padding: 2em;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px; }
  .panier .code-promo {
    background: #FFFFFF;
    margin-bottom: 2rem; }
    @media only screen and (max-width: 640px) {
      .panier .code-promo {
        padding: 1rem 0; } }
    .panier .code-promo form > div {
      margin-top: 1em;
      display: flex;
      border: 1px solid #333233;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      overflow: hidden;
      align-items: center; }
    .panier .code-promo form input {
      flex: 1;
      border: none; }
    .panier .code-promo form button {
      margin-left: 1rem;
      background: #f8cfd6;
      color: #FFFFFF;
      border: none;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      font-size: 1.4em;
      padding: 5px 2rem 5px 2rem;
      text-transform: uppercase;
      cursor: pointer;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
      .panier .code-promo form button:hover {
        background-color: #de8a99; }
    .panier .code-promo label {
      font-size: 3em;
      font-family: "BeccaPerry-script";
      display: block;
      text-align: center; }
      .panier .code-promo label:after {
        display: block;
        content: '';
        width: 100%;
        height: 9px;
        background: url("../img/hover-menu.png") top center no-repeat; }
    .panier .code-promo input {
      padding: 1rem;
      font-size: 1.4em; }
    .panier .code-promo .form-return-error {
      display: none; }
    .panier .code-promo span.h3 {
      font-size: 3em;
      font-family: "BeccaPerry-script";
      display: block;
      padding: 0 1rem; }
    .panier .code-promo .code-actif {
      display: flex;
      align-items: center;
      margin-top: 1rem;
      padding: 1em; }
      .panier .code-promo .code-actif span {
        flex: 1;
        font-size: 1.4em;
        font-family: "Comfortaa-Regular";
        text-transform: uppercase; }
      .panier .code-promo .code-actif button {
        color: #ffffff;
        background: #f8cfd6;
        border: none;
        font-size: 1.6em;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; }
        .panier .code-promo .code-actif button:hover {
          background: #de8a99; }
  .panier .recapitulatif {
    background: #FFFFFF;
    padding: 1rem; }
    @media only screen and (max-width: 640px) {
      .panier .recapitulatif {
        padding: 1rem 0; } }
    .panier .recapitulatif .line {
      display: flex;
      border-bottom: 1px solid #333233;
      padding-bottom: 1rem;
      margin-bottom: 2.5rem; }
      .panier .recapitulatif .line:last-child {
        border: none;
        margin-bottom: 0px; }
      .panier .recapitulatif .line .transporteur-details p {
        font-size: 1.2em;
        margin-bottom: 0; }
        .panier .recapitulatif .line .transporteur-details p strong {
          font-family: "Comfortaa-Bold";
          font-weight: normal; }
      .panier .recapitulatif .line > div {
        flex: 1; }
      .panier .recapitulatif .line span {
        color: #333233; }
        .panier .recapitulatif .line span.label {
          flex: 1;
          background: url("../img/trait-rose-panier.png") center left no-repeat;
          font-family: "Comfortaa-Bold";
          font-size: 1.6em; }
        .panier .recapitulatif .line span strong {
          text-transform: uppercase;
          font-size: 1.4em;
          font-weight: normal; }
        .panier .recapitulatif .line span.montant {
          text-align: right;
          font-size: 1.8em; }
          .panier .recapitulatif .line span.montant min {
            font-size: 0.7em;
            vertical-align: super; }
      .panier .recapitulatif .line.total span {
        background: transparent; }
        .panier .recapitulatif .line.total span.montant {
          font-family: "Poppins-Medium"; }
    .panier .recapitulatif .continue-shop {
      margin-bottom: 1em; }
      .panier .recapitulatif .continue-shop span {
        font-size: 1.4em;
        display: block;
        margin-bottom: 0.5em; }
      .panier .recapitulatif .continue-shop .cta-secondaire {
        width: 100%;
        text-align: center;
        text-transform: none; }
    .panier .recapitulatif .cgv {
      margin: 5px 0;
      display: flex;
      align-items: flex-start; }
      .panier .recapitulatif .cgv input {
        margin-top: 5px;
        margin-right: 5px; }
      .panier .recapitulatif .cgv label {
        font-size: 1.4em;
        font-family: "Comfortaa-Regular";
        color: #333233; }
        .panier .recapitulatif .cgv label p {
          font-size: 1em; }
    .panier .recapitulatif .cta {
      width: 100%;
      font-size: 1.6em;
      text-align: center;
      margin-top: 1em; }
      .panier .recapitulatif .cta.disabled {
        background-color: #333233 !important; }
    .panier .recapitulatif .module-assurance ul li {
      width: 25%;
      flex: initial; }
      .panier .recapitulatif .module-assurance ul li a {
        font-size: 1.6em; }
      .panier .recapitulatif .module-assurance ul li img {
        height: auto;
        max-width: 70%;
        margin: 0 auto; }
  .panier .contain-facturation {
    margin-top: 2rem; }
  .panier .form-adresse {
    background: #fff;
    padding: 2rem;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; }
    @media only screen and (max-width: 640px) {
      .panier .form-adresse {
        padding: 0; } }
  .panier .ctn-cadeau .form-return-error {
    display: none; }
  @media only screen and (max-width: 640px) {
    .panier .ctn-cadeau {
      padding: 2rem 0; } }
  .panier .ctn-cadeau p {
    font-size: 1.6em;
    font-family: "Comfortaa-Regular"; }
    .panier .ctn-cadeau p strong {
      font-family: "Comfortaa-Bold";
      font-weight: normal; }
  .panier .ctn-cadeau .flexme {
    margin-top: 1em; }
    .panier .ctn-cadeau .flexme textarea {
      width: 100%;
      height: 75px;
      margin-bottom: 25px; }
  .panier .ctn-cadeau .list-cadeaux {
    display: flex;
    gap: 15px; }
    .panier .ctn-cadeau .list-cadeaux .cadeau {
      width: 33.333%; }
      @media only screen and (max-width: 640px) {
        .panier .ctn-cadeau .list-cadeaux .cadeau {
          width: 50%; } }
      .panier .ctn-cadeau .list-cadeaux .cadeau img {
        max-width: 100%; }
      .panier .ctn-cadeau .list-cadeaux .cadeau label {
        text-align: center;
        font-size: 1.4em; }
  .panier .ctn-cadeau button[type="submit"] {
    margin-top: 1rem; }
  .panier .ctn-cadeau .list-produit-panier {
    display: flex;
    flex-wrap: wrap; }
    .panier .ctn-cadeau .list-produit-panier .produit {
      width: 33.3333%;
      padding: 10px; }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .panier .ctn-cadeau .list-produit-panier .produit {
          width: 33.333%; } }
      @media only screen and (max-width: 640px) {
        .panier .ctn-cadeau .list-produit-panier .produit {
          width: 50%; } }
      .panier .ctn-cadeau .list-produit-panier .produit .visuel {
        margin-bottom: 0.5em; }
        .panier .ctn-cadeau .list-produit-panier .produit .visuel img {
          max-width: 100%;
          display: block; }
      .panier .ctn-cadeau .list-produit-panier .produit .titre, .panier .ctn-cadeau .list-produit-panier .produit .prix {
        font-family: "Comfortaa-Bold";
        font-size: 1.4em;
        color: #333233;
        text-align: center; }
      .panier .ctn-cadeau .list-produit-panier .produit .prix {
        font-size: 1.6em; }
    .panier .ctn-cadeau .list-produit-panier .control-quantite {
      justify-content: center;
      margin-top: 1rem; }
  .panier .message-valid {
    display: none; }
    .panier .message-valid .flexme {
      display: flex;
      align-items: center; }
    .panier .message-valid .visuel {
      width: 135px;
      height: 200px; }
      .panier .message-valid .visuel img {
        display: block;
        width: 100%;
        object-fit: cover;
        height: 100%; }
    .panier .message-valid .message {
      flex: 1;
      text-align: center;
      position: relative; }
      .panier .message-valid .message span {
        font-family: "BeccaPerry-script";
        font-size: 3em;
        display: inline-block; }
      .panier .message-valid .message button {
        display: block;
        text-align: center;
        border: none;
        background: transparent;
        font-size: 1.3em;
        color: #333233;
        text-decoration: underline;
        width: 100%;
        margin-top: 1em;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; }
        .panier .message-valid .message button:before {
          content: '> '; }
        .panier .message-valid .message button:hover {
          color: #db7d1f; }
  .panier .ctn-adresse .flexme {
    display: flex; }
  @media only screen and (max-width: 640px) {
    .panier .ctn-adresse {
      padding: 2rem 0;
      flex-direction: column; } }
  .panier .ctn-adresse .adresse {
    flex: 1; }
    .panier .ctn-adresse .adresse p {
      font-size: 1.4em;
      font-family: "Comfortaa-Regular"; }
      .panier .ctn-adresse .adresse p strong {
        font-family: "Comfortaa-Bold";
        font-weight: normal; }
    .panier .ctn-adresse .adresse a {
      color: #333233;
      font-size: 1.4em;
      font-family: "Comfortaa-Regular";
      text-decoration: underline;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
      .panier .ctn-adresse .adresse a:hover {
        color: #72a4cf; }
  .panier .change-adresse-livraison, .panier .select-adresse-livraison {
    display: inline-block;
    background: transparent;
    border: 1px solid #333233;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #333233;
    padding: 5px 20px;
    cursor: pointer;
    align-self: self-start;
    font-size: 1.4em;
    font-family: "Comfortaa-Regular";
    text-transform: uppercase;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; }
    .panier .change-adresse-livraison:hover, .panier .select-adresse-livraison:hover {
      background-color: #72a4cf;
      border-color: #72a4cf;
      color: #FFFFFF;
      text-decoration: none; }
    @media only screen and (max-width: 640px) {
      .panier .change-adresse-livraison, .panier .select-adresse-livraison {
        margin-top: 2rem; } }
  .panier .other-adresses {
    display: none;
    margin-top: 2rem;
    background-color: #FFFFFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; }
    @media only screen and (max-width: 640px) {
      .panier .other-adresses {
        margin: 0; } }
    .panier .other-adresses .ctn-adresse {
      display: inline-block;
      vertical-align: top;
      width: 50%; }
      .panier .other-adresses .ctn-adresse .select-adresse-livraison {
        margin-top: 10px; }
    .panier .other-adresses .add-adresse {
      margin-top: 2rem; }
  .panier #update-reglement {
    background-color: #FFFFFF;
    padding: 2em;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; }
  .panier .select-transporteur, .panier .select-reglement {
    width: 100%;
    background: #ffffff;
    color: #333233;
    padding: 0;
    display: flex;
    margin-bottom: 1.5rem;
    border: 1px solid #ffffff;
    justify-content: flex-start;
    align-items: stretch;
    text-align: left;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; }
    .panier .select-transporteur.selected, .panier .select-reglement.selected {
      background: #f6a64f;
      color: #ffffff; }
    .panier .select-transporteur:hover, .panier .select-reglement:hover {
      background: #db7d1f;
      color: #FFFFFF; }
      .panier .select-transporteur:hover .transporteur p.resteOffert, .panier .select-transporteur:hover .reglement p.resteOffert, .panier .select-reglement:hover .transporteur p.resteOffert, .panier .select-reglement:hover .reglement p.resteOffert {
        color: #FFFFFF; }
    @media only screen and (max-width: 640px) {
      .panier .select-transporteur, .panier .select-reglement {
        padding: 1rem; } }
    .panier .select-transporteur .visuel, .panier .select-reglement .visuel {
      padding-right: 2rem;
      background: #FFFFFF; }
      @media only screen and (max-width: 640px) {
        .panier .select-transporteur .visuel, .panier .select-reglement .visuel {
          display: none; } }
    .panier .select-transporteur .transporteur, .panier .select-transporteur .reglement, .panier .select-reglement .transporteur, .panier .select-reglement .reglement {
      flex: 1;
      padding: 1em; }
      .panier .select-transporteur .transporteur .h3, .panier .select-transporteur .reglement .h3, .panier .select-reglement .transporteur .h3, .panier .select-reglement .reglement .h3 {
        font-size: 2em;
        color: inherit;
        font-family: "Comfortaa-Bold"; }
        @media only screen and (max-width: 640px) {
          .panier .select-transporteur .transporteur .h3, .panier .select-transporteur .reglement .h3, .panier .select-reglement .transporteur .h3, .panier .select-reglement .reglement .h3 {
            font-size: 1.6em; } }
      .panier .select-transporteur .transporteur p, .panier .select-transporteur .reglement p, .panier .select-reglement .transporteur p, .panier .select-reglement .reglement p {
        color: inherit;
        font-size: 1.4em;
        margin: 0;
        font-family: "Comfortaa-Regular"; }
        .panier .select-transporteur .transporteur p strong, .panier .select-transporteur .reglement p strong, .panier .select-reglement .transporteur p strong, .panier .select-reglement .reglement p strong {
          font-family: "Comfortaa-Bold";
          font-weight: normal; }
        .panier .select-transporteur .transporteur p.resteOffert, .panier .select-transporteur .reglement p.resteOffert, .panier .select-reglement .transporteur p.resteOffert, .panier .select-reglement .reglement p.resteOffert {
          font-size: 1.6em;
          margin-top: 1rem;
          color: #de8a99; }
      .panier .select-transporteur .transporteur a, .panier .select-transporteur .reglement a, .panier .select-reglement .transporteur a, .panier .select-reglement .reglement a {
        display: inline-block;
        margin-top: 0.5rem;
        font-size: 1.4em;
        text-decoration: underline;
        color: inherit; }
    .panier .select-transporteur .tarif, .panier .select-reglement .tarif {
      font-size: 1.6em;
      font-family: "Comfortaa-Bold";
      color: inherit;
      padding: 1em; }
  .panier .choix-relais {
    padding: 2em;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 2rem;
    background-color: #FFFFFF; }
    .panier .choix-relais .flexme {
      display: flex;
      height: 500px; }
    @media only screen and (max-width: 640px) {
      .panier .choix-relais {
        flex-direction: column; } }
    .panier .choix-relais .relai-list {
      background: #f2f2f2;
      width: 320px;
      overflow: auto; }
      @media only screen and (max-width: 640px) {
        .panier .choix-relais .relai-list {
          width: auto; } }
    .panier .choix-relais .map {
      flex: 1; }
      @media only screen and (max-width: 640px) {
        .panier .choix-relais .map {
          flex: initial;
          width: 100%;
          height: 320px; } }
  .panier .relai-list {
    margin: 0;
    padding: 0; }
    .panier .relai-list li {
      padding: 0.5rem 1rem;
      list-style: none;
      margin-bottom: 2rem; }
      .panier .relai-list li h3 {
        font-size: 1.4em;
        font-family: "Comfortaa-Bold"; }
      .panier .relai-list li .distance span {
        font-size: 1.2em;
        color: #de8a99;
        font-family: "Comfortaa-Bold"; }
      .panier .relai-list li p {
        font-size: 1.2em; }
        .panier .relai-list li p span {
          display: block; }
      .panier .relai-list li .ouverture {
        margin-bottom: 1rem; }
        .panier .relai-list li .ouverture > div {
          margin-top: 0.5rem;
          display: none; }
      .panier .relai-list li button, .panier .relai-list li a {
        display: inline-block;
        border: none;
        background-color: #f8cfd6;
        color: #ffffff;
        font-size: 1.2em;
        padding: 2px 10px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px; }
        .panier .relai-list li button:hover, .panier .relai-list li a:hover {
          text-decoration: none;
          background-color: #de8a99; }
      .panier .relai-list li a {
        background-color: #162e4b; }
        .panier .relai-list li a:hover {
          background-color: #04366e; }
      .panier .relai-list li.selected {
        background: #f8cfd6; }
        .panier .relai-list li.selected .distance span {
          color: #ffffff; }
        .panier .relai-list li.selected button, .panier .relai-list li.selected a {
          background-color: #162e4b; }

.product-item {
  display: flex;
  margin-bottom: 2rem; }
  .product-item .visuel {
    width: 180px;
    padding-right: 1rem; }
    .product-item .visuel img {
      max-width: 100%; }
  .product-item .product-description {
    background: #FFFFFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    flex: 1;
    padding: 1em 5em 1em 2em;
    position: relative; }
    .product-item .product-description .product-name {
      display: block;
      font-family: "Comfortaa-Bold";
      font-size: 1.8em; }
      @media only screen and (max-width: 640px) {
        .product-item .product-description .product-name {
          font-size: 1.4em; } }
    .product-item .product-description .product-ref {
      display: inline-block;
      font-family: "Comfortaa-Regular";
      font-size: 1.2em;
      padding-left: 5px; }
      @media only screen and (max-width: 640px) {
        .product-item .product-description .product-ref {
          font-size: 1.4em; } }
    .product-item .product-description .product-preorder {
      display: inline-block;
      font-family: "Comfortaa-Regular";
      font-size: 1.2em; }
      .product-item .product-description .product-preorder strong {
        color: #f6a64f;
        font-family: "Comfortaa-Bold";
        font-weight: normal; }
      @media only screen and (max-width: 640px) {
        .product-item .product-description .product-preorder {
          font-size: 1.4em; } }
    .product-item .product-description .product-price {
      font-size: 1.8em;
      display: inline-block;
      padding-right: 0.5em; }
      .product-item .product-description .product-price.promo {
        font-size: 1.4em;
        text-decoration: line-through; }
    .product-item .product-description .contain-prices {
      padding-top: 0.5em; }
    .product-item .product-description .retour-info {
      display: block;
      font-size: 1.4em; }
    .product-item .product-description .retour-etat {
      display: block;
      font-size: 1.4em;
      color: #162e4b; }
    .product-item .product-description .ctn-detail {
      margin: 1rem 0 0;
      display: flex;
      flex-wrap: wrap; }
      .product-item .product-description .ctn-detail .detail {
        width: 25%;
        padding: 3px;
        font-size: 1.2em;
        color: #333233; }
        @media only screen and (max-width: 640px) {
          .product-item .product-description .ctn-detail .detail {
            width: 50%; } }
    .product-item .product-description .danger-stock {
      color: #c92523;
      display: inline-block;
      margin-bottom: 5px;
      font-weight: bold;
      font-size: 1.4em; }
    .product-item .product-description .product-quantite {
      position: relative;
      display: inline-block; }
      .product-item .product-description .product-quantite .danger-stock {
        color: #c92523;
        display: inline-block;
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 1.4em; }
      .product-item .product-description .product-quantite p {
        font-size: 1.4em; }
  .product-item .product-delete {
    position: absolute;
    top: 10px;
    right: 10px; }
    .product-item .product-delete button {
      width: 30px;
      height: 30px;
      background-color: #f8cfd6;
      display: flex;
      align-items: center;
      justify-content: center;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      border: none;
      cursor: pointer;
      font-size: 1.4em;
      color: #333233;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
      .product-item .product-delete button:hover {
        background-color: #de8a99; }

.module-assurance {
  padding: 4rem 0; }
  @media only screen and (max-width: 640px) {
    .module-assurance {
      padding: 2rem 0; } }
  .module-assurance ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0; }
    .module-assurance ul li {
      list-style: none;
      flex: 1;
      text-align: center; }
      @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-assurance ul li {
          width: 50%;
          flex: initial; } }
      .module-assurance ul li a {
        display: block;
        font-family: "BeccaPerry-script";
        color: #333233;
        font-size: 2.4em; }
        .module-assurance ul li a:after {
          content: '';
          display: block;
          max-width: 140px;
          width: 100%;
          height: 9px;
          background: url("../img/hover-menu.png") top center no-repeat;
          background-size: contain;
          opacity: 0;
          margin: 0 auto;
          -webkit-transition: all 0.5s ease 0s;
          -moz-transition: all 0.5s ease 0s;
          -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s; }
        .module-assurance ul li a:hover {
          text-decoration: none; }
          .module-assurance ul li a:hover:after {
            opacity: 1; }
        @media only screen and (max-width: 640px) {
          .module-assurance ul li a {
            font-size: 1.8em;
            max-width: 100px;
            margin: 0 auto; } }
      .module-assurance ul li img {
        max-width: 100%;
        height: auto;
        margin-bottom: 1rem; }

.socials-lat {
  position: fixed;
  left: 0;
  top: 50%;
  padding: 0.5rem;
  background: #ffffff;
  text-align: center;
  z-index: 999;
  border: 2px solid #162e4b;
  border-left: none;
  -moz-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3); }
  .socials-lat a {
    color: #8b8c8d;
    font-size: 1.8em;
    display: block; }
    .socials-lat a:hover {
      color: #162e4b; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    .socials-lat {
      display: none; } }

#footer {
  margin-top: 2rem; }
  #footer .module-texte {
    padding: 0rem 0 4rem; }
  #footer .footer-sitemap {
    padding: 4rem 0;
    background: #fceef1;
    position: relative; }
    @media only screen and (max-width: 640px) {
      #footer .footer-sitemap {
        padding: 2rem 0 4rem; } }
    @media only screen and (min-width: 641px) and (max-width: 1023px) {
      #footer .footer-sitemap {
        padding: 2rem; } }
    #footer .footer-sitemap:before {
      content: '';
      background: url("../img/border-fotter-top.png") center center no-repeat;
      background-size: contain;
      width: 100%;
      position: absolute;
      top: -1px;
      left: 0;
      height: 2px; }
    #footer .footer-sitemap ul {
      text-align: left;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0;
      padding: 0; }
      @media only screen and (max-width: 640px) {
        #footer .footer-sitemap ul {
          flex-direction: column;
          position: relative; } }
      #footer .footer-sitemap ul > li {
        list-style: none;
        position: relative; }
        @media only screen and (max-width: 640px) {
          #footer .footer-sitemap ul > li {
            border-bottom: 1px solid #162e4b; } }
        @media only screen and (min-width: 641px) and (max-width: 1023px) {
          #footer .footer-sitemap ul > li {
            width: 50%;
            margin-bottom: 2rem;
            flex: initial; } }
        @media only screen and (max-width: 640px) {
          #footer .footer-sitemap ul > li .rspv-foot {
            margin-bottom: 2rem;
            display: none; } }
        #footer .footer-sitemap ul > li.active .rspv-foot {
          display: block; }
        #footer .footer-sitemap ul > li.active h3:after {
          content: '\f106'; }
        #footer .footer-sitemap ul > li ul {
          display: block; }
          #footer .footer-sitemap ul > li ul li {
            flex: initial;
            display: block;
            color: #333233;
            font-size: 1.5em; }
            @media only screen and (max-width: 640px) {
              #footer .footer-sitemap ul > li ul li {
                margin: 0.5rem 0;
                border: none; } }
            @media only screen and (min-width: 641px) and (max-width: 1023px) {
              #footer .footer-sitemap ul > li ul li {
                width: 100%;
                margin-bottom: 0; } }
            #footer .footer-sitemap ul > li ul li a {
              font-size: inherit;
              color: inherit; }
              #footer .footer-sitemap ul > li ul li a:hover {
                color: #162e4b; }
        #footer .footer-sitemap ul > li.socials {
          width: 320px; }
          #footer .footer-sitemap ul > li.socials ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start; }
            @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
              #footer .footer-sitemap ul > li.socials ul {
                flex-direction: row; } }
            @media only screen and (min-width: 641px) and (max-width: 1023px) {
              #footer .footer-sitemap ul > li.socials ul li {
                width: auto; } }
            #footer .footer-sitemap ul > li.socials ul li a {
              color: #162e4b;
              font-size: 2.5em;
              display: inline-block;
              padding: 1rem; }
    #footer .footer-sitemap h3 {
      font-family: "Comfortaa-Bold";
      color: #333233;
      font-size: 2.6em;
      margin-bottom: 2rem;
      font-weight: normal; }
      @media only screen and (max-width: 640px) {
        #footer .footer-sitemap h3 {
          font-size: 1.8em;
          margin: 2rem 0;
          display: flex;
          justify-content: space-between; }
          #footer .footer-sitemap h3:after {
            font-weight: bold;
            content: '\f107';
            font-family: "Font Awesome 5 Free";
            display: inline-block; } }
  #footer .footer-newsletter {
    margin-top: 1rem; }
    #footer .footer-newsletter p {
      color: #333233; }
    #footer .footer-newsletter .formulaire.newsletter {
      padding: 0; }
      #footer .footer-newsletter .formulaire.newsletter .ctn-line-input {
        width: 100%; }
        #footer .footer-newsletter .formulaire.newsletter .ctn-line-input .line-input input {
          font-size: 1.4em; }
        #footer .footer-newsletter .formulaire.newsletter .ctn-line-input .line-input-submit button {
          padding: 5px 15px;
          font-size: 1.4em; }
      #footer .footer-newsletter .formulaire.newsletter .tips_ok ul li, #footer .footer-newsletter .formulaire.newsletter .tips_erreur ul li, #footer .footer-newsletter .formulaire.newsletter .alert-danger ul li, #footer .footer-newsletter .formulaire.newsletter .alert-success ul li {
        color: #ffffff;
        font-size: 1.4rem; }
  #footer .bottom-footer {
    padding: 1rem 0;
    text-align: center; }
    #footer .bottom-footer ul {
      padding: 0;
      margin: 0; }
      #footer .bottom-footer ul li {
        list-style: none;
        display: inline-block;
        font-size: 1.2em;
        color: #333233;
        font-family: "Comfortaa-Regular";
        text-transform: uppercase;
        padding: 0 10px;
        border-right: 1px solid #333233; }
        #footer .bottom-footer ul li:last-child {
          border: none; }
        @media only screen and (min-width: 641px) and (max-width: 1023px) {
          #footer .bottom-footer ul li {
            border: none;
            padding: 10px; } }
        @media only screen and (max-width: 640px) {
          #footer .bottom-footer ul li {
            border: none;
            font-size: 1.1em;
            padding: 5px; } }
        #footer .bottom-footer ul li a {
          color: inherit; }
          #footer .bottom-footer ul li a:hover {
            color: #162e4b; }

.page-recherche {
  margin-top: 7rem; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    .page-recherche {
      margin: 0; } }

.contain-search {
  display: flex; }
  @media only screen and (min-width: 641px) and (max-width: 1023px), only screen and (max-width: 640px) {
    .contain-search {
      flex-direction: column; } }
  .contain-search .filters {
    width: 300px;
    padding-right: 2rem; }
    @media only screen and (min-width: 641px) and (max-width: 1023px), only screen and (max-width: 640px) {
      .contain-search .filters {
        width: 100%;
        padding: 0; } }
    .contain-search .filters .clear {
      color: #333233;
      font-family: "Comfortaa-Bold";
      font-size: 1.4em;
      display: inline-block;
      margin-bottom: 1.5rem;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
      .contain-search .filters .clear:hover {
        color: #162e4b;
        text-decoration: none; }
    .contain-search .filters .bloc-title {
      display: flex;
      align-items: center;
      margin-bottom: 1rem;
      border-bottom: 2px solid #333233; }
      @media only screen and (max-width: 640px) {
        .contain-search .filters .bloc-title {
          padding-top: 0; } }
      .contain-search .filters .bloc-title .h3 {
        flex: 1; }
      .contain-search .filters .bloc-title .rspv-toggle {
        display: none;
        border: none;
        background: transparent;
        font-size: 2em;
        color: #333233; }
        @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
          .contain-search .filters .bloc-title .rspv-toggle {
            display: block; } }
        .contain-search .filters .bloc-title .rspv-toggle:after {
          color: #333233;
          content: '\f078';
          font-family: "Font Awesome 5 Free";
          font-weight: bold; }
        .contain-search .filters .bloc-title .rspv-toggle.activ:after {
          content: '\f077'; }
    .contain-search .filters .h3 {
      display: block;
      padding: 21px 0;
      font-family: "Comfortaa-Bold";
      font-size: 1.8em;
      text-transform: uppercase;
      color: #333233;
      margin: 0; }
      @media only screen and (max-width: 640px) {
        .contain-search .filters .h3 {
          font-size: 1.4em; } }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .contain-search .filters #submit-form {
        display: none; } }
    .contain-search .filters .filter {
      border-bottom: 1px solid #cecece;
      padding-bottom: 1rem;
      margin-bottom: 1rem; }
      .contain-search .filters .filter:last-child {
        border: none; }
      .contain-search .filters .filter .filtre-enfants {
        padding-left: 3rem;
        display: none; }
      .contain-search .filters .filter .slideGroupe .filtre-enfants {
        display: block; }
      .contain-search .filters .filter span.titre, .contain-search .filters .filter button.titre {
        border: none;
        background: transparent;
        display: block;
        padding: 1rem 0;
        font-family: "Comfortaa-Bold";
        font-size: 1.6em;
        color: #333233;
        margin-bottom: 0.5rem; }
        .contain-search .filters .filter span.titre:focus, .contain-search .filters .filter button.titre:focus {
          outline: none; }
      .contain-search .filters .filter button.titre {
        display: flex;
        width: 100%;
        align-items: center;
        margin: 0; }
        .contain-search .filters .filter button.titre span {
          display: block;
          flex: 1;
          text-align: left; }
        .contain-search .filters .filter button.titre:after {
          font-family: "Font Awesome 5 Free";
          content: '\f078';
          display: inline-block;
          font-weight: bold; }
        .contain-search .filters .filter button.titre.activ:after {
          content: '\f077'; }
      .contain-search .filters .filter .slide-filter {
        display: none; }
      .contain-search .filters .filter .slider-custom {
        margin: 0 1rem 3rem 1rem; }
      @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
        .contain-search .filters .filter .overflow-scroll {
          max-height: 285px;
          overflow: auto; } }
      .contain-search .filters .filter label {
        display: flex;
        align-items: center;
        font-size: 1.4em;
        color: #333233;
        font-family: "Comfortaa-Regular";
        margin-bottom: 0.5rem; }
        .contain-search .filters .filter label input {
          margin-right: 5px; }
        .contain-search .filters .filter label img {
          display: inline-block;
          margin-right: 5px; }
    .contain-search .filters .rspv-submit {
      display: none;
      padding-bottom: 1rem;
      margin-bottom: 1rem; }
      @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
        .contain-search .filters .rspv-submit {
          display: block; } }
      .contain-search .filters .rspv-submit button {
        display: block;
        padding: 1rem 0;
        width: 100%;
        font-size: 1.4em;
        border: none;
        text-align: center;
        color: #ffffff;
        background: #000000;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px; }
  .contain-search .ctn-results {
    flex: 1; }
    .contain-search .ctn-results .header h2 {
      text-transform: uppercase;
      font-size: 1.8em;
      margin: 0; }
      @media only screen and (max-width: 640px) {
        .contain-search .ctn-results .header h2 {
          font-size: 1.4em;
          padding: 15px 0; } }
    .contain-search .ctn-results .header .actions {
      padding: 1rem 0 2rem;
      margin-bottom: 1rem;
      border-bottom: 1px solid #cecece;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 640px) {
        .contain-search .ctn-results .header .actions {
          align-items: flex-start;
          flex-direction: column; } }
      .contain-search .ctn-results .header .actions .order {
        padding-right: 15px; }
        .contain-search .ctn-results .header .actions .order label {
          display: inline-block;
          font-family: "Comfortaa-Bold";
          font-size: 1.6em;
          text-transform: uppercase;
          padding-right: 1rem; }
          @media only screen and (max-width: 640px) {
            .contain-search .ctn-results .header .actions .order label {
              font-size: 1.2em; } }
        .contain-search .ctn-results .header .actions .order select {
          color: #333233;
          background: transparent;
          border: 1px solid #8b8c8d;
          padding: 0.5rem;
          font-size: 1.4em;
          font-family: "Comfortaa-Regular"; }
        .contain-search .ctn-results .header .actions .order select option {
          font-family: "Comfortaa-Regular", Arial, sans-serif; }
      .contain-search .ctn-results .header .actions .nav-page {
        flex: 1; }
      .contain-search .ctn-results .header .actions .pagination {
        margin: 0; }
    .contain-search .ctn-results .header .results {
      padding: 1rem 0;
      font-size: 1.4em;
      color: #333233; }
      .contain-search .ctn-results .header .results strong {
        font-family: "Comfortaa-Bold";
        font-weight: normal; }
    .contain-search .ctn-results .results {
      display: flex;
      flex-wrap: wrap; }
      .contain-search .ctn-results .results .result {
        width: 33.3333%;
        display: flex;
        align-self: stretch; }
        @media only screen and (max-width: 640px) {
          .contain-search .ctn-results .results .result {
            width: 50%; } }
    .contain-search .ctn-results .no-results {
      margin-top: 2rem;
      padding-left: 2rem; }
      .contain-search .ctn-results .no-results h2 {
        font-size: 2.4em;
        font-family: "Comfortaa-Regular";
        color: #333233;
        margin-bottom: 2rem; }
        .contain-search .ctn-results .no-results h2 strong {
          font-family: "Comfortaa-Bold";
          font-weight: normal; }
      .contain-search .ctn-results .no-results p {
        font-size: 1.6em;
        font-family: "Comfortaa-Regular"; }

.slider-custom {
  background: #cecece;
  border: none !important;
  height: 5px; }
  .slider-custom .ui-slider-range {
    background: #162e4b; }
  .slider-custom .ui-slider-handle {
    background: #333233;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: none;
    width: 16px;
    height: 16px;
    top: -5px; }
    .slider-custom .ui-slider-handle .handle {
      position: absolute;
      top: 100%;
      padding: 0.5em 0;
      left: -50%;
      color: #333233;
      font-size: 1.2em;
      font-family: "Comfortaa-Regular"; }

.pagination .page-item {
  margin: 0.35rem; }
  .pagination .page-item .page-link {
    font-size: 1.3em;
    font-family: "Comfortaa-Bold";
    color: #162e4b;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-bottom: 1px solid #ffffff; }
    .pagination .page-item .page-link:hover {
      background: transparent;
      border-bottom: 1px solid #f8cfd6; }
  .pagination .page-item.disabled {
    opacity: 0.5; }
  .pagination .page-item.active .page-link {
    background: #f8cfd6;
    border-color: #f8cfd6;
    color: #ffffff; }

.points-de-vente {
  display: flex;
  height: 625px; }
  @media only screen and (max-width: 640px) {
    .points-de-vente {
      display: block;
      height: auto; } }
  .points-de-vente .search-results {
    width: 320px;
    margin-right: 2rem;
    display: flex;
    flex-direction: column;
    background-color: #c1c3bd; }
    @media only screen and (max-width: 640px) {
      .points-de-vente .search-results {
        width: 100%;
        margin: 0;
        display: block;
        flex-direction: initial; } }
    .points-de-vente .search-results h2 {
      font-family: "Comfortaa-Bold";
      color: #333233; }
    .points-de-vente .search-results .search {
      padding: 2rem;
      text-align: center; }
      .points-de-vente .search-results .search span {
        margin: 1rem 0;
        font-size: 1.4em;
        color: #333233;
        display: block; }
      .points-de-vente .search-results .search input {
        background: #ffffff;
        border: none;
        font-size: 1.4em;
        padding: 0.5rem 1rem;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        margin: 2rem 0;
        width: 100%; }
      .points-de-vente .search-results .search button {
        border: none;
        display: inline-block;
        padding: 1rem 3rem;
        font-family: "Comfortaa-Bold";
        text-transform: uppercase;
        color: #ffffff;
        background-color: #333233;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px; }
        .points-de-vente .search-results .search button.geolocate {
          background-color: #162e4b; }
    .points-de-vente .search-results .ctn-results {
      flex: 1;
      max-height: 374px; }
      @media only screen and (max-width: 640px) {
        .points-de-vente .search-results .ctn-results {
          flex: initial;
          overflow: auto; } }
      .points-de-vente .search-results .ctn-results .scroll {
        height: 100%;
        overflow: auto; }
      .points-de-vente .search-results .ctn-results ul {
        margin: 0 2rem;
        padding: 0; }
        .points-de-vente .search-results .ctn-results ul li {
          cursor: pointer;
          list-style: none;
          padding-bottom: 1rem;
          margin-bottom: 1rem;
          border-bottom: 1px solid #ffffff; }
          .points-de-vente .search-results .ctn-results ul li h3 {
            font-family: "Comfortaa-Bold";
            font-size: 1.6em;
            color: #333233;
            font-weight: normal;
            margin-bottom: 1rem; }
          .points-de-vente .search-results .ctn-results ul li p {
            font-size: 1.4em; }
            .points-de-vente .search-results .ctn-results ul li p span {
              display: block; }
  .points-de-vente .map {
    flex: 1; }
    @media only screen and (max-width: 640px) {
      .points-de-vente .map {
        flex: initial;
        height: 320px; } }
    .points-de-vente .map .gm-style .gm-style-iw-d p {
      font-size: 1em;
      font-family: "Comfortaa-Regular"; }
      .points-de-vente .map .gm-style .gm-style-iw-d p strong {
        display: block;
        font-family: "Comfortaa-Bold";
        font-weight: normal; }
      .points-de-vente .map .gm-style .gm-style-iw-d p span {
        display: block; }
      .points-de-vente .map .gm-style .gm-style-iw-d p a {
        display: block;
        color: #162e4b; }

.page-404 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  margin: 0 auto; }
  .page-404 > div {
    background: #2c6077;
    display: flex;
    height: 100vh;
    width: 100%; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .page-404 > div {
        flex-direction: column; } }
  .page-404 aside {
    width: 50%;
    padding: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .page-404 aside {
        width: 100%;
        background: none;
        height: 50%; } }
    .page-404 aside img {
      display: block;
      max-width: 100%;
      max-height: 100%; }
  .page-404 main {
    width: 50%;
    text-align: center;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .page-404 main {
        width: 100%;
        flex: 1; } }
    .page-404 main h1 {
      font-family: "BeccaPerry-script";
      font-size: 5rem;
      color: #FFFFFF;
      margin-bottom: 3rem; }
    .page-404 main p {
      color: #FFFFFF;
      font-size: 2rem;
      margin-bottom: 3rem; }
    .page-404 main a {
      font-family: "Comfortaa-Bold";
      font-size: 2rem;
      color: #ffffff;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
      .page-404 main a:hover {
        color: #f6a64f; }
    @media only screen and (max-width: 640px) {
      .page-404 main h1 {
        font-size: 3rem; }
      .page-404 main p {
        font-size: 1.6rem; } }

.heurisko-module {
  -webkit-transition: box-shadow 0.5s ease 0s;
  -moz-transition: box-shadow 0.5s ease 0s;
  -o-transition: box-shadow 0.5s ease 0s;
  transition: box-shadow 0.5s ease 0s; }
  .heurisko-module .heurisko-toolbar,
  .heurisko-module .heurisko-toolbar-bloc {
    display: none; }
    .heurisko-module .heurisko-toolbar .heurisko-toolbar-line,
    .heurisko-module .heurisko-toolbar-bloc .heurisko-toolbar-line {
      text-align: right;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      padding: 5px 5px; }
  .heurisko-module.heurisko-module-back:hover {
    position: relative;
    box-shadow: 0px 0px 0px 3px rgba(0, 158, 255, 0.4); }
    .heurisko-module.heurisko-module-back:hover .heurisko-toolbar {
      display: block; }
      .heurisko-module.heurisko-module-back:hover .heurisko-toolbar .heurisko-toolbar-line {
        z-index: 99; }
  .heurisko-module.heurisko-module-back .bloc:hover {
    position: relative; }
    .heurisko-module.heurisko-module-back .bloc:hover .heurisko-toolbar-bloc {
      display: block; }
      .heurisko-module.heurisko-module-back .bloc:hover .heurisko-toolbar-bloc .heurisko-toolbar-line {
        z-index: 99; }
  .heurisko-module .heurisko-bloc-add {
    padding-top: 15px !important;
    padding-bottom: 15px !important; }
  .heurisko-module.heurisko-module-back .blocs .bloc {
    -webkit-transition: box-shadow 0.5s ease 0s;
    -moz-transition: box-shadow 0.5s ease 0s;
    -o-transition: box-shadow 0.5s ease 0s;
    transition: box-shadow 0.5s ease 0s; }
    .heurisko-module.heurisko-module-back .blocs .bloc:hover {
      box-shadow: 0px 0px 0px 3px rgba(0, 158, 255, 0.4);
      position: relative; }
      .heurisko-module.heurisko-module-back .blocs .bloc:hover .heurisko-toolbar-bloc {
        display: block; }

.module-spacer {
  height: 2.5rem;
  width: 100%;
  background-color: transparent;
  margin: 1rem 0; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    .module-spacer {
      height: 1rem;
      margin: 0; } }

.module-arianne {
  font-size: 10px; }

.arianne {
  margin-bottom: 1rem; }
  .arianne ul, .arianne li {
    padding: 0;
    margin: 0; }
  .arianne li {
    list-style: none;
    display: inline-block; }
    .arianne li a, .arianne li span {
      color: #333233;
      font-size: 1.4em; }
      .arianne li a:after, .arianne li span:after {
        content: ' > ';
        font-size: 0.8em; }
    .arianne li a:hover {
      text-decoration: none;
      color: #162e4b; }
      .arianne li a:hover:after {
        color: #333233; }
    .arianne li:last-child a:after, .arianne li:last-child span:after {
      content: ''; }

.module-texte {
  font-size: 10px;
  padding: 1rem 0; }
  .module-texte h1 {
    text-align: center;
    font-family: "AbrilFatface-Regular";
    color: #2c6c88;
    font-size: 2.2em;
    margin-bottom: 2rem; }
    .module-texte h1:before, .module-texte h1:after {
      content: '';
      display: inline-block;
      width: 10px;
      height: 10px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-color: #f8cfd6;
      margin: 0 20px; }
  .module-texte.univer-amitie h1 {
    color: #162e4b; }
  .module-texte.univer-imagination h1 {
    color: #72a4cf; }
  .module-texte.univer-joie h1 {
    color: #b24a5c; }
  .module-texte.univer-decouverte h1 {
    color: #03aec7; }
  .module-texte.univer-douceur h1 {
    color: #f6a64f; }
  .module-texte.univer-bio h1 {
    color: #50b497; }
  .module-texte .css_mce p {
    font-size: 1.4em; }

.module-avisverifies {
  font-size: 10px;
  background: #fff;
  padding: 4rem 0; }
  .module-avisverifies a.alllink {
    text-transform: uppercase;
    text-decoration: underline;
    color: #333233;
    font-size: 1.4em;
    display: inline-block;
    margin: 1em auto 0; }
  .module-avisverifies .flex-slider {
    display: flex;
    position: relative; }
    @media only screen and (max-width: 640px) {
      .module-avisverifies .flex-slider {
        flex-direction: column;
        justify-content: center; }
        .module-avisverifies .flex-slider .widget-site {
          text-align: center; } }
    .module-avisverifies .flex-slider * {
      min-height: 0;
      min-width: 0; }
    .module-avisverifies .flex-slider .ctn-blocs {
      position: relative;
      flex: 1; }
  .module-avisverifies .blocs {
    position: relative;
    width: 100%;
    margin-top: 2rem;
    padding: 0 2.5rem; }
  .module-avisverifies .slick-prev {
    left: -12px; }
  .module-avisverifies .slick-next {
    right: -12px; }
  .module-avisverifies .bloc {
    width: 50%;
    padding: 0 10px; }
    .module-avisverifies .bloc a {
      color: #333233; }
      .module-avisverifies .bloc a:hover {
        text-decoration: none; }
    .module-avisverifies .bloc span.name {
      font-family: "Comfortaa-Bold";
      font-size: 1.4em;
      display: inline-block;
      margin-right: 5px; }
    .module-avisverifies .bloc span.date {
      font-family: "Comfortaa-Regular";
      font-size: 1.4em;
      display: inline-block; }
    .module-avisverifies .bloc .notation-produit {
      font-size: 1.6em; }
      .module-avisverifies .bloc .notation-produit .rate {
        display: inline-block;
        margin-left: 5px; }
    .module-avisverifies .bloc .contenu p {
      font-size: 1.4em; }
    .module-avisverifies .bloc .contenu .reponse {
      padding: 10px 20px;
      background: #eaebea;
      margin-left: 20px;
      margin-bottom: 10px;
      cursor: pointer; }
      .module-avisverifies .bloc .contenu .reponse p {
        margin: 0;
        font-size: 1.2em; }
      .module-avisverifies .bloc .contenu .reponse.line-clamp p {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .module-avisverifies .bloc .contenu .reponse.client {
        margin-left: 0;
        margin-right: 20px; }

.module-pictos {
  font-size: 10px;
  padding: 2rem 0; }
  .module-pictos .css_mce .h1 {
    text-align: center; }
  .module-pictos .css_mce .h2 {
    text-align: center; }
  .module-pictos .css_mce p {
    text-align: center; }
  .module-pictos .blocs {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    .module-pictos .blocs .bloc {
      padding: 1rem;
      width: 20%;
      align-self: center;
      -moz-box-sizing: border-box;
      /* Firefox */
      box-sizing: border-box; }
      .module-pictos .blocs .bloc > .a {
        display: block;
        text-decoration: none; }
        .module-pictos .blocs .bloc > .a > .bloc-cont {
          display: block; }
          .module-pictos .blocs .bloc > .a > .bloc-cont .bloc-visuel {
            display: block; }
            .module-pictos .blocs .bloc > .a > .bloc-cont .bloc-visuel img {
              max-width: 100%; }
          .module-pictos .blocs .bloc > .a > .bloc-cont .bloc-text .bloc-titre {
            text-align: center; }
          .module-pictos .blocs .bloc > .a > .bloc-cont .bloc-text .bloc-soustitre {
            text-align: center; }
          .module-pictos .blocs .bloc > .a > .bloc-cont .bloc-text .bloc-contenu p {
            text-align: center; }

.module-pictosproduit .container {
  max-width: 1100px !important; }

.module-pictosproduit, .module-reassurance {
  font-size: 10px;
  padding: 2rem 0; }
  .module-pictosproduit .blocs, .module-reassurance .blocs {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .module-pictosproduit .blocs .bloc, .module-reassurance .blocs .bloc {
      padding: 1rem;
      width: 100%;
      -moz-box-sizing: border-box;
      /* Firefox */
      box-sizing: border-box; }
      .module-pictosproduit .blocs .bloc > .a, .module-reassurance .blocs .bloc > .a {
        display: block;
        text-decoration: none; }
        .module-pictosproduit .blocs .bloc > .a > .bloc-cont, .module-reassurance .blocs .bloc > .a > .bloc-cont {
          display: flex;
          align-items: center; }
          @media only screen and (max-width: 640px) {
            .module-pictosproduit .blocs .bloc > .a > .bloc-cont, .module-reassurance .blocs .bloc > .a > .bloc-cont {
              align-items: flex-start; } }
          .module-pictosproduit .blocs .bloc > .a > .bloc-cont .bloc-visuel, .module-reassurance .blocs .bloc > .a > .bloc-cont .bloc-visuel {
            display: block;
            margin-right: 3rem; }
            .module-pictosproduit .blocs .bloc > .a > .bloc-cont .bloc-visuel img, .module-reassurance .blocs .bloc > .a > .bloc-cont .bloc-visuel img {
              max-width: 100%; }
              @media only screen and (max-width: 640px) {
                .module-pictosproduit .blocs .bloc > .a > .bloc-cont .bloc-visuel img, .module-reassurance .blocs .bloc > .a > .bloc-cont .bloc-visuel img {
                  max-width: 50px; } }
          .module-pictosproduit .blocs .bloc > .a > .bloc-cont .bloc-text, .module-reassurance .blocs .bloc > .a > .bloc-cont .bloc-text {
            flex: 1; }

.module-reassurance .css_mce p {
  margin: 0; }
.module-reassurance .blocs .bloc {
  padding: 0.5rem 0rem; }
  .module-reassurance .blocs .bloc a.a .bloc-visuel {
    margin-right: 1.5rem !important; }
  .module-reassurance .blocs .bloc a.a:hover .bloc-text {
    background: #fcf3f5; }
  .module-reassurance .blocs .bloc a.a .bloc-text {
    padding-left: 1.5rem;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center; }

.module-avis-produit {
  font-size: 10px;
  padding: 2rem 0; }
  .module-avis-produit .header-note {
    margin-top: 1rem;
    display: flex;
    border-bottom: 1px solid #efefef;
    padding-bottom: 2rem; }
    @media only screen and (max-width: 640px) {
      .module-avis-produit .header-note {
        flex-direction: column; } }
    .module-avis-produit .header-note .col1 {
      flex: 1; }
      .module-avis-produit .header-note .col1 .logo {
        margin-bottom: 1rem; }
      .module-avis-produit .header-note .col1 .note span {
        font-size: 3em;
        font-family: "Comfortaa-Bold"; }
        .module-avis-produit .header-note .col1 .note span strong {
          font-weight: normal;
          font-size: 1.2em;
          color: #162e4b; }
      .module-avis-produit .header-note .col1 .note .stars {
        font-size: 2em; }
      .module-avis-produit .header-note .col1 .count span {
        font-size: 1.4em; }
        .module-avis-produit .header-note .col1 .count span strong {
          color: #162e4b;
          font-family: "Comfortaa-Bold";
          font-weight: normal; }
    .module-avis-produit .header-note .col2 {
      width: 420px;
      padding-left: 4rem;
      border-left: 1px solid #8b8c8d; }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-avis-produit .header-note .col2 {
          padding-left: 2rem;
          width: 320px; } }
      @media only screen and (max-width: 640px) {
        .module-avis-produit .header-note .col2 {
          padding-left: 0;
          padding-top: 2rem;
          border-left: none;
          width: 100%; } }
      .module-avis-produit .header-note .col2 .col-note {
        margin: 0.5rem 0;
        display: flex;
        align-items: center; }
        .module-avis-produit .header-note .col2 .col-note span {
          display: inline-block;
          width: 30px;
          text-align: center;
          font-size: 1.6em; }
          .module-avis-produit .header-note .col2 .col-note span.note {
            color: #162e4b; }
          .module-avis-produit .header-note .col2 .col-note span.qtt {
            padding-left: 0.5rem; }
        .module-avis-produit .header-note .col2 .col-note .fa {
          color: #162e4b;
          font-size: 1.6em;
          padding-right: 1rem; }
        .module-avis-produit .header-note .col2 .col-note .percent {
          flex: 1;
          border: 1px solid #8b8c8d;
          height: 16px; }
          .module-avis-produit .header-note .col2 .col-note .percent > div {
            height: 100%;
            background: #162e4b; }
  .module-avis-produit .ratings {
    margin-top: 2rem; }
    .module-avis-produit .ratings .bloc-rate {
      padding-bottom: 2rem;
      margin-bottom: 2rem;
      border-bottom: 1px solid #efefef; }
      .module-avis-produit .ratings .bloc-rate .name {
        font-size: 1.6em;
        font-family: "Comfortaa-Bold";
        display: inline-block;
        padding-right: 5px;
        color: #162e4b; }
      .module-avis-produit .ratings .bloc-rate .date {
        font-size: 1.4em;
        display: inline-block; }
      .module-avis-produit .ratings .bloc-rate .stars {
        font-size: 1.5em;
        margin-right: 10px; }
      .module-avis-produit .ratings .bloc-rate .rate {
        font-size: 1.6em;
        display: inline-block; }
        .module-avis-produit .ratings .bloc-rate .rate strong {
          font-family: "Comfortaa-Bold";
          color: #162e4b; }
      .module-avis-produit .ratings .bloc-rate .contenu {
        margin-top: 1rem; }
        .module-avis-produit .ratings .bloc-rate .contenu .reponse {
          padding: 10px 20px;
          background: #eaebea;
          margin-left: 20px;
          margin-bottom: 10px; }
          .module-avis-produit .ratings .bloc-rate .contenu .reponse p {
            margin: 0;
            font-size: 1.2em; }
          .module-avis-produit .ratings .bloc-rate .contenu .reponse.client {
            margin-left: 0;
            margin-right: 20px; }
      .module-avis-produit .ratings .bloc-rate p {
        font-size: 1.4em; }

.module-titre-produit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem; }
  .module-titre-produit .css_mce .h1 {
    text-align: center; }
  .module-titre-produit .css_mce .h2 {
    text-align: center;
    font-size: 4em; }
    .module-titre-produit .css_mce .h2:before {
      content: '';
      margin-right: 25px;
      width: 10px;
      height: 10px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle;
      background: #f8cfd6; }
    .module-titre-produit .css_mce .h2:after {
      content: '';
      margin-left: 25px;
      width: 10px;
      height: 10px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle;
      background: #f8cfd6; }
    @media only screen and (max-width: 640px) {
      .module-titre-produit .css_mce .h2 {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3em; } }
  .module-titre-produit .css_mce p {
    text-align: center; }

.module-lienimage {
  font-size: 10px;
  padding: 2rem 0; }
  .module-lienimage .visuel {
    display: block;
    margin: 4rem 0; }
    .module-lienimage .visuel img {
      max-width: 100%; }
  .module-lienimage .contenu {
    margin-top: 4rem; }
    .module-lienimage .contenu.css_mce h1, .module-lienimage .contenu.css_mce h2, .module-lienimage .contenu.css_mce h3 {
      font-family: "BeccaPerry-script";
      font-size: 4.5em;
      line-height: 2em; }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-lienimage .contenu.css_mce h1, .module-lienimage .contenu.css_mce h2, .module-lienimage .contenu.css_mce h3 {
          font-size: 4em; } }
      @media only screen and (max-width: 640px) {
        .module-lienimage .contenu.css_mce h1, .module-lienimage .contenu.css_mce h2, .module-lienimage .contenu.css_mce h3 {
          font-size: 3em; } }
    .module-lienimage .contenu.css_mce p {
      font-size: 1.8em;
      font-family: "Comfortaa-Light"; }
      @media only screen and (max-width: 640px) {
        .module-lienimage .contenu.css_mce p {
          font-size: 1.6em; } }
  .module-lienimage .link {
    margin-top: 2rem;
    text-align: center; }
    .module-lienimage .link .bouton-lien {
      display: inline-block;
      padding: 10px 15px;
      font-family: "Comfortaa-Bold";
      color: #333233;
      font-size: 2em;
      border: 2px solid #333233;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
      .module-lienimage .link .bouton-lien:hover {
        text-decoration: none;
        background: #333233;
        color: #fff; }

.module-instagram {
  font-size: 10px;
  padding: 2rem 0; }
  .module-instagram .container {
    max-width: 1130px !important; }
  .module-instagram .css_mce .h1 {
    text-align: center; }
  .module-instagram .css_mce .h2 {
    text-align: center;
    color: #333233; }
    .module-instagram .css_mce .h2:before {
      content: '';
      margin-right: 25px;
      width: 10px;
      height: 10px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle;
      background: #f8cfd6; }
    .module-instagram .css_mce .h2:after {
      content: '';
      margin-left: 25px;
      width: 10px;
      height: 10px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle;
      background: #f8cfd6; }
    @media only screen and (max-width: 640px) {
      .module-instagram .css_mce .h2 {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3em; } }
  .module-instagram .css_mce p {
    text-align: center; }
  .module-instagram .contenu {
    margin-top: 3rem;
    text-align: center; }
    @media only screen and (max-width: 640px) {
      .module-instagram .contenu {
        margin-top: 0; } }
    .module-instagram .contenu > span {
      font-family: "Comfortaa-Regular";
      font-size: 3em; }
      @media only screen and (max-width: 640px) {
        .module-instagram .contenu > span {
          font-size: 2em; } }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-instagram .contenu > span {
          font-size: 2.4em; } }
    .module-instagram .contenu .link-socials {
      display: flex;
      align-items: center;
      justify-content: center; }
      .module-instagram .contenu .link-socials a {
        display: inline-block;
        margin: 1rem;
        font-size: 4em;
        color: #162e4b;
        -webkit-transition: color 0.5s ease 0s;
        -moz-transition: color 0.5s ease 0s;
        -o-transition: color 0.5s ease 0s;
        transition: color 0.5s ease 0s; }
        .module-instagram .contenu .link-socials a:hover {
          text-decoration: none;
          color: #333233; }
        @media only screen and (max-width: 640px) {
          .module-instagram .contenu .link-socials a {
            width: 50px; } }
        .module-instagram .contenu .link-socials a img {
          max-width: 100%; }
  .module-instagram .blocs {
    margin-top: 3rem;
    display: flex; }
    .module-instagram .blocs .bloc {
      margin: 0;
      padding: 0;
      list-style: none; }
    @media only screen and (min-width: 641px) and (max-width: 1023px) {
      .module-instagram .blocs {
        padding: 0 4em; } }
    .module-instagram .blocs .slick-list {
      min-width: 100%; }
    .module-instagram .blocs .slick-next {
      top: 50%;
      width: 43px;
      height: 22px;
      right: -50px; }
      @media only screen and (max-width: 640px) {
        .module-instagram .blocs .slick-next {
          width: 32px;
          height: 21px;
          right: -15px; } }
      .module-instagram .blocs .slick-next:before {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background: url("../img/fleche-droite.png") center center no-repeat;
        background-size: contain; }
      .module-instagram .blocs .slick-next.slick-disabled:before {
        display: none; }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-instagram .blocs .slick-next {
          right: 0; } }
    .module-instagram .blocs .slick-prev {
      top: 50%;
      width: 43px;
      height: 22px;
      left: -50px; }
      @media only screen and (max-width: 640px) {
        .module-instagram .blocs .slick-prev {
          width: 32px;
          height: 21px;
          left: -15px; } }
      .module-instagram .blocs .slick-prev:before {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background: url("../img/fleche-gauche.png") center center no-repeat;
        background-size: contain; }
      .module-instagram .blocs .slick-prev.slick-disabled:before {
        display: none; }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-instagram .blocs .slick-prev {
          left: 0; } }
    .module-instagram .blocs .slick-track {
      height: 100%;
      display: flex;
      flex-wrap: wrap; }
    .module-instagram .blocs .bloc {
      width: 20%;
      height: 100%;
      -moz-box-sizing: border-box;
      /* Firefox */
      box-sizing: border-box; }
      .module-instagram .blocs .bloc > .a {
        display: block;
        text-decoration: none;
        color: #333233;
        -moz-box-sizing: border-box;
        /* Firefox */
        box-sizing: border-box;
        padding: 10px; }
        @media only screen and (max-width: 640px) {
          .module-instagram .blocs .bloc > .a {
            padding: 1px; } }
        .module-instagram .blocs .bloc > .a > .bloc-cont {
          display: block;
          height: 100%;
          -moz-box-sizing: border-box;
          /* Firefox */
          box-sizing: border-box; }
          .module-instagram .blocs .bloc > .a > .bloc-cont .bloc-visuel {
            display: block; }
            .module-instagram .blocs .bloc > .a > .bloc-cont .bloc-visuel img {
              max-width: 100%; }
      .module-instagram .blocs .bloc.heurisko-bloc-add button {
        width: 100%;
        display: block; }

.module-blocsproduits {
  font-size: 10px;
  padding: 2rem 0; }

.module-blocsenfants {
  font-size: 10px;
  padding: 2rem 0; }
  .module-blocsenfants .blocs {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    .module-blocsenfants .blocs .bloc {
      margin: 0;
      padding: 0;
      list-style: none; }
    .module-blocsenfants .blocs .bloc {
      padding: 2rem;
      width: 33.33%;
      display: flex;
      -moz-box-sizing: border-box;
      /* Firefox */
      box-sizing: border-box; }
      @media only screen and (max-width: 640px) {
        .module-blocsenfants .blocs .bloc {
          padding: 0;
          width: 100%;
          margin-bottom: 2rem;
          background: #f2f2f2; } }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-blocsenfants .blocs .bloc {
          width: 50%; } }
      .module-blocsenfants .blocs .bloc > .a {
        display: block;
        text-decoration: none;
        align-self: stretch;
        color: #333233;
        -moz-box-sizing: border-box;
        /* Firefox */
        box-sizing: border-box; }
        .module-blocsenfants .blocs .bloc > .a > .bloc-cont {
          display: block;
          height: 100%;
          -moz-box-sizing: border-box;
          /* Firefox */
          box-sizing: border-box; }
          .module-blocsenfants .blocs .bloc > .a > .bloc-cont .bloc-visuel {
            display: block;
            overflow: hidden; }
            .module-blocsenfants .blocs .bloc > .a > .bloc-cont .bloc-visuel img {
              -webkit-transition: all 0.5s ease 0s;
              -moz-transition: all 0.5s ease 0s;
              -o-transition: all 0.5s ease 0s;
              transition: all 0.5s ease 0s;
              max-width: 100%; }
          .module-blocsenfants .blocs .bloc > .a > .bloc-cont .bloc-titre {
            font-family: "Comfortaa-Regular";
            text-transform: uppercase;
            font-size: 2em;
            margin-top: 2rem;
            text-align: center;
            display: block; }
            @media only screen and (max-width: 640px) {
              .module-blocsenfants .blocs .bloc > .a > .bloc-cont .bloc-titre {
                margin: 2rem 0; } }
        .module-blocsenfants .blocs .bloc > .a:hover > .bloc-cont .bloc-visuel img {
          -webkit-transform: scale(1.1);
          /* Safari et Chrome */
          -moz-transform: scale(1.1);
          /* Firefox */
          -ms-transform: scale(1.1);
          /* Internet Explorer 9 */
          -o-transform: scale(1.1);
          /* Opera */
          transform: scale(1.1); }
        .module-blocsenfants .blocs .bloc > .a:hover > .bloc-cont .bloc-titre {
          color: #162e4b; }
      .module-blocsenfants .blocs .bloc.heurisko-bloc-add button {
        width: 100%;
        display: block; }

.module-carousel {
  font-size: 10px;
  padding: 2rem 0; }
  .module-carousel .css_mce .h1 {
    text-align: center; }
  .module-carousel .css_mce .h2 {
    text-align: center; }
  .module-carousel .css_mce p {
    text-align: center; }
  .module-carousel h2 {
    color: #72a4cf;
    font-size: 3em;
    font-family: "Comfortaa-Light";
    text-align: center;
    font-weight: normal; }
  .module-carousel .blocs {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    @media only screen and (min-width: 641px) and (max-width: 1023px) {
      .module-carousel .blocs {
        padding: 0; } }
    @media only screen and (max-width: 640px) {
      .module-carousel .blocs {
        padding: 0 2.5rem; } }
    .module-carousel .blocs .bloc {
      margin: 0;
      padding: 0;
      list-style: none; }
    .module-carousel .blocs .slick-list {
      min-width: 100%; }
    .module-carousel .blocs .slick-track {
      height: 100%;
      display: flex;
      flex-wrap: wrap; }
    .module-carousel .blocs .slick-next {
      top: initial; }
      @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-carousel .blocs .slick-next {
          right: 0; } }
    .module-carousel .blocs .slick-prev {
      top: initial; }
      @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-carousel .blocs .slick-prev {
          left: 0; } }
    .module-carousel .blocs .bloc {
      padding: 2rem;
      width: 33.33%;
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      -moz-box-sizing: border-box;
      /* Firefox */
      box-sizing: border-box; }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-carousel .blocs .bloc {
          width: 50%; } }
      @media only screen and (max-width: 640px) {
        .module-carousel .blocs .bloc {
          width: 50%;
          padding: 0;
          margin-bottom: 2rem; } }
      .module-carousel .blocs .bloc > .a {
        display: block;
        text-decoration: none;
        color: #333233;
        -moz-box-sizing: border-box;
        /* Firefox */
        box-sizing: border-box; }
        .module-carousel .blocs .bloc > .a > .bloc-cont {
          display: block;
          height: 100%;
          -moz-box-sizing: border-box;
          /* Firefox */
          box-sizing: border-box; }
          .module-carousel .blocs .bloc > .a > .bloc-cont .bloc-visuel {
            display: block;
            overflow: hidden; }
            .module-carousel .blocs .bloc > .a > .bloc-cont .bloc-visuel img {
              max-width: 100%;
              -webkit-transition: all 0.5s ease 0s;
              -moz-transition: all 0.5s ease 0s;
              -o-transition: all 0.5s ease 0s;
              transition: all 0.5s ease 0s; }
          .module-carousel .blocs .bloc > .a > .bloc-cont .bloc-titre {
            font-family: "Comfortaa-Regular";
            font-size: 2.6em;
            line-height: 2em;
            display: block; }
            @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
              .module-carousel .blocs .bloc > .a > .bloc-cont .bloc-titre {
                font-size: 2.4em; } }
        .module-carousel .blocs .bloc > .a:hover > .bloc-cont .bloc-titre {
          color: #162e4b; }
        .module-carousel .blocs .bloc > .a:hover > .bloc-cont .bloc-visuel img {
          -webkit-transform: scale(1.1);
          /* Safari et Chrome */
          -moz-transform: scale(1.1);
          /* Firefox */
          -ms-transform: scale(1.1);
          /* Internet Explorer 9 */
          -o-transform: scale(1.1);
          /* Opera */
          transform: scale(1.1); }
      .module-carousel .blocs .bloc.heurisko-bloc-add button {
        width: 100%;
        display: block; }

.module-carousel_produit {
  font-size: 10px;
  padding: 4rem 0; }
  @media only screen and (max-width: 640px) {
    .module-carousel_produit {
      padding: 1rem 0; } }
  .module-carousel_produit .css_mce {
    text-align: center; }
    .module-carousel_produit .css_mce .h1 {
      text-align: center; }
    .module-carousel_produit .css_mce .h2 {
      color: #333233; }
      .module-carousel_produit .css_mce .h2:before {
        content: '';
        margin-right: 25px;
        width: 10px;
        height: 10px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        background: #f8cfd6; }
      .module-carousel_produit .css_mce .h2:after {
        content: '';
        margin-left: 25px;
        width: 10px;
        height: 10px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        background: #f8cfd6;
        position: relative;
        top: initial;
        right: initial; }
      @media only screen and (max-width: 640px) {
        .module-carousel_produit .css_mce .h2 {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 3em; } }
  .module-carousel_produit .blocs {
    margin-top: 30px;
    text-align: center;
    display: flex;
    align-items: center; }
    @media only screen and (min-width: 641px) and (max-width: 1023px) {
      .module-carousel_produit .blocs {
        padding: 0 20px; } }
    @media only screen and (max-width: 640px) {
      .module-carousel_produit .blocs {
        padding: 0; } }
    .module-carousel_produit .blocs .bloc {
      margin: 0;
      padding: 0;
      list-style: none; }
    .module-carousel_produit .blocs .slick-list {
      min-width: 100%; }
    .module-carousel_produit .blocs .slick-track {
      height: 100%;
      display: flex;
      flex-wrap: wrap; }
    .module-carousel_produit .blocs .slick-next {
      top: initial;
      width: 43px;
      height: 22px;
      right: -50px; }
      @media only screen and (max-width: 640px) {
        .module-carousel_produit .blocs .slick-next {
          width: 30px;
          right: -15px; } }
      .module-carousel_produit .blocs .slick-next:before {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background: url("../img/fleche-droite.png") center center no-repeat;
        background-size: contain; }
      .module-carousel_produit .blocs .slick-next.slick-disabled:before {
        display: none; }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-carousel_produit .blocs .slick-next {
          right: 0; } }
    .module-carousel_produit .blocs .slick-prev {
      top: initial;
      width: 43px;
      height: 22px;
      left: -50px; }
      @media only screen and (max-width: 640px) {
        .module-carousel_produit .blocs .slick-prev {
          width: 30px;
          left: -15px; } }
      .module-carousel_produit .blocs .slick-prev:before {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background: url("../img/fleche-gauche.png") center center no-repeat;
        background-size: contain; }
      .module-carousel_produit .blocs .slick-prev.slick-disabled:before {
        display: none; }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-carousel_produit .blocs .slick-prev {
          left: 0; } }
    .module-carousel_produit .blocs .bloc {
      padding: 1rem;
      width: 33.33%;
      height: 100%;
      display: flex;
      -moz-box-sizing: border-box;
      /* Firefox */
      box-sizing: border-box; }
      @media only screen and (max-width: 640px) {
        .module-carousel_produit .blocs .bloc {
          padding: 0; } }
      .module-carousel_produit .blocs .bloc > .a {
        display: block;
        text-decoration: none;
        height: 100%;
        color: #333233;
        -moz-box-sizing: border-box;
        /* Firefox */
        box-sizing: border-box; }
        .module-carousel_produit .blocs .bloc > .a > .bloc-cont {
          display: block;
          height: 100%;
          -moz-box-sizing: border-box;
          /* Firefox */
          box-sizing: border-box; }
          .module-carousel_produit .blocs .bloc > .a > .bloc-cont .bloc-visuel {
            display: block;
            padding: 5%;
            margin: 5%;
            position: relative; }
            @media only screen and (max-width: 640px) {
              .module-carousel_produit .blocs .bloc > .a > .bloc-cont .bloc-visuel {
                padding: 1%; } }
            .module-carousel_produit .blocs .bloc > .a > .bloc-cont .bloc-visuel img {
              max-width: 100%;
              -moz-border-radius: 50%;
              -webkit-border-radius: 50%;
              border-radius: 50%; }
            .module-carousel_produit .blocs .bloc > .a > .bloc-cont .bloc-visuel:before {
              content: '';
              display: block;
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0%;
              left: 0%;
              background: url("../img/cercle-hover-large.png") top center no-repeat;
              background-size: contain;
              opacity: 0;
              -webkit-transition: all 0.5s ease 0s;
              -moz-transition: all 0.5s ease 0s;
              -o-transition: all 0.5s ease 0s;
              transition: all 0.5s ease 0s; }
          .module-carousel_produit .blocs .bloc > .a > .bloc-cont .bloc-text {
            padding: 1rem; }
            .module-carousel_produit .blocs .bloc > .a > .bloc-cont .bloc-text .bloc-titre {
              text-align: center;
              font-size: 1.3em;
              color: #333233;
              font-family: "Comfortaa-Regular";
              -webkit-transition: all 0.5s ease 0s;
              -moz-transition: all 0.5s ease 0s;
              -o-transition: all 0.5s ease 0s;
              transition: all 0.5s ease 0s; }
              @media only screen and (max-width: 640px) {
                .module-carousel_produit .blocs .bloc > .a > .bloc-cont .bloc-text .bloc-titre {
                  font-size: 1.5em; } }
            .module-carousel_produit .blocs .bloc > .a > .bloc-cont .bloc-text .produit-prix .price {
              font-size: 1.5em; }
              @media only screen and (max-width: 640px) {
                .module-carousel_produit .blocs .bloc > .a > .bloc-cont .bloc-text .produit-prix .price {
                  font-size: 1.6em; } }
            .module-carousel_produit .blocs .bloc > .a > .bloc-cont .bloc-text .bloc-soustitre {
              text-align: center;
              font-style: italic;
              font-size: 1.4em; }
            .module-carousel_produit .blocs .bloc > .a > .bloc-cont .bloc-text .bloc-contenu p {
              text-align: center; }
        .module-carousel_produit .blocs .bloc > .a:hover > .bloc-cont .bloc-text .bloc-titre {
          color: #de8a99; }
        .module-carousel_produit .blocs .bloc > .a:hover > .bloc-cont .bloc-visuel:before {
          opacity: 1; }
      .module-carousel_produit .blocs .bloc.heurisko-bloc-add button {
        width: 100%;
        display: block; }

.module-produitassocie {
  font-size: 10px;
  padding: 2rem 0; }
  .module-produitassocie .module-titre-produit {
    margin-bottom: 0; }
  .module-produitassocie .blocs {
    position: relative;
    text-align: center; }
    .module-produitassocie .blocs .bloc {
      margin: 0;
      padding: 0;
      list-style: none; }
    .module-produitassocie .blocs .slick-list {
      min-width: 100%; }
    .module-produitassocie .blocs .slick-track {
      height: 100%;
      display: flex;
      flex-wrap: wrap; }
    .module-produitassocie .blocs .slick-next {
      width: 43px;
      height: 22px;
      right: -50px; }
      @media only screen and (max-width: 640px) {
        .module-produitassocie .blocs .slick-next {
          width: 30px;
          right: -15px; } }
      .module-produitassocie .blocs .slick-next:before {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background: url("../img/fleche-droite.png") center center no-repeat;
        background-size: contain; }
      .module-produitassocie .blocs .slick-next.slick-disabled:before {
        display: none; }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-produitassocie .blocs .slick-next {
          right: 0; } }
    .module-produitassocie .blocs .slick-prev {
      width: 43px;
      height: 22px;
      left: -50px; }
      @media only screen and (max-width: 640px) {
        .module-produitassocie .blocs .slick-prev {
          width: 30px;
          left: -15px; } }
      .module-produitassocie .blocs .slick-prev:before {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background: url("../img/fleche-gauche.png") center center no-repeat;
        background-size: contain; }
      .module-produitassocie .blocs .slick-prev.slick-disabled:before {
        display: none; }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-produitassocie .blocs .slick-prev {
          left: 0; } }
    .module-produitassocie .blocs .bloc {
      display: inline-block;
      width: 20%;
      position: relative;
      -moz-box-sizing: border-box;
      /* Firefox */
      box-sizing: border-box; }
      @media only screen and (max-width: 640px) {
        .module-produitassocie .blocs .bloc {
          width: 50%; } }
      .module-produitassocie .blocs .bloc > .a {
        display: block;
        text-decoration: none;
        height: 100%;
        z-index: 2;
        color: #333233;
        -moz-box-sizing: border-box;
        /* Firefox */
        box-sizing: border-box; }
        .module-produitassocie .blocs .bloc > .a > .bloc-cont {
          display: block;
          height: 100%;
          -moz-box-sizing: border-box;
          /* Firefox */
          box-sizing: border-box; }
          .module-produitassocie .blocs .bloc > .a > .bloc-cont .bloc-visuel {
            display: block;
            padding: 5%;
            margin: 12%;
            position: relative; }
            .module-produitassocie .blocs .bloc > .a > .bloc-cont .bloc-visuel img {
              max-width: 100%;
              -moz-border-radius: 50%;
              -webkit-border-radius: 50%;
              border-radius: 50%; }
            .module-produitassocie .blocs .bloc > .a > .bloc-cont .bloc-visuel:before {
              content: '';
              display: block;
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0%;
              left: 0%;
              background: url("../img/cercle-hover-large.png") top center no-repeat;
              background-size: contain;
              opacity: 0;
              -webkit-transition: all 0.5s ease 0s;
              -moz-transition: all 0.5s ease 0s;
              -o-transition: all 0.5s ease 0s;
              transition: all 0.5s ease 0s; }
        .module-produitassocie .blocs .bloc > .a:hover > .bloc-cont .bloc-text .bloc-titre {
          color: #de8a99; }
        .module-produitassocie .blocs .bloc > .a:hover > .bloc-cont .bloc-visuel:before {
          opacity: 1; }
      .module-produitassocie .blocs .bloc:first-child:before {
        content: '';
        display: block;
        width: 136px;
        height: 120px;
        background: url("../img/carroussel-haut-rose.png") center center no-repeat;
        position: absolute;
        top: -9px;
        left: -18px; }
        @media only screen and (max-width: 640px) {
          .module-produitassocie .blocs .bloc:first-child:before {
            display: none; } }
      .module-produitassocie .blocs .bloc:last-child:after {
        z-index: 0;
        content: '';
        display: block;
        width: 136px;
        height: 120px;
        background: url("../img/carroussel-bas-rose.png") center center no-repeat;
        position: absolute;
        bottom: -9px;
        right: -18px; }
        @media only screen and (max-width: 640px) {
          .module-produitassocie .blocs .bloc:last-child:after {
            display: none; } }

.produit-univers-douceur .module-produitassocie .css_mce h2, .produit-univers-douceur .module-produitassocie .css_mce .h2 {
  color: #f6a64f; }
.produit-univers-douceur .module-produitassocie .blocs .bloc > .a > .bloc-cont .bloc-visuel:before {
  background-image: url("../img/cercle-hover-orange.png"); }
.produit-univers-douceur .module-produitassocie .blocs .bloc:first-child:before {
  background-image: url("../img/carroussel-haut-orange.png"); }
.produit-univers-douceur .module-produitassocie .blocs .bloc:last-child:after {
  background-image: url("../img/carroussel-bas-orange.png"); }

.produit-univers-amitie .module-produitassocie .css_mce h2, .produit-univers-amitie .module-produitassocie .css_mce .h2 {
  color: #162e4b; }
.produit-univers-amitie .module-produitassocie .blocs .bloc > .a > .bloc-cont .bloc-visuel:before {
  background-image: url("../img/cercle-hover-bleu-fonce.png"); }
.produit-univers-amitie .module-produitassocie .blocs .bloc:first-child:before {
  background-image: url("../img/carroussel-haut-bleu-fonce.png"); }
.produit-univers-amitie .module-produitassocie .blocs .bloc:last-child:after {
  background-image: url("../img/carroussel-bas-bleu-fonce.png"); }

.produit-univers-imagination .module-produitassocie .css_mce h2, .produit-univers-imagination .module-produitassocie .css_mce .h2 {
  color: #72a4cf; }
.produit-univers-imagination .module-produitassocie .blocs .bloc > .a > .bloc-cont .bloc-visuel:before {
  background-image: url("../img/cercle-hover-bleu.png"); }
.produit-univers-imagination .module-produitassocie .blocs .bloc:first-child:before {
  background-image: url("../img/carroussel-haut-bleu.png"); }
.produit-univers-imagination .module-produitassocie .blocs .bloc:last-child:after {
  background-image: url("../img/carroussel-bas-bleu.png"); }

.produit-univers-joie .module-produitassocie .css_mce h2, .produit-univers-joie .module-produitassocie .css_mce .h2 {
  color: #b24a5c; }
.produit-univers-joie .module-produitassocie .blocs .bloc > .a > .bloc-cont .bloc-visuel:before {
  background-image: url("../img/cercle-hover-rouge.png"); }
.produit-univers-joie .module-produitassocie .blocs .bloc:first-child:before {
  background-image: url("../img/carroussel-haut-rouge.png"); }
.produit-univers-joie .module-produitassocie .blocs .bloc:last-child:after {
  background-image: url("../img/carroussel-bas-rouge.png"); }

.produit-univers-decouverte .module-produitassocie .css_mce h2, .produit-univers-decouverte .module-produitassocie .css_mce .h2 {
  color: #03aec7; }
.produit-univers-decouverte .module-produitassocie .blocs .bloc > .a > .bloc-cont .bloc-visuel:before {
  background-image: url("../img/cercle-hover-bleu-clair.png"); }
.produit-univers-decouverte .module-produitassocie .blocs .bloc:first-child:before {
  background-image: url("../img/carroussel-haut-bleu-clair.png"); }
.produit-univers-decouverte .module-produitassocie .blocs .bloc:last-child:after {
  background-image: url("../img/carroussel-bas-bleu-clair.png"); }

.produit-univers-bio .module-produitassocie .css_mce h2, .produit-univers-bio .module-produitassocie .css_mce .h2 {
  color: #50b497; }
.produit-univers-bio .module-produitassocie .blocs .bloc > .a > .bloc-cont .bloc-visuel:before {
  background-image: url("../img/cercle-hover-vert.png"); }
.produit-univers-bio .module-produitassocie .blocs .bloc:first-child:before {
  background-image: url("../img/carroussel-haut-vert.png"); }
.produit-univers-bio .module-produitassocie .blocs .bloc:last-child:after {
  background-image: url("../img/carroussel-bas-vert.png"); }

.module-blocspresse {
  font-size: 10px;
  padding: 2rem 0; }
  .module-blocspresse .css_mce .h1 {
    text-align: center; }
  .module-blocspresse .css_mce .h2 {
    text-align: center; }
  .module-blocspresse .css_mce p {
    text-align: center; }
  .module-blocspresse .presse-filters {
    margin-top: 2rem;
    text-align: center; }
    .module-blocspresse .presse-filters button {
      text-transform: uppercase;
      display: inline-block;
      color: #333233;
      font-family: "Comfortaa-Bold";
      font-size: 1.8em;
      border: none;
      background: transparent;
      vertical-align: middle;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
      .module-blocspresse .presse-filters button:hover, .module-blocspresse .presse-filters button.selected {
        color: #162e4b; }
      .module-blocspresse .presse-filters button:focus {
        outline: none; }
    .module-blocspresse .presse-filters .spacer {
      display: inline-block;
      margin: 0 5px; }
      .module-blocspresse .presse-filters .spacer:after {
        content: '\f111';
        font-family: "Font Awesome 5 Free";
        font-size: 0.5em;
        font-weight: bold; }
  .module-blocspresse .blocs {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap; }
    .module-blocspresse .blocs .bloc {
      margin: 0;
      padding: 0;
      list-style: none; }
    .module-blocspresse .blocs .bloc {
      padding: 1rem;
      width: 33.33%;
      -moz-box-sizing: border-box;
      /* Firefox */
      box-sizing: border-box; }
      @media only screen and (max-width: 640px) {
        .module-blocspresse .blocs .bloc {
          width: 100%; } }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-blocspresse .blocs .bloc {
          width: 50%; } }
      .module-blocspresse .blocs .bloc > .a {
        display: block;
        text-decoration: none;
        align-self: stretch;
        color: #333233;
        -moz-box-sizing: border-box;
        /* Firefox */
        box-sizing: border-box; }
        .module-blocspresse .blocs .bloc > .a .bloc-visuel {
          display: block;
          margin-bottom: 1rem;
          overflow: hidden; }
          .module-blocspresse .blocs .bloc > .a .bloc-visuel img {
            max-width: 100%;
            -webkit-transition: all 0.5s ease 0s;
            -moz-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s; }
        .module-blocspresse .blocs .bloc > .a .contenu {
          border-top: 1px dotted #162e4b;
          text-align: center;
          padding-top: 1rem; }
          .module-blocspresse .blocs .bloc > .a .contenu p {
            font-size: 1.4em; }
          .module-blocspresse .blocs .bloc > .a .contenu > div {
            margin-bottom: 1rem; }
          .module-blocspresse .blocs .bloc > .a .contenu span.date {
            display: inline-block;
            margin: 0 5px;
            color: #162e4b;
            font-size: 1.2em;
            font-family: "Comfortaa-Regular"; }
          .module-blocspresse .blocs .bloc > .a .contenu span.categorie {
            display: inline-block;
            padding: 3px 10px;
            margin: 0 5px;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            background-color: #162e4b;
            color: #ffffff;
            font-size: 1.2em;
            font-family: "Comfortaa-Regular"; }
        .module-blocspresse .blocs .bloc > .a .bloc-titre {
          font-family: "Comfortaa-Bold";
          font-size: 2.2em;
          display: block; }
        .module-blocspresse .blocs .bloc > .a:hover .bloc-titre {
          color: #162e4b; }
        .module-blocspresse .blocs .bloc > .a:hover .bloc-visuel img {
          -webkit-transform: scale(1.1);
          /* Safari et Chrome */
          -moz-transform: scale(1.1);
          /* Firefox */
          -ms-transform: scale(1.1);
          /* Internet Explorer 9 */
          -o-transform: scale(1.1);
          /* Opera */
          transform: scale(1.1); }
      .module-blocspresse .blocs .bloc.heurisko-bloc-add button {
        width: 100%;
        display: block; }

.module-triptyque {
  font-size: 10px;
  padding: 2rem 0; }
  .module-triptyque .css_mce .h1 {
    text-align: center;
    font-family: "BeccaPerry-script";
    font-size: 4em;
    line-height: 2em;
    color: #162e4b; }
    .module-triptyque .css_mce .h1:before, .module-triptyque .css_mce .h1:after {
      content: '';
      display: inline-block;
      margin: 0 20px;
      width: 10px;
      height: 10px;
      background-color: #f8cfd6;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
    @media only screen and (max-width: 640px) {
      .module-triptyque .css_mce .h1 {
        font-size: 3.4em;
        line-height: 1.2em; }
        .module-triptyque .css_mce .h1:before {
          margin: 0 10px 0 0; }
        .module-triptyque .css_mce .h1:after {
          margin: 0 0px 0 10px; } }
  .module-triptyque .css_mce .h2 {
    text-align: center; }
  .module-triptyque .css_mce p {
    text-align: center; }
  .module-triptyque .blocs {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0; }
    .module-triptyque .blocs, .module-triptyque .blocs .bloc {
      margin: 0;
      padding: 0;
      list-style: none; }
    .module-triptyque .blocs .bloc {
      padding: 1rem;
      width: 33.33%;
      display: flex;
      -moz-box-sizing: border-box;
      /* Firefox */
      box-sizing: border-box; }
      @media only screen and (max-width: 640px) {
        .module-triptyque .blocs .bloc {
          width: 100%; } }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-triptyque .blocs .bloc {
          width: 50%; } }
      .module-triptyque .blocs .bloc > .a {
        display: flex;
        text-decoration: none;
        height: 100%;
        -moz-box-sizing: border-box;
        /* Firefox */
        box-sizing: border-box;
        color: #333233; }
        .module-triptyque .blocs .bloc > .a:hover > .bloc-cont .bloc-visuel:after {
          opacity: 1; }
        .module-triptyque .blocs .bloc > .a > .bloc-cont {
          display: flex;
          height: 100%;
          -moz-box-sizing: border-box;
          /* Firefox */
          box-sizing: border-box;
          flex-direction: column; }
          .module-triptyque .blocs .bloc > .a > .bloc-cont .bloc-visuel {
            width: 75%;
            padding: 2.5%;
            margin: 0 auto 1rem;
            overflow: hidden;
            position: relative; }
            .module-triptyque .blocs .bloc > .a > .bloc-cont .bloc-visuel:after {
              content: '';
              display: block;
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0%;
              left: 0%;
              background: url("../img/cercle-hover-bleu-fonce.png") top center no-repeat;
              background-size: contain;
              opacity: 0;
              -webkit-transition: all 0.5s ease 0s;
              -moz-transition: all 0.5s ease 0s;
              -o-transition: all 0.5s ease 0s;
              transition: all 0.5s ease 0s; }
            .module-triptyque .blocs .bloc > .a > .bloc-cont .bloc-visuel img {
              -moz-border-radius: 50%;
              -webkit-border-radius: 50%;
              border-radius: 50%;
              max-width: 100%;
              display: block;
              -webkit-transition: all 0.5s ease 0s;
              -moz-transition: all 0.5s ease 0s;
              -o-transition: all 0.5s ease 0s;
              transition: all 0.5s ease 0s; }
          .module-triptyque .blocs .bloc > .a > .bloc-cont .bloc-text {
            flex: 1;
            padding: 1rem;
            text-align: center; }
            .module-triptyque .blocs .bloc > .a > .bloc-cont .bloc-text .bloc-titre {
              font-family: "Comfortaa-Regular";
              margin-bottom: 1rem;
              color: #333233;
              font-size: 2.2em;
              text-align: center; }
              @media only screen and (max-width: 640px) {
                .module-triptyque .blocs .bloc > .a > .bloc-cont .bloc-text .bloc-titre {
                  font-size: 2em; } }
            .module-triptyque .blocs .bloc > .a > .bloc-cont .bloc-text .bloc-soustitre {
              color: inherit;
              font-style: italic;
              font-size: 1.2em;
              margin: 0 0 20px; }
            .module-triptyque .blocs .bloc > .a > .bloc-cont .bloc-text .bloc-contenu p {
              text-align: center;
              font-size: 1.4em;
              color: #333233; }
      .module-triptyque .blocs .bloc.heurisko-bloc-add button {
        width: 100%;
        display: block; }

.module-newsletter {
  background: #162e4b;
  padding: 4rem 0;
  font-size: 10px; }
  .module-newsletter .ctn-formulaire {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .module-newsletter .ctn-formulaire {
        flex-direction: column; } }
    .module-newsletter .ctn-formulaire h3 {
      color: #ffffff;
      font-family: "BeccaPerry-script";
      font-size: 5.5em;
      line-height: 1em;
      margin: 0 6rem;
      text-align: center; }
      @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-newsletter .ctn-formulaire h3 {
          font-size: 6em;
          margin: 0;
          text-align: center; } }
      .module-newsletter .ctn-formulaire h3:after {
        display: block;
        margin: 0 auto;
        content: '';
        width: 250px;
        height: 50px;
        background: url("../img/newsletter-star.png") center center no-repeat; }

.formulaire.newsletter {
  flex: 1;
  padding: 0 5em; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    .formulaire.newsletter {
      margin-top: 2rem;
      padding: 0; } }
  .formulaire.newsletter .soustitre {
    font-family: "Comfortaa-Bold";
    color: #FFFFFF;
    font-size: 2.4em;
    display: block;
    margin-bottom: 2rem;
    text-align: center;
    position: relative; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .formulaire.newsletter .soustitre {
        font-size: 1.4em;
        text-align: center; } }
  .formulaire.newsletter p {
    font-size: 1.2em;
    color: #FFFFFF;
    margin: 0; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .formulaire.newsletter p {
        text-align: center; } }
  .formulaire.newsletter .ctn-line-input {
    width: 400px;
    margin: 0 auto;
    background: #ffffff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    border: 2px solid #ffffff;
    margin-bottom: 2rem; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .formulaire.newsletter .ctn-line-input {
        width: 100%; } }
    .formulaire.newsletter .ctn-line-input .line-input {
      flex: 1;
      display: flex;
      align-items: center; }
      .formulaire.newsletter .ctn-line-input .line-input .form-group {
        width: 100%;
        margin: 0; }
      .formulaire.newsletter .ctn-line-input .line-input input {
        background: transparent;
        width: 100%;
        border: none;
        padding: 0 2rem; }
    .formulaire.newsletter .ctn-line-input .line-input-submit {
      margin: 0; }
      .formulaire.newsletter .ctn-line-input .line-input-submit button {
        background: #f8cfd6;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        margin: 0; }
        .formulaire.newsletter .ctn-line-input .line-input-submit button:hover {
          background: #de8a99; }

.module-texteproduit, .module-textedetails {
  padding: 2rem 0;
  font-size: 10px; }

.module-videoproduit {
  padding: 2rem 0;
  font-size: 10px; }

.module-slider {
  font-size: 10px;
  width: 100%;
  overflow: hidden; }
  @media only screen and (min-width: 641px) and (max-width: 1023px), only screen and (max-width: 640px) {
    .module-slider .container {
      padding: 0; } }
  .module-slider.heurisko-module-back .heurisko-toolbar {
    display: block; }
    .module-slider.heurisko-module-back .heurisko-toolbar .heurisko-toolbar-line {
      position: relative;
      top: auto;
      right: auto; }
  .module-slider.heurisko-module-back .heurisko-toolbar-bloc {
    position: relative; }
    .module-slider.heurisko-module-back .heurisko-toolbar-bloc .heurisko-toolbar-line {
      width: 100%;
      text-align: center; }
  .module-slider .css_mce .h1 {
    text-align: center; }
  .module-slider .css_mce .h2 {
    text-align: center; }
  .module-slider .css_mce p {
    text-align: center; }
  .module-slider .blocs {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 100%; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .module-slider .blocs {
        height: auto; } }
    .module-slider .blocs, .module-slider .blocs .bloc {
      margin: 0;
      padding: 0;
      list-style: none; }
    .module-slider .blocs .slick-list {
      width: 100%;
      max-width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative; }
    .module-slider .blocs .slick-track {
      height: 100%; }
    .module-slider .blocs .slick-next {
      right: -30px !important; }
      .module-slider .blocs .slick-next:before {
        color: #333233; }
    .module-slider .blocs .slick-prev {
      left: -30px !important;
      z-index: 1; }
      .module-slider .blocs .slick-prev:before {
        color: #333233; }
    .module-slider .blocs .slick-dots {
      position: static;
      bottom: initial;
      padding: 1rem 0; }
      .module-slider .blocs .slick-dots li {
        width: 15px;
        height: 15px; }
        .module-slider .blocs .slick-dots li button {
          width: 100%;
          height: 100%;
          padding: 0;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          border: 1px solid #333233;
          background: #ffffff;
          -webkit-transition: all 0.5s ease 0s;
          -moz-transition: all 0.5s ease 0s;
          -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s; }
          .module-slider .blocs .slick-dots li button:before {
            display: none; }
        .module-slider .blocs .slick-dots li.slick-active button {
          background: #333233; }
    .module-slider .blocs .bloc {
      width: 100%;
      height: 530px;
      position: relative; }
      @media only screen and (max-width: 640px) {
        .module-slider .blocs .bloc {
          height: auto; } }
      .module-slider .blocs .bloc.custom-slide-active .slide-content {
        left: calc(50% - 175px); }
        @media only screen and (max-width: 640px) {
          .module-slider .blocs .bloc.custom-slide-active .slide-content {
            right: initial;
            left: initial; } }
        .module-slider .blocs .bloc.custom-slide-active .slide-content.sliderdroite {
          left: initial;
          right: 54px; }
          @media only screen and (max-width: 640px) {
            .module-slider .blocs .bloc.custom-slide-active .slide-content.sliderdroite {
              right: initial;
              left: initial; } }
        .module-slider .blocs .bloc.custom-slide-active .slide-content.slidergauche {
          right: initial;
          left: 64px; }
          @media only screen and (max-width: 640px) {
            .module-slider .blocs .bloc.custom-slide-active .slide-content.slidergauche {
              right: initial;
              left: initial; } }
      .module-slider .blocs .bloc.custom-slide-active .bloc-text {
        opacity: 1; }
        .module-slider .blocs .bloc.custom-slide-active .bloc-text .bloc-contenu, .module-slider .blocs .bloc.custom-slide-active .bloc-text .bloc-titre, .module-slider .blocs .bloc.custom-slide-active .bloc-text .bloc-bouton {
          opacity: 1; }
      .module-slider .blocs .bloc > .a {
        display: block;
        text-decoration: none;
        height: 100%;
        width: 100%;
        -moz-box-sizing: border-box;
        /* Firefox */
        box-sizing: border-box;
        color: #333233; }
        .module-slider .blocs .bloc > .a > .bloc-cont {
          height: 100%;
          -moz-box-sizing: border-box;
          /* Firefox */
          box-sizing: border-box;
          position: relative;
          display: flex; }
          @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
            .module-slider .blocs .bloc > .a > .bloc-cont {
              flex-direction: column; } }
      .module-slider .blocs .bloc .bloc-visuel {
        flex: 1; }
        .module-slider .blocs .bloc .bloc-visuel img {
          width: 100%;
          object-fit: cover;
          height: 100%; }
      .module-slider .blocs .bloc .slide-content {
        position: absolute;
        top: 0;
        left: calc(50% - 185px);
        -webkit-transition: all 1s ease-in-out 0s;
        -moz-transition: all 1s ease-in-out 0s;
        -o-transition: all 1s ease-in-out 0s;
        transition: all 1s ease-in-out 0s;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
        .module-slider .blocs .bloc .slide-content.slidergauche {
          right: initial;
          left: 54px; }
        .module-slider .blocs .bloc .slide-content.sliderdroite {
          left: initial;
          right: 54px; }
        @media only screen and (max-width: 640px) {
          .module-slider .blocs .bloc .slide-content {
            align-items: flex-end;
            padding: 20px;
            top: 0;
            left: 0;
            right: initial;
            width: 100%; } }
      .module-slider .blocs .bloc .bloc-text {
        width: 350px;
        height: 350px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background: rgba(255, 255, 255, 0.77);
        opacity: 0;
        -webkit-transition: all 1s ease-in-out 0.25s;
        -moz-transition: all 1s ease-in-out 0.25s;
        -o-transition: all 1s ease-in-out 0.25s;
        transition: all 1s ease-in-out 0.25s; }
        @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
          .module-slider .blocs .bloc .bloc-text {
            height: auto;
            padding: 20px; } }
        @media only screen and (max-width: 640px) {
          .module-slider .blocs .bloc .bloc-text {
            width: 100%; } }
        .module-slider .blocs .bloc .bloc-text .bloc-titre {
          font-family: "BeccaPerry-script";
          width: 100%;
          text-align: center;
          font-size: 4em;
          line-height: 2em;
          margin: 0;
          margin-bottom: 10px;
          color: #2c6c88;
          -webkit-transition: all 0.5s ease-in-out 1.5s;
          -moz-transition: all 0.5s ease-in-out 1.5s;
          -o-transition: all 0.5s ease-in-out 1.5s;
          transition: all 0.5s ease-in-out 1.5s;
          opacity: 0; }
          .module-slider .blocs .bloc .bloc-text .bloc-titre:after {
            display: none; }
          @media only screen and (max-width: 640px) {
            .module-slider .blocs .bloc .bloc-text .bloc-titre {
              font-size: 3.4em;
              line-height: 1em; } }
        .module-slider .blocs .bloc .bloc-text .bloc-contenu {
          width: 100%;
          text-align: center;
          font-family: "Comfortaa-Regular";
          font-size: 1em;
          line-height: 2.4em;
          color: #8c9697;
          padding: 0 20px;
          -webkit-transition: all 1s ease-in-out 2.5s;
          -moz-transition: all 1s ease-in-out 2.5s;
          -o-transition: all 1s ease-in-out 2.5s;
          transition: all 1s ease-in-out 2.5s;
          opacity: 0; }
          @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
            .module-slider .blocs .bloc .bloc-text .bloc-contenu {
              display: none; } }
        .module-slider .blocs .bloc .bloc-text .bloc-bouton {
          -webkit-transition: all 0.5s ease-in-out 1.5s;
          -moz-transition: all 0.5s ease-in-out 1.5s;
          -o-transition: all 0.5s ease-in-out 1.5s;
          transition: all 0.5s ease-in-out 1.5s;
          opacity: 0; }
          @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
            .module-slider .blocs .bloc .bloc-text .bloc-bouton {
              margin-top: 0; } }
          .module-slider .blocs .bloc .bloc-text .bloc-bouton span {
            font-size: 1.6em;
            background-color: #2c6c88;
            color: #ffffff;
            font-family: "Comfortaa-Bold";
            text-transform: uppercase;
            display: inline-block;
            padding: 5px 10px;
            margin: 10px auto 0;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            -webkit-transition: background 0.5s ease 0s;
            -moz-transition: background 0.5s ease 0s;
            -o-transition: background 0.5s ease 0s;
            transition: background 0.5s ease 0s; }
            .module-slider .blocs .bloc .bloc-text .bloc-bouton span:hover {
              background: #162e4b; }
            @media only screen and (max-width: 640px) {
              .module-slider .blocs .bloc .bloc-text .bloc-bouton span {
                font-size: 1.4em; } }
      .module-slider .blocs .bloc.heurisko-bloc-add {
        width: 100%;
        display: block; }
        .module-slider .blocs .bloc.heurisko-bloc-add button {
          width: 100%;
          display: block; }
      .module-slider .blocs .bloc.univer-amitie > .a > .bloc-cont .slide-content .bloc-text .bloc-titre {
        color: #162e4b; }
      .module-slider .blocs .bloc.univer-amitie > .a > .bloc-cont .slide-content .bloc-text .bloc-bouton span {
        background-color: #162e4b; }
        .module-slider .blocs .bloc.univer-amitie > .a > .bloc-cont .slide-content .bloc-text .bloc-bouton span:hover {
          background: #04366e; }
      .module-slider .blocs .bloc.univer-imagination > .a > .bloc-cont .slide-content .bloc-text .bloc-titre {
        color: #72a4cf; }
      .module-slider .blocs .bloc.univer-imagination > .a > .bloc-cont .slide-content .bloc-text .bloc-bouton span {
        background-color: #72a4cf; }
        .module-slider .blocs .bloc.univer-imagination > .a > .bloc-cont .slide-content .bloc-text .bloc-bouton span:hover {
          background: #46759e; }
      .module-slider .blocs .bloc.univer-joie > .a > .bloc-cont .slide-content .bloc-text .bloc-titre {
        color: #b24a5c; }
      .module-slider .blocs .bloc.univer-joie > .a > .bloc-cont .slide-content .bloc-text .bloc-bouton span {
        background-color: #b24a5c; }
        .module-slider .blocs .bloc.univer-joie > .a > .bloc-cont .slide-content .bloc-text .bloc-bouton span:hover {
          background: #872d3d; }
      .module-slider .blocs .bloc.univer-decouverte > .a > .bloc-cont .slide-content .bloc-text .bloc-titre {
        color: #03aec7; }
      .module-slider .blocs .bloc.univer-decouverte > .a > .bloc-cont .slide-content .bloc-text .bloc-bouton span {
        background-color: #03aec7; }
        .module-slider .blocs .bloc.univer-decouverte > .a > .bloc-cont .slide-content .bloc-text .bloc-bouton span:hover {
          background: #108b9e; }
      .module-slider .blocs .bloc.univer-douceur > .a > .bloc-cont .slide-content .bloc-text .bloc-titre {
        color: #f6a64f; }
      .module-slider .blocs .bloc.univer-douceur > .a > .bloc-cont .slide-content .bloc-text .bloc-bouton span {
        background-color: #f6a64f; }
        .module-slider .blocs .bloc.univer-douceur > .a > .bloc-cont .slide-content .bloc-text .bloc-bouton span:hover {
          background: #db7d1f; }
      .module-slider .blocs .bloc.univer-bio > .a > .bloc-cont .slide-content .bloc-text .bloc-titre {
        color: #50b497; }
      .module-slider .blocs .bloc.univer-bio > .a > .bloc-cont .slide-content .bloc-text .bloc-bouton span {
        background-color: #50b497; }
        .module-slider .blocs .bloc.univer-bio > .a > .bloc-cont .slide-content .bloc-text .bloc-bouton span:hover {
          background: #50b497; }

.page-homepage .module-slider .container {
  padding-top: 30px; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    .page-homepage .module-slider .container {
      padding: 0; } }

.module-menuancre {
  font-size: 10px;
  margin: 2rem 0 2rem; }
  @media only screen and (max-width: 640px) {
    .module-menuancre {
      display: none; } }
  .module-menuancre ul {
    padding: 1rem 0;
    border-bottom: 1px solid #333233;
    margin: 0;
    display: flex;
    justify-content: center; }
    .module-menuancre ul li {
      list-style: none;
      padding: 0 2rem;
      border-left: 1px solid #333233;
      position: relative; }
      .module-menuancre ul li:first-child {
        border: none;
        padding-left: 0; }
  .module-menuancre a {
    color: #333233;
    font-size: 1.6em;
    padding: 0 0.5em; }
    .module-menuancre a:hover {
      color: #f6a64f;
      text-decoration: none; }

.module-blocs {
  font-size: 10px;
  margin: 4em 0; }
  .module-blocs .blocs .bloc {
    padding: 1em 0; }
  .module-blocs .blocs .bloc-cont {
    display: flex; }
    @media only screen and (max-width: 640px) {
      .module-blocs .blocs .bloc-cont {
        flex-direction: column;
        align-items: center; } }
    .module-blocs .blocs .bloc-cont .bloc-visuel {
      width: 250px;
      text-align: center; }
    .module-blocs .blocs .bloc-cont .bloc-text {
      flex: 1; }
    .module-blocs .blocs .bloc-cont .bloc-titre {
      font-family: "BeccaPerry-script";
      font-size: 3em;
      color: #333233; }

.module-texteimagealterne .bloc:nth-child(even) .visuel {
  order: 2; }
.module-texteimagealterne .bloc:nth-child(even) .css_mce h3:after {
  background-image: url("../img/trait-primaire-bas.png");
  top: initial;
  right: initial;
  bottom: -15px;
  left: -40px; }
.module-texteimagealterne .bloc:nth-child(even).univer-amitie .css_mce h3:after {
  background-image: url("../img/trait-amitie-bas.png"); }
.module-texteimagealterne .bloc:nth-child(even).univer-imagination .css_mce h3:after {
  background-image: url("../img/trait-imagination-bas.png"); }
.module-texteimagealterne .bloc:nth-child(even).univer-joie .css_mce h3:after {
  background-image: url("../img/trait-joie-bas.png"); }
.module-texteimagealterne .bloc:nth-child(even).univer-decouverte .css_mce h3:after {
  background-image: url("../img/trait-decouverte-bas.png"); }
.module-texteimagealterne .bloc:nth-child(even).univer-douceur .css_mce h3:after {
  background-image: url("../img/trait-douceur-bas.png"); }
.module-texteimagealterne .bloc:nth-child(even).univer-bio .css_mce h3:after {
  background-image: url("../img/trait-bio-bas.png"); }

.module-texteimage, .module-texteimagealterne {
  font-size: 10px; }
  .module-texteimage .css_mce h2, .module-texteimagealterne .css_mce h2 {
    margin-bottom: 0; }
  .module-texteimage .bloc, .module-texteimagealterne .bloc {
    display: flex;
    position: relative;
    align-items: center;
    margin: 6rem 0;
    padding: 4rem 0; }
    .module-texteimage .bloc:before, .module-texteimagealterne .bloc:before {
      content: '';
      position: absolute;
      top: -20px;
      left: -100px;
      max-width: 730px;
      width: 100%;
      height: 40px;
      background: url("../img/separateur-neutre.png") center center no-repeat;
      background-size: contain; }
      @media only screen and (min-width: 641px) and (max-width: 1023px), only screen and (max-width: 640px) {
        .module-texteimage .bloc:before, .module-texteimagealterne .bloc:before {
          max-width: 60%;
          left: 0px; } }
    .module-texteimage .bloc:after, .module-texteimagealterne .bloc:after {
      content: '';
      position: absolute;
      bottom: -20px;
      right: -100px;
      max-width: 730px;
      width: 100%;
      height: 40px;
      background: url("../img/separateur-neutre-after.png") center center no-repeat;
      background-size: contain; }
      @media only screen and (min-width: 641px) and (max-width: 1023px), only screen and (max-width: 640px) {
        .module-texteimage .bloc:after, .module-texteimagealterne .bloc:after {
          max-width: 60%;
          right: 0px; } }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .module-texteimage .bloc, .module-texteimagealterne .bloc {
        flex-direction: column; } }
    .module-texteimage .bloc .contenu, .module-texteimagealterne .bloc .contenu {
      flex: 1;
      padding: 0 0 0 3rem; }
      .module-texteimage .bloc .contenu .module-titre, .module-texteimagealterne .bloc .contenu .module-titre {
        text-align: center; }
      @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-texteimage .bloc .contenu, .module-texteimagealterne .bloc .contenu {
          padding: 2rem;
          flex: initial;
          width: 100%; } }
    .module-texteimage .bloc .visuel, .module-texteimagealterne .bloc .visuel {
      max-width: 50%;
      align-self: stretch;
      padding: 0 4rem; }
      @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-texteimage .bloc .visuel, .module-texteimagealterne .bloc .visuel {
          max-width: initial;
          width: 100%; }
          .module-texteimage .bloc .visuel img, .module-texteimagealterne .bloc .visuel img {
            margin: 0 auto; } }
      .module-texteimage .bloc .visuel img, .module-texteimagealterne .bloc .visuel img {
        display: block;
        max-width: 100%;
        object-fit: cover; }
      .module-texteimage .bloc .visuel .legende, .module-texteimagealterne .bloc .visuel .legende {
        padding: 1rem;
        font-size: 1.2em;
        text-align: center;
        font-family: "Comfortaa-Regular"; }
    @media only screen and (max-width: 640px) {
      .module-texteimage .bloc .visuel, .module-texteimagealterne .bloc .visuel {
        order: 2; }
      .module-texteimage .bloc .contenu, .module-texteimagealterne .bloc .contenu {
        order: 1; } }
    .module-texteimage .bloc.univer-amitie:before, .module-texteimagealterne .bloc.univer-amitie:before {
      background-image: url("../img/separateur-bleu-fonce.png"); }
    .module-texteimage .bloc.univer-amitie:after, .module-texteimagealterne .bloc.univer-amitie:after {
      background-image: url("../img/separateur-bleu-fonce-after.png"); }
    .module-texteimage .bloc.univer-imagination:before, .module-texteimagealterne .bloc.univer-imagination:before {
      background-image: url("../img/separateur-bleu.png"); }
    .module-texteimage .bloc.univer-imagination:after, .module-texteimagealterne .bloc.univer-imagination:after {
      background-image: url("../img/separateur-bleu-after.png"); }
    .module-texteimage .bloc.univer-joie:before, .module-texteimagealterne .bloc.univer-joie:before {
      background-image: url("../img/separateur-rouge.png"); }
    .module-texteimage .bloc.univer-joie:after, .module-texteimagealterne .bloc.univer-joie:after {
      background-image: url("../img/separateur-rouge-after.png"); }
    .module-texteimage .bloc.univer-decouverte:before, .module-texteimagealterne .bloc.univer-decouverte:before {
      background-image: url("../img/separateur-bleu-clair.png"); }
    .module-texteimage .bloc.univer-decouverte:after, .module-texteimagealterne .bloc.univer-decouverte:after {
      background-image: url("../img/separateur-bleu-clair-after.png"); }
    .module-texteimage .bloc.univer-douceur:before, .module-texteimagealterne .bloc.univer-douceur:before {
      background-image: url("../img/separateur-orange.png"); }
    .module-texteimage .bloc.univer-douceur:after, .module-texteimagealterne .bloc.univer-douceur:after {
      background-image: url("../img/separateur-orange-after.png"); }
    .module-texteimage .bloc.univer-bio:before, .module-texteimagealterne .bloc.univer-bio:before {
      background-image: url("../img/separateur-vert.png"); }
    .module-texteimage .bloc.univer-bio:after, .module-texteimagealterne .bloc.univer-bio:after {
      background-image: url("../img/separateur-vert-after.png"); }
  .module-texteimage.sans-separateur .bloc, .module-texteimagealterne.sans-separateur .bloc {
    margin: 0;
    padding: 4rem 0; }
    .module-texteimage.sans-separateur .bloc:before, .module-texteimagealterne.sans-separateur .bloc:before {
      display: none; }
    .module-texteimage.sans-separateur .bloc:after, .module-texteimagealterne.sans-separateur .bloc:after {
      display: none; }

.module-texteimage.imagedroite .bloc .visuel {
  order: 2; }
.module-texteimage.imagedroite .bloc.univer-amitie .css_mce h3:after {
  background-image: url("../img/trait-amitie-bas.png"); }
.module-texteimage.imagedroite .bloc.univer-imagination .css_mce h3:after {
  background-image: url("../img/trait-imagination-bas.png"); }
.module-texteimage.imagedroite .bloc.univer-joie .css_mce h3:after {
  background-image: url("../img/trait-joie-bas.png"); }
.module-texteimage.imagedroite .bloc.univer-decouverte .css_mce h3:after {
  background-image: url("../img/trait-decouverte-bas.png"); }
.module-texteimage.imagedroite .bloc.univer-douceur .css_mce h3:after {
  background-image: url("../img/trait-douceur-bas.png"); }
.module-texteimage.imagedroite .bloc.univer-bio .css_mce h3:after {
  background-image: url("../img/trait-bio-bas.png"); }
.module-texteimage.imagedroite .css_mce h3:after {
  background-image: url("../img/trait-primaire-bas.png");
  top: initial;
  right: initial;
  bottom: -15px;
  left: -40px; }

.module-blockquote {
  font-size: 10px;
  margin-bottom: 6em; }
  .module-blockquote .module-titre {
    margin-bottom: 6em; }
    @media only screen and (max-width: 640px) {
      .module-blockquote .module-titre {
        margin-bottom: 3em; } }
  .module-blockquote .bloc {
    background: #8baebe; }
    @media only screen and (max-width: 640px) {
      .module-blockquote .bloc {
        background: transparent !important; } }
    @media only screen and (max-width: 640px) {
      .module-blockquote .bloc .container {
        padding: 0 5px; } }
    .module-blockquote .bloc .visuel {
      max-width: 400px;
      padding: 4em; }
      @media only screen and (max-width: 640px) {
        .module-blockquote .bloc .visuel {
          max-width: initial;
          width: 100%;
          padding: 0 3rem; } }
      .module-blockquote .bloc .visuel img {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        max-width: 100%; }
        @media only screen and (max-width: 640px) {
          .module-blockquote .bloc .visuel img {
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0; } }
    .module-blockquote .bloc .contenu {
      flex: 1;
      padding: 2em;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center; }
      @media only screen and (max-width: 640px) {
        .module-blockquote .bloc .contenu {
          margin: 0 auto;
          width: 80%; } }
      .module-blockquote .bloc .contenu:before {
        content: '';
        width: 75px;
        height: 71px;
        background: url("../img/blocquote-start-neutre.png") center center no-repeat;
        position: absolute;
        top: -45px;
        left: -33px;
        background-size: contain; }
        @media only screen and (max-width: 640px) {
          .module-blockquote .bloc .contenu:before {
            width: 38px;
            height: 36px;
            top: 20px; } }
      .module-blockquote .bloc .contenu:after {
        content: '';
        width: 75px;
        height: 71px;
        background: url("../img/blocquote-end-neutre.png") center center no-repeat;
        position: absolute;
        bottom: -41px;
        right: -20px;
        background-size: contain; }
        @media only screen and (max-width: 640px) {
          .module-blockquote .bloc .contenu:after {
            width: 38px;
            height: 36px;
            bottom: 20px; } }
      .module-blockquote .bloc .contenu .module-soustitre {
        font-family: "BeccaPerry-script"; }
        .module-blockquote .bloc .contenu .module-soustitre h3 {
          color: #FFFFFF;
          font-size: 3em; }
          .module-blockquote .bloc .contenu .module-soustitre h3:before {
            display: none; }
          .module-blockquote .bloc .contenu .module-soustitre h3:after {
            display: none; }
          @media only screen and (max-width: 640px) {
            .module-blockquote .bloc .contenu .module-soustitre h3 {
              color: #333233; } }
      .module-blockquote .bloc .contenu ol > li, .module-blockquote .bloc .contenu ul > li, .module-blockquote .bloc .contenu p, .module-blockquote .bloc .contenu td, .module-blockquote .bloc .contenu th {
        color: #FFFFFF; }
        @media only screen and (max-width: 640px) {
          .module-blockquote .bloc .contenu ol > li, .module-blockquote .bloc .contenu ul > li, .module-blockquote .bloc .contenu p, .module-blockquote .bloc .contenu td, .module-blockquote .bloc .contenu th {
            color: #333233; } }
    .module-blockquote .bloc.univer-amitie {
      background: #7f8c9c; }
      .module-blockquote .bloc.univer-amitie .contenu:before {
        background-image: url("../img/blocquote-start-bleu-fonce.png"); }
      .module-blockquote .bloc.univer-amitie .contenu:after {
        background-image: url("../img/blocquote-end-bleu-fonce.png"); }
    .module-blockquote .bloc.univer-imagination {
      background: #b2cde5; }
      .module-blockquote .bloc.univer-imagination .contenu:before {
        background-image: url("../img/blocquote-start-bleu.png"); }
      .module-blockquote .bloc.univer-imagination .contenu:after {
        background-image: url("../img/blocquote-end-bleu.png"); }
    .module-blockquote .bloc.univer-joie {
      background: #d59ca6; }
      .module-blockquote .bloc.univer-joie .contenu:before {
        background-image: url("../img/blocquote-start-rouge.png"); }
      .module-blockquote .bloc.univer-joie .contenu:after {
        background-image: url("../img/blocquote-end-rouge.png"); }
    .module-blockquote .bloc.univer-decouverte {
      background: #75d3e0; }
      .module-blockquote .bloc.univer-decouverte .contenu:before {
        background-image: url("../img/blocquote-start-bleu-clair.png"); }
      .module-blockquote .bloc.univer-decouverte .contenu:after {
        background-image: url("../img/blocquote-end-bleu-clair.png"); }
    .module-blockquote .bloc.univer-douceur {
      background: #face9e; }
      .module-blockquote .bloc.univer-douceur .contenu:before {
        background-image: url("../img/blocquote-start-orange.png"); }
      .module-blockquote .bloc.univer-douceur .contenu:after {
        background-image: url("../img/blocquote-end-orange.png"); }
    .module-blockquote .bloc.univer-bio {
      background: #9fd6c6; }
      .module-blockquote .bloc.univer-bio .contenu:before {
        background-image: url("../img/blocquote-start-vert.png"); }
      .module-blockquote .bloc.univer-bio .contenu:after {
        background-image: url("../img/blocquote-end-vert.png"); }
  .module-blockquote .flexme {
    display: flex; }
    @media only screen and (min-width: 641px) and (max-width: 1023px) {
      .module-blockquote .flexme {
        padding: 0 1.5em;
        align-items: center; } }
    @media only screen and (max-width: 640px) {
      .module-blockquote .flexme {
        flex-direction: column;
        justify-content: center; } }

.module-categorie_produit {
  font-size: 10px;
  padding: 3rem 0; }
  @media only screen and (max-width: 640px) {
    .module-categorie_produit {
      padding: 0 0 0.5rem; } }
  .module-categorie_produit .container {
    position: relative; }
    @media only screen and (max-width: 640px) {
      .module-categorie_produit .container {
        padding: 0; }
        .module-categorie_produit .container > .mod-button {
          display: none; } }
  .module-categorie_produit .contenu-mod {
    width: 880px;
    margin: 0 auto;
    min-height: 230px; }
    @media only screen and (max-width: 640px) {
      .module-categorie_produit .contenu-mod {
        width: 100%;
        min-height: auto; } }
    @media only screen and (min-width: 641px) and (max-width: 1023px) {
      .module-categorie_produit .contenu-mod {
        width: 580px; } }
    .module-categorie_produit .contenu-mod .mod-button {
      display: none; }
      @media only screen and (max-width: 640px) {
        .module-categorie_produit .contenu-mod .mod-button {
          margin-top: 1rem;
          display: block; }
          .module-categorie_produit .contenu-mod .mod-button .cta {
            text-transform: none; } }
    @media only screen and (max-width: 640px) {
      .module-categorie_produit .contenu-mod {
        z-index: 10;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0 20px;
        align-items: center;
        justify-content: center;
        flex-direction: column; } }
    .module-categorie_produit .contenu-mod h2 {
      margin: 0;
      padding: 0;
      font-size: 6em;
      color: #333233;
      font-family: "Comfortaa-Light";
      font-weight: normal;
      line-height: 0.8em; }
      .module-categorie_produit .contenu-mod h2 strong {
        font-weight: normal;
        color: #FFFFFF; }
        @media only screen and (max-width: 640px) {
          .module-categorie_produit .contenu-mod h2 strong {
            color: #333233; } }
      @media only screen and (max-width: 640px) {
        .module-categorie_produit .contenu-mod h2 {
          font-size: 4em;
          display: none; } }
    .module-categorie_produit .contenu-mod .soustitre {
      padding-left: 70px;
      display: block;
      font-family: "BeccaPerry-script";
      font-size: 4.4em;
      line-height: 1em;
      margin-top: 5px; }
      @media only screen and (max-width: 640px) {
        .module-categorie_produit .contenu-mod .soustitre {
          padding: 10px;
          font-size: 2.8em;
          background: rgba(255, 255, 255, 0.85); } }
    .module-categorie_produit .contenu-mod.douceur {
      background: url("../img/bulles-jaunes.png") top left no-repeat;
      background-size: contain;
      padding-left: 152px;
      padding-top: 88px; }
      @media only screen and (max-width: 640px) {
        .module-categorie_produit .contenu-mod.douceur {
          background: transparent;
          padding: 0; } }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-categorie_produit .contenu-mod.douceur {
          padding-left: 73px;
          padding-top: 60px; } }
      .module-categorie_produit .contenu-mod.douceur .soustitre {
        color: #f6a64f; }
    .module-categorie_produit .contenu-mod.bio {
      background: url("../img/bulles-vert.png") top left no-repeat;
      background-size: contain;
      padding-left: 152px;
      padding-top: 88px; }
      .module-categorie_produit .contenu-mod.bio .soustitre {
        color: #50b497; }
      @media only screen and (max-width: 640px) {
        .module-categorie_produit .contenu-mod.bio {
          background: transparent;
          padding: 0; } }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-categorie_produit .contenu-mod.bio {
          padding-left: 70px;
          padding-top: 43px; } }
    .module-categorie_produit .contenu-mod.decouverte {
      background: url("../img/bulles-cyan.png") top left no-repeat;
      background-size: contain;
      padding-left: 163px;
      padding-top: 80px; }
      .module-categorie_produit .contenu-mod.decouverte .soustitre {
        color: #03aec7; }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-categorie_produit .contenu-mod.decouverte {
          padding-left: 109px;
          padding-top: 43px; } }
      @media only screen and (max-width: 640px) {
        .module-categorie_produit .contenu-mod.decouverte {
          background: transparent;
          padding: 0; } }
    .module-categorie_produit .contenu-mod.joie {
      background: url("../img/bulles-rouges.png") top left no-repeat;
      background-size: contain;
      padding-left: 177px;
      padding-top: 93px; }
      .module-categorie_produit .contenu-mod.joie .soustitre {
        color: #b24a5c; }
      @media only screen and (max-width: 640px) {
        .module-categorie_produit .contenu-mod.joie {
          background: transparent;
          padding: 0; } }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-categorie_produit .contenu-mod.joie {
          padding-left: 98px;
          padding-top: 56px; } }
    .module-categorie_produit .contenu-mod.imagination {
      background: url("../img/bulles-bleu-gris.png") top left no-repeat;
      background-size: contain;
      padding-left: 125px;
      padding-top: 88px; }
      .module-categorie_produit .contenu-mod.imagination .soustitre {
        color: #72a4cf; }
      @media only screen and (max-width: 640px) {
        .module-categorie_produit .contenu-mod.imagination {
          background: transparent;
          padding: 0; } }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-categorie_produit .contenu-mod.imagination {
          padding-left: 75px;
          padding-top: 56px; } }
    .module-categorie_produit .contenu-mod.amitie {
      background: url("../img/Bulles-bleu-fonce.png") top left no-repeat;
      background-size: contain;
      padding-left: 139px;
      padding-top: 88px; }
      .module-categorie_produit .contenu-mod.amitie .soustitre {
        color: #162e4b; }
      @media only screen and (max-width: 640px) {
        .module-categorie_produit .contenu-mod.amitie {
          background: transparent;
          padding: 0; } }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-categorie_produit .contenu-mod.amitie {
          padding-left: 58px;
          padding-top: 66px; } }
  .module-categorie_produit .mod-button {
    margin-top: 2rem;
    text-align: center; }
  .module-categorie_produit .mod-blocs {
    margin-top: 2rem;
    display: flex; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .module-categorie_produit .mod-blocs {
        flex-direction: column; } }
    @media only screen and (max-width: 640px) {
      .module-categorie_produit .mod-blocs {
        margin: 0; } }
    .module-categorie_produit .mod-blocs .mod-visuel {
      width: 50%; }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-categorie_produit .mod-blocs .mod-visuel {
          width: 100%;
          padding: 0 4em;
          margin-bottom: 4em; } }
      @media only screen and (max-width: 640px) {
        .module-categorie_produit .mod-blocs .mod-visuel {
          width: 100%;
          padding: 0; } }
      .module-categorie_produit .mod-blocs .mod-visuel img {
        display: block;
        max-width: 100%;
        margin: 0 auto; }
    .module-categorie_produit .mod-blocs .blocs {
      flex: 1; }
      @media only screen and (max-width: 640px) {
        .module-categorie_produit .mod-blocs .blocs {
          display: none; } }
  .module-categorie_produit.imagedroite .mod-blocs .bloc-visuel {
    order: 2; }
  .module-categorie_produit .blocs {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px; }
    @media only screen and (max-width: 640px) {
      .module-categorie_produit .blocs {
        padding: 0; } }
  .module-categorie_produit .bloc {
    width: 33.3333%;
    position: relative;
    padding: 0 20px 10px; }
    @media only screen and (max-width: 640px) {
      .module-categorie_produit .bloc {
        width: 100%;
        padding: 0 0px 10px; } }
    .module-categorie_produit .bloc.format13 {
      width: 33.3333%; }
      @media only screen and (max-width: 640px) {
        .module-categorie_produit .bloc.format13 {
          width: 100%; } }
    .module-categorie_produit .bloc.format12 {
      width: 50%; }
      @media only screen and (max-width: 640px) {
        .module-categorie_produit .bloc.format12 {
          width: 100%; } }
    .module-categorie_produit .bloc.format1 {
      width: 100%; }
    .module-categorie_produit .bloc a:hover {
      text-decoration: none; }
    .module-categorie_produit .bloc .a {
      text-align: center;
      display: block; }
    .module-categorie_produit .bloc .bloc-visuel {
      margin-bottom: 0.5em; }
      .module-categorie_produit .bloc .bloc-visuel img {
        display: block;
        max-width: 100%; }
    .module-categorie_produit .bloc .bloc-titre {
      margin: 0;
      text-align: center;
      font-size: 1.3em;
      color: #333233;
      font-family: "Comfortaa-Regular";
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
    .module-categorie_produit .bloc .produit-prix .price {
      font-size: 1.5em; }

.module-bandeau {
  font-size: 10px;
  padding: 0;
  background: #fff; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    .module-bandeau .container {
      padding: 0 !important; } }
  .module-bandeau.heurisko-module-back .heurisko-toolbar {
    display: block; }
    .module-bandeau.heurisko-module-back .heurisko-toolbar .heurisko-toolbar-line {
      position: relative;
      top: auto;
      right: auto; }
  .module-bandeau .bloc {
    width: 100%;
    height: 530px;
    -moz-box-sizing: border-box;
    /* Firefox */
    box-sizing: border-box;
    position: relative; }
    @media only screen and (max-width: 640px) {
      .module-bandeau .bloc {
        height: 300px; } }
    .module-bandeau .bloc .bloc-visuel {
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 100%;
      height: 100%; }
      .module-bandeau .bloc .bloc-visuel img {
        width: 100%;
        object-fit: cover;
        height: 100%; }
    .module-bandeau .bloc .bloc-video {
      z-index: 4;
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 100%;
      height: 100%; }
      .module-bandeau .bloc .bloc-video video {
        width: 100%;
        object-fit: cover;
        object-position: center;
        height: 100%; }
    .module-bandeau .bloc .slide-content {
      height: 100%;
      width: 100%;
      position: relative;
      z-index: 98;
      display: flex;
      justify-content: center;
      align-items: center; }
      .module-bandeau .bloc .slide-content .bloc-text {
        display: block;
        background-color: rgba(0, 0, 0, 0.38);
        padding: 20px;
        width: 100%;
        max-width: 980px;
        text-align: left; }
        .module-bandeau .bloc .slide-content .bloc-text h3 {
          color: #FFFFFF;
          font-size: 3em;
          font-weight: normal; }
        .module-bandeau .bloc .slide-content .bloc-text p {
          font-size: 1.6em; }

.module-recherche {
  font-size: 10px;
  padding: 1rem 0 2rem; }
  @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
    .module-recherche {
      display: none; } }
  .module-recherche .container {
    display: flex;
    padding-right: 100px; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .module-recherche .container {
        flex-direction: column;
        padding: 0; } }
  .module-recherche .title {
    padding: 10px 30px;
    text-align: center;
    position: relative;
    width: 200px; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .module-recherche .title {
        width: 100%; } }
    .module-recherche .title p {
      margin: 0;
      font-family: "BeccaPerry-script";
      color: #b24a5c;
      font-size: 2.4em;
      position: absolute;
      bottom: 30px;
      right: 30px;
      transform: rotate(-10deg); }
      @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-recherche .title p {
          position: relative;
          bottom: initial;
          right: initial;
          font-size: 3em;
          transform: rotate(0deg); } }
      .module-recherche .title p:after {
        position: absolute;
        bottom: -40px;
        right: 0;
        content: '';
        display: block;
        width: 41px;
        height: 41px;
        background: url("../img/arrow-module-recherche.png") center center no-repeat;
        background-size: contain;
        transform: rotate(-20deg); }
        @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
          .module-recherche .title p:after {
            display: none; } }
  .module-recherche .search-cadeau {
    flex: 1;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
      .module-recherche .search-cadeau {
        flex-direction: column;
        padding: 0 2em; } }
    .module-recherche .search-cadeau .selectors {
      flex: 1;
      display: flex;
      align-items: center;
      border: 1px solid #333233;
      background: #FFFFFF;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      z-index: 2; }
      @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-recherche .search-cadeau .selectors {
          width: 100%;
          flex-direction: column;
          -moz-border-radius: 10px 10px 0 0;
          -webkit-border-radius: 10px 10px 0 0;
          border-radius: 10px 10px 0 0; } }
    .module-recherche .search-cadeau .ctn-select {
      flex: 1;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      align-self: stretch;
      padding: 12px 0; }
      .module-recherche .search-cadeau .ctn-select:after {
        content: '';
        width: 1px;
        height: 50%;
        top: 25%;
        right: 0;
        background: #d5d6d6;
        position: absolute; }
      .module-recherche .search-cadeau .ctn-select:last-child:after {
        display: none; }
      .module-recherche .search-cadeau .ctn-select > label {
        display: block;
        line-height: 1em;
        margin: 0;
        text-align: center;
        font-family: "Comfortaa-Bold";
        color: #333233;
        font-size: 1.4em;
        text-transform: uppercase;
        cursor: pointer; }
        .module-recherche .search-cadeau .ctn-select > label:after {
          display: block;
          content: '';
          background: url("../img/toggle-module-recherche.png") center center no-repeat;
          width: 24px;
          height: 24px;
          margin: 5px auto 0; }
      .module-recherche .search-cadeau .ctn-select .my-select {
        background: #fff;
        border: 1px solid #000000;
        border-top: none;
        display: none;
        position: absolute;
        top: 100%;
        left: 2.5;
        width: 95%;
        z-index: 3;
        padding: 10px;
        max-height: 200px;
        overflow: auto; }
        .module-recherche .search-cadeau .ctn-select .my-select.price {
          min-height: 80px; }
          .module-recherche .search-cadeau .ctn-select .my-select.price .slider-custom {
            margin: 20px; }
        .module-recherche .search-cadeau .ctn-select .my-select label {
          cursor: pointer;
          display: block;
          font-family: "Comfortaa-Regular";
          color: #333233;
          font-size: 1.4em;
          margin: 5px; }
      .module-recherche .search-cadeau .ctn-select .grouped-filter .filtre-enfants {
        display: none; }
      @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-recherche .search-cadeau .ctn-select {
          margin: 1rem 0;
          flex-direction: column; }
          .module-recherche .search-cadeau .ctn-select:after {
            display: none; }
          .module-recherche .search-cadeau .ctn-select .my-select {
            border-left: none;
            border-right: none;
            position: static;
            top: initial;
            left: initial;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            border-radius: 0px; } }
    .module-recherche .search-cadeau button {
      background: #216e8a;
      align-self: stretch;
      color: #ffffff;
      font-family: "Comfortaa-Bold";
      padding: 0 20px 0 40px;
      border: none;
      font-size: 1.6em;
      margin-left: -20px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      -webkit-transition: background 0.5s ease 0s;
      -moz-transition: background 0.5s ease 0s;
      -o-transition: background 0.5s ease 0s;
      transition: background 0.5s ease 0s; }
      .module-recherche .search-cadeau button:hover {
        background: #162e4b; }
      @media only screen and (max-width: 640px), only screen and (min-width: 641px) and (max-width: 1023px) {
        .module-recherche .search-cadeau button {
          margin: 0;
          padding: 1rem 0;
          font-size: 1.8em;
          text-transform: uppercase;
          -moz-border-radius: 0 0 10px 10px;
          -webkit-border-radius: 0 0 10px 10px;
          border-radius: 0 0 10px 10px; } }

.module-formcontact {
  font-size: 10px;
  padding: 3rem 0; }
  .module-formcontact .ctn-formulaire {
    margin: 3rem 0; }
    .module-formcontact .ctn-formulaire .formulaire {
      width: 100%; }
    .module-formcontact .ctn-formulaire .contenu {
      flex: 1; }

.catalogue-produits {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0; }
  .catalogue-produits li {
    margin: 0;
    padding: 0;
    list-style: none;
    align-self: stretch;
    width: 33.33333%;
    display: flex; }
    @media only screen and (max-width: 640px) {
      .catalogue-produits li {
        width: 100%; } }

.bloc-produit {
  border: 1px solid #cecece;
  display: block;
  align-self: stretch;
  margin: 0.25rem;
  padding: 0.25rem;
  width: 100%;
  color: #333233; }
  @media only screen and (max-width: 640px) {
    .bloc-produit {
      border: none;
      padding: 0; } }
  .bloc-produit:hover {
    text-decoration: none; }
    .bloc-produit:hover .actions {
      display: block; }
    .bloc-produit:hover .visuel .rollover-custom {
      opacity: 1; }
    .bloc-produit:hover .visuel img {
      -webkit-transform: scale(1.05);
      /* Safari et Chrome */
      -moz-transform: scale(1.05);
      /* Firefox */
      -ms-transform: scale(1.05);
      /* Internet Explorer 9 */
      -o-transform: scale(1.05);
      /* Opera */
      transform: scale(1.05); }
  .bloc-produit .visuel {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden; }
    .bloc-produit .visuel img {
      max-width: 100%;
      display: block;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
    .bloc-produit .visuel .rollover-custom {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: opacity 0.5s ease 0s;
      -moz-transition: opacity 0.5s ease 0s;
      -o-transition: opacity 0.5s ease 0s;
      transition: opacity 0.5s ease 0s;
      background: url("../img/rollovercustom.png") center center no-repeat;
      background-size: contain; }
  .bloc-produit .content {
    text-align: center; }
    .bloc-produit .content .couleurs-dispo {
      margin: 1rem 0;
      padding: 0; }
      .bloc-produit .content .couleurs-dispo li {
        list-style: none;
        display: inline-block;
        padding: 2px;
        width: auto; }
        .bloc-produit .content .couleurs-dispo li a {
          border: 2px solid #f7f7f7;
          display: block;
          width: 25px;
          height: 25px;
          overflow: hidden;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%; }
          .bloc-produit .content .couleurs-dispo li a:hover {
            border-color: #f8cfd6; }
          .bloc-produit .content .couleurs-dispo li a img {
            max-width: 100%;
            display: block; }
    .bloc-produit .content h3, .bloc-produit .content .h3 {
      display: block;
      color: #8b8c8d;
      font-size: 1.6em;
      font-family: "Comfortaa-Regular";
      font-weight: normal; }
      @media only screen and (max-width: 640px) {
        .bloc-produit .content h3, .bloc-produit .content .h3 {
          font-size: 1.2em; } }
    .bloc-produit .content p {
      font-size: 1.4em;
      color: #333233;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; }
  .bloc-produit .produit-prix {
    text-align: center; }
    @media only screen and (max-width: 640px) {
      .bloc-produit .produit-prix .price {
        font-size: 1.5em; } }
  .bloc-produit .actions {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2rem;
    z-index: 3;
    background: rgba(0, 0, 0, 0.75);
    text-align: center; }
    .bloc-produit .actions button {
      margin: 0 auto; }
    @media only screen and (max-width: 640px) {
      .bloc-produit .actions {
        padding: 1rem; }
        .bloc-produit .actions button {
          width: 100%; } }

.module-information {
  font-size: 10px;
  background: #728db8;
  padding: 1rem 0; }
  .module-information .alignement {
    display: flex;
    align-items: center;
    justify-content: center; }
  .module-information .visuel {
    padding-right: 1.5em; }
    @media only screen and (max-width: 640px) {
      .module-information .visuel {
        display: none; } }
  .module-information .css_mce p {
    margin: 0;
    color: #ffffff;
    font-family: "Comfortaa-Regular"; }
    .module-information .css_mce p strong {
      font-weight: normal;
      font-family: "Comfortaa-Bold"; }
    @media only screen and (max-width: 640px) {
      .module-information .css_mce p {
        font-size: 1.2em; } }

/*# sourceMappingURL=site.css.map */