/*
Theme Name: suprefonte
Description: Theme enfant de thibaut
Author: Thibaut Chatellard
Template: twentytwentyone
Version: 0.1.0
*/


main *{
  max-width: 100%;
}

*a{
  text-decoration: none !important;
}

*{
  outline: 0px !important;
}

.site-main *{
  margin-top: 0 !important;
  margin-bottom: 0;
}

/* *{
  max-width: none !important;
} */

main{
  padding-top: 0 !important;
}

.site-content{
  padding: 0 !important;
}

.copyright-area.copyright-area__dark {
  display: none;
}

div.barre-haute-bleu-mobile{
  display: none;
}

div.vc_parallax-inner{
  background-image: none !important;
}

/* img{
  margin: 0px !important;
} */

/* .primary-navigation> .menu-wrapper { */

h2.home{
  position: relative;
  font-size: 1.8rem;
  color: #FFFFFF;
  font-weight: 500;
  text-transform: uppercase;
}

div.h-accueil{
  width: 100vw;
  margin-left: -20%;
  background: linear-gradient(90deg, rgba(22,22,22,1) 0%, rgba(22,22,22,1) 50%, rgba(61,115,141,1) 100%);
  margin-bottom: 7%;
  margin-top: 0% !important;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1020px){
  div.h-accueil{
    width: 115vw;
  }
  
}

@media screen and (min-width: 1020px){
  div.shop-home {
    padding: 0% 10%;
  }
}


div.one{
  margin-top: -100px;
  /* margin-bottom: 0 !important; */
}

h2.gauche{
  width: 50%;
  text-align: right;
}

h2.droite{
  width: 50%;
  text-align: left;
  margin-left: 50%;
}




ul#primary-menu-list{
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  max-width: none;
  padding-left: 0;
  position: relative;
  width: 101vw;
  /* margin-left: 10%; */
  /* margin-right: 10%; */
  padding: 0 10%;
  background-color: #846149;
  height: 27px;
  align-items: center;
  margin-top: -30px;
}

header{
  z-index: 999999;
  display: flex;
  position: relative;
  align-items: center;
  top: 0px;
  height: 65px;
  background: rgb(2,0,36);
  background: linear-gradient(126deg, rgba(16,16,16,1) 0%, rgba(16,16,16,1) 215px, rgba(61,115,141,1) 215px);
}

header img.text-logo-bleu{
  height: 100%;
  position: relative;
  left: 1%;
}

header img.text-logo-famille-blanc{
  height: 100%;
  /* height: 80%; */
  position: relative;
  left: 1%;
}

div.surlign{
  text-align: right;
  margin-right: 5%;
}

div.surlign a{
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 16px;
  margin-left: 35px;
  line-height: 115%;
}

img.open-deroul{
  height: 55px;
  margin-top: 20px !important;
}

div.bloc-text-famille {
  width: 70%;
  text-align: center;
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/bc-fammm.jpg);
  padding: 26% 10% 5% 10%;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: left;
  position: relative;
  /* left: 10%; */
  color: white;
  font-size: larger;
  font-weight: 600;
  /* margin-bottom: 23px; */
}

img.aftily{
  width: 70%;
  margin-top: -15% !important;
}

div.bloc-famille-marron {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


/* @media screen and (min-width: 800px) and (max-width: 930px){
  div.menu-header a{
    font-size: 11px;
}
}

@media screen and (min-width: 930px) and (max-width: 1000px){
  div.menu-header a{
    font-size: 14px;
}
} */

a.surlign::after{
  display:block;
  content: '';
  border-bottom: solid 2px white;
  transform: scaleX(0);  
  transition: transform 500ms ease-in-out;
}

a.surlign:hover::after{
  transform: scaleX(1);
  transform-origin:  0% 50%;
}


a.surlign::before{
  display:block;
  content: '';
  border-bottom: solid 2px white;
  transform: scaleX(0);  
  transition: transform 500ms ease-in-out;
}

a.surlign:hover::before{
  transform: scaleX(1);
  transform-origin:  50% 100%;
}


li.surlign a::after{
  display:block;
  content: '';
  border-bottom: solid 2px white;
  transform: scaleX(0);  
  transition: transform 500ms ease-in-out;
}

li.surlign a:hover::after{
  transform: scaleX(1);
  transform-origin:  0% 50%;
}


li.surlign a::before{
  display:block;
  content: '';
  border-bottom: solid 2px white;
  transform: scaleX(0);  
  transition: transform 500ms ease-in-out;
}

li.surlign a:hover::before{
  transform: scaleX(1);
  transform-origin:  50% 100%;
}

li.surlign a{
  line-height: 1.4;
}


div.menu-header{
  display: flex;
  width: 100%;
  position: absolute;
  justify-content: flex-end;
  text-align: center;
  right: 4%;
}

div.barre-menu-marron{
  text-transform: uppercase;
  background-color: #846149;
  height: 24px;
  position: absolute;
  top: 65px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  z-index: 99;
}

div.barre-menu-marron a{
  color: white;
  margin-right: 2%;
  margin-left: 2%;
  line-height: 20px;
}

a#logo-first{
  margin-left: 70px;
}

div.barre-haute-bleu{
  display: contents;
}

div.barre-haute-bleu a{
  height: 50px;
}

a#logo-mob-first{
  height: 50px;
}

a#logo-mob-second{
  height: 43px;
}



html{
  margin-top: 0px !important;
  background-color: #010e13 !important;
}

div.barre-menu-marron a::after{
  display:block;
  content: '';
  border-bottom: solid 2px white;
  transform: scaleX(0);  
  transition: transform 500ms ease-in-out;
}

div.barre-menu-marron a:hover:after{
  transform: scaleX(1);
  transform-origin:  0% 50%;
}


div.barre-menu-marron a::before{
  display:block;
  content: '';
  border-bottom: solid 2px white;
  transform: scaleX(0);  
  transition: transform 500ms ease-in-out;
}

div.barre-menu-marron a:hover::before{
  transform: scaleX(1);
  transform-origin:  50% 100%;
}

input#open-menu{
  display: none;
  z-index: 9999;
}

input[type=checkbox]#open-menu:checked ~  div.menu-header {
  display: flex;
  width: 25%;
  position: absolute;
  justify-content: flex-start;
  text-align: left;
  right: 0px;
  flex-direction: column;
  align-items: stretch;
  z-index: 999;
  background-color: rgb(22 22 22);
  flex-wrap: wrap;
  align-content: center;
  height: 156px;
  top: 42px;
  margin-right: 0px;
  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

input[type=checkbox]#open-menu:checked ~ a#logo-mob-second {
  margin: auto;
}


html header input[type=checkbox]#open-menu:checked ~ div.barre-menu-marron{
  text-transform: uppercase;
  background-color: #846149;
  height: 24px;
  position: absolute;
  top: 65px;
  display: flex;
  width: 75%;
  justify-content: center;
  align-items: center;
  z-index: 99;
}

input[type=checkbox]#open-menu:checked ~ h3#menu::after{
  content:url("https://www.aupaindantan.fr/wp-content/uploads/cross-menu.png") ;
  position: absolute;
  margin-left: 10px;
  margin-bottom: 5px;
  z-index: 9999;
}

h3#menu{
  display: none;
}

h1{
  margin: 0 !important;
}

.sidebar--footer__dark {
  display: none;
}

/* header#post-1562-title{
  display: none;
} */



/* /////////////////////////////////WOOCOMMERCE////////////////////////////////////// */


ul.products{
  display: flex;
  flex-wrap: wrap;
}

ul.products li{
  max-width: 20%;
  /* margin: auto; */
  border: 3px solid;
  border-color: #3d738d #3d738d #846149 #846149;
  width: 17% !important;
}

ul.products li a{
  border-color: transparent;
}

/* .woocommerce ul.products li.product .product__title {
  margin: 5% 2%;
} */

h4.product__title{
  font-weight: 600;
  text-align: left;

}

h1#boutique:hover{
  color: #3d738d;
}

.woocommerce hr{
  display: none;
}  

div.croix p{
  margin: auto;
}

div.croix img{
  width: 50px;
  height: 50px;
}



div.croix{
  display: none;
  align-content: center;
  align-items: center;
  position: absolute;
  top: 100px;
  left: -200px;
}

input[type=checkbox]#open-famille:checked ~ label.closer div.croix{
  display: flex;
}

input[type=checkbox]#open-famille:checked ~ img.aftily{
  display: block;
}

#tab-description {

  display: block !important;
  
}
li.product:hover a img{  
  position: relative;
  bottom: 4%;
}



@media screen and (min-width: 1030px) and (max-width: 1110px){
  div.menu-header{
    right: 1%;
    margin-right: 2%;
  }


}


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


  div.menu-header{
    display: none;
    width: 25%;
    position: absolute;
    justify-content: center;
    text-align: center;
    right: 0px;
    flex-direction: column;
    align-items: stretch;
    z-index: 999;
    background-color: rgba(61,115,141,1);
    flex-wrap: wrap;
    align-content: center;
    height: 156px;
    top: 42px;
    margin-right: 0px;
    /* display: flex;
    width: 25%;
    position: absolute;
    justify-content: center;
    text-align: center;
    right: 0px;
    flex-direction: column;
    align-items: stretch;
    z-index: 999;
    background-color: rgba(61,115,141,1);
    flex-wrap: wrap;
    align-content: center;
    height: 156px;
    top: 36px;
    margin-right: 0px; */

  }



  div.menu-header a{
    margin-left: 0;
    margin-top: 10px;
  }

  input#open-menu{
    display: block;
    position: absolute;
    opacity: 0;
    right: 3%;
    height: 40px;
    width: 130px;
  }
  
  h3#menu{
    display: block;
    position: absolute;
    right: 7%;
    height: 35px;
    width: 100px;
    margin: 0;
    text-align: center;
  }

  h3#menu::after{
    content:url("https://www.aupaindantan.fr/wp-content/uploads/icon-menu-blanc.png") ;
    position: absolute;
    margin-left: 10px;
    margin-bottom: 5px;
  }

  html input.check-menu-marron{
    display: none !important;
  }





  /* div.barre-menu-marron {
    text-transform: uppercase;
    background-color: #846149;
    height: 24px;
    position: absolute;
    top: 65px;
    display: flex;
    width: 75%;
    justify-content: center;
    align-items: center;
    z-index: 99;
  }   */
}



/* @media screen and (max-width: 400px){

  header{
    display: flex;
    position: relative;
    align-items: center;
    top: 0px;
    height: 40px;
    background: linear-gradient(126deg, rgba(16,16,16,1) 0%, rgba(16,16,16,1) 40%, rgba(61,115,141,1) 40%);
    width: 100%;
  }

  div.barre-menu-marron{
    display: none;
  }

  header img.text-logo-famille-blanc {
    height: 50%;
    position: relative;
    right: 5%;
    top: 90%;
    z-index: 99999;
} */


@media screen and (max-width: 800px){
  header{
    background: #010e13;
    max-width: 100%;
    }

    header img.text-logo-famille-blanc {
      height: 40px;
      position: absolute;
      left: 1%;
  }

  header img.text-logo-bleu {
      /* width: 32%; */
      height: 80%;
      position: absolute;
      left: 62%;
      top: 50px;
      z-index: 99;
      margin-right: 0% !important;
      /* margin-left: 60% !important; */
  }


  div.barre-menu-marron {
    display: none;
  }

  div.barre-haute-bleu {
    display: none;
  }

  input#open-menu {
    margin-right: 12%;
    z-index: 99999;
  }

  h3#menu{
  color: transparent;
  margin-right: 12%;
  }

  div.menu-header{
    margin-right: 12%;
  }

  /* div.menu-header {
    margin-right: -32%;
  } */

  input[type=checkbox]#open-menu:checked ~ div.menu-header{
    width: 100%;
    top: 3%;
    height: 100vh;
    transition: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    color: #846149;
    font-size: 28px;
    position: fixed;
  }

  h3#menu::after {
    position: absolute;
    margin-bottom: 5px;
    right: -5%;
  }
   /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////HEADER MOBILE VERSION///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


  header{
    z-index: 999999999999;
  }



  div.barre-haute-bleu-mobile{
    display: flex;
  }

  .page .article__content {
    padding: 0;
  }

  div.barre-top-mobile{
    height: 50px;
    width: 100%;
    display: flex;
    position: absolute;
    top: 0px;
    align-items: center;
  }

  img.text-famille-blanc{
    height: 80%;
    margin-top: 2%;
    margin-left: 10%;
  }

  div.barre-second-mobile{
    position: absolute;
    top: 50px;
    background: linear-gradient(116deg, rgba(61,115,141,1) 0%, rgba(61,115,141,1) 55%, #0d0d0d 55%);
    width: 100vw;
    height: 50px;
    z-index: 99;
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  div.barre-second-mobile img{
    height: 35px;
    /* margin-top: 7px; */
  }
  
  /* div.barre-second-mobile a{
    margin-left: 4%;
    margin-top: 1%;
  } */

  div.barre-second-mobile img.text-apa-bleu{
    position: absolute;
    right: 3%;
    margin-left: 0%;
    height: 45px;
  }

  div.icons-social-mobile{
    width: 50%;
    display: flex;
    justify-content: space-around;
    align-items: end;
    height: 35px;
  }

  div.bloc-text-famille {
    width: 100%;
    padding: 6% 8% 0% 8%;
    left: 0%;
  }

  div#big-image{
    display: none;
  }

  div#family div.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 90%;
    margin-left: 0%;
  }

  .primary-navigation-open .primary-navigation {
    width: 100%;
    position: fixed;
    z-index: 99999 !important;
  }




 

}

