/*
Theme Name: Tohu bohu theme 2022
Description: Tohu bohu WordPress Theme © 2022 La Mine
Author: La Mine
Author URI: http://www.la-mine.com/
Template: storefront
Version: 2.0
*/


 @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;300;400;600;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+39&display=swap');

 @font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  src: url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@100) format('woff');
}



        /* A SUPPR > **/
  
        .return-to-shop {display: none;}

            .numbers {
              font-family: 'Arial', sans-serif;
              font-size: 150px;
              line-height: 1em;
              text-align: center;
              margin: 40px auto;
              overflow: hidden;
            }

                .numbers__window {
      display: inline-block;
      overflow: hidden;
      width: 0.5em;
      height: 1em;
    }

        .numbers__window__digit {
      font: inherit;
      word-break: break-all;
      display: block;
      width: 0;
      padding: 0 0.52em 0 0;
      margin: 0 auto;
      overflow: inherit;
      animation: counting 0.4s steps(10) forwards infinite;
    }

        .numbers__window__digit::before {
      content: attr(data-fake);
      display: inline-block;
      width: 100%;
      height: auto;
    }

        @keyframes counting {
      100% {
        transform: translate3d(0, -10em, 0);
      }
    }

        .numbers__window__digit--1 {
      animation-iteration-count: 3;
    }
    .numbers__window__digit--2 {
      animation-iteration-count: 6;
    }
    .numbers__window__digit--3 {
      animation-iteration-count: 9;
    }
    .numbers__window__digit--4 {
      animation-iteration-count: 12;
    }
    .numbers__window__digit--5 {
      animation-iteration-count: 15;
    }

        /* > A SUPPR **/



/* Correctif 24/09/2024 suite  maj storefront */
.em.em-list .em-item {
    width: 100%;
    display: grid;
    grid-template-columns: 100%!important;
	 align-content: space-between; 
}
.em .em-list, .em.em-list {
    grid-template-columns: 100%!important;
}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

html,body, h1, h2, h3, h4, h5, p {
  font-family: 'Josefin Sans', sans-serif !important;
}

h2 {
  font-size: 35px;
  font-weight: bold;
}

p {margin-bottom: 10px !important; font-size: 1.1em !important; font-weight: normal !important;}

strong {
  font-weight: bold !important;
}

li {
  font-size: 1.1em !important;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {outline-color: transparent;}

/* HEADER */

header.main-header {
  width: 100%;
  position: fixed;
  left: auto;
  z-index: 1000;
  padding: 20px 0;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

header.scuro {
  position: fixed;
  padding: 10px 0;
  background: #F9B142;

}

header.scuro {
  animation: stickAnim .3s;
}

.site-header {
  padding-top: 1em;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
  margin-bottom: 0px;
}
  
@keyframes stickAnim {
  0% {
    transform: translateY(-86px);
  }
  100% {
    transform: translateY(0);
  }
}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
  padding: 1.618em 0.8em;
}

#menu-menu-1 {
  display: flex;
  padding-left: 30px;
  padding-right: 10px;
}

#menu-menu-1 .logo {
  max-height: 68px;
}

#menu-menu-1 .logo img {
  max-height: 50px;
  margin-top: -15px;
}

#site-header-cart {
  margin-top: -15px;
  display: none; /* a remettre */
}

.woocommerce-active .site-header .site-header-cart {
  padding-right: 50px;
}

ul#menu-menu-1 a {
  color: #1E1F1D;
  text-decoration: none;
}

ul#menu-menu-1 a span {
  width: 100%;
  float: none;
  display: block;
}

#menu ul#menu-menu-1 li.menu-item {
  display: inline;
  flex: min-content;
  text-align: center;
  padding-top: 10px;
}
header.scuro #menu ul#menu-menu-1 li.menu-item {
  padding-top: 7px;
}
#menu ul#menu-menu-1 li.menu-item.logo {padding-top: 0;}
#menu ul#menu-menu-1 li.menu-item.logo img {
  max-height: 40px;
}
header.scuro #menu ul#menu-menu-1 li.menu-item.logo img {
  max-height: 30px;
  margin-top: -7px;
}

#menu ul#menu-menu-1 li.menu-item.pictos,
#menu ul#menu-menu-1 li.menu-item.menu-item-195 {
  width: 30px;
  background: #0da;
  flex: inherit;
}

#menu ul#menu-menu-1 li#menu-item-215 img {
  width: 25px;
}

#menu ul#menu-menu-1 li.menu-item {
  position: relative;
  transition-property: padding-top, display;
  transition-duration: .6s;
  padding-top: 0px;
}

#menu ul#menu-menu-1 li.menu-item:hover {
  padding-top: 3px;
}

#header.main-header #menu li.menu-item-has-children ul.sub-menu {
  display: none;
  padding-top: 0px;
  opacity: 0;
  transition-property: opacity, padding-top, display;
  transition-duration: .6s;
}

#header.main-header #menu li.menu-item-has-children:hover ul.sub-menu {
  display: block;
  position: absolute;
  opacity: 1;
  width: 100%;
  padding-top: 10px;
}

#header.main-header #menu li.menu-item-has-children:hover ul.sub-menu  li span {
  padding-top: 7px;
}

/*   .woocommerce-MyAccount-navigation-link span.dashboard_menu-name li{display: inline-block;}
   .woocommerce-MyAccount-navigation-link a {padding: .875em 0; transition: 0.4s;}
   .woocommerce-MyAccount-navigation-link a span.dashboard_menu-name {display: none;}
   .woocommerce-MyAccount-navigation-link.is-active a span.dashboard_menu-name {display: inline-block;}
   .woocommerce-MyAccount-navigation-link a:hover span.dashboard_menu-name {display: inline-block;}*/
.woocommerce-account-fields label.woocommerce-form__label-for-checkbox {
  width: 100%;
}
.woocommerce-account-fields .form-row.create-account.woocommerce-validated{
  background-color: #22AF8C;
  padding: 10px 20px;
  border-radius: 30px;
  color: #fff;
}


#masthead .site-branding,
#masthead .site-search {
  display: none !important;
}

.col-full {
  max-width: 100% !important;
  padding: 0 !important;
}

.btn-3 { padding: 7px 15px; border-width: 2px; border-style: solid; border-radius: 30px; text-decoration: none; display: inline-block; transition: .5s;}
.btn-3:hover{box-shadow: 0px 0px 15px #01010138;}

.redctr, .redbg:hover {border-color: #E8431C;  background: transparent; color: #E8431C;}
.bluectr, .bluebg:hover {border-color: #23398E;  background: transparent; color: #23398E;}
.greenctr, .greenbg:hover {border-color: #22AF8C;  background: transparent; color: #22AF8C;}
.yellowctr, .yellowbg:hover {border-color: #F9B142; background: transparent; color: #F9B142;}

.redbg, .redctr:hover {background: #E8431C; border-color: #E8431C; color: #FFF;}
.bluebg, .bluectr:hover {background: #23398E; border-color: #23398E; color: #FFF;}
.greenbg, .greenctr:hover {background: #22AF8C; border-color: #22AF8C; color: #FFF;}
.yellowbg, .yellowctr:hover {background: #F9B142; border-color: #F9B142; color: #FFF;}

.red-txt {color: #E8431C;}
.blue-txt{color: #23398E;}
.green-txt {color: #22AF8C;}
.yellow-txt {color: #F9B142;}

.titre-page {
  text-align: center;
  margin-bottom: 50px;
}

.titre-page h1 {
  font-size: 35px;
  text-transform: uppercase;
  letter-spacing: 10px;
  margin-bottom: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
}

.titre-page h2 {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
}

.section-footer{
  width: 100%;
  height: 80px;
  text-align: center;

}

#myAccount {
  width: 50%;
  height: 100vh;
  background: #0da;
  position: absolute;
  top: 0;
  right: 0;
}

 /* Style the navbar */
#navbarcoolgang {
  overflow: hidden;
  background: #333;
  background: #F9B142;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}

    .button_coolgang {
      position: relative;
      margin-left: 50%;
      background: #FEE8C8;
      overflow: hidden;
      -webkit-transform: translate(-50%,0);
      -ms-transform: translate(-50%,0);
      transform: translate(-50%,0);
    }
    .button_coolgang:hover{background: #FFF0DD;}
    .button_coolgang .happy {
      width: 45px;
      height: 100%;
      float: left;
      background: #FCCA80;
      position: absolute;
      left: -75px;
      top: 0;
      margin-right: 10px;
      transition : .3s;
    }
    .button_coolgang:hover .happy {
      left: 0;
      top: 0;
      margin-right: 10px;
    }
    .button_coolgang span {padding-left: 0; transition : .3s; display: inline-block;}
    .button_coolgang:hover span {padding-left: 45px;}
    .button_coolgang .happy svg {width: 25px; padding-top: 10px;}
    .button_coolgang .happy svg path {fill: #FEE8C8;}
    .button_coolgang a {transition : .7s;}
    .button_coolgang:hover a {color: #23398E; padding-left: 20px;}
    .button_coolgang a:before {content: '\f054'; font-family: "Font Awesome 5 Free"; font-size: 0.8em; padding-right: 10px; left:-120px; transition : .3s; position: absolute; top: 13px;}
    .button_coolgang:hover a:before {left: 65px;}

.admin-bar #navbarcoolgang {
  top: 32px;
}

/* Navbar links */
/*#navbarcoolgang a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}*/


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

#footer {
  background: #f9b142;
  display: flex;
}
#copyright ul#menu-footer,
ul#menu-socialrez {
  display: flex;
}
ul#menu-socialrez .phone:hover a::before {
  content: '07 67 09 35 94';
  width: auto;
  display: block;
  background: #fff;
  border-radius: 10px;
  padding: 10px 10px 5px 10px;
  color: #23398E;
  height: auto;
  position: absolute;
}
#copyright ul#menu-footer .menu-item,
ul#menu-socialrez .menu-item {
  flex: auto;
}
#copyright ul#menu-footer .menu-item {
  padding-top: 20px;
}
#copyright ul#menu-footer .menu-item a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
#socialrez {
  padding: 50px;
  flex: 1;
}
#copyright {
  padding: 50px;
  flex: 5;
  background: #E8431C;
}

.page-template-default article {
  width: 80%;
  max-width: 1080px;
  margin: 140px auto !important;
}
.page-template-default article p {
  margin: 40px auto;
}

/* ACCUEIL */
/*#slider-home{width: 100%; height: 100vh; background: #Ada;} */
#cest_quoi_tohu_bohu { width: 100%; height: auto; display: inline-table; margin-bottom: 80px; padding-top: 80px;}
#rejoignez-nous { width: 100%; /*height:55vh;*/ padding: 20px; background: lightblue;}
#compteurs {width: 100%; padding: 20px; background: #f6aa86; display: table;}
.cpt-familles {width: 50%; text-align: center; float: left; padding: 40px;}
.cpt-familles h3 {font-size: 35px; font-weight: bold; animation: counter 5s linear infinite alternate;}
.cpt-familles p {font-size: 20px; color: black;}
.coverpic {
  width: 100%;
  min-height: 190px;
  border-radius: 10px;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.btn_customstyle {
  margin: 80px auto 0;
  max-width: 170px;
  text-align: center;
  display: inherit !important;}

.btn-margin20 {
  margin: 20px 0;
}

.title-margintop40 {
  margin-top: 40px;
}
.title-paddingtop40 {
  padding-top: 40px;
}

.bg-contain {
  background-size: contain;
  background-repeat: no-repeat;
}


#actus-home {
  background: #FFF7F3;
  background: #F4F4FB;
  padding: 60px 40px;
  position: relative;
}

#actus-dashboard {
  position: relative;
}

#actus-home-inner,
#actus-dashboard-inner {
max-width: 1220px;
margin: 0 auto;
}
#actus-home .custom-post-content span.date-post {
  font-size: 0.9em;
}

.actu-list li.actu-single .custom-post-content p {
  font-size: 16px !important;
}

.home #container {
  padding-top: 0;
}

.actus-home-title {
  position: absolute;
  top: 50%;
  z-index: 99;
}

.actus-home-title h2,
#actus-dashboard h2 {
  font-size: 35px;
  text-transform: uppercase;
  letter-spacing: 10px;
  margin-bottom: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  color: #23398E;
}

ul.actu-list {
  width: 80%;
  display: flex;
  max-width: 920px;
  margin: 40px 0 40px auto;
}

li.actu-single {
  background: #fff;
  margin: 0 1%;
  height: 430px;
  flex: 1;
  border-radius: 10px;
  transition-property: flex;
  transition-duration: .6s;
  position: relative;
}

li.actu-single:first-child {
  /*flex: 3;*/
}

li.actu-single:hover {
  /*width: 62%;*/
  flex: 3;
}

#actus-home .custom-post-content, #actus-dashboard .custom-post-content {
  padding: 15px 30px 15px 7px;
  width: 100%;
  min-height: 60px;
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(0deg, rgb(94, 94, 94) 0%, rgba(255,255,255,0) 100%);
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.56) 35%, rgb(255, 255, 255) 100%);
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  overflow: hidden;
}

#actus-home .custom-post-content, #actus-dashboard .custom-post-content {
  position: absolute;
  padding: 30% 15px 15px 15px;
  bottom: 0;
  height: 50%;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  transition-property: padding, height;
  transition-duration: .6s;
}

#actus-home li.actu-single:hover .custom-post-content, #actus-dashboard li.actu-single:hover .custom-post-content {
  height: 90%;
  padding: 30% 15px 15px 15px;
}

#actus-home .actu-list .members-access-error {
  position: absolute;
  top: -97%;
  transition-property: top;
  transition-duration: .6s;
}

#actus-home .actu-single:hover .members-access-error {
  top: -23%;
  top: -9%;
}

.actu-list .custom-post-content h3 {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
  line-height: 20px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  color: #23398E;
}
.actu-list .custom-post-content h3 a {
  color: #23398E;
  text-decoration: none;
  font-weight: normal;
}

.actu-list .custom-post-content h4 {
  font-size: .8em;
  margin-bottom: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  color: #23398E;
}

.actu-list .custom-post-content h4 a {
  text-decoration: none;
  color: #23398E;
}

