@charset "UTF-8";
/*$gris-blue          : $blue-biella;
$gris               : $blue-biella-75;
$rouge              : $blue-biella-75;
$blue-page-contenu  : $blue-biella;*/
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
@media screen and (max-width: 991px) {
  #page_category, #page_gamme {
    padding-top: 4rem;
  }
}
@media screen and (max-width: 1407px) {
  #bloc-content {
    margin: 0 2rem;
  }
}
#bloc-content > div.container {
  display: flex;
}

#top_column {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  #top_column {
    margin-top: 4rem;
  }
  #top_column > div {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 575px) {
  #top_column {
    margin-top: 0;
  }
}
#top_column h1 {
  text-transform: uppercase;
  line-height: 1.2;
  font: 700 5rem var(--font-montserra);
}
@media screen and (max-width: 991px) {
  #top_column h1 {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 767px) {
  #top_column h1 {
    text-align: center;
    font-size: 2em;
  }
}
#top_column p {
  max-width: 992px;
  font: 300 1.5rem var(--font-montserra);
}
@media screen and (max-width: 767px) {
  #top_column p {
    text-align: center;
    font-size: 1em;
  }
}
#top_column .e-shop-tag button {
  width: auto;
}

.e-shop-tag button {
  height: unset;
  width: min-content;
  color: #43535a;
  background-color: #e7e9ed;
  border-radius: initial;
  text-align: initial;
  white-space: unset;
  font-size: 1.6rem;
  font-weight: 600;
}
@media (min-width: 768px) {
  .e-shop-tag button {
    width: auto;
    font-size: 2rem;
  }
}
.e-shop-tag button:active, .e-shop-tag button:focus, .e-shop-tag button:hover {
  background-color: #caced7;
}

fieldset label {
  display: block;
}
fieldset label.grey {
  opacity: 0.7;
  filter: grayscale(1);
}
fieldset label .checkbox {
  margin-right: 0.7rem;
}
fieldset label .checkbox:checked {
  background-color: white;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDggOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxyZWN0IHdpZHRoPSIxOCIgaGVpZ2h0PSIyMCIgc3R5bGU9ImZpbGw6IzQzNTM1YSIvPgo8L3N2Zz4=");
}

a:not([href]):not([tabindex]).reset, [type=reset] {
  text-decoration: underline;
  color: rgba(67, 83, 90, 0.6);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: #fff;
  cursor: pointer;
}

[id^=fieldset] p, .filter-mobile p {
  position: relative;
  padding: 1rem 4rem 1rem 2rem;
  margin-bottom: 0;
  cursor: pointer;
}
[id^=fieldset] p span.plus, [id^=fieldset] p span.to, .filter-mobile p span.plus, .filter-mobile p span.to {
  position: absolute;
  right: 1.6rem;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 100%;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22%2343535a%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.4rem;
}
[id^=fieldset] p span.to, .filter-mobile p span.to {
  transform: rotate(-90deg);
}
[id^=fieldset] p.selected span.plus, .filter-mobile p.selected span.plus {
  transform: rotate(180deg);
}

