/*
Theme Name: Meadow Child
Template: meadow
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body .container {
  max-width: 1200px;
}
/*******************************************************
    Général
*******************************************************/

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-column-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.flex-space-around {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:space-around;
}
.flex-space-between {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb {
  color: #959AAA !important;
  font-family: Montserrat;
}
h4.section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column-reverse;
  font-size: 22px;
  margin-top: 60px;
  margin-bottom: 20px;
  color: #29375c;
}
h4.section:before {
  content: "";
  height: 20px;
  width: 200px;
  border-bottom: 1px solid #29375c;
}
h4.section > img {
  width: 230px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals,
.woocommerce table.shop_table, .woocommerce-page table.shop_table {
  color: black;
}

.hidden {
  display: none !important;
}

.clear {
  clear: both;
}

/*******************************************************
    Typographie
*******************************************************/

body {
  font-family: "Source Sans Pro",Arial, Helvetica, sans-serif ;
  font-size: 18px !important;
  line-height: 40px;
  font-weight: 400;
  font-style: normal;
  color:#29375c;
  font-size: 30px;
}
.wrapper.p-border {
  background-color: white;
}
#footer {
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1.17;
}

#footer, #footer input, #left-sidebar p, #left-sidebar li, #left-sidebar .textwidget, #left-sidebar input {
  font-family: Montserrat;
  line-height: 20px;
  color: #29375c;
}
#footer a, #footer h2, #footer .bottom-menu li a, #footer h3, #footer #serinfo-nav li a, #footer .meta, #footer .meta a, #footer .searchform input.s, .sticky, .sticky p, .sticky a, .sticky .meta, .sticky .meta a, #left-sidebar a, #left-sidebar h2, #left-sidebar h3, #left-sidebar .meta, #left-sidebar .meta a, #left-sidebar .searchform input.s, #left-sidebar #serinfo-nav li a {
  color: #29375c;
}
body .fa {
  font-size: 14px;
  line-height: 1
}

a#navtrigger {
  line-height: 25px;
}

#header #titles .h2.tranz,
#header #titles h2.tranz {
  font-weight: 400;
  color: #4c4c4c;
}
#header #titles h2.tranz {
  font-size: 0.8em !important;
}
.h2 {
  font-family: Montserrat;
  font-size: 14.5px !important;
}
h1.post.entry-title,
h1.entry-title.fullpage,
.single h1.entry-title {
  font-family: Montserrat;
  text-transform: uppercase;
  font-size: 2.3em;
  line-height: 1;
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0.4em 0 0.38em;
}

.page-template-template-banniere-cta h1.entry-title {
  border-bottom: solid 1px #3c3c3c;
}

.entry p {
  letter-spacing: 1.5px;
  line-height: 1.33;
}

.entry p.paragraphe-en-valeur {
  font-family: Montserrat;
  font-size: 1.07em;
  letter-spacing: initial;
  font-weight: 700;
}

.single .entry>p:first-child::first-letter,
.page .entry>p:first-child::first-letter {
  font-size: inherit;
  padding: 0;
  float: none;
  line-height: inherit;
}

#header .nav>li>a {
  font-size: 0.77em;
  font-weight: 300;
}

#header .nav>li>a:hover,
#header .nav>li>a:focus,
#header .nav>li>a:active,
#header .nav>li.current-menu-item>a {
  font-size: 0.77em;
  font-weight: 400;
}

.nav li>a, #titles .h2,
.nav li>a, #titles h2 {
  color:#29375c;
}
h6 {
  font-family: Arial, Helvetica, sans-serif;
}
a.searchSubmit, .ribbon, .quote .item_full.ribbon, .widgetable ul.menu>li.current-menu-item>a, .nav-previous a:hover, #respond #submit, .flex-direction-nav a, li.current a, .page-numbers.current, a.mainbutton, .blogger .format-quote, .products li .button.add_to_cart_button, .wrapper .wp-review-show-total, .header-big .wp-review-show-total, a.mainbutton, .tmnf_icon, #submit, #comments .navigation a, .tagssingle a, .contact-form .submit, .wpcf7-submit, a.comment-reply-link, ul.social-menu li a:hover, .meta_more a, h2.widget:after {
  background-color: #fa4616;
}
h5, .widgetable ul.menu>li>a, .bottomnav h2, #serinfo-nav li a, a.mainbutton, h5.review-title, .nav-previous a, .wrapper .wp-review-show-total, .header-big .wp-review-show-total, p.meta_more, #content .topic a, #content .reply a, #respond .form-submit input, .post-pagination, ul.social-menu li a {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
}
.footer-top, #footer .foocol, #copyright, #footer .tagcloud a, #footer ul.menu>li>a#footer .tp_recent_tweets ul li, #footer .p-border, .sticky .p-border, #footer .searchform input.s, #footer input, #footer ul.social-menu li a, #left-sidebar, #left-sidebar .tagcloud a, #left-sidebar .tp_recent_tweets ul li, #left-sidebar .p-border, #left-sidebar .searchform input.s, #left-sidebar input, #left-sidebar ul.social-menu li a, #left-sidebar ul.menu>li>a{
  border-color: #3c3c3c;
}
h2, blockquote, .flexcarousel .flexinside h2 {
  font-weight: 200;
}
/*******************************************************
    Header
*******************************************************/

@media print,
screen and (min-width:1024px) {
  #titles a.logo {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 200px;
  }
  #header #titles {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

/*******************************************************
    Menu
*******************************************************/
.nav li>a,.nav li>a {
  color: #29375c !important;
}
.nav li ul li>a {
  opacity: 1;
  font-weight: 300;
}
.nav li ul li>a:hover {
  opacity: 1;
  font-weight: 400;
}
/*Personnalisation des liens de menu au survol - menu desktop uniquement */
.bottom-menu li {
  margin-bottom: 15px;
}

@media print,
screen and (min-width:768px) {
  #main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .bottom-menu li a {
    position: relative
  }
  #header .nav>li.menu-item-has-children> a {
    z-index: 20;
  }
  #header .opened > a:after,
  #header .nav>li>a:after,
  .bottom-menu li a:after,
  #header .nav>li.menu-item-has-children> a:after{
    background-image: url(images/zigzag.png);
    background-image: url(images/zigzag.svg);
    content: '';
    height: 10px;
    opacity: 0;
    padding-bottom: 1px;
    position: absolute;
    top: auto;
    bottom: -8px;
    width: 100%;
    left: 0;
    color: transparent;
    background-repeat: no-repeat;
    background-size: 100px 10px;
    background-position-x: center;
    -webkit-transition: all .24s ease;
    -o-transition: all .24s ease;
    transition: all .24s ease;
  }
  #header .opened > a:after,
  #header .nav>li>a:hover:after,
  #header .nav>li>a:focus:after,
  #header .nav>li>a:active:after,
  #header .nav>li.current-menu-item>a:after,
  .bottom-menu li a:hover:after,
  .bottom-menu li a:focus:after,
  .bottom-menu li a:active:after,
  .bottom-menu li.current-menu-item>a:after {
    opacity: 1 !important;
  }
  #header .opened > a {
    font-weight: 400 !important;
  }
  #main-nav>li {
    border-left: 0;
    margin: 10px 0 0;
  }
  .navhead.scroll-to-fixed-fixed #main-nav>li {
    margin-bottom: 10px !important;
    /*pour que le decor de la page active n'empiète pas sur le contenu au scroll*/
  }
  #header .navhead {
    border-top: solid 1px #3c3c3c;
  }
  #header .sub-menu {
    top: 36px;
    border: 0;
    background-color: white;
  }
  #header .sub-menu:after {
    border: 0;
  }
}