.actu-list li.actu-single .custom-post-content .content-p {
  opacity: 0;
  transition-property: opacity;
  transition-duration: .7s;
}
.actu-list li.actu-single:hover .custom-post-content .content-p {
  opacity: 1;
}

.actu-list li.actu-single .custom-post-content p {
  display: none;
  /*opacity: 0;
  transition-property: opacity;
  transition-duration: .7s;
  transition: opacity cubic-bezier(.55,.09,.68,.53) .7s;*/
}

.actu-list li.actu-single:hover .custom-post-content p {
  display: block;
  opacity: 1;
}

.actu-list a.btn-bottom.bluebg,
.actu-list a.btn-bottom.greenbg {
  width: 100%;
  position: absolute;
  padding: 10px;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-decoration: none;
  bottom: -37.6px;
}

a.btn-bottom.greenbg {
  width: 100%;
  display: inline-block;
  padding: 10px;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.actu-list a.btn-bottom.bluebg:hover {
  background: #9091C7;
}
.actu-list a.btn-bottom.greenbg:hover {
  background: #c0e0d3;
}

.actu-list .custom-post-content p {
  margin-top: 20px;
}

#cest_quoi_tohu_bohu .third-right {
  width: 33%;
  float: right;
}
#cest_quoi_tohu_bohu h2 {
  font-size: 35px;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  color: #23398E;
  line-height: 2;
  text-align: center;
}

#cest_quoi_tohu_bohu h2 .small {
  font-size: 20px;
  letter-spacing: 10px;
  line-height: 1.25;
}

#cest_quoi_tohu_bohu .texte {
  width: 66%;
  float: left;
}

#cest_quoi_tohu_bohu p {
  width: 50%;
  margin: 0 auto;
  padding-top: 40px;
}

#cest_quoi_tohu_bohu .ruban-rouge {
  background: url('img/ruban-rouge.png');
  width: 229px;
  height: 180px;
  display: block;
  background-size: cover;
  background-position: center;
  margin-top: 0px;
  margin-bottom: 50px;
}

.home #rejoignez-nous {
  width: 100%;
  padding: 120px 80px 80px;
  background-color: #fcdfcf !important;
  /* background: url('img/carte-adh-top.png');
  background-size: 30%;
  background-position: left bottom;
  background-repeat: no-repeat; */
  /*margin-top: -200px;*/
}

#rejoignez-nous .content {
  display: flex;
}
.half {
  width: 50%;
  padding: 5%;
}

.half:first-child {
  border-right: 3px dashed #f6aa86;
}

.half h2 {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 40px;
  color: #22AF8C;
}

.half:first-child h2 {
  color: #23398E;
}

.half a {padding: 7px 15px; border-width: 2px; border-style: solid; border-radius: 30px; text-decoration: none; display: inline-block; margin-top: 35px;}

#rejoignez-nous .title-center {
  width: 100%;
  margin-bottom: 20px;
  display: inline-block;
}
#rejoignez-nous .title-center h2 {
  font-size: 35px;
  text-transform: uppercase;
  letter-spacing: 10px;
  margin-bottom: 50px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  color: #23398E;
  text-align: center;
}

#rejoignez-nous .third-left {
  width: 33%;
  float: left;
  position: relative;
}

#rejoignez-nous .twothird-right {
  width: 66%;
  margin-left: 33%;
}

#rejoignez-nous .twothird-right p {
  /* max-width: 66%; */
  margin: 0 auto 10px;
}

#compteurs .cpt-insider {
  max-width: 1200px;
  margin: 0 auto;
}

/* Toutes les actualités */

#actus-home-inner h2.title-actus {
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  text-align: center;
}

ul.actu-list.articles {
  width: 100%;
  display: flex;
  max-width: 920px;
  margin: 40px auto 80px;
}

ul.classic-posts {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px 2%;
  display: grid;
  max-width: 900px;
  margin: 30px auto 0;
}

ul.classic-posts li .content-posts p {
  font-size: 1em !important;
}

ul.classic-posts li .image-header-posts.wp-post-image {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.content-posts {
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.content-posts h2 {padding: 20px 20px 0px 20px;}
.content-posts p {padding: 20px;}
.content-posts h4 {padding: 10px 20px; font-size: .8em;}
.content-posts span {padding: 0 20px; font-size: 0.9em !important;}

.btn-bottom.bluebg {
  width: 100%;
  display: inline-block;
  padding: 10px;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

ul.classic-posts .image-header-posts.wp-post-image {
  height: 190px;
  object-fit: cover;
}


/* COOL GANG */

#commu-entraide {
  display: flex;
  height: auto;
}

#commu-entraide .half-left {
  width: 40%;
  background-size: cover;
  background-position: center center;
}

#commu-entraide .half-right {
  padding: 80px;
  max-width: 1080px;
  margin:0 auto;
}

#commu-entraide .half-right h3,
#ca-veut-dire-quoi .twothird-left h3 {
  font-size: 1.2em !important;
}

.page-id-144 #container {
  padding-top: 90px;
}

#commu-entraide .half-right .titre-page {
  text-align: center;
}

#commu-entraide ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px 3%;
  text-align: center;
}

#commu-entraide ul li img {
  margin: auto;
}

#commu-entraide p {
  padding: 10px 0px;
}

#commu-entraide .half-right .titre-page h2 {
  margin-bottom: .2em;
  line-height: 23px;
}

#commu-entraide ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px 3%;
  margin-bottom: 20px;
}

#commu-entraide blockquote {
  background: #F4F4FB;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#commu-entraide blockquote img.alignnone {
  float: left;
  margin-right: 10px;
}

#ca-veut-dire-quoi {
  padding: 80px;
  background: #22AF8C;
  background: #D1E8DE;
  background: #85C8AF;
  color: #333;
  display: flex;
  text-align: center;
}

#ca-veut-dire-quoi ul {
  display: flex;
}

#ca-veut-dire-quoi .twothird-left {
  flex: 2;
}

#ca-veut-dire-quoi .third-right {
  flex: 1;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
}

#ca-veut-dire-quoi .titre-page {max-width: 80%; margin: 30px auto;}
#ca-veut-dire-quoi p, #ca-veut-dire-quoi ul {padding-right: 30px; padding-right: 5%; max-width: 80%; margin: 0 auto; padding: 10px 0;}
#ca-veut-dire-quoi ul {display: flex; padding-right: inherit;}
#ca-veut-dire-quoi ul li {margin: 5px 25px; text-align: left;list-style: decimal;}
#ca-veut-dire-quoi ul li::marker{color: #fff;}
#comment-je-participe {  
  text-align: center;
  background: #FEE8CB !important;
}
#comment-je-participe .content-participe {padding: 7.5% 10%;}
#comment-je-participe .titre-page {margin-bottom: 2em;}

#comment-je-participe p {
  padding: 10px 0;
}

#comment-je-participe .content-tarifs {
  display: flex;
}
.img-tarifs {
  flex: 2;
  position: relative;
}
.tarif-plein, .tarif-ric-rac {
  flex: 1;
  padding: 40px 40px 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.img-tarifs img {position: absolute; bottom: 0;}

.tarif-plein {
  background: #5860A8;
  margin-right: 4%;
  color: #fff;
}
.tarif-ric-rac {
  background: #F4F4FB;
  margin-right: 15%;
  color: #23398E;
}

.tarif-plein h2 {color: #fff; font-weight: 300; font-size: 2em;}
.tarif-plein h1 {color: #fff; font-weight: 500; font-size: 3em; margin: 15px 0;}
.tarif-ric-rac h2 {color: #23398E; font-weight: 300; font-size: 2em;}
.tarif-ric-rac h1 {color: #23398E; font-weight: 500; font-size: 3em; margin: 15px 0;}
.tarif-plein span {font-size:.5em; font-weight: 300;}

#comment-je-participe .tarif-plein p,
#comment-je-participe .tarif-ric-rac p {
  font-size: 0.9em !important;
  line-height: 1.3em;
}

#comment-je-participe .tarif-plein ul,
#comment-je-participe .tarif-ric-rac ul {
  text-align: left;
}

#comment-je-participe .tarif-plein li,
#comment-je-participe .tarif-ric-rac li {
  font-size: 1em !important;
  padding-top: 1em;
  margin-left: 15px;
}

#comment-je-participe .tarif-plein li:before,
#comment-je-participe .tarif-ric-rac li:before {
  content: '\f058';
  font-family: "Font Awesome 5 Free";
  margin-left: -20px;
  margin-right: 5px;
}

#comment-je-participe .tarif-plein p a,
#comment-je-participe .tarif-ric-rac p a {
  font-size: 1.2em !important;
  margin-top: 1em;
}

.sticky.imin {
  position: fixed;
  margin-top: 20px;
  z-index: 1111;
  width: 100%;
  background: #FDD8A3;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
}

header.scuro .sticky.imin {
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

#temoignage {
  padding: 5%;
}

/* events list style */
.liste-events{
    background: #FFF7F3 !important;
    padding-top: 90px;
    padding-bottom: 20px;
}

.evenement .bt-2 .em-event-book-now.button {
  padding: 0;
}

.evenement .bt-2 .em-event-book-now.button svg {
  transform: rotate(-45deg);
  margin: 6px;
}