@media only screen and (max-width: 800px){
  body nav#site-navigation div.menu-button-container {
      display: none !important;
  }
}

@media only screen and (min-width: 800px){

  body nav#site-navigation div.primary-menu-container {
      visibility: visible !important;
      opacity: 1;
      position: relative;
      padding: 0;
      background-color: transparent;
      overflow: initial;
      transform: none;
  }

  body nav#site-navigation {
    position: relative !important;
    margin-left: auto;
  }

}

@media screen and (min-width: 800px) and (max-width: 4100px){

  /* div.primary-menu-container{
    display
  } */

  div.barre-second-mobile{
    display: none;
  }

  header{
    display: none;
  }

  /* li#menu-item-2157{
    display: none !important;
  }

  li#menu-item-2142{
    display: none !important;
  }

  li#menu-item-2158{
    display: none !important;
  }

  li#menu-item-2141{
    display: none !important;
  } */
}

@media only screen and (max-width: 800px){
  li.bleu {
    color: #477e98;
    padding-left: 15px;
  }

  div.menu_title::before{
    content: url("https://www.aupaindantan.fr/wp-content/uploads/texte-f-w.png") ;
    /* background-image: url("https://www.aupaindantan.fr/wp-content/uploads/texte-logo-blanc-sans-site.png"); */
    display: flex;
    position: absolute;
    left: 0;
    height: 30px;
    width: 160px;
    background-repeat: no-repeat;
    /* margin-left: 80%; */
    /* margin-top: -35px; */
    background-size: cover;
  }
}

@media only screen and (min-width: 482px){


.primary-navigation .primary-menu-container > ul > .menu-item > a {
    font-family: quicksand;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
  }
}

div.menu_title{
  display: flex !important;
  justify-content: flex-end !important;
}

@media only screen and (max-width: 800px){
  #mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item a, div#mg-wprm-wrap ul li span.wprmenu_icon {
    font-family: quicksand;
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase;
  }


  body li.bleu a::after{
    content: "";
    background-image: url("https://www.aupaindantan.fr/wp-content/uploads/flechee.png");
    display: flex;
    position: relative;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    margin-left: 80%;
    margin-top: -35px;
    background-size: cover;
  }

  #mg-wprm-wrap ul li {
    margin-bottom: 20px;
  }

  body li.marron a::after{
    content: "";
    background-image: url("https://www.aupaindantan.fr/wp-content/uploads/flechee-m.png");
    display: flex;
    position: relative;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    margin-left: 80%;
    margin-top: -35px;
    background-size: cover;
  }

  body div.primary-menu-container{
    display: none !important;
  }
}


div#big-image{
  position: absolute;
  left: -150px;
}

div.vc_inner a{
  width: 80%;
}


p.famille-hide{
  display: none;
}

input[type=checkbox]#open-famille:checked ~ p.famille-hide {
  display: block;
}

/* input[type=checkbox]#open-famille:checked ~ div.bloc-text-famille {
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/back-txt-famille-open.png");
} */

/* input[type=checkbox]#open-famille::before{
  content:url("https://www.aupaindantan.fr/wp-content/uploads/fleches-30x30.png") ;
  margin: 45%;
  visibility: visible;
} */

input[type=checkbox]#open-famille{
  visibility: hidden;
  width: 100%;
  height: 0px;
}

input[type=checkbox]#open-famille:checked{
  /* display: none; */
  position: absolute;
  top: 4%;
  left: 37%;
}

input[type=checkbox]#open-famille:checked ~ label.opener{
  display: none;
}

label.closer{
  display: none;
  position: absolute;
  right: -3%;
  top: -8%;
  /* padding-bottom: 5px; */
  /* margin-bottom: 21px; */
}


input[type=checkbox]#open-famille:checked ~ label.closer{
  display: block;
  z-index: 999999999;
}

.vc_custom_1640859971518 {
  background-position: top;
  /* background: content-box; */
  background-repeat: no-repeat;
  background-size: cover;
}

.vc_custom_1640870883344 {
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/back-txt-famille-scaled.jpg?id=1647) !important;
  background-size: cover;
}

/* .wpb_single_image img {
  height: auto;
  max-width: none;
  vertical-align: top;
} */

div#losange img.vc_single_image-img {
  width: 215%;
  max-width: none;
  margin-left: -100%;
  margin-top: -17%;
}

/* .vc_column_container {
  padding-left: 0;
  padding-right: 0;
  margin-right: -4%;
} */

div#family div.vc_column-inner {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  margin-left: 7%;
}

div.mon-test{
  width: 600px;
  height: 600px;
  background-color: #178fe5;
}

div.contenu{
  width: 100vw;
  padding-left: 14%;
  padding-right: 14%;
  padding-bottom: 20px;
  margin-bottom: 0;
}

div.slider-pc{
  /* background-image: url(https://www.aupaindantan.fr/wp-content/uploads/background-slider-noir-d-p-sl.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 100%;
  position: relative;
  margin-bottom: 0;
  top: -64px;
}


@media screen and (min-width: 800px) and (max-width: 1000px){

  div.slider-pc{
    margin-left: 0%;
  }
}


div.slider-pc::before{
  content: '';
  display: block;
  width: 47%;
  height: 80%;
  position: absolute;
  top: 10%;
  left: -7%;
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/logo-seul-bleu-hd.png);
  background-size: contain;
  /* z-index: 9999999; */
  background-repeat: no-repeat;
}

div.slider-home{
  width: 50%;
  margin-left: 50%;
}


img.losange{
  width: 30%;
  margin-top: 0%;
  /* min-width: 395px; */
  position: absolute;
  top: 14%;
  left: 7%;
} 

div.bloc-famille-marron{
  display: flex;
  flex-wrap: wrap;
}

div.img-losange img{
  position: relative;
  right: 0%;
  width: 50%;
  top: 51%;
  z-index: 2;
}

ul.mini-bar a.surlign{
  color: #0b0b0b;
  line-height: 1.2;
}

ul.mini-bar a.surlign:hover{
  color: white;
}

div.img-losange{
  margin-top: -30%;
}

div.bloc-famille-marron{
  position: relative;
  margin-top: 7%;
}

div.slider-mobile{
  display: none;
}

h2.h2-bleu{
  width: 100%;
  position: relative;
  /* top: 78px; */
  color: #FFFFFF;
  font-weight: 500;
  margin-left: 0;
  font-size: 2.5rem;
  text-transform: uppercase;
}

h2.h2-blanc{
  /* margin-top: 90px; */
  font-weight: 500;
  font-size: 40px;
  position: relative;
  /* left: 20%; */
  /* top: 40px; */
  margin-left: 10%;
}

h2{
  margin-top: 0px;
}

body h2.h2-blanc#idee{
  margin-bottom: 50px !important;
}



@media screen and (min-width: 1000px) and (max-width: 2000px){
  h2.histoire-famille{
    position: relative;
    left: 0%;
    /* top: 78px; */
    font-size: 40px;
    color: #3d738d;
    font-weight: 500;
  }



  h2#suit{
    /* margin-top: 90px; */
    font-weight: 500;
    font-size: 40px;
    position: relative;
    left: 0%;
    top: 40px;
  }

}

@media screen and (min-width: 800px) and (max-width: 1000px){
  h2.histoire-famille{
    position: relative;
    left: 0%;
    /* top: 78px; */
    font-size: 32px;
    color: #3d738d;
    font-weight: 500;
  }

  h2#suit{
    /* margin-top: 90px; */
    font-weight: 500;
    font-size: 32px;
    position: relative;
    left: 0%;
    top: 40px;
  }


  /* h2.h2-bleu{
    margin-left: -15%;
  } */

  h2.h2-blanc{
    margin-left: 15%;
  }

}

@media screen and (max-width: 1000px){
  a.carre {
    min-width: 100%;
    margin-bottom: 40px;
  }
}


@media screen and (min-width: 200px) and (max-width: 800px){

  div.slider-pc{
    /* display: none; */
    background-image: none;
  }

  div.slider-pc::before{
    display: none;
  }

  div.slider-home{
    width: 90%;
    margin-left: 0%;
  }
  

  div.slider-mobile{
    display: none;
    margin-top: 80px;
  }
  h2.histoire-famille{
    position: relative;
    left: 0%;
    /* top: 90px; */
    font-size: 22px;
    color: #3d738d;
    font-weight: 500;
  }

  h2#suit{
    /* margin-top: 90px; */
    font-weight: 500;
    font-size: 22px;
    /* position: relative; */
    left: 10%;
    top: 67px;
    margin-top: 8%;
  }

  div.img-losange img {
    position: relative;
    right: 25%;
    width: 50%;
    top: 51%;
    z-index: 2;
  }

  div.bloc-text-famille {
    width: 100%;
    padding: 25% 8% 0% 8%;
    left: 0%;
    margin-top: 10%;
  }

  img.aftily{
    width: 100%;
  }

  h2.h2-bleu{
    margin-left: 0;
    font-size: 2.5rem;
    text-transform: uppercase;
  }

  h2.h2-blanc{
    margin-left: 20%;
    font-size: 22px;
  }
 
}

ul.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (min-width: 200px) and (max-width: 410px){
  h2.histoire-famille {
    position: relative;
    left: 10%;
    /* top: 90px; */
    font-size: 16px;
    color: #3d738d;
    font-weight: 500;
  }

  h2#suit {
    /* margin-top: 90px; */
    font-weight: 500;
    font-size: 16px;
    /* position: relative; */
    left: 9%;
    top: 67px;
  }

  div.img-losange img {
    right: 25%;
  }
}



div.slider-mobile h2 a{
  font-size: 40px !important;
}

.select{
  padding-top: 50px;
}

label.opener{
  text-align: center;
  margin-left: 45%;
}


div.idee-accueil{
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

a.ancre{
  display: none;
}

@media screen and (min-width: 200px) and (max-width: 410px){
  a.ancre{
    display: block;
  }
}

@media screen and (min-width: 0px) and (max-width: 500px){
h2.t-los{
  font-size: 18px;
  }
}





/* //////////////////WOOCOMMERCE/////////////////// */

li.product, .entry{
  min-width: 300px;
  text-align: left;
  padding-bottom: 3% !important;
  margin: 0% 2% 5% 2% !important;
  width: 25%;
}

li.product p{
  text-align: center;
  font-size: 14px;
  text-transform: initial;
  font-weight: 400;
}

body div.woocommerce a.product__button {
  position: absolute;
  bottom: -3% !important;
  left: 50% !important;
  right: 0% !important;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: transparent !important;
  background: none !important;
  color: #846149 !important;
  opacity: 1 !important;
  transition: opacity .2s linear;
  text-decoration: none;
  padding: 3px 0 !important;
  border: 0px solid blue !important;
  border-radius: 50px !important;
  padding: 7px 20px 7px 9px !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  text-align: left !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0em !important;
  width: 65% !important;
  top: 93% !important;
}

body div.woocommerce a.product__button::after{
  content: url("https://www.aupaindantan.fr/wp-content/uploads/icons/fleche-right-bleu-30x30.png");
  position: absolute;
  top: 0%;
  margin-left: 7px;
}

a{
  cursor: pointer;
}


/* ////////////////////CARRES//////////////////// */

div.carres{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

a.carre{
  width: 30%;
  position: relative;
  background-size: cover;
  cursor: pointer;
}

a.carre h3{
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  margin: 0 !important;
  padding: 5%;
  background-color: #846149cc;
  font-weight: 600;
  font-size: 30px;
  text-transform: uppercase;
}

a.carre h3:hover{
  color: #3d738d;
  padding: 6%;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}


a.carre::after{
  content: '';
  display: block;
  padding-bottom: 100%;
}

a.carre.pat{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/cookie.jpg");
}

a.carre.choc{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/rond-choc.jpg");
}

a.carre.trait{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/shoot-trait.jpg");
  background-position-y: bottom;
}

h5{
  letter-spacing: 2px;
}



/* ////////////////////RONDS//////////////////// */


div.ronds-accueil{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

div.ronds-accueil p{
  color: #3d738d;
  padding-top: 100%;
  font-size: xxx-large;
  text-transform: capitalize;
}

div.ronds-accueil p:hover{
  color: white;
}

a.creations:hover ~ div#creations p {
  color: white;
}

div.ronds-accueil div:hover{
  margin-top: -12px;
}


a.mariage{
  width: 26vw;
  margin-bottom: 10%;
}

div#mariage{
  width: 100%;
  height: 26vw;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/piece-montee.jpg");
  border-radius: 100%;
  background-size: cover;
  margin-right: 60px;
  margin-left: -60px;
}

div#mariage p{
  font-size: 3vw;
}