.nav>li>a:hover::before,
.nav>li.current-menu-item>a::before {
  width: 0;
}

#header .nav li a {
  line-height: 1.1;
}

#header .nav li.menu-rechercher>a,
#header .nav li.menu-rechercher>a:hover,
#header .nav li.menu-rechercher>a:focus,
#header .nav li.menu-rechercher>a:active {
  color: transparent;
  /*clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	overflow: hidden;*/
}
#header .nav li.rdv-menu a{
  background-color: #343E5B;
  border-radius: 3px;
  color: white !important;
  font-weight: 400;
  -moz-box-shadow: -2px 3px 5px #888;
  -webkit-box-shadow: -2px 3px 5px #888;
  box-shadow: -2px 3px 5px #888;
}
#header .nav li.rdv-menu a:hover{
  color: #fa4616 !important;
}
#header .nav li.rdv-menu a:after {
  background-image: none;
}
li.menu-rechercher a::before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 18px;
  font-weight: normal;
  text-rendering: auto;
  color: rgb(41, 55, 92);
  position: relative;
  top: calc(50% - 9px);
}

#header .nav>li.menu-rechercher a::after {
  background-image: none;
}

/*Liens connexion et panier : afficher connexion si le visiteur n'est pas connecté, panier sinon */

#main-nav>li.menu-panier,
ul.nav li.menu-panier {
  display: none;
}

.logged-in #main-nav>li.menu-connexion,
.logged-in ul.nav li.menu-connexion {
  display: none !important;
}

.logged-in #main-nav>li.menu-panier {
  display: inline-block;
}

/*En version desktop, déplacer les liens connexion et panier en haut de la page*/

@media print,
screen and (min-width:768px) {
  .nav li.menu-top {
    position: absolute;
    top: -120px;
    right: 0;
  }
  #header .nav>li.menu-top>a:hover::after,
  #header .nav>li.menu-top>a:focus::after,
  #header .nav>li.menu-top>a:active::after,
  #header .nav>li.menu-top.current-menu-item>a::after {
    opacity: 0;
  }
  .menu-top:after {
    background-image: url(images/icone-cintre-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 18px;
    opacity: 1;
    padding-bottom: 1px;
    position: absolute;
    bottom: 10px;
    width: 27px;
    right: -13px;
  }
  .menu-top.menu-connexion:after {
    background-image: url(images/icone-user-bg.png);
  }
}

/*Menu mobile*/

#navigation li.menu-rechercher>a {
  color: transparent !important;
}

#navigation.shownav li.menu-rechercher a::before {
  color: rgb(221, 221, 221);
  left: 10px;
}

#header #titles {
  max-width: 70%;
}
#header #titles .h2,
#header #titles h2 {
  line-height: 1.5;
  margin: 10px 0 5px 0;
}
.upper #titles .h2 {
  text-transform: uppercase;
}


/*******************************************************
    Mosaique page accueil
*******************************************************/

/* Styles indépendants de la mise en page */

.mosaique-item {
  overflow: hidden
}

.cta {
  background-color: #29375c;
  padding: 20px;
  z-index: 1;
}

.cta-pages {
  background-color: /* Seb #29375c */#fa4616;
  padding: 20px;
  z-index: 1;
}

@media print, screen and (min-width:770px) {
  .cta-pages {
    position: fixed;
    top: 550px;
    /*margin-left: -4px;*/
  }

  .cta-pages-middle {
    position: fixed;
    top:auto;
    bottom: 250px;
    max-width: calc(28% - 10px);
  }

  .cta-pages-bottom {
    top: auto;
    bottom: 206px;
    position: fixed;
    max-width: calc(28% - 10px);
  }

  .cta-pages-top {
    position: static;
    margin-top: 20px;
    width: 100%;
  }
}

/*@media print, screen and (max-width:1024px) {
	.cta {

	}
}
*/

.cta a,
.cta-pages a {
  background: white;
  color: #29375c;
  display: block;
  font-family: Montserrat;
  font-size: 0.9em;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 10px;
  max-width: 300px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 17px;
  text-transform: uppercase;
  text-align: center;
}

.cta a:hover,
.cta a:focus,
.cta a:active {
  color: #29375c;
  font-weight: 400;
}
.cta-pages a:hover,
.cta-pages a:focus,
.cta-pages a:active {
  color: #29375c;
  font-weight: 400;
}