.evenement .bt-2 .em-event-book-now.button svg path {fill: #E8431C;}
.evenement .bt-2 .em-event-book-now.button:hover svg path {fill: #F6AA86;width: 30px;height: 30px;}


.em.em-view-container {
  padding: 50px 0;
}

.em .em-list, .em.em-list {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px 3%;
  max-width: 1180px;
  margin: 0 auto;
}

.day {
  width: 100%;
  display: block;
  font-size: xx-large;
  text-align: center;
}
.month {
  width: 100%;
  letter-spacing: 4px;
  display: block;
  font-size: xx-small;
  text-align: center;
  text-transform: uppercase;
  color: #E8431C;
  margin-top: 5px;
}

.evenement {position: relative; border-radius: 10px; padding-bottom: 40px; box-shadow: 0px 0px 15px #d2d2d2; background: #fff; /* width: 31%; min-width: 290px; max-width: 330px; float: left;*/}
.header-event {width: 100%; height: 190px; background-position: center center; background-size: cover; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.header-event img { width: 100%; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.header-event.has-placeholder {background:url("img/red-placeholder.jpg"); background-size: cover; background-position: center center;}
.bt-1 {background: #fff; width: 30px; height: 30px; border-radius: 30px; float: right; margin-right: 20px; margin-top: 20px;}
.bt-2 {background: #fff; width: 30px; height: 30px; border-radius: 30px; float: right; margin-right: 20px; margin-top: 20px; text-align: center;}
.bt-2 .em-icon.em-icon-ticket {
  vertical-align: middle;
}

.content-event {padding: 15px 15px 15px 7px; display: flex;}
.lft-date {width: 20%; padding-right: 7px; float: left; margin-top: 50px;}
.rgt-txt {width: 80%; float: left;}
.rgt-txt p {font-size: 0.9em !important;}
.em.pixelbones a.footer-event {
  width: 100%;
  background-color: #E8431C !important;
  float: none;
  clear: both;
  padding: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-decoration: none;
  color: #fff !important;
  transition: .3s;
}
.em.pixelbones a.footer-event:hover {
  background-color: #F6AA86 !important;
}

.em-item-meta-column {width: 100%; display: inline-block;}

.em-item-meta-column .em-event-when, .em-item-meta-column .em-event-bookings-meta {
  float: left;
  width: 50%;
  margin: 20px 0;
}
.em-event-where, .em-item-taxonomies {
  float: left;
  width: 50%;
  margin: 20px 0;
}

/*.em.pixelbones .rgt-txt h4,*/
.em.pixelbones .rgt-txt ul li {
  margin: 0 !important;
  font-size: 9px !important;
  text-transform: uppercase;
  letter-spacing: 1px !important;
  background: #F6AA86;
  display: inline;
  padding: 5px;
  border-radius: 4px;
}
.em.pixelbones .rgt-txt ul li a {color: #333333 !important;}

.em.pixelbones .rgt-txt h2 {
  margin: 5px 0  !important;
  font-weight: bold;
  font-size: 25px !important;
}
.em.pixelbones .rgt-txt h2 a {
  color: #E8431C !important;
}

.em.pixelbones .rgt-txt p {
  margin: 0;
  color: #6d6d6d;
  font-size: 12px;
  margin-bottom: 15px !important;
}

.temoignages-3 {
  display: flex;
}

.temoignage-single {
  width: 28%;
  margin: 20px 4%;
  text-align: center;
}

.photo-temoin {
  height: 100px;
  width: 100px;
  background-size: cover;
  background-position: center center;
  border-radius: 100%;
  margin: auto;
}

.guilletmets {
  font-size: 40px;
  float: right !important;
  margin-left: -5px;
}
.guilletmets:first-child {
  font-size: 40px;
  float: left !important;
  margin-right: -5px;
}

.temoignage-single h2 {
  margin-top: 20px;
  color: #22AF8C;
}

/* page regroupant tous les évènements - events */
.page-template-page-coolgang .em-events-list ul.event-categories {margin-bottom: 5px !important;}
.page-template-page-coolgang .liste-events .lft-date, .page-template-page-coolgang .em-events-list ul.event-categories .lft-date { /*margin-top: 30%; margin-bottom: 20%;  -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); */}
form.em-booking-form h3.em-booking-section-title {border-width: 0px !important;background: #D2D2EB6E !important;color: #23398E !important;}
body.single-event #container {padding-top: 0px;}
.single-event .entry-header {border-bottom-color: #23398E;}
.single-event .entry-header h1.entry-title {font-size: 2em; color: #23398E;}
.single-event h3 {color: #22AF8C;}
.single-event a.button.input.with-icon-right:before {content: "Réserver"; display: block; float: left;}
.single-event .em-booking-buttons input#em-booking-submit {background-color: #22AF8C !important;color: #fff !important; border: 1px solid #22AF8C !important;}
.single-event .em-booking-buttons input#em-booking-submit:hover {background-color: #fff !important; color: #22AF8C !important;}


.couv-post{
    min-height: 160px !important;
    background: inherit !important;
    background-color: #22AF8C !important;
}

.em-search {
  max-width: 1280px;
  margin: 0 auto !important;
}

.em.em-search form, .em.em-search-advanced form {
  background: #f2f2f2 !important;
  border-radius: 10px;
}
.em.em-search .em-search-main.em-search-main-bar, .em.em-search-advanced .em-search-main.em-search-main-bar {
  border: 0 !important;
}
.em.pixelbones .input button.button-primary {
  background-color: #23398E !important;
  border: #23398E !important;
  border-radius: 5px !important;
}

.em.pixelbones .input button.button-primary:hover {
  background-color: #23398EB3 !important;
  border: #23398EB3 !important;
  border-radius: 5px !important;
}

.em .em-item.em-item-single .em-item-image {
  width: 50%;
  margin: 0 auto;
}

article.type-event .single-post-content-custom {
  padding: 0px 80px 120px;
}

article.type-event .single-post-content-custom .em.em-view-container {
  padding: 0 0 50px;
}

.em .em-item.em-item-single.size-medium .em-item-header .em-item-image img {
  border-bottom: 4px solid #22AF8C;
}

.em.pixelbones a.redbg{
  background: #E8431C;
  background-color: #E8431C !important;
  border-color: #E8431C;
  color: #FFF !important;
}

.em.pixelbones a.redbg:hover {
  border-color: #E8431C !important;
  background: transparent !important;
  color: #E8431C !important;
}

.em.pixelbones a.btn-3.redctr {
  color: #E8431C !important;
}

.em.pixelbones a.btn-3.redctr:hover {
  color: #fff !important;
  background-color: #E8431C !important;
}

article.type-event {
  max-width: 1080px;
  margin: auto;
}

article.type-event .entry-content img.wp-post-image {
  display: none;
}
article.type-event header.entry-header {
  padding: 20px 0;
}

.archive.category .page-title {text-align: center; font-size: 1.5em; margin: 1em;}
.archive.category .entry-header {text-align: center;}
.archive.category .entry-header .entry-title {margin: 10px;}

/* réservation des évènements - events */

.message-non-adh {
  background: #f7f6f7;
  padding: 50px;
  text-align: center;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{
  padding: 2em 2em 2em 3.5em;
}
.woocommerce-message {
  border: 2px solid transparent;
}

.em.pixelbones .woocommerce-message .button.wc-forward {
  margin-bottom: 0px !important;
  margin-top: -5px !important;
  background-color: #22AF8C !important;
  border-color: #22AF8C !important;
  border-width: 2px !important;
  color: #fff !important;
}

.em.pixelbones .woocommerce-message .button.wc-forward:hover {
  background-color: #fff !important;
  border-color: #22AF8C !important;
  color: #22AF8C !important;
  border-width: 2px !important;
}

.em-event-booking-form .woocommerce-message::before {
  content: "\e015";
  color: #22AF8C;
  margin-top: 1em;
}

.woocommerce-notices-wrapper .woocommerce-message::before {
  content: "\f05a";
  color: #23398E;
  margin-top: 15px;
}

.woocommerce a.remove {
  font-size: 2em;
  font-weight: lighter;
  color: #E8431C !important;
  line-height: 0.8em;
}
.woocommerce a.remove:hover {
  background: #E8431C !important;
}

.coupon #coupon_code {
  width: 50% !important;
  background: #FAECD4;
  padding: .618em 1em;
  padding: .65em 1em;
  margin: 0;
  font-weight: 700;
  border: 0px solid transparent;
  line-height: 1;
  font-size: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.actions button.button {
  color: #E8431C !important;
}

.actions button.button:hover {
  color: #fff !important;
}

table.cart td.actions .coupon {
  display: flex;
}
.woocommerce .coupon button.button {
  border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  margin-left: -6px;
  border-color: #F9B142;
  color: #F9B142 !important;
  background: #fff;
}

.woocommerce .coupon button.button:hover{
  background-color: #F9B142;
  color: #fff !important;
  border: 2px solid #F9B142;
} 


.woocommerce-cart-form__cart-item td.product-name a,
.woocommerce-shipping-totals a.shipping-calculator-button {
  color: #213B89;
  text-decoration: none;
}

.woocommerce-shipping-totals #calc_shipping_city,
.woocommerce-shipping-totals #calc_shipping_postcode {
  background: #FAECD4;
  border: none;
  padding: 5px 10px;
}
.cart-discount.coupon-combo-couches-adhesion .woocommerce-Price-amount {
  display: none;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th {
  border-top: 2px solid #FFF8EE;
  padding: 15px 20px;
  background: #FFF2E0;
}

.woocommerce-cart .cart-collaterals .cart_totals tr.recurring-total td,
.woocommerce-cart .cart-collaterals .cart_totals tr.recurring-total th {
  background: transparent;
  padding: 7px 0;
}
.cart_totals .order-total.recurring-total {
  font-size: 1em;
}

.woocommerce-page table.shop_table_responsive tbody .recurring-totals th {
  display: table-header-group;
  border-top: 40px solid transparent;
  font-weight: bold;
  border-bottom: 40px solid transparent;
  background: transparent;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
  top: 2em;
  top: 1em;
  color: #E8431C;
}

.wc-proceed-to-checkout .checkout-button.button.alt.wc-forward {
  background-color: #22AF8C;
  border: 2px solid #22AF8C;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  margin-top: 40px;
  transition: .4s;
}

.wc-proceed-to-checkout .checkout-button.button.alt.wc-forward:hover {
  background-color: #22AF8CAD;
  border-color: #22AF8C00;
  border-left: 10px solid #22AF8C;
}

.woocommerce-checkout .woocommerce-additional-fields {
  padding: 20px;
  background: #fff;
}

.woocommerce-checkout .woocommerce-additional-fields .form-row {margin: 10px 0;}
.woocommerce-checkout .woocommerce-additional-fields .form-row.form-row-wide {padding-top: 20px;}
.woocommerce-checkout .woocommerce-additional-fields input.input-text,
.woocommerce-checkout .woocommerce-additional-fields textarea,
.woocommerce-checkout .woocommerce-additional-fields select {
  background: #fafafa !important;
  padding: 5px 10px !important;
  border-radius: 5px;
}
.woocommerce-checkout .woocommerce-additional-fields select {
  border: 1px solid #000;
}

.woocommerce-checkout .woocommerce-additional-fields #customer_details label {
  margin-bottom: 10px;
}
.woocommerce-checkout .woocommerce-additional-fields h2 {
  font-size: 1.5em;
}

.cart-collaterals {
  display: flex;
  flex-direction: column-reverse;
}

.cart-collaterals .cross-sells,
.cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator {
  width: inherit;
}

.woocommerce-checkout .woocommerce-message a,.woocommerce-checkout .woocommerce-info a,.woocommerce-checkout .woocommerce-error a, .woocommerce-checkout .woocommerce-noreviews a, .woocommerce-checkout p.no-comments a {
  color: #23398E;
}

.woocommerce-billing-fields__field-wrapper input {
  background: #FFFDFA !important;
  border-radius: 3px;
  margin-bottom: 20px;
}
#order_review {background-color: transparent;}
#order_review .shop_table.woocommerce-checkout-review-order-table thead {font-size: 1.2em;}
#order_review .shop_table.woocommerce-checkout-review-order-table thead th {background-color: #FFF8EE;}
#order_review .shop_table.woocommerce-checkout-review-order-table tbody td {background: #FFFDFA !important;}
#order_review .shop_table.woocommerce-checkout-review-order-table tfoot {border-top: 50px solid #FFF8EE;}
#order_review .shop_table.woocommerce-checkout-review-order-table tfoot tr th, #order_review .shop_table.woocommerce-checkout-review-order-table tfoot tr td {border-bottom: 2px solid #6D6D6D;}
#order_review .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total {background: #FAECD4; border-top: 15px solid #FAECD4; border-bottom: 15px solid #FAECD4;}
#order_review .shop_table.woocommerce-checkout-review-order-table tfoot tr * {padding: 10px 5px !important;}
#order_review .shop_table.woocommerce-checkout-review-order-table tfoot th {background: transparent;}
.woocommerce-cart td.product-name dl.variation p {
  margin-top: 0;
}
table.shop_table.woocommerce-checkout-review-order-table dl.variation dd > p {
  margin-top: 3px !important;
}
table.shop_table.woocommerce-checkout-review-order-table dl.variation dt {
  margin-top: 10px !important;
}
.woocommerce-order-received .woocommerce-order-overview {background-color: #fff;}
.order_details::before, .order_details::after {background: -webkit-linear-gradient(transparent 0,transparent 0),-webkit-linear-gradient(135deg,#fff 33.33%,transparent 33.33%),-webkit-linear-gradient(45deg,#fff 33.33%,transparent 33.33%);
  background-size: auto, auto, auto;}
#payment .wc_payment_method.payment_method_woocommerce_payments > label {background: #23398E; color: #fff;}
#payment .payment_methods li .payment_box.payment_method_woocommerce_payments fieldset {margin-top: 20px;}
#payment #card-panel .p-PaymentDetails-group input.Input{background: #FFF8EE;}
#payment .payment_methods > li .payment_box {background-color: #FFFDFA;}
#payment #mailpoet_woocommerce_checkout_optin_field {margin-bottom: 20px !important;}
#payment .woocommerce-terms-and-conditions-wrapper {padding: 30px;margin: 20px 0;background: #fff;border-radius: 5px;box-shadow: 0px 0px 15px #0101010f;}
#payment .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text {margin-bottom: 20px;}

.cart_totals h2 {
  margin-bottom: 1em;
}

.cart_totals .order-total {
  font-size: 1.5em;
}

.order-total td {
  background-color: #FAECD4;
  border-bottom-right-radius: 10px;
}

.order-total th {
  background-color: #FAECD4;
  border-bottom-left-radius: 10px;
}

/* C'est quoi tohubohu ? */

.page-template-page-tohubohu p {
  max-width: 1080px;
  margin: 0 auto;
}
.page-template-page-tohubohu h2 + h3 {
  border: 0px;
}

#nos_partenaires_financiers ul,
#nos_partenaires_operationnels_et_strategiques ul {display: flex; justify-content: space-between;}
#nos_partenaires_financiers ul li,
#nos_partenaires_operationnels_et_strategiques ul li {margin: 20px;}
#nos_partenaires_financiers ul li a:hover,
#nos_partenaires_operationnels_et_strategiques ul li a:hover {opacity: .7;}
#nos_partenaires_financiers ul li a img,
#nos_partenaires_operationnels_et_strategiques ul li a img {margin-top: 0px;transition-property: margin-top;transition-duration: .5s;}
#nos_partenaires_financiers ul li a:hover img,
#nos_partenaires_operationnels_et_strategiques ul li a:hover img {margin-top: -10px;}
#association {
  width: 100%;
  padding: 80px;
}
#nos_valeurs, #notre_etat_desprit, #mais_cest_qui, #je_veux_en_savoir_plus, #nos_partenaires_financiers, #nos_partenaires_operationnels_et_strategiques {
  width: 100%;
  padding: 160px 80px;
}
#mais_cest_qui {background-color: #F4F4FB;}
#nos_valeurs {background-color: #FEE8CB;}
#je_veux_en_savoir_plus {background: #D2D2EB;}
#nos_partenaires_operationnels_et_strategiques {background-color: #fff8ee;}
#nos_valeurs ul, #notre_etat_desprit ul {display: flex;}
#nos_valeurs ul li, #notre_etat_desprit ul li {margin: 20px; text-align: center;background: #fff;box-shadow: 5px 5px 25px #23398e45;padding: 40px;margin: 20px;border-radius: 20px;}
#nos_valeurs ul li strong {margin-bottom: 20px;display: inline-block;}

.presentation-equipe {display: flex;}
.emilie, .laurie {flex: 1; padding: 30px;max-width: 490px; margin: 0 20px 0 auto;}
.laurie {margin: 0 auto 0 20px;}
.emilie img, .laurie img {
  width: 60%;
  margin: 30px auto;
}
.emilie p, .laurie p {
  text-align: center;
}

.emilie li, .laurie li {
  margin-bottom: 20px;
}




/* LES COUCHES LAVABLES */
.page-template-page-coucheslavables #container,
.page-template-page-locationsimple #container {
  padding-top: 0px;
}

#container #content .liste-events {
  padding: 110px 60px 40px;
  padding: 240px 60px 110px 40px;
}

.page-template-page-coucheslavables #intro,
.page-template-page-locationsimple #intro,
.page-template-page-locationlavage #intro {
  background: #FCDFCF;
  padding: 0px 100px 200px 100px;
}

/*.page-template-page-locationlavage #intro {
  padding: 80px 100px 70px 100px;
}*/
.page-template-page-locationsimple #intro .intro-img,
.page-template-page-locationlavage #intro .intro-img {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.page-template-page-coucheslavables #intro p {
  width: 70%;
  margin: 0 auto;
  min-width: 840px;
}

.expl-services {
  display: flex;
  margin-top: -250px;
  margin-bottom: 70px;
}

.loc-simple,
.loc-lavage {
  width: 27.5%;
  background: #fff;
  padding: 50px;
  margin-left: 6.25%;
  margin-right: 6.25%;
  border-radius: 20px;
  text-align: center;
  box-shadow: 0px 0px 20px #0000002e;
  min-width: 420px;
}

.loc-simple{margin-left: 20%; margin-right: 2.5%;}
.loc-lavage {margin-left: 2.5%; margin-right:20%;}

.loc-simple h2::after,
.loc-lavage h2::after {
  content: "";
  border-bottom: 4px solid #23398E;
  display: block;
  width: 20px;
  margin: 20px auto;
}

.loc-simple h2::before{
  /*content: url("img/loca-couches-50.png");*/
  content: "";
  background-image: url("img/location-simple.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  height: 90px;
  width: 75px;
    height: 60px;
    width: 50px;
  margin: 0 auto 10px;
}
.loc-lavage h2::before {
  /*content: url("img/lavage-couches-50.png");*/
  content: "";
  background-image: url("img/location-lavage.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  height: 90px;
  width: 200px;
    height: 60px;
    width: 133px;
  margin: 0 auto 10px;
}

.loc-lavage h2::after {
  border-color: #22AF8C;
}

.loc-simple h2,
.loc-lavage h2 {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 40px;
}
.loc-simple h2{color: #23398E;}
.loc-lavage h2{color: #22AF8C;}

.expl-services p {
  margin-bottom: 30px !important;
}

.squares-couches {
  width: 70%;
  margin: 0 auto;
  max-width: 1040px;
}

#comment-ca-marche,
#quelles-couches,
#cest-quoi,
#pourquoi-louer {
  display: flex;
  text-align: left;
}
.page-template-page-coucheslavables .squares-couches #quelles-couches, .page-template-page-coucheslavables .squares-couches #pourquoi-louer {flex-direction: row-reverse;}
#pourquoi-louer li {
  margin:10px 0;
}

.page-template-page-tohubohu .cest-quoi #association p img.alignleft {
  width: 45%;
  box-shadow: 0px -5px 25px #23398e1f;
}

#aide_a_demarrer {padding: 160px 80px;background-color: #FEE8CB;}

#comment-ca-marche h2,
#quelles-couches h2,
#cest-quoi h2,
#pourquoi-louer h2 {
  text-align: left;
}

.square-lft,
.square-rgt {
  position: relative;
  width: 50%;
}

.half_contact {
  display: flex;
  max-width: 1080px;
  margin: 0 auto;
}

.half_contact p, .half_contact #contact-form-177 {
  flex: 1;
}

.half_contact p {text-align: center;}

#contact-form-177 input {
  width: 100%;
}

.square-lft:after,
.square-rgt:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content-square {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 80px 10px 80px 80px;
}

#quelles-couches .content-square,
#pourquoi-louer .content-square {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 50px 80px 50px 20px;
  padding: 50px 20px;
}

#cest-quoi-le-probleme {
  background: #FCDFCF;
  padding: 180px 100px 250px 100px;
  margin-top: 100px;
  text-align: center;
}

.page-template-page-locationsimple #intro {
  background: #D2D2EB;
}
.page-template-page-locationsimple #intro .insider {
  display: flex;
  max-width: 1280px;
  margin: 0 auto;
}
.page-template-page-locationsimple #intro .titre-page h1{
  text-align: left;
}
.page-template-page-locationsimple .intro-img {
  width: 30%;
  content: "";
  display: block;
}

.page-template-page-locationsimple .intro-content {
  width: 70%;
  text-align: left;
  padding: 100px;
}

.pack-line1,
.pack-line2 {
  display: flex;
}
.desc-pack {
  margin-top: -220px;
}
.desc-pack .titre {
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
}

.pack-line1 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.pack1,
.pack2,
.pack3,
.pack4 {
  width: 27.5%;
  background: #fff;
  padding: 50px 50px 100px 50px;
  margin-left: 6.25%;
  margin-right: 6.25%;
  border-radius: 20px;
  text-align: center;
  box-shadow: 0px 0px 20px #0000002e;
  min-width: 420px;
  position: relative;
}

.pack1 pre,
.pack2 pre,
.pack3 pre,
.pack4 pre {
  white-space: pre-wrap;
}

.pack1, .pack3{margin-left: 20%; margin-right: 2.5%;}
.pack2, .pack4 {margin-left: 2.5%; margin-right:20%;}

.pack1 h1::after,
.pack2 h1::after,
.pack3 h1::after,
.pack4 h1::after {
  content: "";
  border-bottom: 4px solid #23398E;
  display: block;
  width: 20px;
  margin: 20px auto;
}

.pack1 h1::after {
  border-color: #E8431C;
}
.pack3 h1::after {
  border-color: #22af8c;
}
.pack4 h1::after {
  border-color: #f9b142;
}

.pack1 h1,
.pack2 h1,
.pack3 h1,
.pack4 h1 {
  font-size: 20px;
  text-transform: uppercase;
  /*letter-spacing: 5px;*/
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
}

.pack1 h1::before{
  /*content: url("img/loca-couches-50.png");*/
  content: "";
  background-image: url("img/pack1.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 90px;
  width: 75px;
    height: 60px;
    width: 60px;
  margin: 0 auto 10px;
}
.pack2 h1::before {
  content: "";
  background-image: url("img/pack2.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 90px;
  width: 200px;
    height: 60px;
    width: 60px;
  margin: 0 auto 10px;
}
.pack3 h1::before{
  content: "";
  background-image: url("img/pack3.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 90px;
  width: 75px;
    height: 60px;
    width: 60px;
  margin: 0 auto 10px;
}
.pack4 h1::before {
  content: "";
  background-image: url("img/pack4.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 90px;
  width: 200px;
    height: 60px;
    width: 60px;
  margin: 0 auto 10px;
}

.pack1 h2,
.pack2 h2,
.pack3 h2,
.pack4 h2 {
  font-size: 16px;
  font-family: 'Josefin Sans',sans-serif;
  margin-bottom: 30px;
}

.pack1 ul li,
.pack2 ul li,
.pack3 ul li,
.pack4 ul li {
  padding: 10px 0;
  border-bottom: 1px solid #D1DAE0;
}

.pack1 ul li:first-child,
.pack2 ul li:first-child,
.pack3 ul li:first-child,
.pack4 ul li:first-child {
  border-top: 1px solid #D1DAE0;
}

.pack1 h5,
.pack2 h5,
.pack3 h5,
.pack4 h5{
  margin: 30px 0 10px;
  color: #9091C7;
}

.pack1 pre,
.pack2 pre,
.pack3 pre,
.pack4 pre{
  color: #D2D2EB;
  margin-top: 5px;
  background: transparent;
}

.pack1 pre, .pack1 h5 {color: #E8431C; opacity: .6;}
.pack3 pre, .pack3 h5 {color: #22af8c; opacity: .6;}
.pack4 pre, .pack4 h5 {color: #f9b142; opacity: .6;}

.pack1 ul li {border-color:#E8431C;}
.pack3 ul li {border-color:#22af8c;}
.pack4 ul li {border-color:#f9b142;}

.pack1 ul li:first-child {border-color:#E8431C;}
.pack3 ul li:first-child {border-color:#22af8c;}
.pack4 ul li:first-child {border-color:#f9b142;}

.pack1 .button.pack-bottom {background: #E8431C;}
.pack3 .button.pack-bottom {background: #22af8c;}
.pack4 .button.pack-bottom {background: #f9b142;}

.button.pack-bottom {
  width: 100%;
  text-align: center;
  border: 0;
  color: #fff;
  background: #23398e;
  padding: 15px 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  transition-property: padding, color;
  transition-duration: .6s;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50px;
  height: 62px;
  text-decoration: none;
  transition: .3s;
}

.button.pack-bottom:hover{height: 70px;background: #4D57A3;} 

.button.pack-bottom span {
  position: absolute;
  left: 0;
  color: #fff;
  opacity: .65;
  top: 40px;
  top: 36px;
  right: 0;
  font-weight: normal;
  font-style: italic;
  font-size: .9em;
}
.pack1 .content-pack {color: #E8431C;}
.pack2 .content-pack {color: #23398e;}
.pack3 .content-pack {color: #22af8c;}
.pack4 .content-pack {color: #f9b142;}
.content-pack ul:last-child {
  /*color: #9091C7;*/
  opacity: .6;
}

.content-pack ul:last-child li {
  /*border-bottom: 1px solid #9091C7;*/
}
.content-pack ul:last-child li:first-child {
  /*border-top: 1px solid #9091C7;*/
}

.indications {
  font-style: italic;
  color: #23398E;
  width: 100%;
  text-align: center;
  display: block;
  margin-bottom: 30px;
}

.page-template-page-locationsimple #pack-comment-ca-marche {
  display: flex;
}
.page-template-page-locationsimple #pack-comment-ca-marche {
  background: #FCDFCF;
  padding: 250px 100px 180px 100px;
  margin-top: -180px;
}

/* SUB > Location simple */
.ccm-l1, .ccm-l2, .ccm-l3 {
  display: flex;
}
.ccm-bloc1, .ccm-bloc2, .ccm-bloc3, .ccm-bloc4, .ccm-bloc5, .ccm-bloc6, .ccm-bloc7, .ccm-bloc8, .ccm-bloc9 {
  flex: 1;
  text-align: center;
  color: #fff;
  background: #23398E;
  padding: 20px;
  position: relative;
}

.ccm-bloc1 img, .ccm-bloc2 img, .ccm-bloc3 img, .ccm-bloc4 img, .ccm-bloc5 img, .ccm-bloc6 img, .ccm-bloc7 img, .ccm-bloc8 img, .ccm-bloc9 img {
  margin: 0 auto !important;
}

.ccm-bloc2, .ccm-bloc4, .ccm-bloc6, .ccm-bloc8 {background: #F9B142;}

.ccm-bloc1:after,
.ccm-bloc2:after,
.ccm-bloc4:after,
.ccm-bloc5:after,
.ccm-bloc7:after,
.ccm-bloc8:after {
    content:'';
    display: inline-block;
    width:0;
    height:0;
    border:20px solid transparent;
      position: absolute;
    right: -40px;
    top: 50%;
    z-index: 99;
    border-left-color: #23398E;
}

.ccm-bloc2:after,
.ccm-bloc4:after,
.ccm-bloc8:after {
    border-left-color: #F9B142;
}


.number-1-6 {
  border: 2px solid #FFF;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  font-size: 35px;
  width: 50px;
  height: 50px;
  display: block;
  padding-top: 7px;
  margin: 0 auto;
}

.pack-sub_content--l1,
.pack-sub_content--l2,
.pack-sub_content--l3 {
  display: flex;
    width: 80%;
  margin: 0 auto;
  min-width: 850px;
  max-width: 1080px;
}

.pack-sub_content--l1 {
  margin-top: -90px;
}

  #pack-quelle_taille_de_culottes_me_faut-il,
  #pack-quelles_matieres_choisir,
  #pack-mode_d’emploi_des_couches,
  #pack-comment_on_stocke_les_couches_en_attendant_de_les_laver,
  #pack-comment_ca_se_lave_des_couches {
    padding: 80px 100px 80px 100px;
  }

  #pack-quelle_taille_de_culottes_me_faut-il, #pack-quelles_matieres_choisir, #pack-mode_d’emploi_des_couches, #pack-comment_on_stocke_les_couches_en_attendant_de_les_laver, #pack-comment_ca_se_lave_des_couches {
    background: #fff;
    box-shadow: 5px 5px 25px #23398e45;
    padding: 40px;
    margin: 20px;
    border-radius: 20px;
    flex: 1;
  }

.comment_ca_se_lave_des_couches-content p img {margin-top: -23px;}

.quelles_matieres_choisir-content ul,
.comment_on_stocke_les_couches_en_attendant_de_les_laver-content ul {
  margin-bottom: 20px;
}
.quelles_matieres_choisir-content li,
.comment_on_stocke_les_couches_en_attendant_de_les_laver-content li,
.mode_demploi_des_couches-content li  {
  font-size: 1.1em;
  margin-bottom: 10px;
  padding-left: 10px;
  margin-left: 15px;
  list-style: disclosure-closed;
}

/* SUB > Location lavage */

.page-template-page-locationlavage #intro {
  background: #E1F0E9;
/*  display: flex;*/
}

.page-template-page-locationlavage #intro .insider {
  display: flex;
  max-width: 1280px;
  margin: 0 auto;
}


.page-template-page-locationlavage #intro .intro-img {
  width: 30%;
  content: "";
  display: block;
}

.page-template-page-locationlavage #intro .intro-content {
  width: 70%;
  text-align: left;
  padding: 100px;
}
.page-template-page-locationlavage #intro .intro-content .titre-page h1 {
  text-align: left;
}

.page-template-page-locationlavage .comment-ca-marche {
  padding: 100px;
}

.page-template-page-locationlavage .comment-ca-marche ol {
  display: flex;
}
.page-template-page-locationlavage .comment-ca-marche ol li {
  flex: 1;
  padding: 20px;
  text-align: center;
    background: #F9B142;
    box-shadow: 5px 5px 25px #23398e45;
    padding: 40px;
    margin: 20px;
    border-radius: 20px;
    flex: 1;
    position: relative;
    color: #fff;
}

.page-template-page-locationlavage .comment-ca-marche span {
  position: absolute;
  top: -20px;
  background: #fff;
  padding: 6px 13px;
  border-radius: 40px;
  border: 2px solid #F9B142;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
  font-size: 1.5em;
  color: #F9B142;
}
.page-template-page-locationlavage .comment-ca-marche li:first-child span {padding: 6px 15px;}

.comment-ca-marche p > i {
  font-size: 1.2em !important;
  margin: 20px 0 !important;
  display: inline-block !important;
}



.page-template-page-locationlavage #pack-comment-ca-marche {
  padding: 100px 100px 30px;
  margin-top: -320px;
}

.comment-ca-marche ol {
  max-width: 980px;
  margin: 0 auto 20px;
}

.page-template-page-locationlavage #nettoyage {
  background: #E1F0E9;
  padding: 110px 100px 150px 100px;
}

.page-template-page-locationlavage #taille,
.page-template-page-locationlavage #matiere{
  padding: 180px 100px 150px 100px;
}
.page-template-page-locationlavage #matiere {
  background: #D2D2EB75;
}

.page-template-page-locationlavage #nettoyage p {
  max-width: 980px;
  margin: auto;
}

/* SUB > QUIZZZZZZ tout pour mon baby */
.page-template-page-quizz-pack1 #quiz {
  padding: 180px 100px 250px 100px;
  background: #aea;
}

#results {
  padding: 180px 100px 250px 100px;
  background: #aea;
}


/* C'EST QUOI TOHU BOHU */

.page-template-page-cestquoi #lassociation {
  padding: 200px 60px 150px 40px;
  background: #fcdfcf;
}

.page-template-page-cestquoi #nos-valeurs,
.page-template-page-cestquoi #notre_etat_desprit,
.page-template-page-cestquoi #je_veux_en_savoir_plus,
.page-template-page-cestquoi #nos_partenaires_financiers,
.page-template-page-cestquoi #nos_partenaires_operationnels_et_strategiques {
  padding: 200px 60px 150px 40px;
}


/* SINGLE ACTUALITES */

body.single-post #container {
  padding-top: 0;
}

.single-post .entry-header {margin-top: 2em;}

.single-post .entry-header h1.entry-title {
  font-size: 1.5em;
  margin-top: .5em;
}

article.post.format-standard,
article.post.format-aside {
  max-width: 980px;
  margin: 0 auto;
}

article.post.format-standard #comments .acf-comment-fields,
article.post.format-aside #comments .acf-comment-fields {
  display: none;
}

article.post.format-standard #comments #respond, 
article.post.format-aside #comments #respond {
  background: #fff;
}


.encart-titre {
  width: 50%;
  background: #fff;
  padding: 40px;
  text-align: center;
  margin: -55px auto 0;
  border-radius: 15px;
}
.encart-titre h2 {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
}

.single-post-content-custom {
  max-width: 980px;
  padding: 20px 80px 120px;
  margin: 0 auto;
}

.chapo {margin-bottom: 60px; text-align: center;}
.chapo p {color: #23398E; font-size: 18px; font-style: italic; padding: 20px 50px; line-height: 22px;}

.chapo:before {
  content: '\e931';
  font-family: 'Material Symbols Outlined'; 
}

.chapo:after {
  content: '\e931';
  font-family: 'Material Symbols Outlined'; 
}

.texte-article p {
  margin-bottom: 20px;
  line-height: 19px;
}

.texte-article blockquote p {
   font-size: 18px; font-style: italic;  line-height: 22px; padding: 50px 100px;
}

.texte-article strong,
.texte-article b {
  font-weight: bold;
}

.texte-article em,
.texte-article i {
  font-style: italic;
}

.texte-article b + em,
.texte-article strong + i {
  font-style: italic;
  font-weight: bold;
}

.texte-article p img.aligncenter {
  margin-left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
}
.texte-article p img.alignright {
  margin-left: 100%;
    -webkit-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
  transform: translate(-100%,0);
}

/* MEMBRES */

/* message d'erreur sur les articles non consultables par un type d'utilisateur */

.single-post .members-access-error {
  background: #fff;
  padding: 40px;
  border-radius: 15px;
  margin: 0 170px;
  box-shadow: 0 0 2em gray;
  text-align: center;
}

.single-post .texte-article .members-access-error:before {
  content: '\e811';
  font-family: 'Material Symbols Outlined';
  font-size: 80px;
  display: block;
  text-align: center;
  padding-bottom: 20px;
  color: #E8431C;
}

.actu-list .members-access-error {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
}

.actu-list .members-access-error {
  background: url('img/premium-red.png');
  background-size: contain;
  background-position: center;
  background-color: #fff;
}

.single-post .message-role {
  font-size: 18px;
}

.single-post .message-role-abo {
  color: #DADADA;
}

.single-post .message-role-abo:before{
  content: '\f119';
  font-family: "Font Awesome 5 Free";
  font-size: 50px;
  display: block;
  text-align: center;
  padding-bottom: 40px;
  color: #E8431C;
  
}

.actu-list .hidden-when-not-adh {
  display: none;
}


/* WOOCOMMERCE */

body.woocommerce {
  max-width: inherit;
  padding: inherit;
}

body.woocommerce #container {
max-width: 980px;
margin: auto;
padding-top: 120px;
}

header.header {display: none;}

.post-type-archive-product.woocommerce-shop #main,
.woocommerce-page #main {
  padding: 20px 40px;
  max-width: 980px;
  max-width: 1280px;
  margin: 0 auto;
}

.products.columns-3 {
  padding: 20px 0 !important;
}
.products.columns-3 {
  display: grid;
  column-gap: 50px;
  grid-template-columns: repeat(3, 1fr);
}

.site-main ul.products.columns-3 li.product {
  width: inherit;
  float: inherit;
  margin-right: inherit;
  background: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  box-shadow: 0px 0px 10px #0000001c;
}

.post-type-archive-product.woocommerce-shop ul.products.columns-3::before,
.tax-product_cat ul.products.columns-3::before {
  display: none;
}

.product .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  padding-bottom: 15px;
  height: 90%;
}