div#creations p{
  font-size: 5vw;
}

div#fraicheur p{
  font-size: 2.5vw;
}


a.creations{
  width: 25vw;
}

div#creations{
  width: 100%;
  height: 25vw;
  /* padding-top: 100%; */
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/mika.jpg");
  border-radius: 100%;
  background-size: cover;
  background-position-y: center;
  margin-top: 37%;
  /* position: relative;
  top: -200px;
  left: 42%; */
}

div#creations p{
  writing-mode: tb;
  margin-left: -25%;
  padding-top: 4%;
}

a.fraicheur{
  width: 15vw;
}
div#fraicheur{
  width: 100%;
  height: 15vw;
  /* padding-top: 100%; */
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/salade.jpg");
  border-radius: 100%;
  background-size: cover;
  background-position: center;
  /* position: relative;
  top: -500px;
  left: 80%; */
} 

a.reception{
  width: 20vw;
}

div#reception{
  width: 100%;
  height: 20vw;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/main-sandwich.jpg");
  border-radius: 100%;
  background-size: cover;
  margin-left: 33%;
  margin-top: 14%;
}

div#reception p{
  font-size: 4vw;
}

a.bapteme{
  width: 22vw;
}

div#bapteme{
  width: 100%;
  height: 22vw;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/bapteme.jpg");
  border-radius: 100%;
  background-size: cover;
  /* margin-left: 33%;
  margin-top: 14%; */
}

div#bapteme p{
  writing-mode: tb;
  font-size: 5vw;
  padding-top: 1%;
  margin-left: -30%;
}


@media screen and (min-width: 200px) and (max-width: 600px){
  a.carre h3{
    font-size: 16px;
  }
}

@media screen and (min-width: 600px) and (max-width: 600px){
  a.mariage {
    width: 22vw;
  }

  div#mariage{
    height: 22vw;
    margin-right: 60px;
    margin-bottom: 70px;
  }

  div#creations {
    margin-left: 15px;
  }
}




/* //////////////////SHOPS///////////////// */



div.meribel{
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/bc-shop-m-vf.png);
}

div.forum{
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/bc-shop-forum-vf.png);
}

div.dix-huit{
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/bc-shop-gauche-18-vf.png);
}

div.seize{
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/bc-shop-16-vf.png);
}

div.quinze{
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/bc-shop-gauche-15-vf.png);
}

div.praz{
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/bc-shop-praz-vf.png);
}

div.annecy{
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/losange-shop-gauche-annecyyy.png);
}

div.pralo{
  display: none;
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/losange-shop-gauche-pralo.png);
}

div.shop-home{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}

div.shop-home h5{
  margin-left: 25%;
  font-weight: 500;
  padding-top: 1%;
  font-size: larger;
  margin-bottom: 1%;
  text-transform: capitalize;
}

div.right{
  text-align: right;
  padding-right: 1%;
  background-position: left !important;
  position: relative;
  left: 30%;
}

div.shop-home p{
  margin-bottom: 0;
  line-height: normal;
}

div.shop-home p.blanc{
  color: white;
  margin-bottom: 3%;
}

div.shop-home div#ancre span.gr{
  color: greenyellow;
}


div.shop-home p.bleu{
  color: #3d738d;
}

div.shop-left{
  display: inline-block;
  width: 70%;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  padding-left: 1%;
  margin-bottom: 6%;
}

a.visit{
  color: #3d738d;
  left: 25%;
  position: relative;
  font-size: 20px;
  margin-bottom: 15px;
}
a.visit::after{
  content: "";
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/icons/fleche-3-blanc.png");
  width: 30px;
  display: block;
  height: 30px;
  background-repeat: no-repeat;
  background-position: cover;
  background-size: contain;
  position: absolute;
  margin-top: -41px;
  margin-left: 180px;
}

a.visit p{
  margin-bottom: 15px;
}

div.right a.visit{
  left: 47%;
}


div.right a.visit p{
  text-align: left;
}

div.right h5{
  text-align: center;
}

div.courch{
  display: none;
}

div.meribel{
  display: none;
}

div.annecy{
  display: none;
}

div.pralo{
  display: none;
}

input[type=radio]#open-courch:checked ~ div.shop-home > div.courch {
  display: inline-block;
}

input[type=radio]#open-courch:checked ~ div.shop-home > div.meribel {
  display: none;
}

input[type=radio]#open-courch:checked ~ div.shop-home > div.annecy {
  display: none;
}

input[type=radio]#open-courch:checked ~ div.shop-home > div.pralo {
  display: none;
}

input[type=radio]#open-meribel:checked ~ div.shop-home > div.meribel {
  display: inline-block;
}

input[type=radio]#open-meribel:checked ~ div.shop-home > div.courch {
  display: none;
}

input[type=radio]#open-meribel:checked ~ div.shop-home > div.annecy {
  display: none;
}

input[type=radio]#open-meribel:checked ~ div.shop-home > div.pralo {
  display: none;
}

input[type=radio]#open-annecy:checked ~ div.shop-home > div.annecy {
  display: inline-block;
}

input[type=radio]#open-annecy:checked ~ div.shop-home > div.courch{
  display: none; 
}

input[type=radio]#open-annecy:checked ~ div.shop-home > div.meribel {
  display: none;
}

input[type=radio]#open-annecy:checked ~ div.shop-home > div.pralo {
  display: none;
}

input[type=radio]#open-pralo:checked ~ div.shop-home > div.pralo {
  display: inline-block;
}

input[type=radio]#open-pralo:checked ~ div.shop-home > div.courch {
  display: none;
}

input[type=radio]#open-pralo:checked ~ div.shop-home > div.meribel {
  display: none;
}

input[type=radio]#open-pralo:checked ~ div.shop-home > div.annecy {
  display: none;
}

/* label.box-courch{
  display: none;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/devanture-18.jpeg");
} */

label.box-shop{
  width: 30%;
  cursor: pointer;
}

a.box-shop{
  width: 30%;
}

label.box-shop h2{
  text-align: center;
  text-transform: capitalize;
  margin-top: 35px !important;
  font-weight: 400;
  color: #3d738d;
  font-size: 2.3rem !important;
}

a.box-shop h2{
  text-align: center;
  /* transform: rotate(-45deg);
  text-align: left;
  margin-left: -22%;
  margin-bottom: -10px !important; */
}
/* ici */

h3.bootik{
  margin-bottom: 50px;
  margin-top: 10px !important;
  text-transform: capitalize;
  color: #846149;
}


div.choose-shop label:hover > h2{
  color: white;
}

div.choose-shop label img{
  filter: opacity(0.5);
}

div.choose-shop label:hover > img{
  filter: opacity(1);
}

h2.tttt{
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/losange-1800.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 50%;
  padding-bottom: 50%;
  z-index: 2;
  position: relative;
}

h2.tttt::before{
  content: '';
  position: absolute;
  display: block;
  height: 50px;
  background-color: #010e13;
  width: 100%;
  z-index: -1;
}

h2.mrb{
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/bgrd-mb.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 50%;
  padding-bottom: 50%;
  z-index: 2;
  position: relative;
}

h2.mrb::before{
  content: '';
  position: absolute;
  display: block;
  height: 50px;
  background-color: #010e13;
  width: 100%;
  z-index: -1;
}

h2.anesi{
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/losange-annecy.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 50%;
  padding-bottom: 50%;
  z-index: 2;
  position: relative;
}

h2.anesi::before{
  content: '';
  position: absolute;
  display: block;
  height: 50px;
  background-color: #010e13;
  width: 100%;
  z-index: -1;
}

h2.pralau{
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/losange-pralo.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 50%;
  padding-bottom: 50%;
  z-index: 2;
  position: relative;
}

h2.pralau::before{
  content: '';
  position: absolute;
  display: block;
  height: 50px;
  background-color: #010e13;
  width: 100%;
  z-index: -1;
}



input[type=radio]#open-courch{
  visibility: hidden;
}

input[type=radio]#open-meribel{
  visibility: hidden;
}

input[type=radio]#open-annecy{
  visibility: hidden;
}

input[type=radio]#open-pralo{
  visibility: hidden;
}

div.choose-shop{
  display: flex;
  justify-content: space-around;
  margin-bottom: 500px;
  transition: margin-bottom 1s;
}

div.choose-shop-mobile{
  display: none;
}

h2.city{
  display: none;
  text-align: center;
  color: #3d738d;
  margin-bottom: 45px !important;
  background: white;
  margin: 0px;
}


@media screen and (min-width: 0px) and (max-width: 650px){
  div.choose-shop{
    display: none;
  }
  
  div.choose-shop-mobile{
    display: flex;
    justify-content: space-around;
    margin-bottom: 30%;
    margin-top: 20% !important;  
  }

  div.mobile{
    display: inline-block !important;
    /* overflow-y: scroll; */
    overflow: hidden;
  }

  /* div#ancre-courch{
    scroll-behavior: smooth;
  }

  div#ancre-meribel{
    scroll-behavior: smooth;
  }

  div#ancre-annecy{
  scroll-behavior: smooth;
  } */

  *{
    scroll-behavior: smooth;
  }

  h2.city{
    display: block;
  }
}





div.shop-home{
  transition: margin-top 1s;
}

div.idee-accueil{
  transition: margin-top 1s;
}

input[type=radio]#open-courch:checked ~ div.shop-home > div.choose-shop {
  margin-bottom: 100px;
}

input[type=radio]#open-meribel:checked ~ div.shop-home > div.choose-shop {
  margin-bottom: 100px;
}

input[type=radio]#open-annecy:checked ~ div.shop-home > div.choose-shop {
  margin-bottom: 100px;
}

input[type=radio]#open-pralo:checked ~ div.shop-home > div.choose-shop {
  margin-bottom: 100px;
}

input[type="radio"]:checked ~  div.shop-home{
  margin-top: -15% !important;
}

input[type="radio"]:checked ~  div.idee-accueil{
  margin-top: -10%;
  visibility: hidden;
}

body div.pb{
  margin-bottom: 2%;
}

@media screen and (min-width: 700px) and (max-width: 1180px){
 
  label.box-shop h2{
    font-size: 22px;
  }
}


@media screen and (min-width: 500px) and (max-width: 720px){
 
  /* label.box-shop h2{
    font-size: 18px;
  }

  a.box-shop h2{
    font-size: 18px;
  } */
}

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

  div.choose-shop{
    flex-direction: column;
  }

  div.choose-shop-mobile{
    flex-direction: column;
  }

  label.box-shop{
    width: 50%;
  }

  a.box-shop{
    width: 50%;
  }

  label.box-meribel{
    margin-left: 45%;
    margin-top: -22%;
  }

  a.box-meribel{
    margin-left: 50%;
    margin-top: -25% !important;
  }

  label.box-annecy{
    margin-top: -25% !important;
  }

  a.box-annecy{
    margin-top: -25% !important;
  }

  a.box-pralo{
    margin-left: 50%;
    margin-top: -25% !important;
    margin-bottom: 150px;
  }





}







/* ////////////////////////////fin shops//////////////////////////////// */


@media screen and (min-width: 800px) and (max-width: 1000px){
  div.shop-left{
    width: 100%;
    left: 0;
  }

  div.contenu{
    padding-left: 11%;
    padding-right: 11%;
  }

  /* div.right{
    left: 10%; */
  /* } */


}