.cta p, .cta-pages p {
  font-family: 'Source Sans Pro';
  color: #ffffff;
  font-size: 0.6em;
  font-weight: 400;
  letter-spacing: 0.69px;
  line-height: 1.2;
  max-width: 300px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.cta .suiter, .cta-pages .suiter {
  font-family: 'Rozha One';
  color: #ffffff;
  font-size: 1.17em;
  font-weight: 400;
}

.cta .phonetique, .cta-pages .phonetique {
  font-family: 'Source Sans Pro';
  color: #ffffff;
  font-size: 1.17em;
  font-weight: 400;
  letter-spacing: 0.7px;
}

.mosaique-item.conteneur-image {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.mosaique-item.conteneur-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@supports((-o-object-fit: cover) or (object-fit: cover)) {
  .mosaique-item.conteneur-image img {
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.mosaique-item.conteneur-image .titre,
.mosaique-item.conteneur-image .texte {
  position: relative;
  z-index: 2;
}

.mosaique-item.conteneur-image h2.titre {
  border-top: solid 1px #fff;
  color: white;
  display: inline-block;
  font-family: 'Source sans pro';
  font-size: 1em;
  font-weight:350;
  line-height: 0.85;
  letter-spacing: 1px;
  margin: 0;
  max-width: 90%;
  padding: 21px 0 0 23px;
  text-transform: uppercase;
}

.mosaique-item.conteneur-image .texte {
  opacity: 0;
  -webkit-transition: ease-in 0.5s opacity;
  -o-transition: ease-in 0.5s opacity;
  transition: ease-in 0.5s opacity;
  font-size: 0.9em;
  letter-spacing: 0.64px;
  line-height: 1;
  max-width: 90%;
  padding: 12px 23px 22px;
}

.mosaique-item.conteneur-image:hover .texte {
  opacity: 1;
}

.mosaique-1 .mosaique-item:nth-child(1) .titre,
.mosaique-1 .mosaique-item:nth-child(1) .texte {
  max-width: 290px;
}

.mosaique-1 .mosaique-item:nth-child(2) .titre,
.mosaique-1 .mosaique-item:nth-child(2) .texte {
  max-width: 210px;
}

.mosaique-item .masque {
  background-position: center;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 0;
  -webkit-transition: ease-in 0.5s opacity;
  -o-transition: ease-in 0.5s opacity;
  transition: ease-in 0.5s opacity;
  top: 0;
  left: 0;
}

.mosaique-item:hover .masque {
  opacity: 1;
}

.item-1 .masque {
  background-image: url(images/hover1.png);
}

.item-2 .masque {
  background-image: url(images/hover2.png);
}

.item-3 .masque {
  background-image: url(images/hover3.png);
}

.item-4 .masque {
  background-image: url(images/hover4.png);
}

.item-5 .masque {
  background-image: url(images/hover5.png);
}

.item-6 .masque {
  background-image: url(images/hover6.png);
}

.item-7 .masque {
  background-image: url(images/hover7.png);
}

.item-8 .masque {
  /* Seb background-image: url(images/hover8.png); */
}

/* Grille mobile et navigateurs qui ne supportent pas Grid*/

/*Fixe aspect ratio de chaque item */

.mosaique {
  max-width: 400px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.mosaique-item {
  margin-bottom: 20px;
}

.mosaique .item-1 {
  height: 540px;
}

.mosaique .item-2 {
  height: 716px
}

.mosaique .item-3 {
  height: 392px
}

.mosaique .item-4 {
  height: 252px;
}

.mosaique .item-5 {
  height: 202px;
}

.mosaique .item-6 {
  height: 185px;
}

.mosaique .item-7 {
  height: 152vw;
  height: 547px
}

.mosaique .item-8 {
  height: 576px
}

@supports(grid-auto-flow: dense) {
  .mosaique {
    max-width: 2200px;
  }
  /*Grille 1 colonne */
  .mosaique .item-1 {
    height: 150vw;
    height: calc(1.5 * (100vw - 40px));
  }
  .mosaique .item-2 {
    height: 199vw;
    height: calc(1.99 * (100vw - 40px));
  }
  .mosaique .item-3 {
    height: 1.09vw;
    height: calc(1.09 * (100vw - 40px));
  }
  .mosaique .item-4 {
    height: 70vw;
    height: calc(0.7 * (100vw - 40px));
  }
  .mosaique .item-5 {
    height: 56vw;
    height: calc(0.56 * (100vw - 40px));
  }
  .mosaique .item-6 {
    height: 51.5vw;
    height: calc(0.515 * (100vw - 40px));
  }
  .mosaique .item-7 {
    height: 152vw;
    height: calc(1.52 * (100vw - 40px));
  }
  .mosaique .item-8 {
    height: 160vw;
    height: calc(1.6 * (100vw - 40px));
  }
}

@supports (grid-auto-flow: dense) {
  /*Grille 2 colonnes */
  @media screen and (min-width: 480px) {
    .mosaique-item {
      margin-bottom: 0;
      height: auto !important;
    }
    .mosaique {
      display: -ms-grid;
      display: grid;
      grid-gap: 2.2vw;
      margin-bottom: 2.2vw;
    }
    .mosaique-1 {
      -ms-grid-columns: 57% auto;
      grid-template-columns: 57% auto;
      -ms-grid-rows: 74vw 100vw;
      grid-template-rows: 74vw 100vw;
    }
    .mosaique-2 {
      -ms-grid-columns: 52% auto;
      grid-template-columns: 52% auto;
      -ms-grid-rows: 24vw 30vw 72vw;
      grid-template-rows: 24vw 30vw 72vw;
    }
    .mosaique .item-3 {
      grid-column: 1/ Span 2
    }
    .mosaique .cta {
      grid-column: 1/ Span 2
    }
    .mosaique .item-4 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      grid-row: 1 / span 2
    }
  }
  /*Grille 3 colonnes, largeur fixe 1 */
  @media print,
  screen and (min-width:1000px) {
    .mosaique {
      max-width: 100%;
      /* Seb grid-gap: 15px;
            margin-bottom: 15px; */
      grid-gap: 8px;
      margin-bottom: 8px;

    }
    .mosaique-1 {
      -ms-grid-columns: 38% 28.6% auto;
      grid-template-columns: 38% 28.6% auto;
      -ms-grid-rows: 2fr 1fr;
      grid-template-rows: 2fr 1fr;
      /* height:57vw;*/
      height: 484px;
    }
    .mosaique .item-1 {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / span 1;
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      grid-row: 1 / span 2;
    }
    .mosaique .item-2 {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / span 1;
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      grid-row: 1 / span 2;
    }
    .mosaique .item-3 {
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
      grid-column: 3 / span 1;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1 / span 1;
    }
    .mosaique .cta {
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
      grid-column: 3 / span 1;
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      grid-row: 2 /span 1;
    }
    .mosaique-2 {
      -ms-grid-columns: 1075fr 525fr 500fr;
      grid-template-columns: 1075fr 525fr 500fr;
      -ms-grid-rows: 11fr 4fr 12fr;
      grid-template-rows: 11fr 4fr 12fr;
      /*height:64vw;*/
      height: 544px;
    }
    .mosaique .item-4 {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / span 1;
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      grid-row: 1 / span 2;
    }
    .mosaique .item-5 {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1 / span 1;
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      grid-row: 3 / span 1;
    }
    .mosaique .item-6 {
      -ms-grid-column: 2;
      -ms-grid-column-span: 2;
      grid-column: 2 / span 2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1 / span 1;
    }
    .mosaique .item-7 {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 / span 1;
      -ms-grid-row: 2;
      -ms-grid-row-span: 2;
      grid-row: 2 / span 2;
    }
    .mosaique .item-8 {
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
      grid-column: 3 / span 1;
      -ms-grid-row: 2;
      -ms-grid-row-span: 2;
      grid-row: 2 / span 2;
    }
  }
  /*Grille 3 colonnes, largeur fixe 2*/
  @media print,
  screen and (min-width:1300px) {
    .mosaique-item.conteneur-image h2.titre {
      font-size: 1.5em;
    }
    .cta a {
      font-size: 1em;
      margin-bottom: 20px;
    }
    .mosaique {
      max-width: /* Seb 1024px; */1200px;
      /* Seb grid-gap: 22px;
            margin-bottom: 22px; */
      grid-gap: 8px;
      margin-bottom: 8px;
    }
    .mosaique-1 {
      -ms-grid-columns: 38% 28.6% auto;
      grid-template-columns: 38% 28.6% auto;
      -ms-grid-rows: 2fr 1fr;
      grid-template-rows: 2fr 1fr;
      /* height:57vw;*/
      height: 584px;
    }
    .mosaique-2 {
      -ms-grid-columns: 1075fr 525fr 500fr;
      grid-template-columns: 1075fr 525fr 500fr;
      -ms-grid-rows: 11fr 4fr 12fr;
      grid-template-rows: 11fr 4fr 12fr;
      /*height:64vw;*/
      height: 655px;
    }
  }
  /*
  @media screen and (min-width:2200px) {
    .mosaique-item.conteneur-image .titre {
      font-size:2em;
    }
    .mosaique-1 {
      height:1200px;
    }

    .mosaique-2 {
      height:1400px;
    }

  }*/
}

.sib_signup_form {
  max-width: 420px;
  position: relative;
  margin: 2em auto 0;
  margin-bottom: 10px;
}

.sib_signup_form h2 {
  font-size: 16px;
  font-weight: 500;
  color: #29375c;
  line-height: 27px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.sib_signup_form div[class^='sib_signup_box_inside_'],
.sib_signup_form div[class*='sib_signup_box_inside_']
{
  text-align: center;
}

.sib_signup_form .champs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 41px;

}

.sib_signup_form .sib-email-area {
  border-color: #29375c;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-height: 41px;
  vertical-align: bottom;
}

.sib_signup_form .sib-email-area input {
  width: 100%;
  margin: 0;
  height: 41px;
}

.sib_signup_form input.sib-default-btn:hover,
.sib_signup_form .icone-fleche:hover {
  cursor: pointer;
}

.sib_signup_form input.sib-default-btn {
  background-color: transparent;
  background-image: url(images/input.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
  overflow: hidden;
  width: 39px;
  height: 100%;
  border: 0;
}

.sib_signup_form .icone-fleche {
  background-color: #656565;
  border-width: 0;
  display: inline-block;
  height: 40px;
  position: relative;
}

/* IE10+ Hack*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .sib_signup_form input.sib-default-btn {
    position: relative;
    top:-1px;
    height: 43px;
    border-color: transparent;
    border-width: 2px;

  }
}
/*******************************************************
    Pages avec bannieres
*******************************************************/

@media print,
screen and (min-width:768px) {
  .page #content.a-banniere>.item_inn.ghost {
    position: relative;
    margin-top: -95px;
    background-color: #eee;
    z-index: 1;
  }
}

.eightcol.a-banniere {
  margin-bottom: 0 !important;
}

#sidebar .cta {
  margin-top: 1.7em;
}

.page .item_inn {
  padding: 0 30px
}

/*******************************************************
    Page webmagazine
*******************************************************/

.archive .meta_more a {
  border-radius: 0;
  font-family: Montserrat;
  color: #000000;
  font-size: 0.81em;
  font-weight: 300;
  line-height: 1.296;
  text-align: center;
  padding: 10px 20px;
  text-transform: uppercase;
}
.archive .meta_more a .fa-angle-right {
  padding-left: 5px;
}

.archive .meta_more a,
.archive .meta_more a:hover,
.archive .meta_more a:focus,
.archive .meta_more a:active {
  background-color: #29375c !important;
}

.archive .item_inn.tranz { /* Seb etiquette metadata articles */
  /* Seb background-color: #fff;
  padding-top : 10px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0px;
  min-height: 80px;
  z-index: 1000;
  margin-top: 20px;
}
.item_full .tranz {
	background: #ffffff;
	overflow: visible;
}
.archive .item_full .tranz img {
  margin-bottom : 50px;
  margin-top: -30px;
  background-color: #ffffff;
  color: #fff;*/

}
/* Seb .Vertical .item_inn{ position:relative; /* Seb height:112px;  height:auto; } */
.Vertical .item_inn{position:absolute; top:auto; bottom:0; left:0; width:100%; z-index:4; padding:5px 20px 15px 20px; min-height:40px; overflow:hidden; }

.archive .item_inn.tranz h2 {
  font-family: 'Rozha One', 'serif';
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 1px;
}
.archive .item_inn.tranz p {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;

}
.archive .item_inn.tranz a {
  color: #fff;
}

.archive p.teaser {
  line-height: 1.25;
}

.single-post div.item {
  border-width: 0;
  background: #eee;
}
.single-post h1.entry-title {
  border-bottom: solid 1px #3c3c3c;
  width: 90%;
  padding: 20px;
}
.single-post h3.additional,
.single-post ul.related {
  display: none;
}

/*******************************************************
    Pages Woocommerce
*******************************************************/

.archive.woocommerce-page h1,
.woocommerce-result-count,
.woocommerce-ordering {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.archive.woocommerce-page ul.products {
  padding-top: 0;
  border-top-width: 0;
}

.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  font-family: Montserrat;
  color: #29375c;
  display: list-item;
  font-size: 15px;
  font-weight: normal;
  line-height: 15px;
  padding-bottom: 5px;
  text-align: left;
  text-transform: uppercase;
}

.woocommerce ul.products li.product span.price {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  text-align: left;
  color: rgb(24, 48, 81);
  text-transform: uppercase;
  /* Seb  	  	font-family: Montserrat;
      font-size: 18px;
      font-weight: 200;
      height: 51px;
      padding-bottom: 20px;
      padding-top: 10px;
      text-transform: uppercase;*/
}
.woocommerce-Price-amount span.amount {
  /* Seb font-family: Montserrat;
    color: #ff0000;
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    text-align: left;
	color: rgb(24, 48, 81);
	display: inline;
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 15px;
  font-weight: 100;
	height: 20px;
	letter-spacing: normal;
	line-height: 15px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase; */
  text-align: left;

  color: rgb(24, 48, 81);
  display: inline-block;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 200;
  height: 51px;
  padding-bottom: 20px;
  padding-top: 10px;
  text-transform: uppercase;
}
.products li a.button.add_to_cart_button {
  display: none;
  position: absolute;
  top: 84px;
  left: 20%;
  left: calc(50% - 52px);
  margin: 0;
}
.products li a.added_to_cart {
  left: calc(50% - 115px / 2);
}

.woocommerce-page .sidebar_item {
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.woocommerce-page #sidebar h2 {
  color: #29375c;
  font-size: 0.85em;
  font-weight: 500;
  padding-bottom: 0;
}

.woocommerce-page h2.widget::after {
  display: none;
}

.woocommerce-page h2.widget {
  border-bottom: solid 1px #000;
}

.woocommerce-page .widgetable ul.product-categories {
  margin-bottom: 0;
  background: transparent;
}

.woocommerce-page .widgetable ul.product-categories>li {
  font-size: 0.9rem;
  font-weight: 300;
  letter-spacing: 0.083rem;
  line-height: 1.2;
  padding-left: 0;
}

.widgetable ul.product-categories>li:nth-child(odd) {
  background: none !important;
}

.woocommerce-page .widgetable ul.menu>li>a {
  border-bottom-width: 0;
  padding: 5px 0;
}

.woocommerce-page .widgetable ul li.cat-item {
  list-style: none;
}

.woocommerce-page .widgetable ul.menu>li>a {
  font-family: 'Source Sans Pro', Arial, sans-serif;
  font-size: 1em;
  font-weight: 300;
  text-transform: initial;
}

.woocommerce-page .widgetable ul.menu>li.current-menu-item>a {
  font-weight: 400;
}

.woocommerce-page .woocommerce a.button,
.woocommerce-page .products li .button.add_to_cart_button,
.woocommerce-page .products li a.added_to_cart {
  background-color: #29375c !important;
  border-radius: 0;
  border: solid 1px #fff !important;
  color: #fff;
  font-weight: 200;
  text-transform: initial;
}

.archive.woocommerce nav.woocommerce-pagination {
  text-align: right;
}

.woocommerce nav.woocommerce-pagination ul li span.fa {
  padding: 0;
}
.price_slider_wrapper .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .4em;
  display: block;
  border: 0;
  background: #fa4616;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}

/*******************************************************
    Fiche produit
*******************************************************/

.single.single-product.woocommerce h1.entry-title {
  /* Seb font-family: Montserrat;
    font-size: 30px;
    color: #29375c;
    font-weight: 400;
    padding-bottom: 0 !important;
    text-transform: unset;
    margin-top: 0 !important; */
  color: rgb(24, 48, 81);
  display: block;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 200;
  letter-spacing: normal;
  line-height: 30px;
  margin-top: 0px!important;
  padding-bottom: 0px!important;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  text-decoration: none;
  text-transform: uppercase;
}

.single.single-product.woocommerce div.product p.price {
  /* Seb font-family: Montserrat;  color: #000000;
      font-size: 30px;
      font-weight: 100;
      line-height: 30px;
      text-align: left; */
  color: rgb(24, 48, 81);
  display: inline-block;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 200;
  height: 51px;
  padding-bottom: 20px;
  padding-top: 10px;
  text-transform: uppercase;

}

.single.single-product.woocommerce #content .quantity {
  width: 200px;
}

.single.single-product.woocommerce #content .quantity input.qty {
  border: solid 1px #3c3c3c !important;
}

.single.single-product.woocommerce input[type=number]::-webkit-inner-spin-button,
.single.single-product.woocommerce input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.single-product .quantity::before {
  content: 'Quantité';
  text-transform: uppercase;
  font-family: Montserrat;
  color: #29375c;
  font-size: 0.8em;
  font-weight: 200;
  line-height: 1;
  padding-right: 10px;
  text-align: right;
}

.woocommerce div.product form.cart .button,
.woocommerce a.button.wc-forward,
.woocommerce form button.button,
.woocommerce a.checkout-button.button.alt.wc-forward {
  float: right !important;
  background-color: #29375c;
  border-radius: 0;
  font-family: Montserrat;
  color: #ffffff;
  font-size: 0.81em;
  font-weight: 300;
  line-height: 1.296;
  text-align: center;
  padding: 10px 20px;
  text-transform: uppercase
}

.woocommerce a.button.wc-forward:hover,
.woocommerce a.button.wc-forward:focus,
.woocommerce a.button.wc-forward:active,
.woocommerce form button.button:hover,
.woocommerce form button.button:focus,
.woocommerce form button.button:active,
a.checkout-button.button.alt.wc-forward:hover,
a.checkout-button.button.alt.wc-forward:focus,
a.checkout-button.button.alt.wc-forward:active,
.woocommerce div.product form.cart .button:hover,
.woocommerce div.product form.cart .button:focus,
.woocommerce div.product form.cart .button:active,
.woocommerce .place-order button.button.alt:hover,
.woocommerce .place-order button.button.alt:focus,
.woocommerce .place-order button.button.alt:active {
  background-color: #29375c !important;
  border-color: #29375c !important;
}

.summary.entry-summary form {
  border-top: solid 1px #000;
  padding-top: 20px;
}

.woocommerce div.product .summary form.cart .variations label {
  font-weight: 400;
}

@media print,
screen and (min-width:768px) {
  #woo-inn>.product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .woocommerce-product-gallery,
  .entry-summary {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    /*max-height: 550px;*/
  }
  .woocommerce-page #woo-inn div.product div.summary,
  .woocommerce #woo-inn div.product form.cart {
    margin-bottom: 0;
  }
  /*  .woocommerce  #woo-inn div.product form.cart {
    position:relative;
    left:-130px;
  }*/
  .summary.entry-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .description-produit {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .description-produit h2 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: light;
    color: #29375c;
    margin-top: 30px;
    margin-bottom: 10px;
    line-height: 28px;
  }
  .description-produit h3 {
    font-family: 'Source Sans Pro';
    font-size: 18px;
    font-weight: 700;
    color: #29375c;
    margin-top: 16px;
    margin-bottom: 11px;
    line-height: 26px;
  }
  .description-produit ul {
    font-family: 'Source Sans Pro';
    font-size: 18px;
    font-weight: 100 !important;
    list-style: disc !important;
    list-style-position: outside !important;
    margin-left: 30px;
    color: #29375c;
    margin-bottom: 15px;
  }
  .description-produit li {
    font-weight: 100;
    line-height: 26px;
  }
  .description-produit p {
    font-weight: 100;
    line-height: 30px;
  }
}