#left_column {
  margin-right: 6rem;
  max-width: 300px;
}
@media screen and (max-width: 991px) {
  #left_column {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 767px) {
  #left_column {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    margin-right: 0;
    width: 50vw;
    min-width: 400px;
    height: 100vh;
    background-color: #fff;
    z-index: 3;
    overflow-y: auto;
    -ms-overflow-y: scroll;
  }
  #left_column > div {
    margin: 3rem;
  }
}
@media screen and (max-width: 479px) {
  #left_column {
    min-width: 100%;
  }
}
#left_column .column-filters-title {
  color: #42c0a4;
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
}
#left_column #filter_form fieldset {
  padding: 2rem 0;
  height: 0;
}
#left_column #filter_form fieldset legend {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1rem 0 0.5rem 0;
  border-top: 1px rgba(67, 83, 90, 0.2) solid;
  cursor: pointer;
}
#left_column #filter_form fieldset legend span.open::before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "▼";
}
#left_column #filter_form fieldset .form-group {
  margin-top: -1rem;
  max-height: 31em;
  overflow-y: auto;
}
#left_column #filter_form fieldset .form-group label ~ label {
  margin-top: 1.5rem;
}
#left_column #filter_form fieldset.selected {
  height: auto;
}
#left_column #filter_form fieldset.selected span.open::before {
  content: "▲";
}
#left_column #filter_form fieldset .bloc-see-less-more p {
  text-align: center;
  font-weight: 700;
}
#left_column #filter_form fieldset .bloc-see-less-more p span.text-see-less-more {
  padding-right: 0.5rem;
}
#left_column #filter_form fieldset .bloc-see-less-more p span.plus {
  right: inherit;
}
@media screen and (max-width: 480px) {
  #left_column #filter_form #fieldset_colors .form-group {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
#left_column #filter_form #fieldset_colors label {
  text-align: center;
  margin-top: 0;
}
#left_column #filter_form #fieldset_colors label.grey {
  cursor: not-allowed;
  filter: grayscale(0.4);
}
#left_column #filter_form #fieldset_colors label div {
  width: 28px;
  height: 28px;
  padding: 2px;
}
#left_column #filter_form #fieldset_colors label div span {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e7e9ed;
}
#left_column #filter_form #fieldset_colors label div span ~ span {
  margin-left: 3px;
}
#left_column #filter_form #fieldset_colors label div span img {
  width: 26px;
  max-width: none;
  margin: -5px 0 0 -2px;
}
#left_column #filter_form #fieldset_colors label input {
  display: none;
}
#left_column #filter_form #fieldset_colors label input:checked ~ div {
  border: 1px solid #43535a;
  border-radius: 50%;
}
#left_column #filter_form button[type=submit] {
  position: fixed;
  bottom: 1.5rem;
  right: 3rem;
  box-shadow: none;
  min-width: auto;
}
#left_column #filter_form button[type=button] {
  box-shadow: none;
  position: absolute;
  right: 1rem;
  top: 1rem;
  background-color: transparent;
  min-width: inherit;
  width: 45px;
  height: 45px;
}
#left_column #filter_form button[type=button]:hover {
  cursor: pointer;
}
#left_column #filter_form button[type=button] span {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 45px;
  height: 1px;
  background-color: #69757b;
}
#left_column #filter_form button[type=button] span:nth-child(1) {
  transform: rotate(45deg);
}
#left_column #filter_form button[type=button] span:nth-child(2) {
  transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  #right_column {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 991px) {
  #right_column #cat_gamme_tri_form {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  #right_column #cat_gamme_tri_form {
    align-items: center;
  }
  #right_column #cat_gamme_tri_form > * {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #right_column #cat_gamme_tri_form fieldset ~ fieldset {
    margin-top: 2rem;
  }
}
#right_column [id^=fieldset], #right_column .filter-mobile {
  padding: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  #right_column [id^=fieldset], #right_column .filter-mobile {
    width: 100% !important;
    max-width: 550px;
  }
}
#right_column [id^=fieldset] p, #right_column .filter-mobile p {
  border: 1px solid #43535a;
}
@media screen and (max-width: 767px) {
  #right_column [id^=fieldset] p, #right_column .filter-mobile p {
    width: 100%;
    padding: 1.5rem 4rem 1.5rem 2rem;
  }
}
#right_column [id^=fieldset] p.selected, #right_column .filter-mobile p.selected {
  background-color: #e7e9ed;
}
#right_column [id^=fieldset] .form-group, #right_column .filter-mobile .form-group {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  width: max-content;
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #43535a;
}
@media screen and (max-width: 767px) {
  #right_column [id^=fieldset] .form-group, #right_column .filter-mobile .form-group {
    position: static;
    width: 100%;
  }
}
#right_column .right {
  align-items: center;
}
#right_column .right select {
  height: 100%;
  min-height: 41px;
  background-size: 1.4rem;
  background-position: right 1.6rem center;
  padding: 1rem 4rem 1rem 2rem;
}
@media screen and (max-width: 768px) {
  #right_column .right label[for=reset] {
    order: 1;
  }
  #right_column .right select {
    width: 100%;
    max-width: 550px;
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding: 1.5rem 4rem 1.5rem 2rem;
  }
}
#right_column #filters_selected {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#right_column #filters_selected ul {
  display: flex;
  flex-wrap: wrap;
}
#right_column #filters_selected ul li {
  display: block;
  padding: 0.7rem;
  background-color: #e7e9ed;
}
#right_column #filters_selected ul li.filter_name {
  text-transform: uppercase;
  font-weight: 600;
  line-height: 22px;
  font-size: 1.1rem;
  margin-right: 0.5rem;
}
#right_column #filters_selected ul li.filter_value {
  display: flex;
  align-items: baseline;
}
#right_column #filters_selected ul li.filter_value::after {
  content: "X";
  font-weight: bold;
  height: 100%;
  line-height: 22px;
  padding-left: 0.5rem;
}
#right_column #filters_selected ul li.filter_value:hover {
  cursor: pointer;
}
#right_column #filters_selected ul li.filter_value span {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 22px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e7e9ed;
}
#right_column #filters_selected ul li.filter_value span img {
  width: 22px;
  max-width: none;
  margin: -10px 0 0 -2px;
}
#right_column #filters_selected ul:not(:last-child) {
  margin-right: 1.5rem;
}
#right_column .product {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#right_column .product .product-new {
  position: absolute;
  right: -5px;
  top: -5px;
}
#right_column .product .product-new > div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  min-width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #43535a;
}
#right_column .product .product-new > div p {
  color: #42c0a4;
  font: 500 9px var(--font-montserra);
  text-transform: uppercase;
}
#right_column .product .box-product-image-colors {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 0 1rem 0;
  margin-bottom: 1rem;
}
#right_column .product .box-product-image-colors .product-img {
  width: 320px;
  max-width: 100%;
  height: 100%;
  text-align: center;
}
#right_column .product .box-product-image-colors .product-img a {
  display: inline-block;
  aspect-ratio: 16/13;
  width: 100%;
  height: 100%;
}
#right_column .product .product-gamme {
  font-size: 1rem;
  text-transform: uppercase;
  color: rgba(67, 83, 90, 0.5);
  margin-bottom: 0.5rem;
}
#right_column .product .product-description {
  font-size: 1.3rem;
  font-weight: 300;
  color: #43535a;
}
#right_column .product .box-product-image-colors {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  #right_column .product {
    width: 70%;
    margin: auto;
  }
  #right_column .product .product-description {
    text-align: center;
  }
}
#right_column .product .product-colors-box {
  width: 100%;
}
#right_column .product .product-colors {
  --picto-width: 30px;
  position: relative;
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: calc(var(--picto-width) * 1 / 2) 1.5rem 1fr 1rem calc(var(--picto-width) * 1 / 2);
  grid-template-areas: "prev . wrap . next";
  margin-top: 0.5rem;
  text-align: center;
  width: 100%;
  height: var(--picto-width);
}
#right_column .product .product-colors > div.prev, #right_column .product .product-colors > div.next {
  cursor: pointer;
  line-height: var(--picto-width);
}
#right_column .product .product-colors > div.prev.disabled, #right_column .product .product-colors > div.next.disabled {
  opacity: 0.3;
  cursor: default;
}
#right_column .product .product-colors > div.prev {
  grid-area: prev;
  text-align: right;
}
#right_column .product .product-colors > div.next {
  grid-area: next;
  text-align: left;
}
#right_column .product .product-colors > div.wrap-color {
  grid-area: wrap;
  overflow: hidden;
}
#right_column .product .product-colors > div.wrap-color .color-slide {
  white-space: nowrap;
}
#right_column .product .product-colors > div.wrap-color a {
  display: inline-block;
  margin: 0.3rem;
  border: 1px solid transparent;
  width: calc(var(--picto-width) + 2px);
}
#right_column .product .product-colors > div.wrap-color a:hover {
  text-decoration: none;
}
#right_column .product .product-colors > div.wrap-color a.selected {
  border-color: #000;
}
#right_column .product .product-colors > div.wrap-color img {
  display: inline-block;
  aspect-ratio: 5/4;
}
#right_column .product .product-colors .bubble {
  max-width: 150px;
  position: absolute;
  top: 0;
  left: 5px;
  z-index: 1;
  transform: translate(0, -100%);
}
#right_column .product .product-colors .bubble-text {
  background-color: #43535a;
  padding: 0.7rem;
  border-radius: 0.5rem;
}
#right_column .product .product-colors .bubble-text p {
  margin: 0;
  font-size: 0.8em;
  font-weight: 500;
  color: #fff;
}
#right_column .product .product-colors .bubble-text::after {
  content: "";
  position: absolute;
  left: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #43535a;
}
#right_column .box-category-mpp {
  background: #E5F2FB url("/build/images/common/background/background_category_mypersoprint.jpg");
}
#right_column .box-category-guide.fond-A:not(.fond-degrade) {
  background: #C2D4DA url("/build/images/common/background/fond-334x406-A.jpg");
}
#right_column .box-category-guide.fond-B:not(.fond-degrade) {
  background: #C2D4DA url("/build/images/common/background/fond-334x406-B.jpg");
}
#right_column .box-category-guide.fond-C:not(.fond-degrade) {
  background: #C2D4DA url("/build/images/common/background/fond-334x406-C.jpg");
}
#right_column .box-category-guide.fond-D:not(.fond-degrade) {
  background: #C2D4DA url("/build/images/common/background/fond-334x406-D.jpg");
}
#right_column .box-category-guide.fond-E:not(.fond-degrade) {
  background: #C2D4DA url("/build/images/common/background/fond-334x406-E.jpg");
}
#right_column .box-category-guide.fond-F:not(.fond-degrade) {
  background: #C2D4DA url("/build/images/common/background/fond-334x406-F.jpg");
}
#right_column .box-category-guide.fond-G:not(.fond-degrade) {
  background: #C2D4DA url("/build/images/common/background/fond-334x406-G.jpg");
}
#right_column .box-category-guide.fond-A.fond-degrade {
  background: linear-gradient(to bottom right, #D0F5D4, #BDE2F5);
}
#right_column .box-category-guide.fond-B.fond-degrade {
  background: linear-gradient(to bottom right, #BDE2F5, #CDB2F0);
}
#right_column .box-category-guide.fond-C.fond-degrade {
  background: linear-gradient(to bottom right, #CDB2F0, #E994A7);
}
#right_column .box-category-guide.fond-D.fond-degrade {
  background: linear-gradient(to bottom right, #E994A7, #FDAF6D);
}
#right_column .box-category-guide.fond-E.fond-degrade {
  background: linear-gradient(to bottom right, #FDAF6D, #FBF994);
}
#right_column .box-category-guide.fond-F.fond-degrade {
  background: linear-gradient(to bottom right, #FBF994, #D0F5D4);
}
#right_column .box-category-guide.fond-G.fond-degrade {
  background: linear-gradient(to bottom right, #FBF994, #D0F5D4);
}
#right_column .box-category-mpp > div, #right_column .box-category-guide > div {
  margin: 4rem;
  height: calc(100% - 2 * 4rem);
}
#right_column .box-category-mpp > div > div, #right_column .box-category-guide > div > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
#right_column .box-category-mpp > div > div > *, #right_column .box-category-guide > div > div > * {
  max-width: 100%;
}
#right_column .box-category-mpp > div > div .box-category-guide--title, #right_column .box-category-guide > div > div .box-category-guide--title {
  font-weight: 600;
  color: #7f6000;
  text-shadow: #001f7f 0 0 0;
}
#right_column .box-category-mpp > div > div .box-category-guide--text, #right_column .box-category-mpp > div > div .box-category-mpp--text, #right_column .box-category-guide > div > div .box-category-guide--text, #right_column .box-category-guide > div > div .box-category-mpp--text {
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  text-shadow: white 0 0 0;
}
#right_column .box-category-mpp > div > div h2, #right_column .box-category-guide > div > div h2 {
  font-weight: 600;
  color: #7f6000;
  text-shadow: #001f7f 0 0 0;
}
#right_column .box-category-mpp > div > div h3, #right_column .box-category-guide > div > div h3 {
  text-transform: uppercase;
  text-align: center;
  text-shadow: white 0 0 0;
}