.added_to_cart.wc-forward {
  position: absolute;
  bottom: 16px;
  bottom: -3px;
  left: 0;
  height: 48px;
  padding-top: 14px;
  right: 0;
}

.woocommerce ul.products li.product a img {
  border-radius: 5px;
  margin: 20px;
}

.woocommerce .related.products ul.products li.product a img {
  width: 90%; margin: 5%;
}

h2.woocommerce-loop-product__title {
  padding: 10px 20px !important;
  font-size: 20px !important;
  color: #23398e;
  margin-bottom: 10px !important;
}

.woocommerce ul.products li.product .price {
  color: #f9b142;
  display: block;
  font-weight: 400;
  margin-bottom: .5em;
  font-size: 1em;
  padding: 0px 20px !important;
}

.woocommerce ul.products li.product .button {
  width: 100%;
  text-align: center;
  border: 0;
  color: #fff;
  background: #23398e;
  padding: 15px 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  transition-property: padding, color;
  transition-duration: .6s;
}

.woocommerce ul.products li.product .button:hover {
  padding: 15px 0 15px 10px;
}

.woocommerce ul.products li.product .button:before {
  content: "\e8cc";
  font-family: 'Material Symbols Outlined';
  color: #fff;
  padding-right: 5px;
  content: "\f07a";
  font-family: "Font Awesome 5 Free";
}