/*******************************************************
    Images produits
*******************************************************/

.single-product #woo-inn {
  padding: 0;
  margin-left: 0;
}

/*Ajout de marges entre les images */

figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-of-type {
  margin-bottom: 10px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  margin-right: 10px;
  padding-top: 0;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) img {
  border: solid 1px #000;
}

/*Sur desktop, si supporté, affichage grid */

@media screen and (min-width:768px) {
  @supports(grid-auto-flow: dense) {
    figure.woocommerce-product-gallery__wrapper {
      display:-ms-grid;
      display: grid;
      -ms-grid-columns: 80% auto;
      grid-template-columns: 80% auto;
      -ms-grid-rows: (1fr)[4];
      grid-template-rows: repeat(4, 1fr);
      grid-column-gap: 30px;
    }
    figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-of-type {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 1;
      -ms-grid-row-span: 4;
      grid-row: 1 / span 4;
    }
    .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2 /span 1;
      width: 100% !important;
    }
    .woocommerce div.product div.images a.woocommerce-product-gallery__trigger {
      right: 25%;
    }
  }
}

/*******************************************************
    Page contact
*******************************************************/

.page-id-22 .entryfull {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.control-label {
  line-height: 1.1;
}

input.bouton {
  background-color: #29375c;
  color: white;
}
.contactvl label {
  font-family: 'Source Sans Pro';
  font-size: 16px;
  line-height: 25px;
  font-weight: 100;
  text-align: left;
}


/*******************************************************
    Page CGV
*******************************************************/

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


h2.cgv {
  font-family: Montserrat;
  font-size: 30px !important;
  font-weight: 200;
}

li.licgv {
  font-family: 'Source Sans Pro';
  font-size: 18px;
  line-height: 25px;
  font-weight: 200;
  list-style-type: none;
  list-style: none;
  margin-left: -15px;
}

input.bouton {
  background-color: #29375c;
  color: white;
}

/*******************************************************
    RDV Bookly
*******************************************************/
.page-id-77 .entryfull {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}


.bookly-btn {
  border-radius: 0 !important;
}

.bookly-btn>span {
  font-weight: 400 !important;
  text-transform: initial !important;
}

/*******************************************************
    Page de recherche sans résultats
*******************************************************/

.isotope .no-search.masonry_item::after {
  display: none !important;
}

/*******************************************************
    Pied de page
*******************************************************/

.footer-logo,
.livraison,
.paiement {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
}

/* Seb .footer-logo {
  border: solid 1px #3c3c3c;
  line-height: 1.17;
  font-size: 12px;
  margin-left: 1px;
  max-width: 310px;
  padding: 8px 0;
}

.livraison,
.paiement {
  padding: 8px 16px;
}

.footer-logo .livraison img {
  width: 25px;
  margin-right: 16px;
}

.footer-logo .paiement img {
  margin-right: 16px;
  margin-left: 10px;
  width: 34px;
}
 */
.paiement {
  border-left: solid 1px #3c3c3c;
}

.bottom-menu {
  float: none;
  display: inline-block;
  max-width: 100%;
}

.footer-icons {
  border: none;
}

#footer ul.social-menu {
  margin: 0;
}