/* Nouveautés */
#page_nouveautés #content_top > div {
  background: url("/build/images/common/background/banniere_nouveautes.jpg") no-repeat center right;
  -webkit-background-size: cover;
  background-size: cover;
}

#page_univers #content_top > div {
  background: url("/build/images/common/background/banniere_pros.jpg") no-repeat center right;
  -webkit-background-size: cover;
  background-size: cover;
}

[id=page_couleurs_addict] #content_top {
  --font-Satisfy: "Satisfy", cursive;
}
[id=page_couleurs_addict] #content_top > div {
  position: relative;
  overflow: hidden;
  /*background: url("/build/images/common/background/banniere_couleurs_addict.jpg") no-repeat center right !important;*/
  -webkit-background-size: cover;
  background-size: cover;
  max-height: 302px;
  height: 60vh;
  display: flex;
}
[id=page_couleurs_addict] #content_top > div::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: url("/build/images/common/background/Bann-gamme1931x636-brune.png") no-repeat center right;
}
@media screen and (max-width: 991px) {
  [id=page_couleurs_addict] #content_top > div::before {
    right: -5%;
  }
}
@media screen and (max-width: 767px) {
  [id=page_couleurs_addict] #content_top > div::before {
    right: -10%;
  }
}
@media screen and (max-width: 575px) {
  [id=page_couleurs_addict] #content_top > div::before {
    right: -15%;
  }
}
@media screen and (max-width: 575px) {
  [id=page_couleurs_addict] #content_top > div::before {
    background: none;
  }
}
[id=page_couleurs_addict] #content_top > div.blanc {
  background: linear-gradient(to right, white, rgba(0, 0, 0, 0.25));
}
[id=page_couleurs_addict] #content_top > div.blanc p {
  color: #43535a;
}
[id=page_couleurs_addict] #content_top > div.gris {
  background: linear-gradient(to right, gray, rgba(128, 128, 128, 0.25)) no-repeat center right;
}
[id=page_couleurs_addict] #content_top > div.noir {
  background: linear-gradient(to right, black, rgba(0, 0, 0, 0.25)) no-repeat center right;
}
[id=page_couleurs_addict] #content_top > div.vert {
  background: linear-gradient(to right, green, rgba(0, 128, 0, 0.25)) no-repeat center right;
}
[id=page_couleurs_addict] #content_top > div.anis {
  background: linear-gradient(to right, #97CA53, rgba(151, 202, 83, 0.25)) no-repeat center right;
}
[id=page_couleurs_addict] #content_top > div.turquoise {
  background: linear-gradient(to right, #66B2D8, rgba(102, 178, 216, 0.25)) no-repeat center right;
}
[id=page_couleurs_addict] #content_top > div.bleu {
  background: linear-gradient(to right, #4376AF, rgba(67, 118, 175, 0.25)) no-repeat center right;
}
[id=page_couleurs_addict] #content_top > div.violet {
  background: linear-gradient(to right, mediumpurple, rgba(147, 112, 219, 0.25)) no-repeat center right;
}
[id=page_couleurs_addict] #content_top > div.rose {
  background: linear-gradient(to right, #FD96A7, rgba(253, 150, 167, 0.25)) no-repeat center right;
}
[id=page_couleurs_addict] #content_top > div.rouge {
  background: linear-gradient(to right, #D04644, rgba(208, 70, 68, 0.25)) no-repeat center right;
}
[id=page_couleurs_addict] #content_top > div.orange {
  background: linear-gradient(to right, #E97F18, rgba(233, 127, 24, 0.25)) no-repeat center right;
}
[id=page_couleurs_addict] #content_top > div.jaune {
  background: linear-gradient(to right, #FFEE62, rgba(255, 238, 98, 0.25)) no-repeat center right;
}
[id=page_couleurs_addict] #content_top > div.jaune p {
  color: #43535a;
}
@media screen and (max-width: 991px) {
  [id=page_couleurs_addict] #content_top > div {
    max-height: 250px;
  }
}
[id=page_couleurs_addict] #content_top .cartouche {
  margin: auto auto auto 15%;
}
@media screen and (max-width: 991px) {
  [id=page_couleurs_addict] #content_top .cartouche {
    margin-left: 7.5%;
  }
}
@media screen and (max-width: 575px) {
  [id=page_couleurs_addict] #content_top .cartouche {
    margin: auto;
  }
}
[id=page_couleurs_addict] #content_top p {
  font-family: var(--font-Satisfy);
  color: #fff;
  font-size: max(min(8rem, 7vw), 4rem);
  line-height: 1.1;
  text-align: center;
}