.woocommerce ul.order_details {
  display: flex;
}

.woocommerce ul.order_details li {
  flex: auto;
}

.single-product .product {
  background: transparent;
}

.related.products .product {
  background: #fff;
}

.related.products .products.columns-3:before {
  display: none;
}

.single-product .product h1 {
  font-size: 35px;
  text-transform: uppercase;
  letter-spacing: 10px;
  margin-bottom: 25px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
}

.woocommerce.single-product .product p.price {
  font-size: 1.5em;
  color: #23398e;
  margin-bottom: 65px;
}

.woocommerce div.product form.cart div.quantity {
  width: 100%;
}

.member-logged-in #product-395 .tm-extra-product-options {
  display: none;
}

.woocommerce .quantity .qty {
  width: 174px;
  margin-bottom: 40px;
}

.woocommerce .woocommerce-cart-form__cart-item.cart_item .quantity .qty {
  margin-bottom: 0px;
  border: 0;
}

.woocommerce .woocommerce-cart-form__cart-item.cart_item .product-quantity {
  text-align: center !important;
}

  .single-product.postid-395 .tmcp-field,
  .single-product.postid-820 .tmcp-field {
    height: 30px;
    margin-top: -10px;
    border-radius: 3px;
  }
  .single-product.postid-395 .tm-epo-datepicker,
  .single-product.postid-820 .tm-epo-datepicker {
    height: 30px;
    margin-top: -10px !important;
    min-height: inherit !important;
  }
  .single-product.postid-395 .questionnaire-ma-tribu,
  .single-product.postid-820 .questionnaire-ma-tribu {
    border-top: 1px solid #23398e;
    padding-top: 20px;
  }
  .single-product.postid-395 .tm-extra-product-options .tm-extra-product-options-date .ui-tm-datepicker-trigger,
  .single-product.postid-820 .tm-extra-product-options .tm-extra-product-options-date .ui-tm-datepicker-trigger {
    margin-top: -4px;
  }

  .premier-membre, .deuxieme-membre, .troisieme-membre, .quatrieme-membre, .cinquieme-membre, .sixieme-membre, .septieme-membre, .huitieme-membre, .neuvieme-membre, .dixieme-membre {
    padding: 20px 20px 0 20px !important;
    margin: 20px auto !important;
    background: #FFFCF7;
    border-radius: 3px;
  }
  .single-product.postid-395 .marginbottom-div .tc-epo-label,
  .single-product.postid-820 .marginbottom-div .tc-epo-label {
    margin-bottom: 20px;
  }

  .single-product.postid-395 .tm-element-description.tm-description p span,
  .single-product.postid-820 .tm-element-description.tm-description p span {
    font-size: 0.8em;
    color: #23398e;
  }

.woocommerce div.product .quantity input {
  background: #E9E8F5;
  border: 0;
  padding-right: 0;
  padding: 5px 0px 5px 5px;
  color: #23398e;
}

.woocommerce button.button.single_add_to_cart_button {
  background-color: #23398e !important;
  border-radius: 10px;
  border: 2px solid #23398e;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  color: #fff !important;
}

.woocommerce button.button.single_add_to_cart_button:hover {
  background-color: transparent !important;
  border-radius: 10px;
  border: 2px solid #23398e;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  color: #23398e !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: transparent;
  border-width: 0px;
  border-bottom-color: #23398e;
  border-bottom-width: 2px;
}

ul.tm-extra-product-options-fields a.owl-next.button {
  margin-left: 10px;
}

table.thwepo-extra-options.thwepo_subscription:not(.has-background) tbody td,
.cart_totals table.thwepo-extra-options.thwepo_subscription:not(.has-background) th,
table.thwepo-extra-options.thwepo_subscription:not(.has-background) tbody tr:nth-child(2n) td {
  background-color: transparent;
  padding: 1em 0;
}

.thwepof-switch-label {
  background: #80808040;
}
.thwepof-switch-input input:checked + .thwepof-switch-label {
  background: #23ae8d87;
}
.thwepof-switch-input input:checked + .thwepof-switch-label::after {
  background: #23ae8d;
}

.product_cat-couches-lavables .entry-summary form.cart .quantity:before {
  content: "Nombre de pack(s)";
  line-height: 36px;
}

.product_cat-couches-lavables .entry-summary .quantity {
  padding: 1em;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 4px;
}
.product_cat-couches-lavables .entry-summary  .quantity .qty {
  float: right;
  margin-bottom: 0;
}

.product_cat-couches-lavables .section-enfant h3.tc-epo-label {
  padding-top: 15px;
}

.product_cat-couches-lavables ul.sous-section-enfant-ul {
  padding-top: 10px;
}

.product_cat-couches-lavables .section-enfant h2,
.product_cat-couches-lavables .titre-options-div h3,
.is-epo-depend .titres-options-div h3 {
  color: #22AF8C !important;
  text-transform: uppercase;
}

table.woocommerce-cart-form__contents.shop_table tr td {
  padding: 20px 5px;
}
table.woocommerce-cart-form__contents.shop_table tr td.product-quantity {
  padding-top: 9px;
}
.woocommerce-cart article, .woocommerce-checkout article {margin: 0 auto !important;}
.woocommerce-cart article .woocommerce, .woocommerce-checkout article .woocommerce {padding: 20px 0;}
.woocommerce-cart .woocommerce table.woocommerce-cart-form__contents.shop_table thead {
  display: table-header-group;
}
.woocommerce-cart .wc_coupon_message_wrap {padding: 10px 0 10px !important;background: #ffffff7a;margin-bottom: 20px;border-radius: 10px;}
.woocommerce-cart .wc_coupon_message_wrap .wc_coupon_message_body p {margin:10px auto;}
.woocommerce-cart .wc_coupon_message_wrap .wc_coupon_message_body p em {font-style: italic;}
.woocommerce-cart .woocommerce table.woocommerce-cart-form__contents.shop_table thead th {background-color: transparent;}
.woocommerce-cart-form__contents .quantity input[type="number"] {
  background: transparent;
  box-shadow: none;
  color: #213B89;
  font-weight: bold;
}


#tab-title-additional_information,
#tab-title-description {
  border-width: 0px;
  border-bottom-width: 0px;
  background-color: transparent;
}

#tab-title-additional_information.active,
#tab-title-description.active {
  border-bottom-color: #23398e;
  border-width: 0px;
  border-bottom-width: 2px;
  background: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  border-bottom-width: 0px;
  border-width: 0px;
}

.product-type-grouped table:not(.has-background) tbody td,
.product-type-grouped.product_cat-couches-lavables .entry-summary .quantity,
.product-type-grouped .woocommerce-grouped-product-list-item td {
  background: transparent !important;
  padding: 0;
}

.woocommerce-grouped-product-list-item__quantity .quantity::before {
  display: none;
}

.pswp__bg {
  background: #fff;
}

#customer_details input,
#customer_details #order_comments,
.select2-container--default .select2-selection--single {
  background: #fff;
  border: none;
  padding: 5px 10px;
}

.select2-container--default .select2-selection--single{
  padding: 2px 10px;
}

#customer_details input {
  padding: 15px 10px;
}

#customer_details label {
  font-size: 0.9em;
}

#customer_details input {
  font-size: 1.2em;
}

#customer_details input::placeholder {
  font-size: .7em;
  color: #9091C3;
}

#order_review .product-name a {
    color: #213B89;
  text-decoration: none;
}

h3#order_review_heading,
.woocommerce-billing-fields h3 {
  margin-bottom: 1em;
  font-size: 2em;
}

h3#ship-to-different-address {
  margin-bottom: 2em;
  font-size: 1em;
  margin-top: .7em;
}

p.form-row.form-row-wide.create-account.woocommerce-validated {
  margin-top: 1em;
  margin-bottom: 2em !important;
}

button#place_order {
  background-color: #22AF8C;
  border-color: #22AF8C;
}

button#place_order;hover {
  background-color: transparent;
  border-color: #22AF8C;
  color: #22AF8C;
}

/* produits -- couches lavables */

form.cart .tm-extra-product-options-product {}


form.cart .tm-extra-product-options-product .quantity:before {display: none;} 
form.cart .tm-extra-product-options-product .quantity {background: transparent; margin: 0; padding: 0;}
form.cart .tm-extra-product-options-product .tc-epo-element-product-container-right .product-title {margin: 0 0 .6em;}
form.cart .tm-extra-product-options-product .tc-epo-element-product-container-right .quantity input {
  background: transparent;
  box-shadow: none;
  text-align: left;
  font-weight: bold;
}
form.cart .tm-extra-product-options-product .tm-epo-reset-radio {
  background: transparent;
}
form.cart .tm-extra-product-options-product .tm-epo-reset-radio .tcfa {
  top: .1em;
}

form.cart #tm-extra-product-options .tm-extra-product-options-fields .owl-next.button.disabled {
  display: none !important;
}

form.cart .tm-extra-product-options-totals.tm-custom-price-totals dt.tm-options-totals,
form.cart .tm-extra-product-options-totals.tm-custom-price-totals dt.tm-final-totals {
  margin-bottom: 7px;
  color: #23398e;
}