#footer ul.social-menu li {
  margin-right: 0
}

#footer .footer-icons ul.social-menu li a {
  border: none;
  padding: 30px 0 0;
  height: 30px;
  width: 30px;
  margin: 0;
;
}

#footer .social-menu .fa {
  color: #646464;
  font-size: 26px;
  position: relative;
  top: 0;
  left: 0;
}

#footer .footer-icons ul.social-menu li a:hover .fa,
#footer .footer-icons ul.social-menu li a:focus .fa {
  color: #fff;
}

#footer .footer-icons ul.social-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

li.sprite-instagram {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.footer-icons .searchicon {
  display: none;
}

.texte-copyright {
  text-align: center;
}

.liens-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-menu a:hover,
.bottom-menu a:focus,
.bottom-menu a:active {
  font-weight: 300;
}

@media print,
screen and (min-width:768px) {
  .liens-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer-logo,
  .footer-icons {
    -ms-flex-preferred-size: 302px;
    flex-basis: 302px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .footer-logo {
    font-size: 14px;
  }
  ul.bottom-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 500px;
    margin-bottom: 5px;
  }
}

/*******************************************************
    Message extension Cookie Notice
*******************************************************/

#cookie-notice a,
#cookie-notice a:hover,
#cookie-notice a:focus,
#cookie-notice a:active {
  background: transparent !important;
  color: rgb(244, 161, 7);
  text-transform: initial;
}