@media screen and (min-width: 600px) and (max-width: 800px){
  div.shop-left{
    width: 86%;
    left: 0;
    font-size: 15px;
    margin-left: 7%;
  }

  div.rs-fix{
    display: none;
  }

  div.shop-home p.blanc{
    margin-bottom: 1%;
  }

  div.contenu{
    padding-left: 10%;
    padding-right: 10%;
  }

}

@media screen and (min-width: 200px) and (max-width: 600px){
  h2.home{
    font-size: 1.1rem;
  }
}



@media screen and (min-width: 200px) and (max-width: 600px){
  div.shop-left{
    width: 100%;
    left: 0%;
    font-size: 10px;
    margin-bottom: 10%;
    padding-right: 2%;
  }

  div.rs-fix{
    display: none;
  }

  a.visit{
    font-size: 14px;
  }

  div.shop-home p.blanc{
    margin-bottom: 1%;
  }

  

  div.contenu{
    padding-left: 8%;
    padding-right: 8%;
  }

  a.visit::after {
    width: 17px;
    margin-top: -32px;
    margin-left: 127px;
  }



  a.mariage{
    width: 30vw;
  }

  div#mariage{
    width: 100%;
    height: 30vw;
    background-image: url("https://www.aupaindantan.fr/wp-content/uploads/piece-montee.jpg");
    border-radius: 100%;
    background-size: cover;
    /* margin-right: 60px; */
    margin-left: -30px;
  }
  
  div#mariage p{
    font-size: 7vw;
  }
  
  div#creations p{
    font-size: 10vw;
  }
  
  div#fraicheur p{
    font-size: 7vw;
  }
  
  
  a.creations{
    width: 50vw;
    margin-top: 24%;
  }
  
  div#creations{
    width: 100%;
    height: 50vw;
    /* padding-top: 100%; */
    background-image: url("https://www.aupaindantan.fr/wp-content/uploads/mika.jpg");
    border-radius: 100%;
    background-size: cover;
    background-position-y: center;
    /* margin-top: 37%; */
    /* position: relative;
    top: -200px;
    left: 42%; */
    margin-left: 10%;
  }
  
  div#creations p{
    writing-mode: tb;
    margin-left: -25%;
    padding-top: 4%;
  }
  
  a.fraicheur{
    width: 38vw;
  }
  div#fraicheur{
    width: 100%;
    height: 38vw;
    /* padding-top: 100%; */
    background-image: url("https://www.aupaindantan.fr/wp-content/uploads/salade.jpg");
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    /* position: relative;
    top: -500px;
    left: 80%; */
  } 
  
  a.reception{
    width: 40vw;
    margin-top: 34%;
  }
  
  div#reception{
    width: 100%;
    height: 40vw;
    background-image: url("https://www.aupaindantan.fr/wp-content/uploads/main-sandwich.jpg");
    border-radius: 100%;
    background-size: cover;
    /* margin-left: 33%;
    margin-top: 14%; */
    margin-left: 16%;
    margin-top: 14% !important;
  }
  
  div#reception p{
    font-size: 6vw;
  }
  
  a.bapteme{
    width: 28vw;
    margin-top: 70px !important;
    margin-left: 30%;
  }
  
  div#bapteme{
    width: 100%;
    height: 28vw;
    background-image: url("https://www.aupaindantan.fr/wp-content/uploads/bapteme.jpg");
    border-radius: 100%;
    background-size: cover;
    /* margin-left: 33%;
    margin-top: 14%; */
  }
  
  div#bapteme p{
    writing-mode: tb;
    font-size: 6vw;
    padding-top: 3%;
    margin-left: -30%;
  }
  

  div.surlign a {
    font-size: 28px;
    margin-left: 10%;
    width: 100%;
  }
}

@media screen and (min-width: 1400px) and (max-width: 2200px){
  div.shop-left{
    width: 60%;
  }

  div.right{
    left: 40%;
  }

  div.foot-contenu{
    height: 180px;
  }

}

/* ////////////////FOOTER//////////////////// */

div.menu-one-footer{
  background-color: #3d738d;
  display: flex;
  justify-content: space-evenly;
  margin-right: 0;
}

div.foot-contenu{
  background-color: black;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/bc-footer.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 280px;
}

.woocommerce ul.products li.product .product__button:hover:hover{
  color: white !important;
}

div.rs-fix{
  position: fixed;
  bottom: 10%;
  left: 2%;
  z-index: 99;
}

div.rs-footer{
  position: absolute;
  z-index: 999;
  top: 33%;
  left: 2%;
}

div.insta-fix{
  width: 50px;
  height: 50px;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/instagram-fix.png");
  border-radius: 50%;
  background-size: cover;
  margin-bottom: 12px;
}

div.fb-fix{
  width: 50px;
  height: 50px;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/facebook-fix.png");
  border-radius: 50%;
  background-size: cover;
}

div.insta-fix:hover{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/instagram-fix-w.png");
}

div.fb-fix:hover{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/facebook-fix-w.png");
}

header a{
  z-index: 9999;
}

div.after-fleche:hover > a p{
  color: #3d738d;
}

img.disp{
  display: none;
}

div.after-fleche:hover > img.disp{
  display: block;
}

img.dispp{
  display: block;
}

div.after-fleche:hover > img.dispp{
  display: none;
}

/* ///////////////////CONTACT////////////////// */


div.wpcf7{
  margin-top: 115px;
}

h1{
  margin-top: 70px !important;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: xxx-large;
  color: #3d738d;
}

div.text-contact p{
  width: 80%;
  text-align: center;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 24px;
  color: white;
}

div.text-contact{
  text-align: center;
}

div.text-contact a{
  width: 100%;
  font-size: 42px;
  font-weight: 800;
  color: #3d738d;
}

input.wpcf7-form-control.wpcf7-submit{
  margin-left: 4%;
  background-color: #3d738d !important;
  border-radius: 50px;
  padding: 2px 20px;
  font-size: 30px;
  font-family: quicksand;
  text-transform: uppercase;
  font-weight: 700;
  color: white !important;
}

input.wpcf7-form-control.wpcf7-submit:hover{
  color: #3d738d;
}

div.social-mobile-suit{
  display: none;
}

div.suit-mobile{
  display: none;
}

/* p.after-fleche::after{
  content: url("https://www.aupaindantan.fr/wp-content/uploads/icons/fleche-3-blanc.png");
  width: 40px;
  height: 40px; 
} */


div.after-fleche img{
  width: 30px;
  margin-top: 100px !important;
}

.tabs__nav li{
  color: white;
}


.tabs__nav{
  display: flex;
  flex-direction: column;
  width: 30%;
}

ul.shop-categories.tabs__nav{
  margin-top: 50px;
}

div.after-fleche p{
  margin-bottom: 0;
  margin-right: 15px;
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 20px;
  margin-top: 100px !important;
  font-size: 20px;
  font-weight: 400;
}

div.after-fleche{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}


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

  div.text-contact p {
    width: 100%;
    text-align: center;
    margin: auto;
    margin-top: 12px !important;
    margin-bottom: 9px;
    font-size: 18px;
    font-weight: 600;
    color: white;
  }

  div.text-contact a{
    width: 100%;
    font-size: 8vw;
    font-weight: 800;
    color: #3d738d;
  }

}

@media screen and (min-width: 10px) and (max-width: 800px){

  div.menu-header{ 
    width: 90%;
    top: 90%;
    transition: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    position: absolute;
    left: 0;
    height: 100vh;
  }

  div.social-mobile-suit{
    display: flex;
    justify-content: center;
  }
  
  div.suit-mobile{
    display: flex;
    flex-wrap: wrap;
  }

  div.social-mobile-suit a{
    margin-top: 25px;
    margin-bottom: 15px;
    width: 20% !important;
  }

  div.suit-mobile a{
    margin-top: 10px;
    color: #846149 !important;
  }

  h2.titre-suit-mobile{
    text-align: center;
    margin-top: 25px;
    background-color: #3d738d;
    color: black;
    padding: 8px 0px;
    font-weight: 600;
  }

  div.surlign a{
    color: #3d738d;
    font-size: 28px;
    width: 100%;
  }

  /* div.surlign a::after{
    content: url(https://www.aupaindantan.fr/wp-content/uploads/icons/fleche-right-bleu-30x30.png);
    position: absolute;
    top: 0%;
    margin-left: 7px;
  } */

  div.serv{
    display: none;
  }

  div.serv-mobile{
    display: block;
  }

}


/* ////////////////////////////SERVICES//////////////////////// */

div.serv-mobile{
  display: none;
}


@media screen and (min-width: 10px) and (max-width: 800px){

  div.serv{
    display: none;
  }

  div.serv-mobile{
    display: block;
  }
}

h2#a{
  margin-left: -100%;
}

h2#b{
  margin-left: -100%;
}

h2#c{
  margin-left: -100%;
}

h2#d{
  margin-left: -100%;
}

h2#e{
  margin-left: -100%;
}



body > div.contenu > div.slider-mobile-serv:hover > h2#a{
  animation: 3s linear;
  margin-left: 10%;
}

div.slider-mobile-serv:hover > h2#b{
  animation: 3s linear;
  margin-left: 30%;
}

div.slider-mobile-serv:hover > h2#c{
  animation: 3s linear;
  margin-left: 50%;
}

div.slider-mobile-serv:hover > h2#d{
  animation: 3s linear;
  margin-left: 20%;
}

div.slider-mobile-serv:hover > h2#e{
  animation: 3s linear;
  margin-left: 40%;
}

header.article__header{
  display: none;
}

h1.shop{
  margin-bottom: 50px !important;
}

h4.product__title{
  margin-left: 5% !important;
}


@media screen and (min-width: 10px) and (max-width: 800px){

  div.menu-one-footer a{
    font-size: 70%;
    color: white;
    width: auto;
    margin-left: 0;
  }
}





/* ///////////////systeme thib boutique//////////////////// */
div.ss-soja {
  display: none;
}

input[type=checkbox]#soja_:checked ~  div.les-produits > div.full-patisseries {
  display: none;
}

input[type=checkbox]#soja_:checked ~  div.les-produits > div.ss-soja {
  display: block;
}

input[type=checkbox]#gluten_{
  position: absolute;
  left: -9999px;
}

/* input[type=checkbox]#lait_{
  position: absolute;
  left: -9999px;
}

input[type=checkbox]#oeuf_{
  position: absolute;
  left: -9999px;
}

input[type=checkbox]#soja_{
  position: absolute;
  left: -9999px;
} */

/* input[type=checkbox]#soja_::before{
  content: 'sans soja';
  color: blue;
} */

input[type=checkbox]#open-filtres_{
  position: absolute;
  left: -9999px;
}

div.filtres-allergenes{
  display: none;
}

input[type=checkbox]#open-filtres_:checked ~  div.filtres-allergenes {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 10%;
  margin-top: -40px;
  margin-bottom: 40px;
}


label.filters::after{
  content: url("https://www.aupaindantan.fr/wp-content/uploads/icons/filters.png");
  height: 40px;
}

label.filters {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 50px;
  margin-right: 10%;
}

/* label.rond-filtre::before{
  content: '';
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: white;
} */

div.le-rond{
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: white;
  margin-left: 10px;
  margin-bottom: 30px;
}

input[type=checkbox]#soja_:checked ~  div.le-rond {
  background-color: blue;
}

label.un-filtre{
  display: none;
  position: absolute;
  right: 21%;
}

input.checkboxx{
  display: none;
}
label.un-filtre{
  margin-left: 20px;
  /* display: flex; */
  line-height: 0.8;
  /* margin-bottom: 16px; */
  margin-top: -25px;
}
input[type=checkbox]#open-filtres_:checked ~  div.bodyshop label.un-filtre{
  display: flex;
  flex-wrap: wrap;
}

input[type=checkbox]#open-filtres_:checked ~  div.bodyshop input.checkboxx{
  display: flex;
  position: relative;
  left: 91%;
  margin-bottom: 11px;
}

h1.product_title{
  position: absolute;
  top: 5%;
  font-weight: 500 !important;
  font-size: xx-large !important;
  color: #3d738d;
}

div.cf{
  display: flex;
  align-items: center;
}

div.product_meta{
  position: absolute;
  top: 8%;
}

span.posted_in{
  color: #FFFFFF;
}

/* nav.woocommerce-breadcrumb{
  display: none;
} */

hr{
  border-bottom: 0px solid transparent;
  display: none;
}

ul.pixcode--tabs__nav{
  margin-top: 0%;
}  /*tabs__nav  nav  nav-tabs  product__tabs */

ul.product__cats{
  display: none;
}






/* 
treeeeeeeeeeeetreeeeeeeeeeeetreeeeeeeeeeeetreeeeeeeeeeeetreeeeeeeeeeee */