form.cart .tm-extra-product-options-totals.tm-custom-price-totals dt.tm-options-totals,
form.cart .tm-extra-product-options-totals.tm-custom-price-totals dd.tm-options-totals {
  color: #9091c7;
}

form.cart .tm-extra-product-options-totals.tm-custom-price-totals dd.tm-options-totals {
  margin-bottom: 20px;
}

form.cart .tm-extra-product-options-totals.tm-custom-price-totals dd.tm-final-totals {
  color: #23398e;
}

form.cart .tc-totals-form {
  border-top: 1px solid #23398e;
  margin-top: 5px;
}

.tc-value.variation-Boostersenoption .tc-price-in-cart:before,
.tc-value.variation-Sacdestockagesupplmentaire .tc-price-in-cart:before {
  content: '(';
}

.tc-value.variation-Boostersenoption .tc-price-in-cart:after,
.tc-value.variation-Sacdestockagesupplmentaire .tc-price-in-cart:after {
  content: ')';
}

.tc-price-in-cart {
  float: right;
}

.page-id-188.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item.tm-epo-cart-row-product-noepo .tc-name.variation-Quelestlepoidsdevotreenfant,
.page-id-188.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item.tm-epo-cart-row-product-noepo .tc-value.variation-Quelestlepoidsdevotreenfant,
.page-id-188.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item.tm-epo-cart-row-product-noepo .tc-name.variation-Quelestlatailledevotreenfant,
.page-id-188.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item.tm-epo-cart-row-product-noepo .tc-value.variation-Quelestlatailledevotreenfant,
.page-id-188.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item.tm-epo-cart-row-product-noepo .tc-name.variation-Quelleestsamorphologie,
.page-id-188.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item.tm-epo-cart-row-product-noepo .tc-value.variation-Quelleestsamorphologie {
  display: none;
}

.page-id-188.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item.tm-epo-cart-row-product-noepo .tc-epo-metadata.variation {
  margin-top: 50px;
}

.page-id-188.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item.tm-epo-cart-row-product-noepo .product-thumbnail {
  padding: 5px 0 0 0 !important;
}

.single-product form.cart .woocommerce-grouped-product-list.group_table div.quantity {
  width: inherit;
}

.single-product form.cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__label,
.single-product form.cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price {
  padding-top: 12px !important;
}

.product-template-default.single-product #main{
  max-width: 1280px;
}
.product-template-default.single-product #primary.content-area,
.woocommerce-cart.right-sidebar .content-area,
.right-sidebar .content-area {
  float: inherit;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.product-template-default.single-product .related.products {
  max-width: 980px;
  margin: 0 auto;
}
.product-template-default.single-product .site-main ul.products.columns-3 li.product {
  border-radius: 15px;
}

/* MON COMPTE */

.page-id-190 {
  background-color: #FFF8EE;
} 

body.page-template-page-account #primary {
  width: 100%;
  margin: 0;
}

body.page-template-page-account #primary header {
  display: none;
}
body.page-template-page-account #primary .articles-dashboard {
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}
body.page-template-page-account #primary .articles-dashboard #actus-dashboard {
  width: 85%;
  margin:50px 7.5%;
}
body.page-template-page-account #primary .articles-dashboard #actus-dashboard h1 {text-align: center;}
.woocommerce-MyAccount-navigation-link--my-profile {
  display: none !important;
}
body.parent-pageid-190.woocommerce-account #main,
body.parent-pageid-190.woocommerce-account .woocommerce,
body.page-id-190.page-parent #main,
body.page-id-190.page-parent .woocommerce,
body.page-template-page-ma-tribu .woocommerce {
width: 100%;
max-width: inherit;  
padding: 0;
}

.membre2 {
  border-top: 2px solid #000 !important;
}

body.parent-pageid-190.woocommerce-account .right-sidebar .content-area,
body.page-id-190.page-parent .right-sidebar .content-area {
  width: 100%;
  margin: 0;
}

.bonjour {
  padding: 40px;
  text-align: center;
}

.page-template-page-account footer#footer:before,
.page-template-page-bookings footer#footer:before,
.page-template-ma-tribu footer#footer:before {
  content: "";
  width: 100%;
  height: 350px;
  background: #feefe7;
  background-image: url(img/motif-footer-transp.png);
  display: block;
  position: absolute;
}
.page-template-page-account footer#footer #socialrez,
.page-template-page-bookings footer#footer #socialrez,
.page-template-ma-tribu footer#footer #socialrez,
.page-template-page-account footer#footer #copyright,
.page-template-page-bookings footer#footer #copyright,
.page-template-ma-tribu footer#footer #copyright {
  margin-top: 350px;
}

.bonjour .account-userrole {color: #E8431C; padding: 0 5px;}

.boutons-dashboard {text-align: center; padding: 0px 50px 50px;}
.boutons-dashboard a {color: #6d6d6d; border-color: #6d6d6d; text-decoration: none !important;}
.boutons-dashboard a:hover {color: #feefe7;background-color: #f9b142; border-color: #f9b142;}
.boutons-dashboard a.fb:hover {color: #feefe7;background-color: #23398E; border-color: #23398E;}
.bons-plans {display: flex;}
.bons-plans li {
  background: #fff;
  height: 170px;
  display: block;
  width: 300px;
  float: left;
  margin: 0 20px;
  border-radius: 10px;
  border-top: 40px solid #23398E;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--members-area, .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads, .woocommerce-MyAccount-navigation-link { display: none; }
.woocommerce-MyAccount-navigation-link--wc-smart-coupons{display: none;}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--ma-tribu a:before{
  content: "\f77c"
}
.page-template-page-mon-compte #container {
  padding: 180px 100px 250px 100px;
}

#menu-mon-compte-menu {
  display: flex;
  width: 80%;
  margin: 20px auto;
}

#menu-mon-compte-menu li {
  flex: auto;
  text-align: center;
}

#menu-menu-1-smartphones .menu-item.moncomptesmart {
  background: #feefe7;
}

.main-navigation ul li,
.secondary-navigation ul li {
  opacity: 1;
  margin-top: 0;
  transition-property: margin-top, opacity;
  transition-duration: .5s;
}
.main-navigation ul li:hover,
.secondary-navigation ul li:hover {
  opacity: .7;
  border-bottom: 2px solid #000;
  margin-top: -5px;
}

.main-navigation ul li:hover > ul li {
  opacity: 1;
}

ul.actu-list.dashboard-moncompte {
  width: 100%;
  max-width: inherit;
}

.page-template-page-account #customer_login {
  max-width: 980px;
  margin: 120px auto !important;
  float: inherit !important;
}

.photo-bonplan {
  height: 100px;
  width: 100px;
  background-size: cover;
  background-position: center center;
  border-radius: 100%;
  margin: auto;
}

ul.bons_plans_list {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px 3%;
  max-width: 1180px;
  margin: 0 auto;
}

.bon_plan_single {
  background: #fff;
  padding: 20px;
  position: relative;
}

.bon_plan_single:before {
    display: block;
    content: "";
    width: 100%;
    height: 20px;
    background: linear-gradient(45deg, #fff 25%, transparent 25%), linear-gradient(-45deg, #fff 25%, transparent 25%);
    background-size: 20px 20px;
    background-position: -50px;
    position: absolute;
    top: -20px;
    left: 0;
}
.bon_plan_single:after {
    display: block;
    content: "";
    width: 100%;
    height: 20px;
    background: linear-gradient(135deg, #fff 25%, transparent 25%), linear-gradient(-135deg, #fff 25%, transparent 25%);
    background-size: 20px 20px;
    background-position: -50px;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.bon_plan_single h3 {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
}
span.barcode {
    font-family: 'Libre Barcode 39', sans-serif;
    font-size: 4em;
    text-align: center;
    display: block;
    margin-bottom: 15px;
    border-bottom: 2px solid;
}
.bon_plan_single p {
  line-height: 1.1em;
}

.woocommerce-payment-methods .woocommerce-MyAccount-content:before {
  background-image: url("img/cb.png");
  content: " ";
  width: 283px;
  height: 283px;
  display: block;
  margin: 0 auto;
}

form.lost_reset_password label {
  font-weight: bold;
  margin-top: 20px;
}
form.lost_reset_password input {
  background: #FCDFCF;
  border: 0;
  width: 100%;
  padding: 7px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.show-password-input.display-password::after {
    color: #e8431c;
}
/* bandeau connexion */
.sidemenu {
  background-color: #FEEFE7;
  color: #E8431C;
}

.sidemenu a.wp-block-button__link {
  background-color: transparent;
  border: 2px solid #E8431C;
  border-radius: 13px;
  width: 100%;
  transition: .4s;
}

.sidemenu a.wp-block-button__link:hover {
  background-color: #E8431C;
  border: 2px solid #E8431C;
  color: #FEEFE7;
}

.sidemenu .wp-block-buttons > .wp-block-button {width: 100%;}

.sidemenu .wp-container-6 a,
.sidemenu a.close_sidemenu {color: #E8431C;}

.sidemenu section h2 {
  color: #E8431C;
}

.sidemenu textarea, .sidemenu input[type="text"], .sidemenu input[type="button"], .sidemenu input[type="submit"], .sidemenu input[type="reset"], .sidemenu input[type="search"], .sidemenu input[type="password"] {
  background: #FCDFCF;
  border: 0;
  width: 100%;
  padding: 7px;
  border-radius: 3px;
  margin-bottom: 20px;
}

.forget-pass-button {
  text-decoration: underline;
  margin-bottom: 30px;
  display: inline-block;
}

.login-remember {
  width: 50%;
  float: left;
}

.login-submit {
  width: 50%;
  float: left;
}

.login-submit input[type="submit"] {
  background-color: #E8431C;
  border: 2px #E8431C solid;
  color: #FEEFE7;
}

.login-submit input[type="submit"]:hover {
  border: 2px #E8431C solid;
  background-color: #FEEFE7;
  color: #E8431C;
}

#wpuf-ajax-lost-pw-url {
  color: #E8431C;
}

.css-my-bookings {
  padding: 40px;
  border-radius: 10px;
  margin-top: -20px;
}

#dbem-bookings-table {
  color: #F6AA86;
}

#dbem-bookings-table td, #dbem-bookings-table th {
  border-bottom: 1px solid #fff8ee !important;
  text-align: center !important;
}
table#dbem-bookings-table:not(.has-background) th,
table#dbem-bookings-table th {
  background-color: transparent !important;
}
/*.page-template-page-account .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--my-bookings a::before {opacity: .25;}*/
.page-template-page-account .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active a::before {opacity: 1;}
.page-template-page-bookings .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--my-bookings a::before {opacity: 1;}
.page-template-page-bookings .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard a::before {opacity: .25;}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {opacity: .25;}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:hover {opacity: 1 !important;}
.page-template-page-bookings .woocommerce-MyAccount-content {display: none;}
.page-template-page-bookings .css-my-bookings,
.woocommerce-subscriptions .woocommerce_account_subscriptions,


.ma-tribu .woocommerce-MyAccount-content {width: 80%;float: inherit; max-width: 1080px; margin: 20px auto;}
/*.af_c_f_extra_fields h3 {
  content: "Test";
  width: 100%;
  height: 30px;
  display: block;
  font-size: 20px;
}*/
.af_c_f_extra_fields::before {
  content: "Les membres de ma tribu";
  width: 100%;
  height: 30px;
  display: block;
  font-size: 20px;
  margin-top: 40px;
  color: #23398E;
}
.woocommerce-EditAccountForm .af_c_f_extra_fields fieldset {margin-top: 0; border-color: #23398E14; background-color: #23398E0D !important;}
.membres-ma-tribu {margin: 20px auto; text-align: center;}
.membres-ma-tribu h2, .modifier-membre h2 {margin-bottom: 20px;}
.modifier-membre {text-align: center; margin-top: 50px;}
.child_1, .child_2, .child_3, .child_4, .child_5, .child_6, .child_7, .child_8, .child_9, .child_10 {margin: 20px 10px;  padding: 20px 10px 10px;border-radius: 10px;background: #FFF5EF;}
#membre_1 {
  opacity: 0.6;
  cursor: default;
}
.ma-familia li {
  padding: 7px 15px;
  border-width: 0;
  border-style: solid;
  border-radius: 30px;
  text-decoration: none;
  display: inline-block;
  transition: .2s;
  margin: 0 20px;
}
.ma-familia li:hover{border-width: 2px;}
.modifier-membre input[type="text"] {
  background: #FCDFCF;
border: 0;
width: 30%;
padding: 7px;
border-radius: 3px;
margin-bottom: 20px;
}

.modifier-membre input[type="date"] {
  background: #FCDFCF;
  border: 0;
  width: 30%;
  padding: 7px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.modifier-membre label {margin-left: 30px; padding-right: 10px;}
.woocommerce-orders-table__header-subscription-id,
.woocommerce-orders-table__header-subscription-status,
.woocommerce-orders-table__header-subscription-next-payment,
.woocommerce-orders-table__header-subscription-total,
.woocommerce-orders-table__header-subscription-actions {
  font-size: 16px;
  background-color: transparent !important;
}
.order.woocommerce-orders-table__row td {
  vertical-align: baseline;
  font-size: 16px;
  font-weight: 300;
}

.page-template-page-account table.my_account_subscriptions .subscription-actions .woocommerce-button.button.view {
  border-radius: 3px;
}

.page-template-page-bookings .css-my-bookings #dbem-bookings-table{color: #6d6d6d;}

.page-template-page-account #main, .page-template-page-bookings #main {max-width: 1180px;}
body.page-id-190.page-parent.woocommerce-lost-password .woocommerce {max-width: 1180px; margin: 0 auto;}

.mes-reservations .woocommerce, body.page-id-190.page-parent.woocommerce-lost-password .woocommerce {padding: 100px 50px 0;}

.mes-reservations .em.pixelbones a.em-bookings-cancel {
  color: #e8431c !important;
  text-decoration: none;
}
.page-template-page-bookings .mes-reservations .entry-content #em-wrapper > .woocommerce,
  .page-template-page-bookings #em-wrapper > .woocommerce {display: none !important;}
#dbem-bookings-table tr td:first-child a{color: #e8431c !important;text-decoration: none;}

#dbem-bookings-table tr {
  background: #fff;
  display: inline-block;
    display: flex;
  width: 100%;
  border-radius: 50px;
  padding-left: 30px;
  margin-bottom: 10px;
  border-radius: 15px;
  box-shadow: 0px 0px 10px #d2d2d2;
}
#dbem-bookings-table thead tr{background: transparent; box-shadow: none;}
#dbem-bookings-table thead tr th, #dbem-bookings-table tr td {flex: 1;}
#dbem-bookings-table td, #dbem-bookings-table th {
  border-bottom: 0px;
}

/* Sous-titres mon compte */

.my-events h2,
.my-orders h2,
.fav-news h2 {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 20px;
}

/* Ressources */
.parent-pageid-190 {background: #FFF8EE;}

.posts-list {
display: flex;
}

.my-ressources li.post {
  /* margin: 0 2%; */
  width: 31%;
  min-width: 290px;
  max-width: 330px;
  background: #fff;
  border-radius: 10px;
}

.custom-post-content {
  padding: 15px 30px 15px 7px;
  width: 100%;
  min-height: 60px;
}

.posts-list {
  width: 100%;
  display: grid;
  grid-template-rows: 1fr;
  grid-gap: 25px;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px 1%;
  max-width: 920px;
  margin: 0 auto;
}


/* agenda */

.my-agenda h2 {
  font-size: 26px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 20px;
}

.my-agenda h3 {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 20px;
}

.page-template-page-agenda .my-agenda {
  padding: 50px;
}

.page-template-page-agenda .my-events {
  background: #fff;
  padding: 50px;
}
.em.pixelbones table.post {
  min-width: inherit;
  max-width: inherit;
}

.page-template-page-agenda #dbem-bookings-table {
  color: #23398e;
}

.page-template-page-agenda #dbem-bookings-table td a {
  color: #e8431c !important;
  text-decoration: none;
}