/*******************************************************
    Page Sur-mesure
*******************************************************/

.bloc {
  margin-bottom: 100px;
  position: relative;
}

.bloc h2 {
  color: #ffffff;
  font-size: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -200px;
  position: relative;
  text-align: center;
  width: 90%;
}

.bloc span {
  color: #fa4616;
  font-family: 'Rozha One','serif';
}

.subblocimg {
  position: relative;
}

.subblocimg img {
}

.subbloctxt {
  background-color: #ffffff;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 22px;
  padding: 20px;
  position: relative;
}

.subbloctxt h3 {
  font-size: 18px;
  /*font-weight: bold;*/
  position: unset;
  text-transform: uppercase;
}

.subbloctxt p {
  font-size: 14px;
  position: unset;
}


/*******************************************************
    Chapo
*******************************************************/

.chapo {
  background-color: #394d81;
  border-bottom: none;
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: 50px;
}

.chapo h1 {
  border-bottom: solid 1px #ffffff !important;
  color: #ffffff !important;
  font-family: 'Source Sans Pro';
}

.subchapo {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px;
  width: 75%;
}

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

.chapo p {
  color: #ffffff;
  text-align: center;
  font-family: 'Source Sans Pro';
}

blockquote {
  background-color: #ffffff;
  border-left: none !important;
  margin-left: 0 !important;
}

blockquote p {
  color: #fa4616;
  font-family: 'Rozha One','serif';
  font-size: 23px;
  padding: 60px 10px;
  text-align: center;
}

blockquote::before {
  content: "\201C";
  color: #666666 !important;
  display: block;
  font-size: 80px;
  font-family: 'Rozha One','serif';
  left: -20px;
  top: 40px;
  position: relative;
  height: 0;
}

blockquote::after {
  content: "\201D";
  color: #666666 !important;
  display: block;
  font-size: 80px;
  font-family: 'Rozha One','serif';
  left: 250px;
  top: -30px;
  position: relative;
  height: 0;
}

.float {
  float: right;
  width: 50%;
  position: relative;
  margin-left: 20px;
}

@media print, screen and (max-width:1024px) {
  .float {
    float: initial;
    width: 100%;
    margin-right: 10px;
  }
}