div.tout{
  overflow: hidden;
  text-align: center;
  font-family: 'Quicksand';
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

div.tout img{
  width: 30%;
  margin: auto;
}

div.case{
  height: 60px;
  border-radius: 50px;
  display: flex;
  width: 85%;
  /* justify-content: space-evenly; */
  background-color: #477e98;
  align-self: center;
  align-items: center;
  margin-bottom: 30px;
  margin-left: 7%;
}

div.case img{
  height: 75%;
  width: auto;
  margin: 0;
  margin-left: 8%;
  margin-right: 4%;
}

div.case p{
  font-size: 30px;
  color: #161616;
  align-self: baseline;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
}

h3.tree{
  margin-top: 2px;
  font-weight: 400;
}

div.case#top-tree{
  margin-top: 40px;
}


@media screen and (min-width: 10px) and (max-width: 420px){

  div.case p{
    font-size: 22px;
    color: #161616;
    align-self: center;
  }

  div.case p#web{
    font-size: 19px;
  }


}









/*////////////////////// reglages bordel woocommerce////////////////////// */


.shop-categories.tabs__nav{
  margin-bottom: 70px;
  margin-top: 50px;
  color: white;
}

.tabs__nav li{
  color: white;
}

a.inactive{
  color: white;
}

.tabs__nav{
  font-family: Quicksand;
  display: flex;
  flex-direction: column;
  width: 30%;
}


/* ////////////////////////////PRODUIT SEUL////////////////////////// */

div.meta--tags, .btn-list, .meta-list{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
}

/* div.meta--categories{
  display: none;
} */

div.woocommerce-product-details__short-description p{
  color: white;
  font-size: 21px;
  text-align: left;
  /* padding: 0 15%; */
}

div.woocommerce-product-details__short-description{
  position: absolute;
  top: 12%;
}

div.woocommerce-tabs ul{
  display: none;
}

.meta-list a.btn{
  border: 0px;
  color: white;
  font-weight: 600;
  /* pointer-events: none; */
}

body a.woocommerce-product-gallery__trigger {
  position: absolute;
  top: 6rem;
  left: 1rem;
  z-index: 99;
}

.meta-list a.btn:last-child{
  border-right: 0px;
}

/* div.product_meta a{
  pointer-events: none;
} */

.meta-list .list-head{
 visibility: hidden;
 height: 0px !important;
}



a.logo-header-w{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/logo-maison-gandy-blanc-ss-v.png") !important;
  height: 33px;
  background-size: cover;
  width: 231px;
  position: absolute;
  margin-top: 7px;
  margin-left: 0%;
}

a.logo-header-w:focus{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/logo-maison-gandy-blanc-ss-v.png") !important;
  height: 33px;
  background-size: cover !important;
  width: 231px;
  position: absolute;
  margin-top: 7px;
  margin-left: 0%;
}

ul.mini-bar{
  display: flex;
  color: black;
  list-style-type: none;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
  width: 73%;
  /* position: absolute; */
  /* right: 2%; */
  /* top: 25%; */
  text-transform: uppercase;
  font-family: quicksand;
  font-size: 17px;
  font-weight: 600;
  height: 100%;
  justify-content: space-around;
  margin-left: 25%; /*p--e */
}

.primary-navigation .primary-menu-container > ul > .menu-item > a {
  padding-left: var(--primary-nav--padding);
  padding-right: var(--primary-nav--padding);
  padding-top: 0;
  padding-bottom: 0;
}

li#menu-item-2167{
  padding-right: 0;
}

@media screen and (max-width: 800px){
  a.logo-header-w{
    display: none;
  }

  ul.mini-bar{
    display: none;
  }

}


div.meta--tags::before{
  content: 'parfums';
  text-transform: uppercase;
  color: #3d738d;
}

body h2.woocommerce-loop-product__title{
  margin-left: 13px !important;
  text-transform: uppercase;
  color: #FFFFFF !important;
}

body h2.woocommerce-loop-product__title:hover{
  color: #846149 !important;
}

body a.button{
  text-align: center;
  margin: auto;
  background-color: transparent !important;
  color: #846149 !important;
}


/* ul.pixcode--tabs__nav a{
  display: none;
} */

td.woocommerce-product-attributes-item__value{
  /* position: absolute; */
  left: 0;
  top: 30px;
  color: white;
  text-transform: capitalize;
}

th.woocommerce-product-attributes-item__label{
  text-transform: uppercase;
  color: #c53d38;
  font-weight: 40px;
}

.separator--flower{
  display: none;
}

h3.related__title{
  color: transparent;
}

h3.related__title::before{
  content: '';
  display: block;
  height: 2px;
  width: 72%;
  background-color: white;
  margin: 65px auto 5px auto;
}

h3.related__title::after{
  content: "produits associés";
  color: #846149;
  text-transform: uppercase;
  width: 100%;
  display: block;
  margin: -25px auto 35px;
  font-size: 25px;
}

ul.products {
  list-style-type: none;
  margin-left: 0;
}

li.product a{
  border: 0px transparent solid !important;
}

li.product{
  position: relative;
  margin-bottom: 60px;
}

a.product__button{
  color: #846149;
  font-size: 19px;
  text-transform: uppercase;
  position: absolute;
  left: 22%;
  bottom: 3%;
  font-weight: 600;
}

a.product__button::after{
  content: url("https://www.aupaindantan.fr/wp-content/uploads/icons/fleche-right-bleu-30x30.png");
  position: absolute;
  top: 0%;
  margin-left: 7px;
}

@media screen and (min-width: 10px) and (max-width: 800px){
  h4.product__title{
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 800px) and (max-width: 1170px){
  h1.product_title{
    top: 50px;
    left: 0;
    width: 100%;
    text-align: center;
  }
}

@media screen and (min-width: 10px) and (max-width: 800px){
  h1.product_title{
    top: 0px;
    left: 0;
    width: 100%;
    text-align: center;
  }
}

@media screen and (min-width: 10px) and (max-width: 1170px){
  /* h1.product_title{
    top: 0px;
    left: 0;
    width: 100%;
    text-align: center;
  } */

  div.woocommerce-product-gallery{
    width: 60%;
  }

  div.entry-summary{
    width: 40%;
  }

  div.woocommerce-product-details__short-description p{
    text-align: left;
    padding: 0;
    padding-right: 3%;
  }
}


@media screen and (min-width: 650px) and (max-width: 800px){
  div.woocommerce-product-details__short-description p{
    margin-top: 50%;
  }

}

@media screen and (min-width: 7px) and (max-width: 690px){

  img.wp-post-image{
    max-width: 130%;
    height: auto;
    margin: 0 auto;
  }

  div.cf{
    flex-wrap: wrap;
  }

  div.woocommerce-product-gallery{
    width: 100%;
  }

  div.entry-summary{
    width: 90%;
    margin: auto;
    margin-top: -38%;
  }

}


a.visit:hover{
  color: white;
}



.diapun{
  margin-top: -120px;
}

.diapde{
  margin-top: -42px;
}

@media screen and (min-width: 7px) and (max-width: 720px){
  .diapun{
    margin-top: 0px;
  }
  
}

a{
  text-decoration: none !important;
}


.home #main [class*="woocommerce columns-"]{
  max-width: none;
}

header#masthead{
  height: 50px;
  padding: 0;
  max-width: none;
}

div.premier-logo{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/texte-apa-blanc.png");
}



div.shop-home{
  /* padding: 0% 10%; */
  padding: 0;
}


@media screen and (min-width: 1200px) and (max-width: 1500px){

  div.shop-home{
    padding: 0% 7%;
  }

}

@media screen and (min-width: 1000px) and (max-width: 1200px){

  div.shop-home p.reca{
    font-size: 1rem;
  }

  div.shop-left{
    width: 80%;
  }

  div.right{
    left: 20%;
  }

}

h1.contact{
  margin-top: 5% !important;
  font-weight: 500;
}

div.wpcf7{
  text-align: center;
}

input.wpcf7-form-control{
  border-radius: 50px !important;
}


div.woocommerce-Tabs-panel--additional_information{
  width: 47%;
  position: absolute;
  top: 23%;
  right: 4%;
}

.related.products h2, .up-sells h2 {
  margin-bottom: 2rem;
  text-align: center;
}

.related.products h2::before{
  content: '';
  display: block;
  margin: auto;
  width: 100%;
  height: 2px;
  border-radius: 50%;
  background-color: rgba(61,115,141,1);
  margin-top: 30px;
  margin-bottom: 30px !important;
}

body .related.products ul.products{
  display: flex;
  justify-content: center !important;
  align-items: stretch;
}

body.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 20px 50px 20px;
  box-sizing: border-box;
}

/* div.woocommerce-Tabs-panel--additional_information::after{

} */

@media screen and (min-width: 0px) and (max-width: 900px){
  section.related.products{
    margin-top: 40px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 770px){
  div.product_meta {
    position: relative;
    /* top: 8%; */
  }

  div.woocommerce-product-details__short-description {
    position: relative;
    top: 12%;
    width: 100%;
  }

  div.woocommerce-Tabs-panel--additional_information {
    width: 72%;
    position: relative;
    /* top: 23%; */
    /* right: 4%; */
  }
}

body div.wc-block-attribute-filter li{
  color: white;
}

ul.wc-block-checkbox-list li label{
  color: #FFFFFF;
}

ul.wc-block-components-checkbox-list li{
  color: white;
}

/* deroulant */

#main > div.dropdown > label.boutonmenuprincipal {
  background-color: #e83737;
  color: white;
  border: none;
  cursor: pointer;
  padding:20px;
  margin-top:20px;
  font-size: 30px;
}

/* .boutonmenuprincipal:hover {
  border-color: black;
  background-color: black !important;
} */

/* div.dropdown:hover .boutonmenuprincipal {
  border-color: black;
  background-color: black !important;
  text-align: center;
} */

.dropdown {
  position: relative;
  display: inline-block;
}



.dropdown-child li {
  color: white;
  padding: 20px;
  text-decoration: none;
  display: block;
  padding: 0px;
  padding-bottom: 10px;
}

ul.txt-ul{
  color: #3d738d;
  font-size: 1.6rem;
  font-family: 'Quicksand';
  font-weight: 600;
  text-transform: capitalize;
  padding: 2% 0% 0% 4%;
}





.single-product div.product {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 200px) and (max-width: 800px){
  .single-product div.product {
    margin-top: 80px !important;
  }

  h1.product_title{
    font-size: 30px !important;
    font-weight: 400 !important;
  }
}

/* input[type=checkbox]#choco__:checked ~  div.tout__ {
  display: none;
} */






/* /////////////////////////////////FILTRES///////////////////////////////// */

div.point{
  display: block;
  height: 22px;
  width: 22px;
  background-color: transparent;
  border-radius: 50%;
  border: solid 2px #FFFFFF;
  margin-right: 9px;
}

input[type=checkbox].tri-at{
  visibility: hidden;
}

::marker {
  color: red;
  font-size: 4.5em;
}

label.filtree{
  padding-left: 8%;
}

li.dufiltre:hover{
  background-color: grey;
  margin-left: -4%;
  padding-bottom: 1%;
}


div.dropdown{
  float: right;
  /* display: block; */
  position: absolute;
  z-index: 999;
  right: 5%;
  width: 50%;
  margin-top: 1% !important;
}

div.dropdown-child{
  display: none;
  grid-template-columns: repeat(9, 1fr);
  grid-gap: 0px;
  grid-auto-rows: minmax(100px, auto);
  grid-auto-columns: minmax(190px, auto); 
  background-color: #000000c7;
  min-width: 50px;
  border: 2px solid #fdfdfd;
}

ul.tri-all{
  grid-column: 1/6 ;
  grid-row: 1 / 9;
}

ul.tri-parf{
  grid-column: 6/10;
  grid-row: 1 / 9;
}

input[type=checkbox]#op-f:checked ~ div.dropdown .dropdown-child{
  display: grid;
}

input[type=checkbox]#op-f:checked ~ div.dropdown label.boutonmenuprincipal{
  background-color: white !important;
  text-align: center;
  color: black !important;
  padding-right: 0;
}


h1.h-perso{
  margin: auto !important;
  font-weight: 600;
  font-size: 3rem;
  text-decoration: underline;
  text-decoration-skip-ink: 5px;
  text-decoration-thickness: from-font;
  text-underline-position: under;
}

label.boutonmenuprincipal{
  width: 100%;
  float: right;
  text-transform: uppercase;
  font-family: 'Quicksand';
  font-weight: 700;
  color: #846149 !important;
  background-color: transparent !important;
  text-align: end;
  padding: 0;
  padding-right: 160px;
  font-size: 23px;
}