.em-bookings-cancel {
  color: #e8431c !important;
  text-decoration: none;
  border: 2px solid #e8431c;
  padding: 3px 11px;
  border-radius: 25px;
}

#dbem-bookings-table thead th.manage-column:last-child,
#dbem-bookings-table td:last-child {
  border: 0px !important;
  background: transparent;
}



/* Mes commandes */

.my-orders {
  width: 50%;
}

.woocommerce-orders table.shop_table tr.order {
  background: #fff;
  padding: 20px;
  display: block;
  border-radius: 10px;
  margin-bottom: 20px;
  display: table-row;
}

.woocommerce-orders table.shop_table:not(.has-background) th {
  background-color: transparent;
}
.woocommerce-orders table.shop_table td {
  vertical-align: baseline;
}

table.shop_table tr th,
table.shop_table tr td {
  text-align: left;
  padding: 5px 10px;
}

.page-template-page-commandes .my-orders {
  width: 80%;
  margin: 10px 10%;
}

.page-template-page-commandes table {
  width: 100%;
}

.page-template-page-commandes h2 {
  text-align: center;
}


/* **** WOOCOMMERCE **** */
.woocommerce-page {
  background: #FFF8EE;
}
.woocommerce-account, .page-template-page-ma-tribu {background: #feefe7;}
#customer_login .woocommerce-form.woocommerce-form-login.login input#username,
#customer_login .woocommerce-form.woocommerce-form-login.login input#password,
#customer_login .woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide input#reg_email {
  background: #fcdfcf;
  border-radius: 3px;
}

.woocommerce .woocommerce-notices-wrapper .button.wc-forward {
  background-color: #23398E;
  border: 2px solid #23398E !important;
  color: #fff;
}
.woocommerce .woocommerce-notices-wrapper .button.wc-forward:hover {
  background-color: transparent;
  border-color: #fff !important;
  color: #23398E;
}

#customer_login h2 {
  color: #e8431c;
  margin-bottom: 30px;
  font-weight: bold;
}

#customer_login label {
  color: #e8431c;
}

#customer_login .woocommerce-button.button {
  border: 2px solid #e8431c !important;
  margin: 20px 0;
  border-radius: 10px;
  color: #e8431c;
  padding: 8px 20px;
}

ul.woocommerce-order-overview.order_details li strong {
  font-size: 1em;
}

p.woocommerce-notice--success {
  font-size: 26px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 20px;
}

.woocommerce {
  padding: 100px 50px;
  padding: 100px 0px;
  max-width: 980px;
  max-width: 1180px;
  margin: 0 auto;
}

.parent-pageid-190 #primary.content-area,
.parent-pageid-190 #primary {
  width: 100%;
  margin: 0px;
}


.parent-pageid-190 #primary header.entry-header {
  display: none;
}

.right-sidebar .widget-area {
  display: none;
}

.woocommerce table.shop_table {
  border-radius: 10px;
  border: 0px solid #FFF8EE;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
  max-width: 1080px;
  margin: 60px auto;
}

.woocommerce table.shop_table td {
  border-top: 2px solid #FFF8EE;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
  border-top: 2px solid #FFF8EE;
}

.cart_totals table:not(.has-background) th,
table:not(.has-background) tbody tr:nth-child(2n) td, fieldset, fieldset legend {
  background: #fff;
}

h2.woocommerce-order-details__title,
h2.woocommerce-column__title {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 20px;
}

.woocommerce .woocommerce-customer-details address {
  background: #fff;
  padding: 15px !important;
  border-radius: 10px;
  border: 0px solid #FFF8EE;
}

.woocommerce .woocommerce-customer-details address br {
  margin-bottom: 5px;
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
  margin-top: 10px;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  border-top-width: 0;
  background-color: #fff;
  border-radius: 10px;
  color: #23398E;
  border-left: .6180469716em solid #23398E;
}

.woocommerce-info::before {
  color: #23398E;
}

.woocommerce .woocommerce-info {
  background-color: #D2D2EB;
  background-color: #fff;
  color: #23398E;
}

.page-id-188.woocommerce-cart .site-content {position: relative;}
.ADHnotincart {
  position: absolute;
  z-index: 99999999;
  background: #00000075;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ADHnotincart .message {
  color: #e8431c;
  border-left: .6180469716em solid #e8431c;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: table;
  padding: 80px 40px;
  text-align: center;
  border-top-width: 0;
  background-color: #fff;
  border-radius: 10px;

}
.ADHnotincart .message h3 {
  font-size: 1.1em;
}
.ADHnotincart .message p + h3,
.ADHnotincart .message p {
  margin: 20px 0;
}

.ADHnotincart .message a {
  text-decoration: none;
}

.ADHnotincart .message a.redctr,
.ADHnotincart .message a.redbg:hover {
  color: #e8431c;
}

.ADHnotincart .message a.redbg,
.ADHnotincart .message a.redctr:hover {
  color: #fff;
}

.ADHnotincart .message::before {
  color: #e8431c;
  font-size: 2em;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
}


.hentry .entry-content .woocommerce-MyAccount-navigation ul li {margin: 0 5px; font-size: .95em !important;}
.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
  color: #23398E;
}
.woocommerce-MyAccount-navigation ul li a::before {margin-top: -5px; margin-left: .1em;}

.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button, .woocommerce-noreviews .button, p.no-comments .button {
  border: 2px solid #e8431c !important;
  padding: 0.25em 1em;
  margin-top: -8px;
}

.woocommerce-Message.woocommerce-Message--info.woocommerce-info {
  padding: 1.2em 2em 0em 3.5em;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background-color: transparent;
  border: 2px solid #e8431c;
  /*border: 0 !important;*/
  color: #e8431c;
  /* pourquoi ? */
}

#order_review .place-order button.button {color: #fff;}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  background-color: #e8431c;
  border: 2px solid #e8431c;
  color: #fff;
}
#order_review .place-order button.button:hover {background-color: #fff; border-color:#22AF8C; color: #22AF8C;}

.em .em-pagination {
  width: 100%;
}

.em .em-pagination .page-numbers.current {
  font-size: 24px !important;
  border: 2px solid #23398e;
  border-radius: 40px;
  color: #23398e !important;
  height: inherit;
  min-width: inherit;
  padding: 5px 10px;
}
.em .em-pagination .page-numbers{
  color: #23398e !important; 
}
a.next.page-numbers {
  color: #23398e !important;
}

.cart-contents {
    position: relative;
    display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;
}

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents-count {
    position: absolute;
    top: 10px;
    right: -5px;
    transform: translateY(-105%) translateX(25%);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background: #000;
    border-radius: 50%;
    padding: 1px;
    z-index: 999; 
}

.woocommerce-terms-and-conditions {display: block !important;}

.woocommerce-form-register .af_c_f_extra_fields {display: none}
.woocommerce-order-received ul.order_details.woocommerce-order-overview + p {display: none;}

#reviews .commentlist li .comment_container .comment-text {
  width: 100%;
  margin-right: 0;
  padding: 20px;
  background: #fff;
  border-radius: 4px;
}

#reviews #review_form .acf-comment-fields.acf-fields.-clear {
  display: none;
}

#reviews .commentlist .meta {
  padding-bottom: 10px;
  border-bottom: 1px dashed #23398e;
}

#reviews .commentlist .description {
  border-radius: 4px;
  margin-bottom: 20px;
  padding-top: 10px;
}

#reviews .commentlist li p.meta strong,
.tabs.wc-tabs a {
  color: #23398e;
}

#reviews .commentlist li:last-child {
  margin-bottom: 2.617924em;
}

#respond {
  background: #FAECD4;
  border-radius: 4px;
}

/* Ma tribu */
/**********************************************************************************************
 * _________________________
 * _________________________
 * _________________________
 * */