@media (max-width:768px) {
  .float {
    float: initial;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  blockquote p {
    color: #fa4616;
    font-family: 'Rozha One','serif';
    font-size: 18px;
    padding: 60px 10px;
    text-align: center;
  }

  blockquote::before {
    content: "\201C";
    color: #666666 !important;
    display: block;
    font-size: 60px;
    font-family: 'Rozha One','serif';
    left: 20px;
    top: 40px;
    position: relative;
    height: 0;
  }
  blockquote::after {
    content: "\201D";
    color: #666666 !important;
    display: block;
    font-size: 60px;
    font-family: 'Rozha One','serif';
    /* Seb left: 250px; */
    right: -80px;
    top: -30px;
    position: relative;
    height: 0;
  }
}
@media (mobile) {
  .float {
    float: initial;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  blockquote p {
    color: #fa4616;
    font-family: 'Rozha One','serif';
    font-size: 16px;
    padding: 60px 10px;
    text-align: center;
  }
  blockquote::before {
    content: "\201C";
    color: #666666 !important;
    display: block;
    font-size: 60px;
    font-family: 'Rozha One','serif';
    left: 0px;
    top: 40px;
    position: relative;
    height: 0;
  }
  blockquote::after {
    /* Seb content: "\201D";
    color: #666666 !important;
    display: block;
    font-size: 60px;
    font-family: 'Rozha One','serif';
    left: 250px;
    margin-right: -150px;
    top: -30px;
    position: relative;
    height: 0;*/
    display: none;
  }
}
p.lamarque {
  font-size: 14px !important;
}

/*******************************************************
    Header icons
*******************************************************/

.header-social-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: -30px;
  margin-bottom: 20px;
}

.header-social-menu  ul {
  text-align: right;
}

.header-social-menu li {
  margin-left: 0px;
}

.header-social-menu img {
  width: 50%;
}



.entry h3{font-size:120%;}

.container, .container_alt {
  margin-bottom: 10px;
}

.wpn_buttons {
  margin-top: 30px;
}

.next_previous a {
  color: #29375c;
  font-size: 24px;
  font-family: Montserrat;
}

/*******************************************************
    Pages Produit Catégorie
*******************************************************/
.category-header  {
  flex:1;
  margin-bottom: 30px;
}
.category-header > * {
  flex:1;
}
.category-header > div:first-child {
  margin-right: 50px;
}
.category-header > div:first-child img{
  max-height: 200px;
  width: 100%;
}
#anchor_product_category_more_info {
  font-size: 15px;
  color: #959AAA;
}
#anchor_product_category_more_info:after {
  font-family: FontAwesome;
  content: '\f105';
  position: relative;
  top: 1px;
  left: 10px;
}

#product_category_more_info {
  margin-bottom: 50px;
  width: 100%;
}
#product_category_more_info * {
  color: rgb(0, 51, 102);
}

#product_category_more_info .title-wrapper {
  flex-direction: column;
  width: 100%;
}
#product_category_more_info .title {
  font-size: 33px;
}
#product_category_more_info .title > img {
  position: relative;
  top: 2px;
  margin-left: 15px;
  width: 230px;
}
#product_category_more_info .border {
  border-top: 1px solid;
  width: 300px;
  margin-top: 15px;
  padding-top: 15px;
}
#product_category_more_info .border > img {
  margin-top: 15px;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  position: relative;
  background-color: transparent;
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-bottom: 1px solid;
}

.accordion:after {
  font-family: FontAwesome;
  content: '\f107';
  font-size: 30px;
  position: absolute;
  right: 0;
  top: 30px;
}
.accordion.active:after {
  font-family: FontAwesome;
  content: '\f106';
  font-size: 30px;
  position: absolute;
  right: 0;
  top: 30px;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active{
  border: none;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding-bottom: 20px;
  display: none;
  overflow: hidden;

  border-bottom: 1px solid;
}
.woocommerce-page .container #sidebar {
  float: none !important;
  background-color: white;
}
.woocommerce-page.tax-product_cat .container #content ,
.woocommerce-page.tax-product_cat .container #woo-inn ,
.woocommerce-page.tax-product_cat .container ul.products {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}.woocommerce-page.tax-product_cat .container .woo-site {
   margin-top: 0;
 }
.woocommerce-page.single-product .container #content {
  margin-bottom: 50px;
}
@media (max-width: 770px) {
  #main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }

  .woocommerce-breadcrumb {
    order: 1;
  }
  .category-header {
    order: 2;
    flex-direction: column;
  }
  .category-header > div:first-child {
    margin-right: 0;
  }
  .woocommerce .category-header  img{
    width: 100%;
  }
  #content {
    order: 4;
  }
  #sidebar {
    order: 3;
    max-width: 100% !important;
  }
}
/* IE10+ Hack*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tax-product_cat  .content-area {
    max-height: 50px;

  }
  .woocommerce-page .container #sidebar {
    float: right !important;
  }
}
/*******************************************************
    Scroll icon
*******************************************************/
.scrollTo_top {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 35px !important;
  height: 35px;
}
.scrollTo_top a {
  display: block;
  height: 100%;
  background: #FA4616;
}
.scrollTo_top a i {
  position: relative;
  height: 100%;
  width: 100%;
  top: 10px;
  color: white;
}
.scrollTo_top a i:before {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
/*******************************************************
   frontpage  Shortcode general_excerpt
*******************************************************/
#sc_description {
  font-family: Montserrat;
  font-size: 15px;
  text-align: center;
  margin-top: 50px;
  width: 100%;
  color: #29375c;
}
#description-grid {
  width: 100%;
  height: 250px;
  margin-top: 50px;
}
#description-grid > div {
  line-height: 30px;
  font-size: 14px;
  justify-content: flex-start;
  width: 350px;
}
#description-grid > div > img {
  margin-bottom: 20px;
}
/* IE10+ Hack*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #description-grid > div > p{
    width: 100%;
  }
}
@media screen and (max-width: 940px) {
  #description-grid {
    flex-wrap: wrap;
    height: auto;
  }
}
/*******************************************************
   frontpage  Shortcode derniers-posts
*******************************************************/
#derniers-posts {
  flex-direction: column;
}

#derniers-posts > p {
  color: #29375c;
  margin-bottom: 30px;
}
#derniers-posts .derniers-posts > div {
  flex: 1;
}
.derniers-posts .post ,
.derniers-posts #suite{
  position: relative;

}
.derniers-posts #first {
  margin-right: 10px;
}
.derniers-posts #second {
  margin-bottom: 10px;
}
.derniers-posts #third {
  margin-right: 10px;
}
.derniers-posts #third,
.derniers-posts #suite{
  flex: 1;
}
.derniers-posts img{
  width: 100%;
  height: 100%;
}