label.boutonmenuprincipal::before{
  content: '';
  display: block;
  height: 3px;
  background-color: #FFFFFF;
  width: 24px;
  border-radius: 50px;
  transform: rotate(45deg);
  position: absolute;
  bottom: 50%;
  right: 125px;
}

label.boutonmenuprincipal::after{
  content: '';
  display: block;
  height: 3px;
  background-color: #FFFFFF;
  width: 24px;
  border-radius: 50px;
  transform: rotate(135deg);
  position: absolute;
  bottom: 50%;
  right: 110px;
}
@media screen and (min-width: 830px) and (max-width: 1100px){
  div.dropdown {
    width: 60%;
  }
}

@media screen and (min-width: 620px) and (max-width: 830px){
  div.dropdown {
    width: 80%;
  }
}

@media screen and (min-width: 420px) and (max-width: 620px){
  label.filtree {
    padding-left: 0%;
  }

  p.listt{
    font-size: 1rem !important;
  }

  div.dropdown {
    width: 90%;
  }

}

@media screen and (min-width: 0px) and (max-width: 420px){
  label.filtree {
    padding-left: 0%;
  }

  p.listt{
    font-size: 0.8rem !important;
  }

  div.dropdown {
    width: 100%;
    right: 0%;
  }

}





input[type=checkbox]#op-f:checked ~ div.dropdown label.boutonmenuprincipal::before{
  right: 2%;
  bottom: 98%;
  background-color: red;
}

input[type=checkbox]#op-f:checked ~  div.dropdown label.boutonmenuprincipal::after{
  right: 2%;
  bottom: 98%;
  background-color: red;
}

p.val{
  background-color: green;
  padding: 8px 20px;
  margin-right: 40%;
  border-radius: 50px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  position: absolute;
  left: 40%;
}

input.ouvrir-filtres{
  visibility: hidden;
}


/* ////////////////////////filtrer parfum chocolat//////////////////////// */


div.choco__ch{
  display: none;
}

input[type=checkbox]#choco__:checked ~  div.choco__ch {
display: block;
}

input[type=checkbox]#choco__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#choco__:checked ~  div.dropdown  div.dropdown-child ul li label.-choc div.point{
  background-color: #3d738d;
}

input[type=checkbox]#choco__:checked ~  div.dropdown  div.dropdown-child ul li label.-choc div.point{
  background-color: #3d738d;
}

label.-choc{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-choc p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum chocolat////////////////////// */


/* ////////////////////////filtrer parfum amandes//////////////////////// */


div.am__ch{
  display: none;
}

input[type=checkbox]#amandes__:checked ~  div.am__ch {
display: block;
}

input[type=checkbox]#amandes__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#amandes__:checked ~  div.dropdown  div.dropdown-child ul li label.-am div.point{
  background-color: #3d738d;
}

input[type=checkbox]#amandes__:checked ~  div.dropdown  div.dropdown-child ul li label.-am div.point{
  background-color: #3d738d;
}

label.-am{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-am p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum amandes////////////////////// */

/* ////////////////////////filtrer parfum caramel//////////////////////// */


div.crml__ch{
  display: none;
}

input[type=checkbox]#caramel__:checked ~  div.crml__ch {
display: block;
}

input[type=checkbox]#caramel__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#caramel__:checked ~  div.dropdown  div.dropdown-child ul li label.-crml div.point{
  background-color: #3d738d;
}

input[type=checkbox]#caramel__:checked ~  div.dropdown  div.dropdown-child ul li label.-crml div.point{
  background-color: #3d738d;
}

label.-crml{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-crml p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum caramel////////////////////// */

/* ////////////////////////filtrer parfum choco blanc//////////////////////// */


div.choco-blanc__ch{
  display: none;
}

input[type=checkbox]#choco-blanc__:checked ~  div.choco-blanc__ch {
display: block;
}

input[type=checkbox]#choco-blanc__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#choco-blanc__:checked ~  div.dropdown  div.dropdown-child ul li label.-choco-blanc div.point{
  background-color: #3d738d;
}

input[type=checkbox]#choco-blanc__:checked ~  div.dropdown  div.dropdown-child ul li label.-choco-blanc div.point{
  background-color: #3d738d;
}

label.-choco-blanc{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-choco-blanc p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum choco blanc////////////////////// */

/* ////////////////////////filtrer parfum choco lait//////////////////////// */


div.choco-lait__ch{
  display: none;
}

input[type=checkbox]#choco-lait__:checked ~  div.choco-lait__ch {
display: block;
}

input[type=checkbox]#choco-lait__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#choco-lait__:checked ~  div.dropdown  div.dropdown-child ul li label.-choco-lait div.point{
  background-color: #3d738d;
}

input[type=checkbox]#choco-lait__:checked ~  div.dropdown  div.dropdown-child ul li label.-choco-lait div.point{
  background-color: #3d738d;
}

label.-choco-lait{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-choco-lait p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum choco lait////////////////////// */

/* ////////////////////////filtrer parfum choco noir//////////////////////// */


div.choco-noir__ch{
  display: none;
}

input[type=checkbox]#choco-noir__:checked ~  div.choco-noir__ch {
display: block;
}

input[type=checkbox]#choco-noir__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#choco-noir__:checked ~  div.dropdown  div.dropdown-child ul li label.-choco-noir div.point{
  background-color: #3d738d;
}

input[type=checkbox]#choco-noir__:checked ~  div.dropdown  div.dropdown-child ul li label.-choco-noir div.point{
  background-color: #3d738d;
}

label.-choco-noir{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-choco-noir p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum choco noir////////////////////// */


/* ////////////////////////filtrer parfum citron//////////////////////// */


div.citron__ch{
  display: none;
}

input[type=checkbox]#citron__:checked ~  div.citron__ch {
display: block;
}

input[type=checkbox]#citron__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#citron__:checked ~  div.dropdown  div.dropdown-child ul li label.-citron div.point{
  background-color: #3d738d;
}

input[type=checkbox]#citron__:checked ~  div.dropdown  div.dropdown-child ul li label.-citron div.point{
  background-color: #3d738d;
}

label.-citron{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-citron p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum citron////////////////////// */

/* ////////////////////////filtrer parfum coco//////////////////////// */


div.coco__ch{
  display: none;
}

input[type=checkbox]#coco__:checked ~  div.coco__ch {
display: block;
}

input[type=checkbox]#coco__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#coco__:checked ~  div.dropdown  div.dropdown-child ul li label.-coco div.point{
  background-color: #3d738d;
}

input[type=checkbox]#coco__:checked ~  div.dropdown  div.dropdown-child ul li label.-coco div.point{
  background-color: #3d738d;
}

label.-coco{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-coco p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum coco////////////////////// */

/* ////////////////////////filtrer parfum fraise//////////////////////// */


div.fraise__ch{
  display: none;
}

input[type=checkbox]#fraise__:checked ~  div.fraise__ch {
display: block;
}

input[type=checkbox]#fraise__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#fraise__:checked ~  div.dropdown  div.dropdown-child ul li label.-fraise div.point{
  background-color: #3d738d;
}

input[type=checkbox]#fraise__:checked ~  div.dropdown  div.dropdown-child ul li label.-fraise div.point{
  background-color: #3d738d;
}

label.-fraise{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-fraise p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum fraise////////////////////// */

/* ////////////////////////filtrer parfum framboise//////////////////////// */


div.framboise__ch{
  display: none;
}

input[type=checkbox]#framboise__:checked ~  div.framboise__ch {
display: block;
}

input[type=checkbox]#framboise__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#framboise__:checked ~  div.dropdown  div.dropdown-child ul li label.-framboise div.point{
  background-color: #3d738d;
}

input[type=checkbox]#framboise__:checked ~  div.dropdown  div.dropdown-child ul li label.-framboise div.point{
  background-color: #3d738d;
}

label.-framboise{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-framboise p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum framboise////////////////////// */

/* ////////////////////////filtrer parfum fruits-rouges//////////////////////// */


div.fruits-rouges__ch{
  display: none;
}

input[type=checkbox]#fruits-rouges__:checked ~  div.fruits-rouges__ch {
display: block;
}

input[type=checkbox]#fruits-rouges__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#fruits-rouges__:checked ~  div.dropdown  div.dropdown-child ul li label.-fruits-rouges div.point{
  background-color: #3d738d;
}

input[type=checkbox]#fruits-rouges__:checked ~  div.dropdown  div.dropdown-child ul li label.-fruits-rouges div.point{
  background-color: #3d738d;
}

label.-fruits-rouges{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-fruits-rouges p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum fruits-rouges////////////////////// */

/* ////////////////////////filtrer parfum griotte//////////////////////// */


div.griotte__ch{
  display: none;
}

input[type=checkbox]#griotte__:checked ~  div.griotte__ch {
display: block;
}

input[type=checkbox]#griotte__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#griotte__:checked ~  div.dropdown  div.dropdown-child ul li label.-griotte div.point{
  background-color: #3d738d;
}

input[type=checkbox]#griotte__:checked ~  div.dropdown  div.dropdown-child ul li label.-griotte div.point{
  background-color: #3d738d;
}

label.-griotte{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-griotte p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum griotte////////////////////// */

/* ////////////////////////filtrer parfum mangue//////////////////////// */


div.mangue__ch{
  display: none;
}

input[type=checkbox]#mangue__:checked ~  div.mangue__ch {
display: block;
}

input[type=checkbox]#mangue__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#mangue__:checked ~  div.dropdown  div.dropdown-child ul li label.-mangue div.point{
  background-color: #3d738d;
}

input[type=checkbox]#mangue__:checked ~  div.dropdown  div.dropdown-child ul li label.-mangue div.point{
  background-color: #3d738d;
}

label.-mangue{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-mangue p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum mangue////////////////////// */

/* ////////////////////////filtrer parfum myrtille//////////////////////// */


div.myrtille__ch{
  display: none;
}

input[type=checkbox]#myrtille__:checked ~  div.myrtille__ch {
display: block;
}

input[type=checkbox]#myrtille__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#myrtille__:checked ~  div.dropdown  div.dropdown-child ul li label.-myrtille div.point{
  background-color: #3d738d;
}

input[type=checkbox]#myrtille__:checked ~  div.dropdown  div.dropdown-child ul li label.-myrtille div.point{
  background-color: #3d738d;
}

label.-myrtille{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-myrtille p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum myrtille////////////////////// */

/* ////////////////////////filtrer parfum noix//////////////////////// */


div.noix__ch{
  display: none;
}

input[type=checkbox]#noix__:checked ~  div.noix__ch {
display: block;
}

input[type=checkbox]#noix__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#noix__:checked ~  div.dropdown  div.dropdown-child ul li label.-noix div.point{
  background-color: #3d738d;
}

input[type=checkbox]#noix__:checked ~  div.dropdown  div.dropdown-child ul li label.-noix div.point{
  background-color: #3d738d;
}

label.-noix{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-noix p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum noix////////////////////// */

/* ////////////////////////filtrer parfum passion//////////////////////// */


div.passion__ch{
  display: none;
}

input[type=checkbox]#passion__:checked ~  div.passion__ch {
display: block;
}

input[type=checkbox]#passion__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#passion__:checked ~  div.dropdown  div.dropdown-child ul li label.-passion div.point{
  background-color: #3d738d;
}

input[type=checkbox]#passion__:checked ~  div.dropdown  div.dropdown-child ul li label.-passion div.point{
  background-color: #3d738d;
}

label.-passion{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-passion p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum passion////////////////////// */

/* ////////////////////////filtrer parfum vanille//////////////////////// */


div.vanille__ch{
  display: none;
}

input[type=checkbox]#vanille__:checked ~  div.vanille__ch {
display: block;
}

input[type=checkbox]#vanille__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#vanille__:checked ~  div.dropdown  div.dropdown-child ul li label.-vanille div.point{
  background-color: #3d738d;
}

input[type=checkbox]#vanille__:checked ~  div.dropdown  div.dropdown-child ul li label.-vanille div.point{
  background-color: #3d738d;
}

label.-vanille{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-vanille p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer parfum vanille////////////////////// */




/* ////////////////////////TRI ALLERGENES//////////////////////// */

/* ////////////////////////filtrer allergenes s-gluten//////////////////////// */


div.s-gluten__ch{
  display: none;
}

input[type=checkbox]#s-gluten__:checked ~  div.s-gluten__ch {
display: block;
}

input[type=checkbox]#s-gluten__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#s-gluten__:checked ~  div.dropdown  div.dropdown-child ul li label.-s-gluten div.point{
  background-color: #3d738d;
}