[id=page_couleurs_addict] [id=product_grid] {
  grid-row-gap: 4rem;
}

#page_nouveautés #content_top > div, #page_univers #content_top > div, #page_recherche #content_top > div {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 302px;
  height: 60vh;
}
#page_nouveautés #content_top .cartouche, #page_univers #content_top .cartouche, #page_recherche #content_top .cartouche {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  border: 1px solid #fff;
  padding: 2px;
  width: auto;
}
@media screen and (max-width: 479px) {
  #page_nouveautés #content_top .cartouche, #page_univers #content_top .cartouche, #page_recherche #content_top .cartouche {
    max-width: 90%;
  }
}
#page_nouveautés #content_top .cartouche > *, #page_univers #content_top .cartouche > *, #page_recherche #content_top .cartouche > * {
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100px;
  padding: 1rem 0;
  background-color: #fff;
  font: 800 3rem var(--font-montserra);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  #page_nouveautés #content_top .cartouche > *, #page_univers #content_top .cartouche > *, #page_recherche #content_top .cartouche > * {
    font-size: max(3rem * 5 / 6, 2.5rem);
  }
}
@media screen and (max-width: 767px) {
  #page_nouveautés #content_top .cartouche > *, #page_univers #content_top .cartouche > *, #page_recherche #content_top .cartouche > * {
    font-size: max(3rem * 2 / 3, 2rem);
  }
}
@media screen and (max-width: 575px) {
  #page_nouveautés #content_top .cartouche > *, #page_univers #content_top .cartouche > *, #page_recherche #content_top .cartouche > * {
    font-size: max(3rem * 3 / 5, 1.8rem);
  }
}
#page_nouveautés #content_top .cartouche p, #page_univers #content_top .cartouche p, #page_recherche #content_top .cartouche p {
  padding: 1rem 2rem;
}

