@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&family=Satisfy&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cookie&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap");
.font-cookie {
font-family: "Cookie", cursive;
font-style: normal;
}
.font-inter {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}
.font-nunito {
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-weight: weight;
font-style: normal;
}
.font-source-serif {
font-family: "Source Serif 4", serif;
font-optical-sizing: auto;
font-weight: bold;
font-style: normal;
}
.font-size-72 {
font-size: 72px;
}
.font-size-50 {
font-size: 50px;
}
.font-size-32 {
font-size: 32px;
}
.font-size-21 {
font-size: 21px;
}
.font-satisfy {
font-family: 'Satisfy', cursive;
}
.font-roboto {
font-family: 'Roboto', sans-serif;
font-weight: 300;
}  #wpadminbar {
display: none!important;
height: 0!important;
} .woocommerce #sidebar {
display: none !important;
} section .woocommerce-MyAccount-content > p:nth-child(2),
section .woocommerce-MyAccount-content > p:nth-child(3) {
display: none!important;
}  .page-title {
font-family: "Cookie", cursive;
font-style: normal;
font-size: 72px;
}
html {
margin-top: 0!important;
}
.min-h-80vh {
min-height: 80vh;
}  .current-menu-item {
text-decoration: underline!important;
}
header {
height: 62px;
}
.translateX0 {
transform: translate(0%)!important;
} #logo-responsive {
display: none;
} .nav-saison {
list-style: none;
padding: 0;
margin: 0;
position: fixed;
top: 350px;
right: 50px;
z-index: 5;
} .bg-color-saison {
background-color: #5B977A;
}
.text-color-saison {
color: #ffffff;
}
.poeme1-color-saison, .poeme2-color-saison {
color: #AD6F84;
}
.titre-plante {
color: #5B977A;
}
.img-saison {
width: 48px;
height: auto;
border-radius: 10px;
margin-top: 15px;
padding: 1px;
}
#li-img-change-saison {
width: 248px!important;
position: absolute;
left: -173px;
top: -175px;
}
.img-instagram{
margin-top: 15px;
}
#li-img-mon-insta {
position: absolute;
left: -297px;
top: 160px;
} #img-menu-burger {
display: none;
}
#section-nav {
transition: transform 200ms ease-in-out;
transform: translateY(0px);
z-index: 50;
width: 100%;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
}
#container-nav > ul > li {
margin-right: 20px;
} #container-nav::before {
content: url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/logo-site-tiny-bg.png);
display: inline-block;
cursor: pointer;
margin-right: 5px;
transform: rotate(45deg);
} #menu-item-33 > a{
font-weight: 500;
} #container-nav > ul > li:last-child {
position: absolute;
right: 0;
border: 1px solid black;
border-radius: 5px;
padding: 0 7px;
margin-right: 0!important;
align-items: center;
}
#container-nav > ul > li:last-child::after {
content: url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/user.png);
margin-left: 5px;
position: relative;
top: 3px;
}  .cat-home-product-card {
background-color: #f3f6f1; border: 1px solid #d4dcd0;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
overflow: hidden;
} .home-product-badge {
position: absolute;
top: 0;
left: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
font-size: 1rem;
padding: 6px 14px;
border-radius: 8px 0;
z-index: 2;
box-shadow: 0 2px 4px rgba(0,0,0,0.15);
} .card-img-wrapper {
height: 320px; margin-top: 25px; width: 100%;
} .cat-home-card-img {
max-width: 100%;
}
#home-cat-img-hydrolat {
height: 100%!important;
} .card-hover-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%; color: #ffffff;
opacity: 0,8;
transform: translateY(100%); transition: transform 0.3s ease-in-out;
z-index: 2;
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px;
} .card-cat-link-wrapper:hover .card-hover-overlay {
transform: translateY(0);
} .hover-text {
font-size: 0.9rem;
line-height: 1.3;
margin: 0;
} .btn-hover-action {
background-color: #ffffff;
color: #6c805d;
font-weight: bold;
font-size: 0.85rem;
padding: 6px 16px;
border-radius: 8px;
border: none;
transition: background-color 0.2s, color 0.2s;
}
.card-cat-link-wrapper:hover .btn-hover-action {
background-color: #f3f6f1;
color: #4f5f43;
} .object-fit {
object-fit: cover;
}
#img-src-home {
border-radius: 10px 0 0 10px;
height: 330px;
}
#img-plante-home {
border-radius: 0 10px 10px 0;
height: 330px;
}
.title-top-left {
top: 0;
left: 0;
padding: 7px 15px;
color: #ffffff;
border-radius: 10px 0;
background-color: #4f5f43;
}
.title-bottom-right {
bottom: 0;
right: 0;
padding: 7px 15px;
border-radius: 10px 0;
color: #ffffff;
background-color: #4f5f43;
}
.btn-decouvrir-home {
padding: 5px 10px;
border-radius: 8px;
color: #ffffff;
width: fit-content;
}
.container-history-home {
background-color: rgb(243, 246, 241);
border-radius: 10px 0 0 10px;
}
#btn-plante-home {
border-radius: 10px 0 0 0;
}
#title-src-home {
border-radius: 0 0 10px 0;
} #container-nav > ul, #container-footer-nav > ul {
margin: 0;
align-items: center;
}
#container-nav > ul > li, #container-footer-nav > ul > li {
list-style: none;
display: flex;
}
#container-footer-nav > ul > li {
margin-right: 10px;
}
#container-nav > ul > li > a, #container-footer-nav > ul > li > a {
color: rgb(34, 34, 34);
padding: 2px 5px;
text-decoration: none;
} footer {
background-color: rgb(232 232 232);
}
#title-atelier-footer {
font-weight: 500;
}
#section-footer {
padding: 15px;
} #infos-rdv {
color: #ffffff;
}
#btn-mail-pro {
width: max-content;
padding: 10px;
text-decoration: none;
color: white;
border-radius: 10px;
margin-top: 10px;
}
.imgs-footer-illu {
width: 300px;
height: auto;
border-radius: 10px;
}
.btn-newsletter {
border-color: #3f3f3f!important;
width: fit-content;
border-radius: 6px;
}
.btn-newsletter, .wpcf7-submit {
color: #ffffff;
background-color: #3f3f3f!important;
border-color: #3f3f3f!important;
}
.btn-newsletter:hover, .wpcf7-submit:hover {
border-color: #3f3f3f!important;
background-color: #3f3f3f!important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
} #container-footer-nav {
margin-top: 25px;
}
#menu-menu-de-bas-de-page {
padding: 0;
font-size: 12px;
} #menu-item-57 {
margin-right: 0!important;
} #menu-item-321::after {
content: '© 2026';
position: absolute;
right: 0;
}
#menu-menu-de-bas-de-page li:last-child {
align-items: center;
} #logo2 {
width: 200px;
height: auto;
margin-bottom: 30px;
}
.w-80 {
width: 80%;
}
.form-control:focus {
box-shadow: none!important
} #accueil {
min-height: calc(100vh - 94px);
}
#container-img-accueil {
max-width: 1450px;
margin: 0 auto;
}
.banniere-accueil {
width: 100%;
height: 180px;
}
#qui-sommes-nous {
margin-top: 50px;
margin-bottom: 50px;
} #canvas2 {
top: 200px;
left: -20px;
}
#canvas1 {
bottom: -130px;
right: 0;
}
.slide1-right, .slide2-right, .slide3-right {
-webkit-animation: slide-right 1s ease-out both;
animation: slide-right 1s ease-out both;
}
@-webkit-keyframes slide-right {
0% {
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slide-right {
0% {
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
opacity: 0;
}
50% {
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 100%;
}
}
.slide1-left, .slide2-left, .slide3-left {
-webkit-animation: slide-left 1s ease-out both;
animation: slide-left 1s ease-out both;
}
@-webkit-keyframes slide-left {
0% {
-webkit-transform: translateX(300px);
transform: translateX(300px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slide-left {
0% {
-webkit-transform: translateX(300px);
transform: translateX(300px);
opacity: 0;
}
50% {
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 100%;
}
} #text-3 {
list-style: none;
}
.widgettitle {
display: none;
}
#champsmo-form-contact {
display: flex;
flex-direction: column;
}
#input-mail-contact {
margin-right: 25px;
}
.wpcf7-form-control {
width: 370px;
border: 1px solid #ffffff;
border-radius: 6px;
background-color: transparent;
display: block;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
background-clip: padding-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #ffffff;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.wpcf7-form p input[type=submit] {
width: max-content!important;
}
.wpcf7-form-control:focus-visible, .form-control:focus-visible {
outline-style: none;
}
.wpcf7-form-control-wrap > textarea {
height: 150px;
color: #ffffff;
} #bg-page-plante {
background-image: linear-gradient(rgba(255, 252, 245, 0.9), rgba(245, 240, 230, 0.9)),url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/image-page-plantes.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.container-plante-slide {
display: flex;
}
.height-max-content {
height: max-content;
}
.h-200 {
height: 200px;
}
.img-plante-slide {
max-height: 200px;
}
.img-plante {
height: max-content;
width: max-content;
max-height: 400px;
}
.content-plante-slide {
height: 210px;
}
#menu-nos-plantes, #menu-boutique {
background-color: #fff2e9;
}
#menu-nos-plantes li:last-child {
display: none!important;
}
.transition-fade {
animation-name: mon_anim;
animation-duration: 250ms;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.card-height-img {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 200px;
}
.thumbnail img {
height: auto;
max-height: 200px;
box-sizing: content-box;
}
.cat-list-item {
border: 1px solid rgb(214, 214, 214);
border-radius: 15px;
background-color: #ffffff;
}
.px-a-list {
padding-left: 25px;
padding-right: 25px;
}
@keyframes mon_anim{
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.active-list {
border: 1px solid #5B977A!important;
color: #5B977A!important;
}
.active-list-all {
color: #5B977A!important;
} .hidden-content-plante {
height: auto;
max-height: 0;
overflow: hidden;
transition: max-height ease-in-out 0.5s;
}
.btn-radio-plante {
border-radius: 6px;
border: 1px solid #3f3f3f;
}
.btn-radio-plante::after {
content: '\25BC';
font-size: 1em;
margin-right: 15px;
transition: transform 0.3s;
}
.cursor-pointer {
cursor: pointer;
}
.input-plante-box {
color: black;
background-color: #ffffff;
}
input[type="checkbox"]#plante-btn-1:checked + label + #content-radio-1 {max-height:1500px;}
input[type="checkbox"]#plante-btn-2:checked + label + #content-radio-2 {max-height:1500px;}
input[type="checkbox"]#plante-btn-3:checked + label + #content-radio-3 {max-height:1500px;}
input[type="checkbox"]#plante-btn-4:checked + label + #content-radio-4 {max-height:1500px;}
input[type="checkbox"]#plante-btn-5:checked + label + #content-radio-5 {max-height:1500px;}
input[type="checkbox"]#plante-btn-6:checked + label + #content-radio-6 {max-height:1500px;}
input[type="checkbox"]:checked + label {
transition: background-color ease-in-out 0.25s;
background-color: #5B977A;
color: #ffffff;
}
#container-checkbox-plante input[type="checkbox"]:checked + label::after {
transform: rotate(180deg);
} .card-img-fil {
padding-left: 0;
border-radius: 4px 0 0 4px;
}
.btn-article {
background-color: #fff;
border: 1px solid rgb(34, 34, 34);
border-radius: 8px;
padding: 5px 10px;
text-decoration: none;
} .card-body:last-child {
justify-content: flex-end;
}
.p-10-30 {
padding: 10px 30px;
} #bg-source-page {
background-image: linear-gradient(rgb(254, 254, 254, 0.8), rgba(254, 254, 254, 0.9)),url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/image-page-sources.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
} .slide-nosources {
display: flex;
--items: 3;
--gap: 2rem;
gap: var(--gap);
overflow-x: auto;
scroll-snap-type: x proximity;
padding: calc(var(--gap) * .5);
margin: calc(var(--gap) * -.5);
scroll-padding-inline: calc(var(--gap) * .5);
}
.article-source {
min-width: calc((100% - (var(--items) - 1) * var(--gap)) / var(--items));
scroll-snap-align: start;
text-align: center;
}
.article-source img {
width: 300px;
height: 400px;
}
.container-desc-slide {
padding: 15px;
} .slide_navigation {
transition: .3s;
position: absolute;
top: calc(45% - 25px);
cursor: pointer;
right: -35px;
width: 50px;
height: 50px;
background-color: unset;
border-radius: 50%;
border: 0px;
}
.prev {
left: 0;
}
.img-arrow-left {
position: absolute;
top: 0;
right: 40px;
}
.slide_navigation:hover {
transition: .4s;
} .title_slide {
font-size: 25px;
}
.description_slide {
margin-bottom: 25px;
}
.content-plante-slide a, .button_nos_sources, .article-source a {
background: #fff; 
border: 1px solid black;
padding: 10px; 
border-radius: 6px; 
width: fit-content;
}
.button_nos_sources {
padding: 6px; 
} .saison-printemps {
background-color: #5B977A;
}
.saison-ete {
background-color: #AD6F84;
}
.saison-automne {
background-color: #C48A53;
}
.saison-hiver {
background-color: #66729A;
}
.printemps-text {
color: #5B977A;
}
.ete-text {
color: #AD6F84;
}
.automne-text {
color: #C48A53;
}
.hiver-text {
color: #66729A;
} .mt-50 {
margin-top: 50px;
} #bg-page-boutique {
background-image: linear-gradient(rgb(254, 254, 254, 0.8), rgba(254, 254, 254, 0.9)),url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/image-page-boutique.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
} #categorie-content {
transition: opacity 0.3s ease-in-out;
opacity: 1;
}
#categorie-content.loading {
opacity: 0.3;
pointer-events: none;
} #category-content.loading {
opacity: 0.3;
transition: opacity 0.3s ease;
}
#ajax-search-field {
outline-offset: 0;
border: 1px solid;
border-radius: 5px;
}
#btn-form-search {
border: 1px solid #333333;
border-radius: 5px;
} .color-active {
color: #5B977A!important;
border: 1px solid #5B977A!important;
} .page-description {
margin-top: 20px;
margin-bottom: 60px;
} .widgeprodttitle {
font-family: 'Roboto', sans-serif;
font-weight: 600;
font-size: 1em;
} .widgeprodttitle a {
color: #5B977A!important
} .widget_categories_container{
padding-top: 25px;
padding-left: 0;
} .widget_categories_container li{
list-style: none;
margin-right: 0.5rem;
}
.widget_categories_container li a{
text-decoration: none;
padding-left: 25px;
padding-right: 25px;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
background-color: #ffffff;
border: 1px solid rgb(214, 214, 214);
border-radius: 15px;
color: #333333;
}
.widget_categories_container li:first-child{
padding-left: 0;
}
.widget_categories_container li:last-child{
margin-right: 0;
} .page-description p:first-child {
margin-bottom: 0;
}   #title-page-compte-wooco {
padding: 20px;
display: flex;
justify-content: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size: 60px;
font-family: "Cookie", cursive;
font-style: normal;
} #customer_login div h2 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
text-align: center;
} #customer_login {
margin-top: 1.5rem;
} #customer_login div form {
margin-top: 1rem;
min-height: 350px;
} .woocommerce-account .woocommerce-MyAccount-navigation {
width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: left;
margin-left: 5%;
width: 75%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding: 0;
border-top: 1px solid #eee;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
list-style: none;
border-bottom: 1px solid #eee;
padding-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before {
opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
padding: 10px 5px;
display: flex;
align-items: center;
color: black;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
margin-right: 20px;
opacity: .25;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before {
opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
margin-top: 3px;
content: url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/home.png);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
margin-top: 3px;
content: url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/order.png);
} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
margin-top: 3px;
content: url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/adresses.png);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
margin-top: 3px;
content: url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/typedepaie.png);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
margin-top: 3px;
content: url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/infouser.png);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
margin-top: 3px;
content: url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/disconnect.png);
}
.woocommerce-account .woocommerce-MyAccount-content h2 {
font-size: 25px;
text-align: center;
font-weight: 600;
}
.woocommerce-account p.order-again {
text-align: right;
}
.woocommerce-account .woocommerce-EditAccountForm input[type="submit"] {
margin-top: 50px;
float: right;
}
.woocommerce-MyAccount-content a {
color:#5B977A;
} header.woocommerce-Address-title {
display: flex;
flex-direction: column;
}
.woocommerce-Address address {
margin-top: 1rem;
} form.edit-account {
margin-bottom: 30px;
} #nav-mon-compte {
display: flex;
}
#liste-mon-compte {
display: flex;
flex-wrap: wrap;
padding: 0;
margin-top: 10px;
margin-bottom:0;
width: 100%;
justify-content: center;
margin-top: 260px;
position: relative;
}
#liste-mon-compte li {
display: flex;
width: 150px;
border-radius: 50%;
}
#liste-mon-compte li a{
display: flex;
padding: 20px;
width: 150px;
height: 150px;
justify-content: center;
align-items: center;
text-decoration: none;
flex-direction: column;
text-align: center;
}
#liste-mon-compte li:nth-child(3), #liste-mon-compte li:nth-child(4){
margin-right: 70px;
}
#liste-mon-compte li:first-child {
display: none;
}
#liste-mon-compte li:nth-child(2) {
background-color: #C48A53;
color: #ffffff;
position: absolute;
width: 150px;
height: 150px;
top: -260px;
}
#liste-mon-compte li:nth-child(2) a {
color: #ffffff;
}
#liste-mon-compte li:nth-child(3) {
background-color: #ffffff;
border: 1px solid #5B977A;
color: #5B977A;
}
#liste-mon-compte li:nth-child(4) {
background-color: #ffffff;
border: 1px solid #5B977A;
color: #5B977A;
}
#liste-mon-compte li:nth-child(5) {
border: 1px solid #5B977A;
background-color: #ffffff;
color: #5B977A;
}
#liste-mon-compte li:nth-child(6) {
display: none;
}
#liste-mon-compte li:nth-child(2) a::before {
content: url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/order-white.png);
}
#liste-mon-compte li:nth-child(3) a::before {
content: url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/adresses.png);
}
#liste-mon-compte li:nth-child(4) a::before {
content: url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/typedepaie.png);
}
#liste-mon-compte li:nth-child(5) a::before {
content: url(//www.lesjardinsdasteracee.fr/wp-content/themes/lesjardinsdasteracee/imgs/infouser.png);
}
#btn-deco-mon-compte {
margin-top: 50px;
}
#btn-deco-mon-compte a {
background-color: #333333;
padding: 10px;
border-radius: 10px;
text-decoration: none;
width: fit-content;
color: #ffffff;
} .woocommerce-orders-table__cell-order-number a {
color:#5B977A;
}
.my_account_orders tbody tr td a.ast_track {
margin-left: 15px;
} body.woocommerce-checkout main .woocommerce form .form-row {
width: 100% !important;
}
.woocommerce-checkout #payment div.payment_box input.input-text, body.woocommerce-checkout main .woocommerce-checkout #payment div.payment_box textarea {
width: 100% !important;
padding: 8px;
}
body.woocommerce-checkout main .woocommerce #payment .form-row select, body.woocommerce-checkout main .woocommerce-page #payment .form-row select {
width: 100%;
height: 30px;
}
body.woocommerce-checkout main .woocommerce .col2-set .col-1, body.woocommerce-checkout main .woocommerce .col2-set .col-2 {
float: left;
width: 100%;
}
.custom-checkout h3 {
background-color: #165f1c;
width: 45%;
text-align: center;
padding: 10px;
border-radius: 5px;
margin-top: 50px;
color: #FFF;
float: right;
} body.woocommerce-checkout main .woocommerce form .form-row input.input-text, body.woocommerce-checkout main .woocommerce form .form-row textarea, 
body.woocommerce-account main .woocommerce form .form-row input.input-text, body.woocommerce-account main .woocommerce form .form-row textarea {
padding: .6180469716em;
background-color: #f2f2f2;
color: #43454b;
outline: 0;
border: 0;
border-radius: 2px;
box-sizing: border-box;
font-weight: 400;
border: solid 2px #e4e4e4;
}
#wc_checkout_add_ons {
width: 45%;
float: right;
text-align: center;
}
.woocommerce-shipping-fields h3, .woocommerce-billing-fields h3 {
width: 100%;
}
body.woocommerce-checkout main .woocommerce .col2-set, body.woocommerce-checkout main .woocommerce-page .col2-set {
width: 45%;
float: left;
}
body.woocommerce-checkout main .woocommerce-checkout-review-order {
width: 50%;
float: right;
}
#order_review_heading {
width: 648px;
float: right;
}
#contact_details h3, #order_review_heading, .woocommerce-billing-fields h3 {
background-color: #5B977A;
color: #ffffff;
padding: 10px;
border-radius: 5px;
display: flex;
justify-content: center;
}
#ship-to-different-address {
margin-top: 15px;
}
#order_comments_field {
margin-bottom: 25px;
}
#contact_details {
margin-bottom: 15px;
}
#place_order {
border-radius: 6px 20px;
padding: 6px;
line-height: 1.5;
font-weight: normal;
} #page-confirmation-order section section .woocommerce-column--shipping-address {
margin-top: 2em;
margin-bottom: 3em;
} .container-section-merci {
width: 75%;
padding-top: 20px;
padding-bottom: 30px;
margin-bottom: 60px;
border-radius: 10px;
}
.text-thank-you {
font-size: 72px;
}   @media (min-width: 1200px) and (max-width: 1399.98px) {
.woocommerce .col2-set, .woocommerce-page .col2-set {
margin-right: 55px;
} .card-img-wrapper {
height: 250px;
margin-top: 15px;
width: 100%;
} #order_review_heading {
width: 558px;
float: right;
} .slide_navigation {
right: 10px;
}
.img-arrow-left {
right: 0;
}
}
@media (min-width: 1140px) and (max-width: 1199.98px) {
.woocommerce .col2-set, .woocommerce-page .col2-set {
margin-right: 46px;
}
}
@media (max-width: 1199.98px) { .card-img-wrapper {
height: 250px;
margin-top: 15px;
width: 100%;
} .h3-nos-sources {
font-size: 30px;
}
.title_slide {
font-size: 22px;
font-weight: 700;
}
.banniere-accueil {
height: 100%;
} .slide-nosources {
--items: 2;
}
.slide_navigation {
right: 20px;
}
.img-arrow-left {
right: 0;
} #order_review_heading {
width: 468px;
float: right;
}
.page-id-14 .min-h-80vh {
min-height: 60vh;
}
#container-nav > ul > li {
margin-right: 15px;
}
} @media (min-width: 1001px) and (pointer: fine) {
.slide-nosources {
overflow: hidden;
}
}
@media (min-width: 992px) and (max-width: 1139.98px) {
#container-img-accueil {
margin-right: auto;
margin-left: auto;
padding-top: 50px;
padding-bottom: 30px;
}
header {
height: 22px;
}
#accueil {
min-height: auto;
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
margin-right: 46px;
}
}
@media (max-width: 1139.98px) { .container-nav-saison {
display: none;
}
}
@media (max-width: 991.98px) { #histoire-fleurs {
height: 400px;
object-fit: cover;
} .slide-nosources {
--items: 1;
}
.article-source {
scroll-snap-align: center;
width: 100%;
} #cmplz-cookiebanner-container .cmplz-cookiebanner {
width: 100%;
right: 0;
z-index: 9999999;
} .xoo-wsc-container, .xoo-wsc-slider {
max-width: 50%;
right: -50%;
}
body {
font-size: 22px;
}
header {
height: auto;
}
#accueil {
min-height: 100%;
max-height: 100vh;
} #logo-responsive {
display: block;
position: absolute;
top: 45px;
left: 30px;
transform: rotate(45deg);
}
#logo-responsive img {
height: 70px;
width: auto;
} .menu-burger {
position: fixed;
z-index: 5000;
top: 30px;
right: 30px;
background-color: #ffffff;
border-radius: 50%;
padding: 18px;
}
#img-menu-burger {
display: block;
height: 50px;
cursor: pointer;
}
#container-nav::before {
content: '';
display: none;
}
#section-nav {
transform: translateY(0);
font-size: 1.5rem;
height: 100%;
background-color: #5B977A;
transform: translateX(100%);
}
#container-section-nav {
height: 100%;
}
#container-nav {
height: 100%;
}
#container-nav > ul {
margin: 0;
align-items: center;
padding: 0;
}
#container-nav > ul > li {
margin-right: 0;
margin-top: 30px;
}
#container-nav > ul > li > a {
color: white;
}
#container-nav > ul > li:first-child {
margin-top: 0!important;
display: none;
}
#container-nav > ul > li:last-child {
position: initial;
} #container-footer-nav > ul > li {
margin-right: 0;
}
#form-newsletter {
display: flex;
justify-content: center;
}
#menu-menu-de-bas-de-page li {
padding-bottom: 15px;
} .card-height-img {
height: 300px;
}
.thumbnail img {
height: 100%;
max-height: max-content;
width: 100%;
} .wpcf7-form-control {
width: 100%;
}
.wpcf7 > form > p > label {
width: 100%;
}
.wpcf7 > form > p > label > span > input{
width: 100%;
}
#text-3 {
width: 100%;
}
.wpcf7-form-control-wrap > textarea {
width: 100%;
height: 150px;
}
#champsmo-form-contact > p > label {
width: 100%;
}
.wpcf7-form-control-wrap {
display: flex;
width: 100%;
}
#champsmo-form-contact {
flex-direction: column!important;
}
.wpcf7-submit {
width: max-content!important;
} .woocommerce-shop div .page-title {
display: flex;
justify-content: center;
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
width: 100%;
margin-right: 0;
}
.woocommerce-checkout-review-order {
width: 100%;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
content: none;
display: inherit;
} #ajax-search-field {
width: calc(100% - 50px);
} .woocommerce div.product div.images.woocommerce-product-gallery {
width: 100%;
}
.woocommerce div.product div.summary {
width: 100%;
min-height: auto;
}
div.woocommerce-product-gallery__wrapper {
min-height: auto;
margin-top: 25px;
} body.woocommerce-checkout section .woocommerce .col2-set, body.woocommerce-checkout section .woocommerce-page .col2-set {
width: 100%;
}
#order_review_heading {
width: 100%;
}
body.woocommerce-checkout section .woocommerce-checkout-review-order {
width: 100%;
float: right;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
width: 100%;
margin-top: 25px;
padding: 20px 0;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
}
#container-page-shop {
margin-top: 160px;
} .container-section-merci {
width: 100%;
}
.text-thank-you {
font-size: 35px;
} .woocommerce-MyAccount-navigation-link--dashboard {
display: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
width: auto;
display: flex;
}
.woocommerce-account .woocommerce-MyAccount-content {
float:initial;
margin-left: 0;
width: 100%;
}
.page-id-14 .min-h-80vh {
min-height: auto;
}
}