input[type=checkbox]#s-gluten__:checked ~  div.dropdown  div.dropdown-child ul li label.-s-gluten div.point{
  background-color: #3d738d;
}

label.-s-gluten{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-s-gluten p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer allergenes s-gluten////////////////////// */

/* ////////////////////////filtrer allergenes s-lait//////////////////////// */


div.s-lait__ch{
  display: none;
}

input[type=checkbox]#s-lait__:checked ~  div.s-lait__ch {
display: block;
}

input[type=checkbox]#s-lait__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#s-lait__:checked ~  div.dropdown  div.dropdown-child ul li label.-s-lait div.point{
  background-color: #3d738d;
}

input[type=checkbox]#s-lait__:checked ~  div.dropdown  div.dropdown-child ul li label.-s-lait div.point{
  background-color: #3d738d;
}

label.-s-lait{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-s-lait p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer allergenes s-lait////////////////////// */


/* ////////////////////////filtrer allergenes s-soja//////////////////////// */


div.s-soja__ch{
  display: none;
}

input[type=checkbox]#s-soja__:checked ~  div.s-soja__ch {
display: block;
}

input[type=checkbox]#s-soja__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#s-soja__:checked ~  div.dropdown  div.dropdown-child ul li label.-s-soja div.point{
  background-color: #3d738d;
}

input[type=checkbox]#s-soja__:checked ~  div.dropdown  div.dropdown-child ul li label.-s-soja div.point{
  background-color: #3d738d;
}

label.-s-soja{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-s-soja p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer allergenes s-soja////////////////////// */


/* ////////////////////////filtrer allergenes s-oeuf//////////////////////// */


div.s-oeuf__ch{
  display: none;
}

input[type=checkbox]#s-oeuf__:checked ~  div.s-oeuf__ch {
display: block;
}

input[type=checkbox]#s-oeuf__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#s-oeuf__:checked ~  div.dropdown  div.dropdown-child ul li label.-s-oeuf div.point{
  background-color: #3d738d;
}

input[type=checkbox]#s-oeuf__:checked ~  div.dropdown  div.dropdown-child ul li label.-s-oeuf div.point{
  background-color: #3d738d;
}

label.-s-oeuf{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-s-oeuf p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer allergenes s-oeuf////////////////////// */


/* ////////////////////////filtrer allergenes s-coque//////////////////////// */


div.s-coque__ch{
  display: none;
}

input[type=checkbox]#s-coque__:checked ~  div.s-coque__ch {
display: block;
}

input[type=checkbox]#s-coque__:checked ~  div.tout__ {
display: none;
}

input[type=checkbox]#s-coque__:checked ~  div.dropdown  div.dropdown-child ul li label.-s-coque div.point{
  background-color: #3d738d;
}

input[type=checkbox]#s-coque__:checked ~  div.dropdown  div.dropdown-child ul li label.-s-coque div.point{
  background-color: #3d738d;
}

label.-s-coque{
  display: flex;
  align-items: center;
  /* padding-left: 5%; */
  cursor: pointer;
}

label.-s-coque p{
  font-family: 'Quicksand';
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}


/* //////////////////////fin filtrer allergenes s-coque////////////////////// */




tr.woocommerce-product-attributes-item--attribute_pa_parf_ th.woocommerce-product-attributes-item__label{
  color: white;
}

/* div.old-c{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/courch-60s.jpeg");
} */

div.maison-ac{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/courch-old.jpeg");
  background-size: cover;
  height: 490px;
  padding-top: 27px;
  background-position: top;
  margin-bottom: 3%;
}

div.maison-ac h1{
  background: linear-gradient(90deg, transparent 0%, white 40%, white 60%, transparent 90%);
  color: black;
}

div.maison-ac h2{
  text-align: center;
  background: linear-gradient(90deg, transparent 0%, black 40%, black 60%, transparent 100%);
  font-size: 4vw;
}

@media screen and (min-width: 900px) and (max-width: 9000px){
  div.maison-ac h1{
    font-size: 7vw;
  }

}

@media screen and (min-width: 0px) and (max-width: 900px){
  div.maison-ac h1{
    font-size: 10vw;
  }

}

@media screen and (min-width: 0px) and (max-width: 600px){
  div.suit-maison h3{
    letter-spacing: -1px;
    font-size: 7vw;
    padding-left: 1%;
  }

  div.p-suit-maison{
    font-size: 1.2rem;
    padding: 2% 3% 0% 9%;
  }
}

@media screen and (min-width: 0px) and (max-width: 775px){
  div.maison-ac{
    height: 390px;
  }
}



div.suit-maison h3{
  font-weight: 700;
  text-transform: capitalize;
  padding-left: 5%;
  color: #3d738d;
}

div.p-suit-maison{
  color: white;
  padding: 2% 17%;
  font-weight: 600;
  font-size: 1.4rem;
}

@media screen and (min-width: 0px) and (max-width: 800px){
  div.p-suit-maison{
    padding: 2% 10%;
  }
}


div.formaison p{
  color: #3d738d;
  padding-top: 21px;
}

div.formaison p{
  padding: 0% 10%;
}

p.dgrey{
  color: darkgray !important;
  font-weight: 600;
}

div.serv-ac{
  /* background-image: url("https://www.aupaindantan.fr/wp-content/uploads/ban-services.jpg"); */
  /* height: 74vh; */
  width: 100%;
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: -2% !important;
  margin-bottom: 5%;
}


div.titre-img{
  width: 100%;
}

div.serv-ac img.norm{
  width: 100%;
  margin-top: 2% !important;
}

div.serv-ac img.mob{
  display: none;
  width: 100%;
  margin-top: 2% !important;
}

@media screen and (min-width: 0px) and (max-width: 800px){
  div.serv-ac img.norm{
    display: none;
    width: 100%;
    margin-top: 2% !important;
  }
  
  div.serv-ac img.mob{
    display: block;
    width: 100%;
    margin-top: 2% !important;
  }
}

div.serv-suit h2{
  color: #3d738d;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin-bottom: 17px;
}

div.serv-suit h3{
  text-transform: capitalize;
  font-size: 1.5rem;
  color: #8f6c53;
  font-weight: 500;
  padding-left: 13%;
}

div.serv-suit p{
  color: white;
  font-weight: 500;
  padding: 2% 13%;
}

@media screen and (min-width: 0px) and (max-width: 600px){
  div.serv-suit p{
    padding: 2% 6%;
  }

  div.serv-suit h3{
    padding-left: 3%;
  }
}


a.lcont{
  color: #3d738d;
  font-weight: 600;
  font-size: 1.4rem;
}


a.l-mik{
  color: #3d738d;
}

div.l-contak{
  text-align: right;
  padding-right: 15%;
}

div.minia-hcmp{
  background-size: contain;
  width: 55%;
  margin: auto;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/minia-v-hcmp.jpg");
  padding-top: 33%;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 3%;
}

div.minia-hcmp:hover{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/minia-v-hcmp-on.jpg");
}

a.bleu-cam{
  color: #3d738d;
}

div.sl-im{
  width: 60%;
  margin: auto;
  margin-bottom: 2%;
}

@media screen and (min-width: 0px) and (max-width: 800px){
  div.sl-im{
    width: 80%;
  }
  div.minia-hcmp{
    width: 75%;
    padding-top: 60%;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px){
  div.sl-im{
    width: 100%;
  }
}

div.secon{
  margin-bottom: 4%;
}

div#n2-ss-16 .nextend-arrow img {
  width: 85px !important;
}

div.terso{
  margin-bottom: 2%;
}

div.terso::after{
  content: '';
  width: 70%;
  display: block;
  height: 2px;
  border-radius: 50px;
  margin: auto;
  background-color: grey;
  margin-top: 5%;
}

h2.concon{
  font-weight: 700;
  margin-bottom: 5%;
}

div#h5vp_player{
  margin: 0% 27%;
}

@media screen and (min-width: 600px) and (max-width: 800px){
  div#h5vp_player{
    margin: 0% 0%;
  }
}

div.hrr{
  width: 70%;
  display: block;
  height: 2px;
  border-radius: 50px;
  margin: auto;
  background-color: #846149;
  margin-top: 5%;
}

div.img-full{
  width: 100%;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/ban-pains-min.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 27px !important;
  height: 30vw;
  padding-top: 9vw;
  margin-bottom: 0;
}

div.img-full h1{
  font-weight: 600;
  background: linear-gradient(90deg, rgba(131,58,180,0) 0%, rgba(178,47,123,0) 20%, rgba(0,0,0,1) 37%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 63%, rgba(253,90,46,0) 80%, rgba(252,176,69,0) 100%);
}

div.bread-entry{
  margin-bottom: 2%;
}

span.blu{
  color: #3d738d;
  font-style: italic;
  font-weight: 700;
}

div.movau{
  margin-bottom: 2%;
}

ul.li-pain{
  padding-left: 15%;
}

ul.li-pain li{
  color: #3d738d;
  list-style: disc;
  text-transform: capitalize;
}

@media screen and (min-width: 0px) and (max-width: 800px){
  div.img-full{
    margin-top: 0px !important;
    background-image: url("https://www.aupaindantan.fr/wp-content/uploads/bann-pains.jpg");
    height: 45vw;
  }

  div.bread-entry{
    margin-top: 6% !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 600px){
  div.img-full {
  background-size: cover;
  background-position: center;
  }
}


div.bread-entry p{
 color: white;
 padding: 2% 9%;
 font-weight: 500;
}

div.bread-entry h2{
  color: #3d738d;
  padding-left: 1%;
  font-weight: 500;
  text-transform: capitalize;
}



::marker {
  color: white;
  font-size: inherit;
}

div.pmonde h2{
  text-align: center;
  font-weight: 600;
  color: #cad801;
}

div.imicka{
  width: 50%;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/w-cup-bb.jpg");
  padding-top: 30%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  float: right;
  margin-right: 4%;
}

div.ipiece{
  width: 100%;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/w-cupmich.jpg");
  padding-top: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
  
body h2.aicha{
  text-align: start;
  color: white;
  margin-left: 5%;
  margin-top: 2% !important;
  margin-bottom: 0%;
  font-weight: 500;
}

p.ouayte{
  color: white;
}

p.tc{
  padding: 2% 7%;
  font-weight: 500;
}

p.ct{
  width: 100%;
  text-align: center;
  font-weight: 500;
  padding: 2% 15%;
}

div.alf{
  width: 55%;
}

div.vintdeu{
  display: flex;
  align-items: center;
}

span.ielo{
  color: #cad801;
}

h3.zim{
  margin-left: 5%;
  margin-bottom: 3%;
  color: #3d738d;
  font-weight: 400;
}

@media screen and (min-width: 0px) and (max-width: 700px){
  div.vintdeu {
    display: block;
  }

  div.alf {
    width: 100%;
    margin-bottom: 5%;
  }

  div.imicka {
    width: 100%;
    padding-top: 50%;
    margin-bottom: 5%;
  }

  div.ipiece {
    padding-top: 80%;
  }

  body h2.aicha{
    text-align: center;
    padding: 0% 5%;
  }

}

/* /////////////////////FOOTER///////////////////// */

div.b-foot{
  display: flex;
  width: 100%;
  /* height: 100px; */
  background-color: #0b0b0b;
  text-align: center;
  margin-bottom: 0;
  padding: 3% 1%;
  justify-content: space-around;
}

div.c-foot{
  font-weight: 600;
}

footer#colophon{
  margin: 0;
  max-width: none;
  padding-bottom: 0;
}

footer#colophon a{
  color: white;
}

footer#colophon a:hover{
  color: #3d738d;
}

div.l-foot ul{
  list-style-type: none;
  color: white;
  font-family: quicksand;
  text-transform: capitalize;
  font-weight: 600;
}

div.lde-foot ul{
  list-style-type: none;
  color: white;
  font-family: quicksand;
  text-transform: capitalize;
  font-weight: 600;
}