.derniers-posts .overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.derniers-posts #suite .overlay{
  background-color: rgba(41, 55, 72, 0.7);
}
.derniers-posts .description{
  max-width: 300px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.derniers-posts .description *{
  line-height: initial;
  font-size: 12px;
  font-weight: 100;
  color: white;
  margin-top: 0;
  margin-bottom: 5px;
}
.derniers-posts #suite *{
  line-height: initial;
  color: white;
  margin-top: 0;
  margin-bottom: 5px;
}
.derniers-posts .description h2{
  font-weight: 500;
}
.derniers-posts .content {
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.derniers-posts .content::before {
  content: "\f055";
  font-family: FontAwesome;
  font-size: 100px;
  margin-bottom: 10px;
}
.derniers-posts .content span {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  opacity: 1;
  position: relative;
  margin: 15px 0;
  padding: 0;
}
.derniers-posts .content span:after{
  background-image: url(images/zigzag.png);
  background-image: url(images/zigzag.svg);
  content: '';
  height: 10px;
  padding-bottom: 1px;
  position: absolute;
  bottom: -15px;
  width: 100%;
  left: 0;
  color: transparent;
  background-repeat: no-repeat;
  background-size: 100px 10px;
  background-position-x: center;
}
/* IE10+ Hack*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .derniers-posts{
    display:block;
    width: 100%;
  }
  .derniers-posts #first {
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 940px) {

  .derniers-posts {
    flex-direction: column;
    width: 100%;
  }
  .derniers-posts #first {
    margin-right: 0;
  }
  .derniers-posts #second {
    margin-top: 10px;
  }
}

@media screen and (max-width: 650px) {

  #third-section {
    flex-direction: column;
  }
  .derniers-posts #third {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .derniers-posts #second {
    margin-top: 10px;
  }
}

/*******************************************************
   frontpage  Shortcode bookly-front
*******************************************************/
#sc_bookly_front {
  position: relative;
  margin-bottom: 10px;
  color: whitesmoke;
}

#sc_bookly_front .overlay {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#sc_bookly_front .title-site {
  position: relative;
  margin-bottom: 50px;
}
#sc_bookly_front .title-site:before {
  content: "";
  background-image: url(images/zigzag.png);
  background-image: url(images/zigzag.svg);
  width: 100%;
  height: 10px;
  background-size: 100px 10px;
  background-position-x: center;
  position: absolute;
  bottom: -5px;
}

#sc_bookly_front .overlay  .line{
  position: relative;
  width: 300px;
  margin-top: 30px;
  margin-bottom: 30px;
}
#sc_bookly_front .line:before {
  content: "";
  background-image: url(images/zigzag.png);
  background-image: url(images/zigzag.svg);
  width: 100%;
  height: 10px;
  background-size: 100px 10px;
  background-position-x: center;
  position: absolute;
  bottom: -5px;
  right: 0;
  left: 0;
}
#sc_bookly_front .overlay .line:after{
  content: "";
  background-image: url(images/icon_white.png);
  background-image: url(images/icon_white.svg);
  background-repeat: no-repeat;
  position: relative;
  height: 15px;
  width: 40px;
  top: 8px;
}
#sc_bookly_front .overlay #description p{
  max-width: 600px;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
}
#sc_bookly_front .bookly-form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  max-width: 600px;
}
#sc_bookly_front .bookly-form > div {
  flex:1
}
#sc_bookly_front #bookly-calendar {
  width: 300px;
  text-align: center;
}
#sc_bookly_front #bookly-time {
  width: 200px;
  text-align: center;
}
#sc_bookly_front .bookly-not-time-screen {
  font-size: 14px;
  margin-left: 0px;
}
#sc_bookly_front #bookly-calendar > p ,
#sc_bookly_front #bookly-time > p
{
  text-transform: uppercase;
}
#sc_bookly_front #bookly-calendar > span ,
#sc_bookly_front #bookly-time > span
{
  display: inline-block;
  border: 1px solid;
  border-radius: 2px;
  width: 100%;
  font-weight: 100;
  font-size: .9em;
}

#sc_bookly_front .bookly-form  .bookly-slot-calendar {
  position: relative;
}
#sc_bookly_front .bookly-columnizer-wrap,
#sc_bookly_front .bookly-slot-calendar > .picker {
  position: absolute;
}
#sc_bookly_front .bookly-columnizer-wrap{
  z-index: 999999;
  background-color: white;
  border-radius: 5px;
}
#sc_bookly_front .bookly-form .bookly-time-step {
  width: auto !important;
  display: table-row;
  position: initial;
}
#sc_bookly_front .bookly-form .bookly-columnizer .bookly-column {
  min-width: 100px;
}
#sc_bookly_front .bookly-columnizer-wrap,
#sc_bookly_front .bookly-slot-calendar .picker,
#sc_bookly_front .bookly-form .bookly-time-step .bookly-time-screen:nth-child(2) .bookly-day,
#sc_bookly_front .bookly-box{
  display: none !important;
}
#sc_bookly_front .bookly-form .picker__frame {
  background-color: white !important;
}
#sc_bookly_front .bookly-form .picker__frame * {
  color: #29375c !important;
}
#sc_bookly_front .bookly-form .picker__day--highlighted {
  border: 1px solid !important;
  border-color: #29375c!important;
}

#sc_bookly_front .bookly-form-group .bookly-label-error,
#sc_bookly_front .bookly-form-group > label {
  color: white !important;
}

/* RESPONSIVE */
/* IE10+ Hack*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #sc_bookly_front .overlay .line::after {
    position: absolute;
    top:-8px;
    right: 45%;
  }
  #sc_bookly_front .bookly-form > div {
    flex:none
  }
}
@media screen and (max-width: 940px) {
  #sc_bookly_front .overlay  .line.opened,
  #sc_bookly_front .title-site.opened{
    display: none !important;
  }

  #sc_bookly_front .overlay{
    flex-direction: row;
    padding-right: 10px;
    padding-left: 10px;
  }
  #sc_bookly_front .overlay.details-step{
    flex-direction: column;

  }
  #sc_bookly_front .overlay.details-step .bookly-form {
    margin-right: 0;
  }

  #sc_bookly_front .overlay > div {
    flex: 1;
  }
  #sc_bookly_front .bookly-form {
    flex-direction: column !important;
    margin-left: 30px;
  }
  .bookly-table > * {
    display: block;
  }
  #sc_bookly_front .bookly-time-step {
    margin-bottom: 0 !important;
  }
  #sc_bookly_front #bookly-time,
  #sc_bookly_front #bookly-calendar {
    width: auto;
  }
  #sc_bookly_front .bookly-slot-calendar {
    margin: 0;
  }
}

@media screen and (max-width: 700px){

  #sc_bookly_front #content #description p {
    font-size: 15px;
    line-height: initial;
  }
}

@media screen and (max-width: 650px){
  #sc_bookly_front .overlay #content {
    flex: .5;
  }
  #sc_bookly_front .bookly-form {
    width: 100%;
    flex-direction: column !important;
    margin-left: 0;
  }
  #sc_bookly_front .overlay  .line {
    height: 15px;
    width: 150px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid whitesmoke;
    border-left: 0;
  }
  #sc_bookly_front .overlay .line:before {
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    margin: auto;

  }
  #sc_bookly_front .overlay {
    flex-direction: column;
  }

}
@media screen and (max-width: 550px){

  #sc_bookly_front #content #description p {
    font-size: 10px !important;
  }
  #sc_bookly_front .overlay {
    margin-top: 10px;
  }

  #sc_bookly_front .bookly-columnizer-wrap {
    left: 10px;
    right: 10px;
  }

}