.woocommerce-teams .woocommerce-MyAccount-content, .woocommerce-account-join-team {max-width: 1080px; width: 80%;margin: 30px auto; margin: 70px auto;} /* verif */
.woocommerce-form.woocommerce-form-login.login {padding-top: 40px;}
.woocommerce-form-login .woocommerce-form-login__rememberme, .woocommerce-form-login .lost_password {padding: 20px 0;}
#join-team-form button.woocommerce-Button,
.woocommerce-account-join-team button.woocommerce-Button{border: 2px solid #E8431C !important;color: #E8431C;}
#join-team-form button.woocommerce-Button:hover,
.woocommerce-account-join-team button.woocommerce-Button:hover {border: 2px solid #E8431C !important;color: #fff;}

.content-ma-tribu h1 {
  margin-bottom: 10px !important;
  font-size: 1.1em !important;
  font-weight: normal !important;
  text-align: center;
}
.content-ma-tribu .ma-famille {
  display: flex;
}
.content-ma-tribu ul.ma-famille li {
  margin: 10px;
}

.content-ma-tribu ul.ma-famille li:before {
  width: 40px;
  height: 40px;
  background-image: url("http://client.la-mine.com/tohubohu/wp-content/uploads/2022/09/baby.png");
  content:"";
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  background-color: #f9b142;
  border-radius: 20px;
}

.woocommerce-edit-address .woocommerce-MyAccount-content,
.woocommerce-payment-methods .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content,
.page-template-page-ma-tribu .woocommerce-MyAccount-content {
  max-width: 1180px;
  margin: 60px auto;
    margin-bottom: 60px;
  display: table;
}

.woocommerce-edit-address input {background: #fcdfcf;border-radius: 3px;}
.woocommerce-edit-address .select2-container--default .select2-selection--single {background: #fcdfcf;}

.woocommerce-payment-methods table.shop_table td {
  vertical-align: baseline;
}

.woocommerce-Addresses header.woocommerce-Address-title {display: block !important;}

.woocommerce-edit-account .woocommerce-MyAccount-content {
  max-width: 1180px;
  margin: 60px auto;
}

.woocommerce-edit-account .woocommerce-MyAccount-content .cart_totals table:not(.has-background) th,
.woocommerce-edit-account .woocommerce-MyAccount-content table:not(.has-background) tbody tr:nth-child(2n) td,
.woocommerce-edit-account .woocommerce-MyAccount-content fieldset,
.woocommerce-edit-account .woocommerce-MyAccount-content fieldset legend {
  background: transparent;
}

.woocommerce-Addresses .col-1, .woocommerce-Addresses .col-2 {
  margin-top: 20px;
}

.woocommerce-EditAccountForm textarea,
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="button"],
.woocommerce-EditAccountForm input[type="submit"],
.woocommerce-EditAccountForm input[type="reset"],
.woocommerce-EditAccountForm input[type="search"],
.woocommerce-EditAccountForm input[type="password"],
.woocommerce-EditAccountForm input[type="email"] {
  background: #fcdfcf;
  border: 0;
  padding: 7px;
  border-radius: 3px;
}

.woocommerce-EditAccountForm fieldset {
  border: 2px solid #fff;
  padding: 30px;
  margin-bottom: 20px;
  border-radius: 3px;
}

.woocommerce-EditAccountForm .af_c_f_extra_fields fieldset {
  border-color: #23398E;
}

.woocommerce-EditAccountForm fieldset {
  margin-top: 30px;
}

.af_c_f_extra_fields .form-row input, .af_c_f_extra_fields .form-row textarea, .af_c_f_extra_fields .form-row select {
  background: #fcdfcf;
  background: #23398E14;
  border: 0;
  padding: 7px;
  border-radius: 3px;
}

/* CGV */

.post-1013 {
  max-width: 1080px;
  margin: 80px auto;
}

.post-1013 p {
  margin: 10px 0;
}

.post-1013 h1.entry-title {text-align: center;}

.post-1013 h1 {
  margin: 40px 20px;
}

/* MEDIA QUERIES */

@media only screen and (min-width: 769px) {
   .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation, .page-template-page-ma-tribu .woocommerce-MyAccount-navigation {
       float: none;
       width: 100%;
   }
   .woocommerce-account .woocommerce-MyAccount-content {
       width: 80%;
   }
   .woocommerce-MyAccount-navigation ul {
       text-align: center;
   }
   .woocommerce-MyAccount-navigation ul li {
       display: inline-block;
   }
}


@media (max-width: 980px) { 
  .page-template-page-coolgang .liste-events .em .em-list, .em.em-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .page-template-page-coolgang .em .em-list, .em.em-list {
    width: 80%;
  }

}

@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3) {
  .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation, .page-template-page-ma-tribu .woocommerce-MyAccount-navigation {
       float: none;
       width: 100%;
   }
  .woocommerce-edit-address .woocommerce-MyAccount-content, .woocommerce-payment-methods .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-content, .page-template-page-ma-tribu .woocommerce-MyAccount-content {
    display: block;
  }
  #cest_quoi_tohu_bohu .third-right,
  #cest_quoi_tohu_bohu .texte {
    width: 100%;
    float: left;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  #actus-home .actus-home-title, #actus-dashboard .actus-dashboard-title {position: inherit;}
  #actus-home ul.actu-list, #actus-dashboard ul.actu-list {display: block; width: 100%;}
  #actus-home ul.actu-list li.actu-single, #actus-dashboard ul.actu-list li.actu-single {margin-bottom: 60px; height: 300px;}
  #actus-home .custom-post-content, #actus-dashboard .custom-post-content {padding: 20% 15px 15px 15px;}
  #cest_quoi_tohu_bohu {padding: 30px; display: inline-block; height: auto;}
  #cest_quoi_tohu_bohu p {width: 100%;}
  #cest_quoi_tohu_bohu .third-right,
  #cest_quoi_tohu_bohu .texte {
    width: 100%;
    float: left;
  }
  #cest_quoi_tohu_bohu .ruban-rouge {margin-top: -60px;}
  .woocommerce-edit-address .woocommerce-MyAccount-content, .woocommerce-payment-methods .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-content, .page-template-page-ma-tribu .woocommerce-MyAccount-content {
    display: block;
    width: 100%;
  }
  .home #rejoignez-nous {
    margin-top: inherit;
    padding: 30px 0;
  }
  .single-post .members-access-error {margin: 0;}
  #rejoignez-nous .content {display: block;}
  #rejoignez-nous .half {width: 100%; padding: 5%;}
  .half:first-child {border-right: 0px;}
  .half .btn-3.bluebg, .half .btn-3.greenbg {margin: 40px auto !important;}
  .cpt-familles {float: inherit;}
  /** WOOCOMMERCE **/
  .right-sidebar .content-area {width: 100%; margin: 20px 0;}
  .woocommerce {padding: 20px 10px;}
  .post-type-archive-product.woocommerce-shop #main, .woocommerce-page #main {padding: 20px 10px;}
  .product .woocommerce-LoopProduct-link.woocommerce-loop-product__link, .woocommerce ul.products li.product a img {border-top-left-radius: 25px; border-top-right-radius: 25px;}
  .products.columns-3 {display: block;}
  .desc-pack {margin-top: -150px;}
  .pack-line1{margin-top: 30px;}
  .pack-line1, .pack-line2 {display: block;}
  .pack1, .pack2, .pack3, .pack4 {width: 90%; min-width: inherit; margin-left: 5%; margin-right: 5%;}
  .pack1, .pack3 {margin-bottom: 40px;}
  .ADHnotincart .message {top: 10%;left: 2.5%;right: 2.5%;-webkit-transform: inherit; -ms-transform: inherit; transform: inherit; padding: 40px 20px;}
  .page-template-page-coucheslavables #intro, .page-template-page-locationsimple #intro, .page-template-page-locationlavage #intro {padding: 30px 20px 200px;}
  .page-template-page-locationsimple #intro .insider, .page-template-page-locationlavage #intro .insider {display: block;}
  .page-template-page-locationsimple .intro-img, .page-template-page-locationlavage #intro .intro-img {display: block; width: 100%; height: 100px;}
  .page-template-page-locationsimple .intro-content, .page-template-page-locationlavage #intro .intro-content {width: 100%;padding:0;}
  .page-template-page-locationlavage #intro {padding: 30px 20px 20px;}
  .page-template-page-locationlavage .comment-ca-marche {padding: 20px;}
  .page-template-page-locationlavage .comment-ca-marche ol {display: block;}
  .page-template-page-locationlavage #nettoyage {padding: 60px 40px 120px;}
  .page-template-page-locationlavage .pack-sub_content--l1 {margin-top: -70px;}
  .page-template-page-coucheslavables #intro p {min-width: inherit;}
  .page-template-page-coucheslavables .expl-services {display: block;}
  .page-template-page-coucheslavables #comment-ca-marche,.page-template-page-coucheslavables #quelles-couches,.page-template-page-coucheslavables #cest-quoi, #pourquoi-louer {display: block;}
  .page-template-page-coucheslavables .squares-couches, .page-template-page-coucheslavables .square-lft, .page-template-page-coucheslavables .square-rgt{width: 100%;}
  .page-template-page-coucheslavables .content-square {padding: 20px 0px; position: inherit;}
  .page-template-page-coucheslavables #quelles-couches .content-square,.page-template-page-coucheslavables #pourquoi-louer .content-square {position: inherit;}
  .page-template-page-coucheslavables .square-lft::after, .page-template-page-coucheslavables .square-rgt::after {}
  .page-template-page-coucheslavables .loc-simple,.page-template-page-coucheslavables .loc-lavage {min-width: inherit; width: 90%; margin: 0 5% 30px; padding: 30px;}
  .page-template-page-locationsimple .comment_ca_se_lave_des_couches-content p img.alignleft {float: inherit;width: 60%;margin: 0 20%;}
  .pack-sub_content--l1, .pack-sub_content--l2, .pack-sub_content--l3 {display: block;min-width: inherit;width: 90%;}
  #pack-quelle_taille_de_culottes_me_faut-il, #pack-quelles_matieres_choisir, #pack-mode_d’emploi_des_couches, #pack-comment_on_stocke_les_couches_en_attendant_de_les_laver, #pack-comment_ca_se_lave_des_couches {margin: 0 0 20px;}
  .page-template-page-locationsimple #pack-comment-ca-marche {padding: 240px 0px 180px 0px; display: block;}
  .page-template-page-locationlavage #pack-comment-ca-marche {padding: 50px 0px 10px 0px; display: block; margin-top: inherit;}
  .page-template-page-coolgang #navbarcoolgang {left: 0;}
  .page-template-page-coolgang .liste-events .em .em-list, .em.em-list {grid-template-columns: repeat(1, 1fr);}
  .admin-bar #navbarcoolgang {top: 0;}
  .page-template-page-coolgang .liste-events {padding-bottom: 160px;}
  .page-template-page-coolgang #commu-entraide .half-right, .page-template-page-coolgang #ca-veut-dire-quoi {padding: 80px 0;}
  .page-template-page-coolgang #ca-veut-dire-quoi {flex-direction: column;}
  .page-template-page-coolgang #ca-veut-dire-quoi ul {flex-direction: column;}
  .page-template-page-coolgang #ca-veut-dire-quoi ul li {margin: 10px 0;}
  .page-template-page-coolgang .content-participe .btn-3.yellowbg {width: 100%;}
  .page-template-page-coolgang #comment-je-participe .content-tarifs {flex-direction: column-reverse;}
  .page-template-page-coolgang #comment-je-participe .content-tarifs .img-tarifs img {position: inherit;}
  .page-template-page-coolgang #temoignage .temoignages-3 {flex-direction: column;}
  .page-template-page-coolgang #temoignage .temoignage-single {width: 92%;}
  .page-template-page-coolgang #comment-je-participe .tarif-plein, .page-template-page-coolgang #comment-je-participe .tarif-ric-rac {margin: 20px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
  #comment-ca-marche .square-rgt:after, #quelles-couches .square-lft:after, #cest-quoi .square-rgt:after, #pourquoi-louer .square-lft:after {display: none;}
  .page-template-page-coucheslavables #intro p {width: 90%;}
  #cest-quoi-le-probleme {margin-top: 20px; padding: 20px 40px;}
  .comment-ca-marche-content p {padding: 0 20px;}
  .ccm-l1, .ccm-l2, .ccm-l3 {display: block;}
  .ccm-bloc1::after, .ccm-bloc5::after, .ccm-bloc7::after {border-right: 16px solid transparent; border-left: 16px solid transparent; border-top: 20px solid #23398E; bottom: 0; top: inherit; right: 50%; -webkit-transform: translate(50%,100%); -ms-transform: translate(50%,100%); transform: translate(50%,100%);}
  .ccm-bloc3::after {content: '';display: inline-block; width: 0;height: 0;border: 20px solid transparent;position: absolute;z-index: 99;border-right: 16px solid transparent; border-left: 16px solid transparent; border-top: 20px solid #23398E; bottom: 0; top: inherit; right: 50%; -webkit-transform: translate(50%,100%); -ms-transform: translate(50%,100%); transform: translate(50%,100%);}
  .ccm-bloc2::after, .ccm-bloc4::after, .ccm-bloc6::after, .ccm-bloc8::after {border-right: 16px solid transparent; border-left: 16px solid transparent; border-top: 20px solid #F9B142; bottom: 0; top: inherit; right: 50%; -webkit-transform: translate(50%,100%); -ms-transform: translate(50%,100%); transform: translate(50%,100%);}
  .added_to_cart.wc-forward {bottom: 0px;height: 51px;}
  .woocommerce-account .woocommerce {width: 100%;}
  #copyright {padding:10px 20px;}
  #copyright ul#menu-footer, ul#menu-socialrez {display: block;}
  #site-navigation.toggled #site-header-cart {margin-top: 20px; background: #f3f3f3; width: 100%; position: absolute; left: 0; padding: 20px; box-shadow: 0px 13px 20px #808080ad;}
  #site-header-cart {margin-top: -35px;float: left;padding-left: 10px;}
  #site-navigation.toggled {/*margin-bottom: 50px;*/border-bottom: 50px solid aliceblue;}
  .woocommerce-cart .woocommerce table.woocommerce-cart-form__contents.shop_table thead {display: none;display: block;}
  .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th.product-remove {display: none;}
  .woocommerce-cart-form__cart-item.cart_item td.product-remove {background-color: transparent;}
  .woocommerce-cart-form__cart-item.cart_item td.product-remove a.remove {left: -15px;top: inherit;}
  .woocommerce-cart-form__cart-item.cart_item tr td[data-title]::before {content:inherit;}
  .woocommerce-cart-form__cart-item.cart_item tr th, table.shop_table tr td {text-align: center;}
  .coupon #coupon_code {width: 100%;}
  .coupon #coupon_code {width: 100% !important;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
  tr.recurring-total td {text-align: left !important;}
  .shop_table .order-total.recurring-total td {line-height: 1.5em;text-align: left;}
  table.shop_table_responsive tr.order-total.recurring-total td[data-title]::before {content:'Paiement récurrent';margin-bottom: 20px;}
  table.shop_table_responsive tr.order-total.recurring-total td:not([data-title])::before {content:'Paiement récurrent';font-weight: 600;margin-bottom: 20px;}
  .wc-proceed-to-checkout .checkout-button.button.alt.wc-forward {font-size: 1.5em;padding: 20px 10px;}
  .wc-proceed-to-checkout .checkout-button.button.alt.wc-forward:after{display: none;}
  .cart_totals .order-total.recurring-total td {background: #FAECD4; border-bottom-right-radius: 0;}
  table.shop_table_responsive tr td[data-title]::before {width: 100%; margin-bottom: 5px;}
  .woocommerce-MyAccount-content {padding: 30px 0;}
  .woocommerce table.shop_table td:first-child{border-top: 0px solid transparent;}
  .page-template-page-tohubohu #je_veux_en_savoir_plus .half_contact {flex-direction: column;}
  .page-template-page-account .edit {padding: 10px 0 20px;display: block;}
  .page-template-page-bookings .css-my-bookings {width: 100%; float: left; padding: 0;}
  .page-template-page-bookings .css-my-bookings #dbem-bookings-table {margin-top: 50px;}
  .page-template-page-bookings .entry-header .entry-title, .page-template-page-account .entry-header .entry-title {display: none;}
  .page-template-page-bookings.woocommerce-account .woocommerce, .page-template-page-account.woocommerce-account .woocommerce {padding: 0px 25px;}
  .page-template-page-account.woocommerce-subscriptions .woocommerce table.shop_table tbody tr {display: block;margin: 20px 0;}
  .page-template-page-account.woocommerce-subscriptions table.shop_table_responsive.my_account_orders .order-actions {text-align: center;}
  .page-template-page-account ul.bons_plans_list {grid-template-columns: repeat(1, 1fr);}
  .page-template-page-account.woocommerce-payment-methods .button {width: 100%;border-radius: 3px;}
  .page-template-page-ma-tribu .ma-familia li {width: 80%; margin: 0 10%;}
  .page-template-page-ma-tribu .modifier-membre label, .page-template-page-ma-tribu .modifier-membre input {width: 100%;}
  .woocommerce-orders table.shop_table tr.order {display: block;}
  .child_1, .child_2, .child_3, .child_4, .child_5, .child_6, .child_7, .child_8, .child_9 {margin: 40px 10px;}
  .mes-reservations  #dbem-bookings-table tr {display: block;padding-left: 0;}
  .mes-reservations  #dbem-bookings-table tr td {background: transparent !important;}
  .mes-reservations #dbem-bookings-table tr td {display: block;}
  .mes-reservations #dbem-bookings-table thead th {display: block; padding: 2px 15px !important;}
  .mes-reservations #dbem-bookings-table td:first-child, .mes-reservations #dbem-bookings-table th:first-child {padding: 12px 15px !important;}
  .mes-reservations #dbem-bookings-table thead th:first-child {padding: 0px 15px !important;}
  #association, #mais_cest_qui, #je_veux_en_savoir_plus, #nos_partenaires_financiers, #nos_partenaires_operationnels_et_strategiques {
  padding: 20px;}
  #nos_valeurs, #notre_etat_desprit {padding: 20px 0;}
  #nos_valeurs ul, #notre_etat_desprit ul {flex-direction: column;}
  .presentation-equipe {display: block;}
  #nos_partenaires_financiers ul, #nos_partenaires_operationnels_et_strategiques ul {display: block;}
  #nos_partenaires_financiers ul li a img, #nos_partenaires_operationnels_et_strategiques ul li a img {margin-left: auto; margin-right: auto;}
  #socialrez {padding: 20px;}
  
} /* fin des medias queries smartphone */