/* Recherche */
#page_recherche h1.search-page-title {
  font-size: 2rem;
  font-weight: 500;
  text-transform: none;
}
@media (min-width: 768px) {
  #page_recherche h1.search-page-title {
    font-size: 2.4rem;
  }
}
#page_recherche #bloc-content > div.container#top_column {
  display: block;
}
#page_recherche .box-search {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: calc(1392px * 10 / 12);
  width: 100%;
  height: 200px;
  background: url("/build/images/common/background/recherche.jpg") center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  margin: 0 auto 4rem auto;
  padding: 1rem;
}
#page_recherche .box-search form {
  max-width: calc(1392px * 6 / 12);
  width: 100%;
}
#page_recherche .box-search label {
  font: 700 3rem var(--font-montserra);
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  #page_recherche .box-search label {
    font-size: 2.5rem;
  }
}
#page_recherche .box-search div {
  position: relative;
}
#page_recherche .box-search div input {
  width: 100%;
  height: 46px;
  padding-right: 120px;
  box-shadow: 0 0 0 1px #e7e9ed inset;
}
@media screen and (max-width: 768px) {
  #page_recherche .box-search div input {
    padding-right: 70px;
  }
}
#page_recherche .box-search div button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 5px 5px 0;
  box-shadow: none;
  text-transform: capitalize;
  min-width: 160px;
}
@media screen and (max-width: 768px) {
  #page_recherche .box-search div button {
    color: transparent;
    min-width: inherit;
    width: 45px;
    padding: 0;
    overflow: hidden;
  }
  #page_recherche .box-search div button::before {
    display: block;
    content: "";
    height: 40px;
    width: 40px;
    background: url("/build/images/common/pictos/loupe-big.png") no-repeat 10px 10px;
  }
}
#page_recherche .search_words {
  margin-bottom: 4rem;
}
#page_recherche .search_words div {
  display: inline-block;
  position: relative;
  padding: 2rem;
  border: 1px solid #ced4da;
  cursor: pointer;
}
#page_recherche .search_words div ~ div {
  margin-left: 0.5rem;
}
#page_recherche .search_words div p {
  margin-bottom: 0;
}
#page_recherche .search_words div span {
  position: absolute;
  top: 0;
  right: 0;
  width: 21px;
  text-align: center;
  color: #ced4da;
}
#page_recherche #search-kreaman {
  margin: 0 auto;
  max-width: 1000px;
}
#page_recherche #search-kreaman .box-personnalisation {
  margin: 0 auto 4rem;
}
#page_recherche #search-kreaman .kreaman {
  background: url("/build/images/common/background/kreaman_1000p.jpg") no-repeat;
  background-size: cover;
}
#page_recherche #search-kreaman .perso-img img {
  max-width: 450px;
}
#page_recherche #search-kreaman .perso-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 90%;
  margin-top: 4rem;
}
#page_recherche #search-kreaman .perso-text p {
  font-size: 1.7rem;
  font-weight: 500;
}
#page_recherche [id=product_grid] {
  grid-row-gap: 4rem;
}
#page_recherche .product {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
#page_recherche .product .product-new {
  position: absolute;
  right: -5px;
  top: -5px;
}
#page_recherche .product .product-new > div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  min-width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #43535a;
}
#page_recherche .product .product-new > div p {
  color: #42c0a4;
  font: 500 9px var(--font-montserra);
  text-transform: uppercase;
}
#page_recherche .product .box-product-image-colors {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 0 1rem 0;
  margin-bottom: 1rem;
}
#page_recherche .product .box-product-image-colors .product-img {
  width: 260px;
  max-width: 100%;
  height: 100%;
  text-align: center;
}
#page_recherche .product .box-product-image-colors .product-img a {
  display: inline-block;
  aspect-ratio: 16/13;
  width: 100%;
  height: 100%;
}
#page_recherche .product .product-gamme {
  font-size: 1rem;
  text-transform: uppercase;
  color: rgba(67, 83, 90, 0.5);
  margin-bottom: 0.5rem;
}
#page_recherche .product .product-description {
  font-size: 1.3rem;
  font-weight: 300;
  color: #43535a;
}
#page_recherche .product .reference {
  font-weight: 300;
  margin-bottom: 0;
}

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