.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C""\201D""\2018""\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}*,
*:after,
*:before {
box-sizing: border-box;
}
.grecaptcha-badge {
visibility: hidden;
} html {
font-size: 62.5%;
background-color: #fcfbf8;
}
body {
font: 300 11px/1.4 "Cormorant Garamond", serif;
color: #1e1e22;
font-size: 2rem;
} .clear:before,
.clear:after {
content: " ";
display: table;
}
.clear:after {
clear: both;
} img {
max-width: 100%;
vertical-align: bottom;
height: auto;
}
a {
color: #1e1e22;
text-decoration: none;
}
p a:hover {
text-decoration: underline;
}
a:focus {
outline: 0;
}
a:hover,
a:active {
outline: 0;
}
input:focus {
outline: 0;
border: 1px solid #c19677;
}
hr {
background-color: #c19677;
height: 1px;
border: none;
}
.flex {
display: flex;
justify-content: space-between;
} [class*="apparation-"],
.bloc p,
.anim p {
opacity: 0;
transform: translate(0, 30px);
transition: opacity 1.5s cubic-bezier(0.37, 0.15, 0.18, 1),
transform 1.5s cubic-bezier(0.37, 0.15, 0.18, 1);
}
[class*="apparation-"].actif,
p.actif {
opacity: 1;
transform: translate(0, 0);
}
.apparation-d,
.apparation-g {
transition-delay: 0.1s;
}
.apparation-d {
transform: translate(50px, 0);
}
.apparation-g {
transform: translate(-50px, 0);
}
.apparation-1 {
transition-delay: 0.1s;
}
.apparation-2 {
transition-delay: 0.2s;
}
.apparation-3 {
transition-delay: 0.5s;
}
.apparation-p1 {
transform: translate(0, 50px);
transition-delay: 0.4s;
transition-duration: 1.5s;
transition-timing-function: ease-out;
}
.apparation-p2 {
transform: translate(50px, 0);
transition-delay: 0s;
transition-duration: 1s;
transition-timing-function: ease-out;
}  ::-webkit-scrollbar {
width: 10px;
background-color: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #c19677;
}
* {
scrollbar-width: thin;
scrollbar-color: #c19677 #ffffff;
}
main {
width: 100%;
position: relative;
padding: 280px 10% 0 10%;
min-height: calc(100vh - 280px);
}
.woocommerce main {
max-width: 1200px;
padding: 0 20px;
margin: 280px auto 0 auto;
}
.credits-mentions-legales main {
padding: 280px 20% 0 20%;
}
.wrapper {
max-width: 100vw;
width: 100%;
margin: 0 auto;
overflow-x: hidden;
}
.avecMargesVH {
padding: 100px 10% 50px 10%;
}
.invisible {
opacity: 0;
}
.none {
display: none !important;
} .header {
position: absolute;
width: 100%;
top: 0;
}
.logo {
margin: 40px 0px 0px 50px;
width: 200px;
position: relative;
z-index: 100;
}
#logo-svg {
width: 100%;
}
@media only screen and (min-width: 769px) {
.tissu .logo :not([id*="petale-"]),
.bijou .logo :not([id*="petale-"]) {
fill: #fff !important;
}
.tissu [id*="petale-"],
.bijou [id*="petale-"] {
stroke: #fff !important;
}
}
.logo.notanime * {
transition: none !important;
}
.logo.debut #zoe-montagu {
opacity: 0;
transition: all 0.5s cubic-bezier(0.37, 0.15, 0.18, 1) 0s;
}
.logo.anime #zoe-montagu {
opacity: 1;
transition: all 1s cubic-bezier(0.31, 0.31, 0.3, 1.01) 0.5s;
}
.logo.debut #tissage {
opacity: 0;
transform: translateX(-35px);
transition: all 1s cubic-bezier(0.37, 0.15, 0.18, 1) 0s;
}
.logo.anime #tissage {
opacity: 1;
transform: translateX(0);
transition: all 3.5s ease-out 1.5s;
}
#fleur-1 [id*="petale-"],
#fleur-2 [id*="petale-"] {
opacity: 1;
}
.logo.debut #fleur-1 [id*="petale-"],
.logo.debut #fleur-2 [id*="petale-"] {
opacity: 0 !important;
transition: all 0.5s cubic-bezier(0.37, 0.15, 0.18, 1) 0s;
transform: rotate(22deg);
}
#petale-1 {
transition: transform 1s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s,
opacity 0.5s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 275px 233px;
transform: rotate(0deg);
}
#petale-2 {
transition: transform 1.5s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s,
opacity 1s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 275px 233px;
transform: rotate(-11.3deg);
}
#petale-3 {
transition: transform 2s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s,
opacity 1.5s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 275px 233px;
transform: rotate(-22.6deg);
}
#petale-4 {
transition: transform 2.5s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s,
opacity 2s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 275px 233px;
transform: rotate(-33.9deg);
}
#petale-5 {
transition: transform 3s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s,
opacity 2.5s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 275px 233px;
transform: rotate(-45.2deg);
}
#petale-6 {
transition: transform 3.5s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s,
opacity 3s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 275px 233px;
transform: rotate(-56.5deg);
}
#petale-7 {
transition: transform 4s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s,
opacity 3.5s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 275px 233px;
transform: rotate(-67.8deg);
}
#petale-8 {
transition: transform 4.5s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s,
opacity 4s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 275px 233px;
transform: rotate(-79.1deg);
}
#petale-1-2 {
transition: all 1s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 227px 368px;
transform: rotate(0deg);
}
#petale-2-2 {
transition: all 1.1s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 227px 368px;
transform: rotate(-11.3deg);
}
#petale-3-2 {
transition: all 1.2s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 227px 368px;
transform: rotate(-22.6deg);
}
#petale-4-2 {
transition: all 1.5s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 227px 368px;
transform: rotate(-33.9deg);
}
#petale-5-2 {
transition: all 2s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 227px 368px;
transform: rotate(-45.2deg);
}
#petale-6-2 {
transition: all 2.5s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 227px 368px;
transform: rotate(-56.5deg);
}
#petale-7-2 {
transition: all 3s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 227px 368px;
transform: rotate(-67.8deg);
}
#petale-8-2 {
transition: all 3.5s cubic-bezier(0.05, 0.44, 0.3, 1.01) 0.5s;
transform-origin: 227px 368px;
transform: rotate(-79.1deg);
} .lePanier {
width: 40px;
height: 49px;
position: fixed;
font-style: italic;
top: 46px;
right: 380px;
z-index: 1;
font-size: 3rem;
transition: all 0.4s cubic-bezier(0.05, 0.44, 0.3, 1.01);
} .lePanier.vEn {
margin-right: 80px;
}
.lePanier.adroite {
right: 22px;
transition: all 1.2s cubic-bezier(0.05, 0.44, 0.3, 1.01);
}
.contourPanier,
.bijou .contourPanier.beige,
.tissu .contourPanier.beige {
stroke: #c19677;
transition: all 0.7s cubic-bezier(0.05, 0.44, 0.3, 1.01);
}
.textePanier {
translate: 0 -4px;
}
.textePanier,
.bijou .textePanier.beige,
.tissu .textePanier.beige {
fill: #c19677;
transition: all 0.7s cubic-bezier(0.05, 0.44, 0.3, 1.01);
}
.bijou .contourPanier,
.tissu .contourPanier {
stroke: #fcfcf9;
}
.bijou .textePanier,
.tissu .textePanier {
fill: #fcfcf9;
}
nav {
position: absolute;
z-index: 1;
right: 90px;
top: 57px;
font-size: 3rem;
text-transform: uppercase;
}
nav ul {
margin: 0;
padding: 0;
}
nav ul,
nav li {
display: inline;
}
nav li {
padding: 5px 15px;
transition: all 0.7s cubic-bezier(0.05, 0.44, 0.3, 1.01);
}
nav li:last-child {
margin-left: 30px;
}
@media only screen and (min-width: 769px) {
.bijou nav a,
.tissu nav a {
color: #fcfbf8;
}
.bijou #langue a,
.tissu #langue a {
color: #fcfbf8;
}
.bijou #langue a.bord,
.tissu #langue a.bord {
border: 1px solid #fcfbf8;
}
.bijou nav li:hover,
.tissu nav li:hover {
background-color: rgba(30, 30, 34, 0.9);
}
nav li {
border: 1px solid transparent;
}
nav li:hover {
border: 1px solid #1e1e22;
}
}
.current-menu-item {
border: 1px solid #fcfbf8;
}
.woocommerce nav li:first-child {
border: 1px solid #1e1e22;
padding: 5px 15px;
}
#langue {
position: absolute;
top: 42px;
right: 0;
z-index: 100;
padding: 12px 25px 15px 15px;
}
#langue a {
font-size: 1.8rem;
text-decoration: none;
font-weight: normal;
transition: all 0.5s;
padding: 0 5px 1px 5px;
display: block;
line-height: 2.2rem;
margin-bottom: 3px;
}
#langue a:hover {
color: #fcfbf8;
background: #1e1e22;
}
#langue a.bord {
border: 1px solid #1e1e22;
} .footer {
margin: 50px 60px;
display: flex;
clear: both;
line-height: 1em;
}
.footer p {
margin: 0;
}
.bloc-footer a {
font-weight: 700;
}
.bloc-footer.mentions a {
font-weight: 400;
}
.bloc-footer a:hover {
text-decoration: underline;
}
.bloc-footer {
margin: auto;
}
.bloc-footer.rs {
margin-left: auto;
margin-right: 0;
}
.bloc-footer:first-child {
margin-left: 0;
}
.rs a {
width: 50px;
padding: 5px;
margin: 5px;
display: inline-block;
transition: all 1s cubic-bezier(0.37, 0.15, 0.18, 1);
}
.rs a:hover {
opacity: 0.7;
}
.remonter {
position: relative;
display: block;
width: 40px;
height: 40px;
margin: auto;
border-radius: 50%;
background-image: url(//zoemontagu.com/wordpress/wp-content/themes/zoe/img/fond-haut.png);
background-position: top center;
background-size: 100% auto;
transition: all 1s cubic-bezier(0.37, 0.15, 0.18, 1);
}
.remonter:hover {
background-position: bottom center;
box-shadow: 0px 5px 20px #cbc0b6;
}
.tri {
transition: all 1s cubic-bezier(0.37, 0.15, 0.18, 1);
}
.remonter:hover .tri {
fill: #fcfbf8;
}
.HDP {
text-align: center;
position: absolute;
left: calc(50% - 75px);
width: 150px;
top: 35px;
opacity: 0;
transition: all 1.5s cubic-bezier(0.37, 0.15, 0.18, 1);
}
.remonter:hover .HDP {
opacity: 1;
top: 50px;
} .bouton {
height: 5rem;
cursor: pointer;
text-align: center;
background-color: rgba(252, 251, 248, 1);
display: inline-block;
position: absolute;
bottom: -25px;
transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 1s,
color 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
}
.bouton.droite {
right: 50px;
}
.bouton.actif {
background-color: rgba(255, 255, 255, 1);
transition: all 1s cubic-bezier(0.37, 0.15, 0.18, 1) 0.3s,
background-color 1s cubic-bezier(0.4, 0, 0.2, 1) 1s;
}
.bouton::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #1e1e22;
transform: scaleX(0);
transform-origin: center left;
-webkit-transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1)
0.075s;
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
}
.bouton:hover::after {
transform: scaleX(1);
}
.bouton:hover .bouton_label {
transform: translateX(0.5rem);
transition-delay: 0.075s;
color: #fff;
}
.bouton_label {
line-height: 5rem;
z-index: 1;
position: relative;
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
color 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
overflow: hidden;
}
.bouton > * {
display: block;
white-space: normal;
font-size: 2rem;
padding: 0 25px;
white-space: nowrap;
}
.ligne_bt:first-of-type::before {
left: 0;
transform-origin: center bottom;
}
.bouton.actif .ligne_bt:first-of-type::before {
transition-delay: 1.15s;
}
.bouton.actif .ligne_bt::before {
transform: scaleY(1);
}
.ligne_bt::before,
.ligne_bt::after {
content: "";
position: absolute;
background-color: #1e1e22;
}
.bouton.actif .ligne_bt:first-of-type::after {
transition-delay: 0.1s;
}
.ligne_bt:first-of-type::after {
top: 0;
transform-origin: center left;
}
.ligne_bt::after {
height: 1px;
right: 0;
left: 0;
transform: scaleX(0);
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
transition-delay: 0s, 0s;
}
.bouton.actif .ligne_bt:last-of-type::before {
transition-delay: 0.55s;
}
.ligne_bt:last-of-type::before {
right: 0;
transform-origin: center top;
}
.ligne_bt::before {
width: 1px;
top: 0;
bottom: 0;
transform: scaleY(0);
transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
transition-delay: 0s, 0s;
}
.bouton.actif .ligne_bt:last-of-type::after {
transition-delay: 0.7s;
}
.bouton.actif .ligne_bt::after {
transform: scaleX(1);
}
.ligne_bt:last-of-type::after {
bottom: 0;
transform-origin: center right;
} main#accueil {
min-height: calc(80vh - 184px);
margin-top: 20vh;
padding: 0px;
}
.intro {
margin-bottom: 10px;
}
main#accueil a {
position: relative;
width: 50%;
max-width: 600px;
display: inline-block;
overflow: hidden;
transition: all 2s cubic-bezier(0.37, 0.15, 0.18, 1), opacity 1.2s;
background: #fcfbf8;
}
.texte-bijou {
position: absolute;
width: 50%;
height: 100%;
top: 0;
margin-left: 50%;
padding: 40px;
max-width: 500px;
text-align: left;
opacity: 0;
transition: all 2s cubic-bezier(0.37, 0.15, 0.18, 1);
}
.texte-tissu {
position: absolute;
width: 50%;
height: 100%;
top: 0;
left: 0;
padding: 40px;
text-align: right;
opacity: 0;
transition: all 2s cubic-bezier(0.37, 0.15, 0.18, 1);
}
.texte-bijou.actif,
.texte-tissu.actif {
opacity: 1;
}
.texte-tissu p {
max-width: 420px;
float: right;
clear: both;
}
#accueil h2 {
position: absolute; padding-bottom: 40px;
transition: all 2s cubic-bezier(0.37, 0.15, 0.18, 1);
letter-spacing: -0.3rem;
line-height: 7rem;
top: 140px;
font-size: 9rem;
text-align: right;
}
#accueil h2.en {
letter-spacing: -0.4rem;
line-height: 6.5rem;
font-size: 8rem;
}
#bijou h2 {
right: -50%;
}
#bijou h2.actif {
right: -100px;
}
#bijou:hover h2 {
right: 280px;
color: #c19677;
}
#tissu h2 {
left: -50%;
text-align: left;
}
#tissu h2.actif {
left: -100px;
}
#tissu:hover h2 {
left: 280px;
color: #c19677;
}
.ombre {
background-image: url(//zoemontagu.com/wordpress/wp-content/themes/zoe/img/ombre2.png);
background-repeat: no-repeat;
background-position: center 100%;
background-size: 100% auto;
display: inline;
}
[id*="photo-accueil-"] {
transition: all 2s cubic-bezier(0.37, 0.15, 0.18, 1);
}
#photo-accueil-bijou {
position: relative;
right: -70%;
float: right;
}
#photo-accueil-tissu {
position: relative;
left: -70%;
float: left;
}
#bijou.actif #photo-accueil-bijou {
right: -256px;
}
#tissu.actif #photo-accueil-tissu {
left: -248px;
}
#bijou.actif #photo-accueil-bijou.agauche {
right: -200px;
}
#tissu.actif #photo-accueil-tissu.adroite {
left: -200px;
}
.flou {
filter: blur(7px);
}
.opacite {
opacity: 0.05;
}
.separation {
position: absolute;
left: 50%;
height: 100%;
width: 1px;
background-color: #c19677;
}
#separation {
position: absolute;
left: 50%;
height: 100%;
width: 1px;
background-color: #fcfbf8;
transition: all 2s cubic-bezier(0.37, 0.15, 0.18, 1);
}
.textes {
position: relative;
display: none;
}
.textes .bouton {
position: relative;
bottom: -25px;
}
.entier {
width: 60%;
margin: 50px 20%;
padding: 0 50px;
}
.textes h2 {
color: #c19677;
line-height: 5rem;
} h1,
h2,
h3 {
font-weight: 400;
margin: 0;
}
.titre-gauche,
.titre-droite {
transition: all 0.7s ease-out;
}
.titre-droite {
left: 45vw;
max-width: 500px;
position: absolute;
top: 350px;
text-align: left;
}
.titre-gauche {
max-width: 500px;
position: absolute;
top: 350px;
right: 45vw;
text-align: right;
}
.titre-gauche h1,
.titre-droite h1 {
font-size: 2rem;
font-style: italic;
}
.titre-gauche .t15,
.titre-droite .t15 {
font-weight: 400;
margin: 0;
}
.woocommerce h1 {
line-height: 1em;
}
h2 {
font-size: 6rem;
}
.descriptifC h2 {
font-size: 9rem;
}
.t15 {
font-size: 15rem;
line-height: 12rem;
}
.t11 {
font-size: 11rem;
line-height: 9rem;
letter-spacing: -0.2rem;
}
.t9 {
font-size: 9rem;
line-height: 7rem;
}
.t2_5,
.t2_5 h1 {
font-size: 2.5rem;
}
.bloc p:first-of-type {
margin-top: 0;
}
.m0 p {
margin: 0;
}
.italique {
font-style: italic;
}
.centre {
text-align: center;
}
.blanc {
color: #fcfbf8;
}
.marron,
#collaborations h2,
.distinctions h2 {
color: #c19677;
}
#collaborations h2 {
font-size: clamp(4rem, 5vw + 1rem, 6rem) !important;
} .bijou main,
.tissu main {
padding: 0;
} .contVideo {
max-height: 75vh;
overflow: hidden;
}
.contVideo video {
top: calc((75vh - (100vw / 1.77)) / 2);
position: relative;
}
video {
width: 100%;
margin-bottom: -8px;
}
.videotete2 {
display: none;
}
.controlsOverlay.hovering > .pictureInPictureToggleButton,
.controlsOverlay.hovering > .pictureInPictureToggleButton.hovering {
visibility: hidden !important;
}
.cheval {
overflow: hidden;
}
.cheval .bloc {
position: absolute;
bottom: 0;
max-width: 32%;
transition: all 1s ease-out;
}
.disparait,
.disparait p a {
background: transparent !important;
border: transparent !important;
color: transparent;
}
.video-cheval {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.bt-video {
width: 100px;
height: 100px;
border: solid 1px #fff;
position: absolute;
line-height: 100px;
text-align: center;
border-radius: 50%;
color: #fff;
font-weight: bold;
left: 24%;
cursor: pointer;
} @-webkit-keyframes revealAnimation {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes revealAnimation {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
100% {
opacity: 1;
}
}
[class*="photoFond-"] {
position: relative;
width: 100%;
min-height: 70vh;
background-size: cover;
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;
}
.photoFond-1 {
overflow: hidden;
min-height: 70vh;
padding: 80px 10%;
-webkit-animation: revealAnimation 5s cubic-bezier(0.37, 0.15, 0.18, 1) both;
animation: revealAnimation 5s cubic-bezier(0.37, 0.15, 0.18, 1) both;
}
.photoFond-2 {
background-size: auto;
-webkit-animation: revealAnimation 1s cubic-bezier(0.37, 0.15, 0.18, 1) both;
animation: revealAnimation 1s cubic-bezier(0.37, 0.15, 0.18, 1) both;
}
.photoFond-2.phototissu {
background-attachment: inherit;
background-position: 0 bottom;
background-size: auto 70%;
}
.bordure-bas {
border-bottom: 1px solid #c19677;
}
.bloc {
max-width: 40%;
margin: 200px 0 50px 0;
position: relative;
}
.bloc.remonte {
margin-top: -150px;
}
.photoFond-1 .bloc {
max-width: 50%;
}
.bloc .alignnone {
margin: 0;
}
.bloc.avecFond {
padding: 50px;
border: solid 1px #c19677;
}
.avecFond {
background-color: rgba(252, 251, 248, 0.99);
}
.bloc.droite {
position: relative;
left: 60%;
}
.bloc-photo1 {
position: absolute;
bottom: -100px;
right: 10%;
max-width: 25%;
}
.bloc-photo2 {
position: absolute;
bottom: 50px;
left: 35vw;
max-width: 50%;
z-index: -1;
}
.carre {
content: "";
width: 20px;
height: 20px;
position: absolute;
background: #c19677;
right: -10px;
top: 90px;
}
.distinctions .carre {
top: 0px;
}
.bloc.droite .carre {
left: -10px;
right: auto;
}
.photoFond-3.cheval .carre {
left: 50px;
right: auto;
top: -10px;
}
[class*="legende-"] {
position: absolute;
bottom: 25px;
padding: 2px 10px;
background: #fff;
font-style: italic;
}
[class*="legende-"] p {
margin: 0;
}
.legende-droite {
right: 10%;
}
.legende-gauche {
left: 10%;
}
h1,
h2,
.scroll1,
.bloc-collaboration .photo1,
.bloc-collaboration .photo2 {
transition: all 0.7s ease-out;
} h1.woocommerce-products-header__title {
color: #c19677;
font-size: 9rem;
line-height: inherit;
text-align: center;
}
.product-category:hover img {
transform: translateY(-10px);
}
.woocommerce ul.products li.product a img {
max-width: 320px;
margin: 0 auto;
transition: all 0.7s ease-out;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title {
font-size: 6rem;
padding: 0;
} #collections .bloc-collaboration {
padding: 100px 0 0 0;
}
#collections .rond {
margin-bottom: 50px;
max-width: 24%;
}
.descriptifC {
display: inline-block;
max-width: calc(76% - 50px);
position: relative;
left: 50px;
}
.descriptifC p {
margin-top: 0;
}
.bloc-collaboration:nth-of-type(2n) .descriptifC {
right: 50px;
text-align: right;
float: right;
left: auto;
}
.bloc-collaboration:nth-of-type(2n) .liste-collection {
float: right;
clear: both;
}
#collections .bloc-collaboration:nth-of-type(2n) .liste-collection {
float: none;
} .woocommerce-LoopProduct-link {
background-image: url(//zoemontagu.com/wordpress/wp-content/themes/zoe/img/ombre.png);
background-repeat: no-repeat;
background-position: center 60%;
background-size: 100% auto;
}
.woocommerce-LoopProduct-link:hover img {
transform: translateY(-10px);
}
.woocommerce-LoopProduct-link:hover h2 {
color: #c19677;
}
nav.woocommerce-breadcrumb {
display: none !important;
visibility: hidden !important;
}
.trait {
height: 1px;
width: 20%;
background-color: #c19677;
display: block;
margin: auto;
}
.trait:last-of-type {
display: none;
} .bloc-collaboration {
position: relative;
vertical-align: top;
width: 100%;
min-height: 400px;
display: inline-block;
padding: 150px 0;
}
.descriptif {
display: inline-block;
max-width: 33%;
position: absolute;
left: 25%;
}
.bloc-collaboration:nth-of-type(2n) .descriptif {
right: 25%;
left: auto;
text-align: right;
}
.bloc-collaboration .bouton {
position: relative;
}
.rond {
max-width: 20%;
border-radius: 50%;
vertical-align: top;
}
.bloc-collaboration:nth-of-type(2n) .rond {
margin-right: 0;
float: right;
}
.photos-collaborations {
width: 37%;
position: relative;
height: 400px;
}
.bloc-collaboration:nth-of-type(2n + 1) .photos-collaborations {
float: right;
}
.bloc-collaboration:nth-of-type(2n) .photos-collaborations {
float: left;
}
.photos-collaborations.deux img {
max-width: 60%;
}
.bloc-collaboration:nth-of-type(2n + 1) .photo1 {
position: absolute;
right: 0;
z-index: 1;
}
.bloc-collaboration:nth-of-type(2n + 1) .photo2 {
position: absolute;
left: 0;
top: -20%;
}
.bloc-collaboration:nth-of-type(2n) .photo1 {
position: absolute;
left: 0;
z-index: 1;
}
.bloc-collaboration:nth-of-type(2n) .photo2 {
position: absolute;
right: 0;
top: -10%;
}
.deux:hover img {
transform: scale(0.97);
}
.bloc-collaboration .photo1:hover,
.bloc-collaboration .photo2:hover {
z-index: 2;
transform: scale(1.03);
} @media (prefers-reduced-motion: reduce) {
[class*="apparition-"] {
opacity: 1;
transform: translate(0, 0);
}
}
@media only screen and (max-width: 1600px) {
.t15 {
font-size: 12rem;
line-height: 10rem;
}
}
@media only screen and (max-width: 1280px) {
.avecMargesVH {
padding: 100px 60px 50px 60px;
}
.contVideo {
max-height: 100vh;
}
.contVideo video {
top: 0;
}
.cheval {
min-height: 50vw;
height: 55vw;
}
.woocommerce main {
max-width: 1200px;
padding: 0 60px 0 20px;
margin: 280px auto 0 auto;
}
#accueil h2 {
line-height: 6rem;
font-size: 8rem;
}
#accueil h2.en {
font-size: 6.8rem;
line-height: 5.8rem;
}
}
@media only screen and (max-width: 1024px) {
.logo {
margin: 20px 0px 0px 20px;
width: 150px;
}
.lePanier {
top: 26px;
position: absolute;
}
#langue {
top: 15px;
}
#langue a {
padding: 5px 9px 6px 9px;
margin-bottom: 5px;
}
nav {
top: 37px;
}
main#accueil {
min-height: inherit;
margin-top: 250px;
}
.texte-bijou {
display: none;
}
.texte-tissu {
display: none;
}
.textes {
display: inherit;
}
.textes h2 {
display: none;
}
.moitie {
padding: 0 50px;
display: inline-block;
width: 50%;
vertical-align: top;
}
.intro {
margin: 0 20px;
}
#bijou.actif #photo-accueil-bijou {
right: -50%;
}
#tissu.actif #photo-accueil-tissu {
left: -50%;
}
#accueil h2 {
font-size: 8vw;
line-height: 6vw;
}
#accueil h2.en {
font-size: 6.7vw;
line-height: 5.8vw;
}
#bijou h2 { left: 50px;
right: auto !important;
z-index: 10;
top: 30%;
color: #c19677;
}
#tissu h2 { right: 50px;
left: auto !important;
z-index: 10;
top: 30%;
}
#tissu:hover h2 {
color: #c19677;
}
.ombre {
background-position: center 90%; }
.avecMargesVH {
padding: 100px 20px 50px 20px;
}
.bloc,
.cheval .bloc {
max-width: 60%;
}
.bloc.droite {
left: 40%;
}
.titre-droite {
left: 62vw;
max-width: 30vw;
}
.titre-gauche {
right: 68vw;
}
.t15 {
font-size: 8rem;
line-height: 6rem;
}
.t15.en {
font-size: 8vw;
}
.t9 {
font-size: 6rem;
line-height: 4.5rem;
}
.descriptif .t9 {
letter-spacing: -0.02em;
}
.descriptif {
max-width: 37%;
}
.woocommerce main {
margin-top: 220px;
padding: 0 20px;
}
.bloc-collaboration {
padding: 100px 0 0 0;
}
.footer {
margin: 50px 20px;
display: inherit;
}
.bloc-footer {
text-align: center;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 768px) {
main {
padding: 280px 20px 0 20px;
}
.mentions {
display: none;
}
.contVideo:not(.video-cheval) {
margin-top: 220px;
}
.current-menu-item {
border: 1px solid #1e1e22;
}
.bijou .contourPanier,
.tissu .contourPanier {
stroke: #c19677;
}
.bijou .textePanier,
.tissu .textePanier {
fill: #c19677;
}
.bloc-collaboration {
padding: 80px 0;
}
}
@media only screen and (max-width: 767px) {
.textes h2 {
display: inherit;
}
.moitie {
width: 100%;
}
.textes .bouton {
bottom: 0;
margin-bottom: 50px;
}
.separation {
display: none;
}
.woocommerce main {
margin-top: 280px;
}
.bijou main,
.tissu main {
padding-top: 60px;
}
.logo {
margin: 0 auto;
}
.lePanier {
left: 25px;
right: auto;
}
nav {
position: relative;
top: 0;
right: auto;
}
nav ul {
display: flex;
}
nav li {
margin: auto;
}
nav li:first-child {
margin-right: 10px;
}
nav li:last-child {
margin-left: 10px;
}
#bijou h2,
#tissu h2 {
opacity: 0;
}
.bloc {
max-width: 100%;
}
.cheval {
padding: 0 20px !important;
display: flex;
}
.cheval .bloc,
.distinctions .bloc {
max-width: 100%;
position: relative;
margin: auto;
padding: 20px;
}
.bloc.remonte {
margin: 0 0 100px 0;
}
.bloc.droite {
position: relative;
left: 0;
}
.titre-droite,
.titre-gauche {
position: relative;
top: 0;
left: 0;
right: auto;
max-width: none;
margin: 50px 0;
text-align: center;
}
.photoFond-2 {
background-size: 60%;
background-attachment: scroll;
background-position: center 95% !important;
}
.photoFond-2.phototissu {
background-size: auto 80%;
background-position: center bottom !important;
}
.rond,
#collections .rond {
max-width: 37%;
float: left;
margin: 0 20px 5px 0;
}
#collections .bloc-collaboration:nth-of-type(2n) .rond {
float: right;
margin: 0 0px 5px 20px;
}
.descriptif,
.descriptifC {
display: block;
max-width: 100%;
left: 0;
position: relative;
}
.bloc-collaboration:nth-of-type(2n) .descriptifC,
.bloc-collaboration:nth-of-type(2n) .descriptif {
right: 0;
text-align: left;
float: none;
left: 0;
}
.photos-collaborations {
width: 80%;
top: 100px;
float: none;
}
.descriptif .bouton {
bottom: 0;
}
.bouton_label {
font-size: 1.5rem;
}
.bloc-collaboration:nth-of-type(2n + 1) .descriptif p {
float: left;
max-width: calc(63% - 20px);
}
.bloc-collaboration {
padding: 0 0 50px 0;
}
.rond {
margin: 0 20px 20px 0;
}
.photos-collaborations {
top: 25px;
width: 100%;
height: 300px;
}
.photos-collaborations img {
max-height: 200px !important;
}
.photos-collaborations.deux img {
max-width: 49% !important;
}
.bloc-collaboration .photo1,
.bloc-collaboration .photo2 {
position: relative !important;
display: inline-block !important;
top: 0 !important;
}
.descriptif .bouton {
width: 100%;
}
.bloc-photo2 {
position: relative;
bottom: 0;
left: 0;
max-width: 100%;
z-index: -1;
}
.videotete1 {
display: none;
}
.videotete2 {
display: inherit;
}
}
@media only screen and (max-width: 480px) {
#bijou #photo-accueil-bijou {
max-width: 160%;
right: -160%;
}
#tissu #photo-accueil-tissu {
max-width: 160%;
left: -160%;
}
#bijou.actif #photo-accueil-bijou {
right: -80%;
}
#tissu.actif #photo-accueil-tissu {
left: -80%;
}
.ombre {
background-position: center 60%;
} h2,
#collections .t15 {
font-size: 5rem;
}
#collections .bloc-collaboration {
padding-top: 50px;
}
.avecMargesVH {
padding: 50px 20px 50px 20px;
}
.t9 {
font-size: 5rem;
line-height: 4.5rem;
}
.cheval {
height: 65vw;
}
.cheval video {
width: 115%;
left: -7.5%;
}
.cheval {
height: 45vh;
}
.cheval video {
width: 135%;
left: -20%;
width: auto;
height: 45vh;
}
.cheval p {
line-height: 1.1;
}
.t15.en {
font-size: 19vw;
}
.descriptifC h2 {
font-size: 18vw;
line-height: 2em;
line-height: 1.4;
}
.bloc-photo1 {
max-width: 40%;
}
.bloc .alignnone {
max-width: 40%;
}
#collections .rond {
max-width: 80%;
float: none !important;
margin: 0 10% !important;
}
.descriptifC h2 {
text-align: center;
}
}
@media only screen and (max-width: 380px) {
h2,
#collections .t15,
.t9,
h1.woocommerce-products-header__title {
font-size: 4rem;
line-height: 4.5rem;
}
.moitie {
padding: 0 20px;
}
.textes h2 {
line-height: 4rem;
}
.bloc-collaboration:nth-of-type(2n + 1) .descriptif p {
float: none;
max-width: 100%;
clear: both;
}
.bloc-collaboration {
padding: 0 0 20px 0;
}
.bloc.avecFond {
padding: 20px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
} ::-moz-selection {
background: #04a4cc;
color: #fff;
text-shadow: none;
}
::selection {
background: #04a4cc;
color: #fff;
text-shadow: none;
}
::-webkit-selection {
background: #04a4cc;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: #04a4cc;
color: #fff;
text-shadow: none;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} @media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
} .texte-accueil {
max-width: 1024px;
margin: 10rem auto;
}  main.landing {
padding: 0rem 0;
}
section.landing-centre {
margin-left: 10%;
margin-right: 10%;
}
section.landing-flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.landing-img-ronde {
border-radius: 50%;
}
section.landing-espace-haut-bas {
margin-top: 8rem;
margin-bottom: 8rem;
}
.landing-fond-blanc {
background-color: white;
}
.landing-bordure-4 {
border: solid 1px #c19677;
}
main.landing a {
color: #c19677;
}
main.landing a:hover {
color: black;
text-decoration: none;
}
div.separateur {
height: 2px;
width: 500px;
background-color: #c19677;
margin: 5rem auto;
}
.landing-bouton {
max-width: 300px;
}
button,
html input {
border: 1px solid black;
color: #c19677;
background-color: white;
max-width: 100%;
} .landing-texte-centre {
text-align: center;
}
.landing-h2 {
font-size: 7rem;
}
.landing-h3 {
font-size: 3rem;
}
.landing-texte-or {
color: #c19677;
} .landing-titre-page {
margin: 7rem 0 15rem 30rem;
line-height: 0.5;
} .landing-intro {
flex: 1 1 80%;
}
.landing-image-intro {
padding: 0 6rem;
width: 100%;
} .landing-citation {
margin-top: 10rem;
font-size: 4rem;
text-align: center;
padding: 0 20%;
}
.landing-auteur-citation {
text-align: center;
} .landing-palomino {
flex: 1 1 50%;
}
.landing-image-palomino {
padding: 0rem 5rem 0rem 0;
max-width: 100%;
} .landing-collection-gemme {
border: solid 1px #c19677;
background-color: white;
padding: 4rem 10% 6rem 10%;
margin: 7rem 0;
}
.landing-bordure-2 {
border-top: solid 1px #c19677;
border-bottom: solid 1px #c19677;
}
.landing-image-collection-gemme {
padding: 4rem;
max-width: 100%;
} .landing-image-texte-zoe {
padding: 5rem;
max-width: 100%;
}
.landing-texte-zoe {
flex: 1 1 50%;
} .landing-collection {
margin-top: 3rem;
padding: 8rem;
display: grid;
grid-template-columns: repeat(2, 2fr);
grid-column-gap: 5rem;
grid-row-gap: 10rem;
}
.landing-collection img {
max-width: 50%;
padding: 1rem;
}
.landing-collection > div {
text-align: center;
}
.landing-texte-collections {
text-align: center;
margin: 12rem;
padding: 0 12rem;
} .landing-preparer-crin p > span {
color: #c19677;
font-size: 7rem;
padding-right: 3rem;
}
.landing-list-flex {
display: flex;
align-items: center;
height: 100px;
} .landing-image-cadeau-unique {
max-width: 100%;
}
.landing-cadeau-unique {
padding: 0 3rem;
flex: 1 1 200%;
} .landing-formulaire {
width: 50%;
margin-left: 10rem;
padding: 3rem 8rem;
} .landing-acheter-bijou {
padding: 4rem;
} .landing-temoignages {
display: flex;
justify-content: center;
text-align: center;
padding: 0 7rem;
}
.landing-temoignages h2 {
padding-bottom: 5rem;
}
.landing-temoignage {
display: flex;
}
.landing-temoignage img {
width: 20%;
height: 20%;
vertical-align: center;
}
.landing-temoignage p {
padding: 7rem;
} .landing-fond-or-texte-blanc {
background-color: #c19677;
color: white;
padding: 7rem 10%;
}
.landing-fond-or-texte-blanc h2 {
padding-bottom: 4rem;
} @media only screen and (max-width: 1024px) {
.texte-accueil {
margin: 10rem 3rem;
}
} @media only screen and (max-width: 1024px) {
main.landing {
padding: 8rem 0;
}
.landing-flex {
display: flex;
flex-wrap: wrap;
}
div.separateur {
width: 250px;
}
.landing-bouton {
max-width: 200px;
}
} @media only screen and (max-width: 480px) {
h1 {
font-size: 3rem;
}
.landing-h2 {
font-size: 5rem;
}
.landing-h3 {
font-size: 2rem;
}
} @media only screen and (max-width: 1024px) {
.landing-titre-page {
margin: 20rem 2rem 8rem 2rem;
line-height: initial;
text-align: center;
}
} @media only screen and (max-width: 480px) {
.landing-intro {
flex: unset;
}
.landing-image-intro {
padding: 2rem;
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.landing-image-intro {
width: 100%;
} @media only screen and (max-width: 480px) {
.landing-citation {
font-size: 3rem;
padding: unset;
margin: unset;
}
} @media only screen and (max-width: 768px) {
.landing-palomino {
flex: unset;
}
.landing-image-palomino {
padding: 5rem 0 0 0;
}
.landing-palomino {
flex: 1 1 100%;
}
}
} @media only screen and (max-width: 768px) {
.landing-collection-gemme {
text-align: center;
}
.landing-image-collection-gemme {
padding: unset;
margin-bottom: 5rem;
width: 80%;
}
} @media only screen and (max-width: 768px) {
.landing-image-texte-zoe {
display: none;
}
} @media only screen and (max-width: 768px) {
.landing-collection {
grid-template-columns: repeat(1, 4fr);
padding: 2rem 2rem 4rem 2rem;
}
.landing-collection img {
max-width: 70%;
}
.landing-texte-collections {
margin: unset;
padding: 0 2rem;
}
} @media only screen and (max-width: 480px) {
.landing-list-flex {
height: 17rem;
}
}
@media only screen and (max-width: 380px) {
.landing-list-flex {
height: 22rem;
}
}
@media only screen and (max-width: 768px) {
.landing-list-flex {
height: 22rem;
}
} @media only screen and (max-width: 480px) {
.landing-cadeau-unique {
padding: 2rem 3rem;
}
} @media only screen and (max-width: 768px) {
.landing-section-11 {
width: 100%;
}
.landing-formulaire {
width: 100%;
margin-left: unset;
padding: 1rem 2rem;
} textarea {
width: 100%;
}
} @media only screen and (max-width: 480px) {
.landing-temoignages {
padding: 3rem;
}
.landing-temoignage {
margin-bottom: 2rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.landing-temoignages img {
width: 50%;
}
.landing-temoignages p {
padding: unset;
}
.landing-temoignage-mobile {
flex-direction: column-reverse;
}
} @media only screen and (max-width: 480px) {
.landing-fond-or-texte-blanc {
padding: 3rem;
}
.landing-fond-or-texte-blanc h3 {
font-size: 3rem;
line-height: 1;
}
}nav.woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb,
.woocommerce nav.woocommerce-breadcrumb,
.woocommerce nav.woocommerce-breadcrumb.actif,
.woocommerce-variation-add-to-cart .quantity,
.nocomments {
display: none !important;
visibility: hidden !important;
}
.woocommerce div.product span.price {
color: #1e1e22;
}
.woocommerce div.product p.price {
color: #c19677;
font-weight: 700;
font-size: 0.857em;
}
.variable-item {
border-radius: 0 !important;
}
.color-variable-item,
.variable-item-span-color,
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared
.variable-items-wrapper
.variable-item.color-variable-item
span::after {
border-radius: 50% !important;
}
.woo-variation-swatches-stylesheet-enabled
.variable-items-wrapper
.variable-item:not(.radio-variable-item) {
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.woo-variation-swatches-stylesheet-enabled
.variable-items-wrapper
.variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches-stylesheet-enabled
.variable-items-wrapper
.variable-item:not(.radio-variable-item).selected:hover {
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.9) !important;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.9) !important;
}
.woocommerce .woo-variation-product-gallery {
max-width: 40% !important;
display: inline-block !important;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 55%;
}
.woo-variation-gallery-slider-wrapper,
.woo-variation-product-gallery img,
.woocommerce ul.products li.product a img {
border-radius: 50% !important;
overflow: hidden;
}
.woocommerce ul.products li.product a img {
align-items: center;
display: grid;
font-size: 1.4rem;
}
.woocommerce ul.products li.product a {
text-align: center;
}
.variations .label {
width: 120px;
text-align: left;
}
.variable-item-span-color::after {
border-radius: 50% !important;
}
.woocommerce-variation {
display: block; }
.woocommerce-variation-price {
font-weight: 700;
position: relative;
top: -20px;
display: inline-block;
} p.price {
margin: 0;
}
.woo-variation-gallery-wrapper .woo-variation-gallery-trigger {
display: none !important;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce button.button.alt {
position: relative;
background: none;
border: 1px solid #1e1e22;
border-radius: 4px;
color: #1e1e22 !important;
font-weight: 400;
background-color: #fff !important;
background-image: url(https://zoemontagu.com/wordpress/wp-content/themes/zoe/img/gris.png;) !important;
background-size: 0 100%;
background-repeat: no-repeat;
-webkit-transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover {
color: #fff !important;
background-size: 100% 100%;
}
.retour {
bottom: 0;
margin-bottom: 50px;
}
input {
height: 4.7rem;
}
input[type="checkbox"],
input[type="radio"] {
height: inherit;
}
.product_meta,
.search,
.woocommerce ul.products li.product .button,
.woocommerce button.button:disabled[disabled],
.woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce-message::before,
.woocommerce-message::after,
.woocommerce-info:before,
mark.count,
.reset_variations {
display: none !important;
visibility: hidden;
}
.woocommerce-message {
border-top-color: #c19677;
background-color: transparent;
border-bottom: 1px solid #c19677;
padding: 1em 2em 1em 2em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
.woocommerce-message a.button {
margin-left: 10px;
text-align: center;
}
.woocommerce ul.products li.product .price {
color: #c19677;
}
h2.woocommerce-loop-product__title {
line-height: normal !important;
}
.woocommerce a.remove:hover {
background: #1e1e22;
}
.woocommerce a.remove {
line-height: 0.8em;
color: #1e1e22 !important;
}
.related.products {
clear: both;
}
.woocommerce-info {
border-top: none;
background: none;
padding-left: 2em;
}
.term-description p {
margin-top: 0;
margin-bottom: 2em;
text-align: center;
}
.woocommerce-variation-description { margin: 0;
font-style: italic;
}
.related h2 {
font-size: 2em;
}
.woocommerce form .form-row .required {
color: #c19677;
}
.woocommerce-product-details__short-description em {
font-size: 1.5rem;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background-color: #fcfbf8;
margin: 0;
padding: 0;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border: 1em solid #fcfbf8;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #fcfbf8;
}
#wc-stripe-payment-request-wrapper,
#wc-stripe-payment-request-button-separator {
display: none !important;
visibility: hidden;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
width: 45%;
}
.woocommerce-checkout table.cart img {
width: 120px !important;
}
.woocommerce h1.product_title {
font-size: clamp(5.5rem, 12vw, 9rem);
} .woocommerce div.product .out-of-stock {
color: #a00;
font-weight: bold;
}
@media only screen and (max-width: 768px) {
.woocommerce .woo-variation-product-gallery {
max-width: 50% !important;
margin-right: 20px;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: inherit;
}
}
@media only screen and (max-width: 620px) {
.woocommerce .woo-variation-product-gallery {
max-width: 100% !important;
width: 75%;
display: block !important;
margin-inline: auto;
float: none;
display: block;
} .retour {
width: 100%;
}
}
@media only screen and (max-width: 480px) {
.related h2 {
font-size: 3rem;
line-height: 1em;
}
.woocommerce-message {
padding: 1em 0 1em 0;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
}
li.product-category {
width: 100% !important;
}
}
@media only screen and (max-width: 380px) {
.woocommerce .woo-variation-product-gallery {
width: 100%;
}
.woocommerce-variation-description {
margin: -1.5em 0 2em 0;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text,
.coupon .button,
.checkout_coupon > * {
width: 100% !important;
text-align: center;
}
.woo-variation-items-wrapper {
width: 100%;
}
}
.color-variable-item-sur-mesure .variable-item-span-color,
.color-variable-item-customized .variable-item-span-color {
background-image: url(https://zoemontagu.com/wordpress/wp-content/themes/zoe/img/sur-mesure.png;) !important;
background-size: cover;
}
.woocommerce div.product p.stock {
margin-top: 0 !important;
color: #c19677 !important;
}
.votre_cheval {
background-color: #c19677;
color: white;
padding: 4rem 10%;
position: relative;
}
.votre_cheval::before {
border: 1px solid #fff;
content: "";
position: absolute;
width: calc(100% - 4rem);
height: calc(100% - 4rem);
left: 0;
top: 0;
margin: 2rem;
}
.votre_cheval li {
margin-bottom: 1rem;
margin-left: 5%;
}
.votre_cheval a {
font-weight: bold;
color: #fff;
}
.numero {
color: #c19677;
position: relative;
z-index: 1;
margin-right: 20px;
font-size: 2.2rem;
top: -2px;
font-weight: bold;
}
.numero::before {
content: "";
background: #fcfbf8;
width: 30px;
height: 30px;
position: absolute;
border-radius: 50%;
z-index: -1;
left: -11px;
top: 1px;
}
*:focus-visible {
outline: 1px solid #c19677 !important;
}
.woocommerce-terms-and-conditions h2,
.woocommerce-terms-and-conditions-link {
font-size: 2rem;
font-weight: bold;
}