div.rssi{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/insta-a-a.jpg");
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

div.rssi:hover{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/insta-a-b.jpg");
}

div.rssf{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/fb-b-b.jpg");
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

div.rssf:hover{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/fb-b-a.jpg");
}

div.r-foot{
  margin: 1% 2%;
}

div.ban-footer{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/ban-footer.png");
  width: 30%;
  background-size: contain;
  background-repeat: no-repeat;
}





@media screen and (min-width: 800px) and (max-width: 1060px){
  div.l-foot{
    font-size: 1.5vw;
  }

  div.lde-foot{
    font-size: 1.5vw;
  }

  div.c-foot{
    font-size: 1.5vw;
  }
}

@media screen and (min-width: 0px) and (max-width: 800px){
  div.ban-footer {
    background-image: url(https://www.aupaindantan.fr/wp-content/uploads/ban-footer.png);
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    /* bottom: -300px; */
    height: 300px;
    background-color: #0b0b0b;
    background-position: center;
  }

  div.lde-foot{
    display: none;
  }

  div.b-foot {
    flex-wrap: wrap;
  }

  div.r-foot{
    margin: auto;
  }

  div.c-foot{
    width: 100%;
  }

  div.l-foot{
    text-align: center;
    margin: auto;
    margin-top: 50px;
  }

  div.l-foot ul{
    padding: 0;
  }



}

li.mob-ig{
  width: 50%;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/insta-a-b.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: 75%;
}

li.mob-fb{
  width: 50%;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/fb-b-a.jpg");
  position: absolute;
  right: 0;
  margin-top: -80px !important;
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: -5%;
}

li.mob-ig a{
  color: transparent !important;
}

li#menu-item-2314{
  border-radius: 50%;
  height: 60px;
  width: 60px;
  display: flex;
  margin-left: 20% !important;
}

li#menu-item-2315{
  border-radius: 50%;
  height: 60px;
  width: 60px;
  display: flex;
  margin-right: 20% !important;
}

li.mob-fb a{
  color: transparent !important;
}

@media only screen and (max-width: 800px){
  body #mg-wprm-wrap ul#wprmenu_menu_ul li.mob-ig a:hover{
    color: transparent !important;
    background: transparent !important;
  }

  body #mg-wprm-wrap ul#wprmenu_menu_ul li.mob-fb a:hover{
    color: transparent !important;
    background: transparent !important;
  }
}

div.plyr__controls{
  display: none !important;
}



figure.wp-block-video{
  width: 50%;
  margin: auto;
  
}


@media screen and (min-width: 800px) and (max-width: 1100px){
  figure.wp-block-video{
    width: 62%;
    margin: auto;
  }
}

@media screen and (min-width: 600px) and (max-width: 800px){
  figure.wp-block-video{
    width: 80%;
    margin: auto;
  }
}

@media screen and (min-width: 500px) and (max-width: 600px){
  figure.wp-block-video{
    width: 90%;
    margin: auto;
  }
}

@media screen and (min-width: 0px) and (max-width: 500px){
  figure.wp-block-video{
    width: 100%;
    margin: auto;
  }
}

a.box-shop h2 {
  text-align: center;
  /* transform: rotate(-45deg); */
  /* text-align: left; */
  /* margin-left: -22%; */
  /* margin-bottom: -10px !important; */
  /* margin-top: 45% !important; */
  /* position: absolute; */
  /* background-image: url(https://www.aupaindantan.fr/wp-content/uploads/losange-1800.png); */
  /* height: 150px; */
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 3rem;
}

.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: transparent !important;
  color: var(--global--color-white); 
  text-decoration: none;
}

h1.solo{
  color: white;
  font-size: 4.5rem;
  margin-bottom: 50px !important;
}

div.ctn-solo{
  display: flex;
  flex-wrap: wrap;
}

div.crsl{
  width: 50%;
}

div.info-solo{
  width: 50%;
}

div.info-solo h3{
  color: #3d738d;
}

div.sl-solo{
  width: 65%;
  margin: auto;
}

div.nextend-arrow img {
  width: 80px !important;
}

.pdix{
  padding-left: 5%;
  color: #846149;
}

span.spdix{
  /* color: white; */
  color: white;
  font-weight: 500;
}

p.prouge{
  color: red;
}

@media screen and (min-width: 0px) and (max-width: 850px){
  h1.solo{
    font-size: 3.5rem;
    margin-bottom: 20px !important;
    font-weight: 300;
  }
  
  div.crsl{
    width: 100%;
  }
  
  div.info-solo{
    width: 100%;
    padding-left: 5%;
  }
  
  div.sl-solo{
    width: 70%;
    margin-bottom: 5%;
  }
  
  div.nextend-arrow img {
    width: 50px !important;
  }
  
}

/* @media screen and (min-width: 1500px){
  div.shop-home {
    margin: 0% 10%;
  }
} */

@media screen and (max-width: 1000px){
  div.woocommerce-Tabs-panel--additional_information {
    width: 100% !important;
    position: relative;
    top: auto;
    right: auto;
    margin: 0 !important;
  }


}



@media screen and (max-width: 768px){
  section.related ul.products li{
    margin: auto !important;
    margin-bottom: 15% !important;
  }

  table.woocommerce-product-attributes a{
    font-size: 0.9rem;
  }

  th.woocommerce-product-attributes-item__label {
    text-transform: uppercase;
    color: #c53d38;
    font-weight: 500;
    font-size: 1.1rem;
    font-family: quicksand;
    padding-left: 5px;
  }
}

div.summary{
  font-family: quicksand;
}

div.product_meta a{
  pointer-events: none;

}

table.woocommerce-product-attributes a{
  pointer-events: none;
}


/* fil d'ariane //////////////////////////////////////////////*/
nav.woocommerce-breadcrumb{
  display: none;
}

div.back p{
  font-weight: 600;
  color: #3d738d;
  margin-left: 10px;
  font-size: 1.5rem;
}

/* div.back a:hover{
  color: white;
} */

div.flauche{
  height: 1.5rem;
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/icons/flauche-bl.png);
  margin-bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
}

/* div.flauche:hover{
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/icons/flauche-w.png);
} */

div.back{
  display: flex;
  align-items: center;
  margin-left: 3%;
  margin-bottom: 3%;
}

div.back:hover > div.flauche{
  background-image: url(https://www.aupaindantan.fr/wp-content/uploads/icons/flauche-w.png);
}

div.back:hover > p{
  color: white;
}

h1.trait{
  margin-top: 60px !important;
}

div.full-traiteur{
  position: relative;
}

div.co-vid{
  position: absolute;
  /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8253676470588236) 13%, rgba(0,0,0,0.7189250700280112) 45%, rgba(0,0,0,0.5844712885154062) 100%); */
  height: 100%;
  width: 100%;
  top: 0;
}

h1.trait{
  position: relative;
  z-index: 2;
}

p.p-trait{
  color: #3d738d;
  font-weight: 600;
  margin: 0% 17%;
  margin-top: 2% !important;
  background-color: #2d2d2de6;
  padding: 3%;
  text-align: center;
  font-size: 23px;
}

img.zoomImg{
  background-color: #161616 !important;
}

a.button{
  font-family: quicksand;
}



/* li.post-2417:hover > a > img{
  url
} */




/* /////////////////////page chocolat///////////////////// */

div.fullmg{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/wait-choco.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

div.total{
  margin-top: -80px !important;
}

div.fullmg h3{
  text-align: center;
  vertical-align: middle;
  margin: auto;
  padding-top: 40vh;
  font-size: 4rem;
  font-weight: 700;
}

/* ///////////////////fin page chocolat/////////////////// */

div.product_meta{
  display: none;
}

span.wpcf7-quiz-label{
  font-weight: 900;
  text-transform: uppercase;
  color: red;
}

input.wpcf7-submit{
  margin-top: 40px !important;
}


/* ////////////////////////////PAGE PANIER//////////////////////////// */

span.woocommerce-Price-amount .amount{
  color: white;
  font-family: 'Quicksand';
  font-weight: 500;
}

form.woocommerce-cart-form table thead{
  color: #3d738d;
}

th.product-thumbnail, .product-name, .product-price, .product-quantity, .product-subtotal{
  font-weight: 500;
  font-family: 'Quicksand';
}

form.woocommerce-cart-form{
  width: 92vw;
  margin-top: 10% !important;
}

td.product-name a{
  color: white;
  text-transform: capitalize;
}

tr.woocommerce-cart-form__cart-item, .cart_item{
  color: #3d738d;
}

tr.woocommerce-cart-form__cart-item td a{
  color: white;
}

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

  td.product-thumbnail{
    display: block !important;
    background-color: transparent;
  }
}

div.coupon{
  font-family: quicksand;
}

input.inuput-text{
  border-color: #3d738d !important;
  background-color: white !important;
}

button.button{
  font-family: quicksand !important;
  color: white !important;
  font-weight: 700 !important;
  border-radius: 100px !important;
  padding: 4px 30px !important;
  background-color: green !important;
}

/* div.entry-content{
  width: 92vw;
} */

tr.cart-subtotal th{
  font-family: 'Quicksand';
  font-size: 2rem;
  font-weight: 500;
  color: white;
}

tr.cart-subtotal td{
  color: white;
}

tr.order-total th{
  color: #3d738d;
  font-family: 'Quicksand';
  font-weight: 600;
}

tr.order-total td{
  color: #3d738d;
  font-family: 'Quicksand';
}

div.wc-proceed-to-checkout :hover{
  border: none;
  color: #3d738d !important;
  text-decoration: none !important;
}

div.cart-collaterals{
  width: 92vw !important;
}

div.coupon button.button{
  color: #3d738d !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}

div.coupon button.button:hover{
  color: green !important;
}

/* ////////////////////////////FIN PANIER//////////////////////////// */

/* ////////////////////////////PAGE COMMANDER//////////////////////////// */

article#post-1564{
  width: 92vw;
  color: white;
  margin-top: 5% !important;
}

div.woocommerce * {
  font-family: quicksand !important;
}











/* ////////////////////////////FIN PAGE COMMANDER//////////////////////////// */


div.grecaptcha-badge{
  overflow: visible;
  display: none;
}

span.wglanguage-name{
  overflow: visible;
}

div.n2-ss-align{
  overflow: visible;
  overflow-y: visible;
  overflow-x: visible;
}

.weglot-flags>span.wglanguage-name:before{
  overflow: visible;
}


div.cbp-spmenu{
  z-index: 99999999999;
  position: relative;
}


/* ////////////////////////////BARBAR//////////////////////////// */

@media screen and (max-width: 800px){
  div.barbar{
    display: block;
  }
}

@media screen and (min-width: 800px){
  div.barbar{
    display: none;
  }
}


div.barbar{
  position: absolute;
  height: 50px;
  background-color: #0d0d0d;
  width: 100%;
}

div.logbar{
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/logo-maison-gandy-blanc-ss-v.png");
  width: 59%;
  height: 40px;
  margin-top: 1%;
  background-size: contain;
  background-repeat: no-repeat;
}

div.men-bar{
  display: none;
  width: 15%;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/icon-burger.png");
  background-size: contain;
}

div.all-men{
  display: none;
  position: absolute;
  width: 80vw;
  height: 100vh;
  margin-left: -10%;
  background-color: #565a65;
}

@media screen and (max-width: 800px){
  div.villes-mg{
    display: block;
  }
}

@media screen and (min-width: 801px){
  div.villes-mg{
    display: none;
  }
}

div.villes-mg{
  position: absolute;
  top: 100px;
  /* text-align: center; */
  width: 100%;
}

h2.barreville{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  color: white;
  font-size: 18px;
  text-transform: capitalize;
  text-align: center;
  width: 100%;
}

/* //////////////////////////FIN BARBAR////////////////////////// */

div.wpcf7-response-output{
  color: white;
}

/*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_ MENU *-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*/

div.menu-gandy{
  position: absolute;
  top: 100px;
  left: -9000px;
  /* transition-property: left;
  transition-duration: 4s;
  transition-delay: 2s; */
  transition: all 0.5s linear;
  width: 85%;
  height: 100vh;
  background-color: #0b0b0b;
}

ul.case-menu-gandy{
  list-style-type: none;
  padding-left: 2px;
}

a.link-menu-gandy{
  font-family: 'Quicksand';
  font-size: 28px;
  font-weight: 500;
  text-transform: capitalize;
}

a.uno{
  color: #3d738d;
}

a.due{
  color: #3d738d;
}

a.tre{
  color: white;
}

a.tre:hover{
  color: #3d738d;
}

li.uit{
  margin-top: 40px;
}

ul.case-menu-gandy li{
  border: 1px solid #151515;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  text-align: center;
}

input[type=checkbox]#vraper:checked ~  div.menu-gandy{
  left: 0px;
}

input[type=checkbox]#vraper{
  display: none;
}

label.beugueur{
  position: absolute;
  width: 35px;
  height: 35px;
  background-image: url("https://www.aupaindantan.fr/wp-content/uploads/menu-blanc.png");
  background-repeat: no-repeat;
  background-size: cover;
  right: 5%;
  top: 20%;
}

@media screen and (min-width: 800px){
  label.beugueur{
    display: none !important;
  }
}

/*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*- FIN MENU *_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*_*-*/