@charset "UTF-8";

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);  html {
font-size: 16px;
}
#site-wrapper {
position: relative;
z-index: 100;
}
#site-wrapper #main {
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.admin-bar #header {
margin-top: 32px;
}
body:not(.admin-bar) pre {
display: none;
} .container-fluid {
padding-left: 0;
padding-right: 0;
}
.container {
max-width: 1400px;
padding-left: 0;
padding-right: 0;
}
.row {
margin: 0;
}  body,
p,
span {
color: #333333;
font-family: "Avenir LT";
}
h1,
h2,
h3,
h4,
h5,
h6,
a {
color: #26645f;
font-family: "Avenir LT";
}
h1,
h2,
h3,
h4 {
margin: 0;
color: #26645f;
}
h1,
h2 {
font-family: "Manometer" !important;
line-height: 1.7;
}
h1 {
font-size: 3.75rem;
}
h2 {
font-size: 2.25rem;
}
h3 {
font-size: 2rem;
}
h4 {
font-size: 1.1rem;
}
h5 {
font-weight: bold;
}
p,
span,
a {
font-size: 1.1rem;
}
p.section-subtitle,
span.section-subtitle,
a.section-subtitle {
display: block;
font-size: 1.5rem;
color: #C39F80;
}
p {
line-height: 2;
}
@media only screen and (max-width: 992px) { h1 {
font-size: 3rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1rem;
}
p,
span,
a {
font-size: 1rem;
}
p.section-subtitle,
span.section-subtitle,
a.section-subtitle {
font-size: 1.25rem;
}
}
@media only screen and (max-width: 576px) {
h1 {
font-size: 1.75rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.35rem;
}
p,
span,
a {
font-size: 1rem;
}
p.section-subtitle,
span.section-subtitle,
a.section-subtitle {
font-size: 1.1rem;
}
p {
line-height: 1.7;
}
}
a {
text-decoration: none;
} .btn-cta-small,
.btn-cta-medium,
.btn-cta-big,
.btn-cta-thin {
display: inline-block;
height: fit-content;
background-color: #26645f;
color: #FFFFFF;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
border: none;
cursor: pointer;
}
.btn-cta-small:hover,
.btn-cta-medium:hover,
.btn-cta-big:hover,
.btn-cta-thin:hover {
background-color: #183f3c;
color: #FFFFFF;
transition: 0.3s;
}
.btn-cta-small:visited,
.btn-cta-medium:visited,
.btn-cta-big:visited,
.btn-cta-thin:visited {
color: #FFFFFF;
}
.btn-cta-small.navy-blue,
.btn-cta-medium.navy-blue,
.btn-cta-big.navy-blue,
.btn-cta-thin.navy-blue {
background-color: #26645f;
color: #FFFFFF;
}
.btn-cta-small.navy-blue:hover,
.btn-cta-medium.navy-blue:hover,
.btn-cta-big.navy-blue:hover,
.btn-cta-thin.navy-blue:hover {
background-color: #183f3c;
color: #FFFFFF;
}
.btn-cta-small.light-blue,
.btn-cta-medium.light-blue,
.btn-cta-big.light-blue,
.btn-cta-thin.light-blue {
background-color: #183f3c;
color: #FFFFFF;
}
.btn-cta-small.light-blue:hover,
.btn-cta-medium.light-blue:hover,
.btn-cta-big.light-blue:hover,
.btn-cta-thin.light-blue:hover {
background-color: #26645f;
color: #FFFFFF;
transition: 0.3s;
}
.btn-cta-small.sand,
.btn-cta-medium.sand,
.btn-cta-big.sand,
.btn-cta-thin.sand {
background-color: #F7F3EE;
color: #26645f;
}
.btn-cta-small.sand:hover,
.btn-cta-medium.sand:hover,
.btn-cta-big.sand:hover,
.btn-cta-thin.sand:hover {
background-color: #26645f;
color: #FFFFFF;
transition: 0.3s;
}
.btn-cta-small {
padding: 7.5px 20px;
border-radius: 30px;
font-size: 1rem;
}
.btn-cta-medium {
display: inline-block;
background-color: #26645f;
color: #FFFFFF;
padding: 10px 20px;
border-radius: 30px;
font-size: 1.1rem;
}
.btn-cta-medium:hover {
transition: 0.3s;
color: #FFFFFF;
background-color: #183f3c;
}
.btn-cta-big {
display: inline-block;
background-color: #26645f;
color: #FFFFFF;
padding: 10px 25px;
border-radius: 30px;
font-size: 1.2rem;
}
.btn-cta-thin {
padding: 7.5px 20px;
border-radius: 30px;
font-size: 1rem;
}
.btn-cta-square {
display: inline-block;
background-color: #26645f;
color: #FFFFFF;
padding: 12px 15px;
border: none;
border-radius: 7.5px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
font-size: 1rem;
} .swiper,
.swiper-mobile {
width: 100%;
padding: 0 35px;
padding-bottom: 50px;
}
.swiper .swiper-slide,
.swiper-mobile .swiper-slide {
max-width: 295px;    }
.swiper .swiper-slide .swiper-slide-inner,
.swiper-mobile .swiper-slide .swiper-slide-inner {
width: 100%;
}
.swiper .swiper-slide.slide-free .image-container,
.swiper-mobile .swiper-slide.slide-free .image-container {
width: 100%;
height: 320px;
margin-bottom: 25px;
border-radius: 7.5px;
background-size: cover;
background-position: center;
}
.swiper .swiper-slide.slide-free .image-container img,
.swiper-mobile .swiper-slide.slide-free .image-container img {
border-radius: 7.5px;
}
.swiper .swiper-slide.slide-free .item-title,
.swiper-mobile .swiper-slide.slide-free .item-title {
font-weight: bold;
text-transform: uppercase;
}
.swiper .swiper-slide.slide-free .item-subtitle,
.swiper-mobile .swiper-slide.slide-free .item-subtitle {
display: inline-block;
font-size: 0.85rem;
font-style: italic;
}
.swiper .swiper-slide.slide-free .btn-cta-small,
.swiper-mobile .swiper-slide.slide-free .btn-cta-small {
margin-top: 25px;
margin-bottom: 15px;
}
.swiper .swiper-slide.slide-product .pt-product-meta,
.swiper-mobile .swiper-slide.slide-product .pt-product-meta {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
border-radius: 15px;
padding: 25px;
}
.swiper .swiper-slide.slide-product .pt-product-meta .product-image,
.swiper-mobile .swiper-slide.slide-product .pt-product-meta .product-image {
border-radius: 7.5px;
max-width: unset !important;
}
.swiper .swiper-slide.slide-product .pt-product-meta .product-image img,
.swiper-mobile .swiper-slide.slide-product .pt-product-meta .product-image img {
border-radius: 7.5px;
}
.swiper .swiper-slide.slide-product .pt-product-meta .product-image .pastilles-container,
.swiper-mobile .swiper-slide.slide-product .pt-product-meta .product-image .pastilles-container {
position: absolute;
bottom: 7.5px;
left: 7.5px;
display: flex;
}
.swiper .swiper-slide.slide-product .pt-product-meta .product-image .pastilles-container .pastille-product,
.swiper-mobile .swiper-slide.slide-product .pt-product-meta .product-image .pastilles-container .pastille-product {
background-color: #000000;
margin-right: 5px;
padding: 2px 10px;
color: white;
border-radius: 7.5px;
font-size: 0.85rem;
}
.swiper .swiper-slide.slide-product .pt-product-meta .product-image .product-action,
.swiper .swiper-slide.slide-product .pt-product-meta .product-image .product-image-mask,
.swiper-mobile .swiper-slide.slide-product .pt-product-meta .product-image .product-action,
.swiper-mobile .swiper-slide.slide-product .pt-product-meta .product-image .product-image-mask {
display: none;
}
.swiper .swiper-slide.slide-product .pt-product-meta .product-title,
.swiper-mobile .swiper-slide.slide-product .pt-product-meta .product-title {
margin-top: 15px;
margin-left: 0;
margin-bottom: 8px;
}
.swiper .swiper-slide.slide-product .pt-product-meta .price,
.swiper-mobile .swiper-slide.slide-product .pt-product-meta .price {
display: block;
margin-left: 0;
margin-bottom: 25px;
}
.swiper .swiper-slide.slide-product .pt-product-meta .price .woocommerce-Price-amount,
.swiper-mobile .swiper-slide.slide-product .pt-product-meta .price .woocommerce-Price-amount {
font-size: 1rem;
font-weight: bold;
}
.swiper .swiper-slide.slide-product .pt-product-meta .variations,
.swiper-mobile .swiper-slide.slide-product .pt-product-meta .variations {
display: none;
}
.swiper .swiper-slide.slide-product .pt-product-meta .btn-cta-small,
.swiper-mobile .swiper-slide.slide-product .pt-product-meta .btn-cta-small {
margin-top: 0;
margin-bottom: 0;
}
.swiper .swiper-slide.slide-creation .realisation,
.swiper-mobile .swiper-slide.slide-creation .realisation {
display: block;
background-color: white;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
border-radius: 15px;
position: relative;
min-height: 350px;
background-size: cover;
background-position: center;
}
.swiper .swiper-slide.slide-creation .realisation::before,
.swiper-mobile .swiper-slide.slide-creation .realisation::before {
content: "";
position: absolute;
display: block;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 10px;
}
.swiper .swiper-slide.slide-creation .realisation .realisation-infos,
.swiper-mobile .swiper-slide.slide-creation .realisation .realisation-infos {
position: absolute;
bottom: 0;
left: 0;
padding: 15px;
}
.swiper .swiper-slide.slide-creation .realisation .realisation-infos .title,
.swiper-mobile .swiper-slide.slide-creation .realisation .realisation-infos .title {
font-family: "Sailors";
font-size: 1.35rem;
line-height: 1.5;
margin-bottom: 0px;
color: white;
}
.swiper .swiper-slide.slide-creation .realisation .realisation-infos .categories-container a,
.swiper-mobile .swiper-slide.slide-creation .realisation .realisation-infos .categories-container a {
font-size: 0.75rem;
font-style: italic;
color: #FFFFFF;
}
.swiper .swiper-slide.slide-blog .article,
.swiper-mobile .swiper-slide.slide-blog .article {
width: 100%;
border-radius: 15px;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.swiper .swiper-slide.slide-blog .article .image-container,
.swiper-mobile .swiper-slide.slide-blog .article .image-container {
width: 100%;
height: 150px;
}
.swiper .swiper-slide.slide-blog .article .image-container img,
.swiper-mobile .swiper-slide.slide-blog .article .image-container img {
width: 100%;
height: unset;
}
.swiper .swiper-slide.slide-blog .article .article-data,
.swiper-mobile .swiper-slide.slide-blog .article .article-data {
padding: 15px;
}
.swiper .swiper-slide.slide-blog .article .article-data .title,
.swiper-mobile .swiper-slide.slide-blog .article .article-data .title {
margin-bottom: 15px;
}
.swiper .swiper-slide.slide-blog .article .article-data .excerpt,
.swiper-mobile .swiper-slide.slide-blog .article .article-data .excerpt {
color: #C39F80;
font-size: 0.9rem;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next,
.swiper-mobile .swiper-button-prev,
.swiper-mobile .swiper-button-next {
background: none;
color: #26645f;
}
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after,
.swiper-mobile .swiper-button-prev::after,
.swiper-mobile .swiper-button-next::after {
font-size: 30px;
font-weight: bolderzzz;
color: #26645f;
}
.swiper .swiper-button-prev,
.swiper-mobile .swiper-button-prev {
left: 0;
}
.swiper .swiper-button-next,
.swiper-mobile .swiper-button-next {
right: 0;
}
.swiper.logo-swiper .swiper-slide.slide-free .image-container {
height: 100px;
}
.swiper.logo-swiper .swiper-slide.slide-free .image-container img {
width: auto;
height: 100%;
}
@media only screen and (max-width: 450px) {
.swiper.logo-swiper .swiper-slide.slide-free .image-container {
height: 75px;
}
.swiper.logo-swiper .swiper-slide.slide-free .image-container img {
width: auto;
height: 100%;
}
} section {
padding: 50px 0;
}
@media only screen and (max-width: 576px) {
section {
padding: 25px 0 !important;
}
} .nb-page-title-wrap.bg_img {
padding-top: 150px !important;
padding-bottom: 150px !important;
margin-bottom: 25px;
}
.nb-page-title-wrap.bg_img .nb-page-type {
font-size: 1.5rem !important;
}
.nb-page-title-wrap.bg_img .nb-page-title h1 {
font-size: 5rem !important;
text-transform: none !important;
text-align: left !important;
color: #26645f;
}
.nb-page-title-wrap.bg_img .nb-page-title h1:before {
content: none !important;
} .breadcrumb_line {
margin-bottom: 25px;
}
.breadcrumb_line .woocommerce-breadcrumb {
font-size: 1rem;
color: #183f3c;
padding-left: 15px;
padding-right: 15px;
}
.breadcrumb_line .woocommerce-breadcrumb a {
font-size: 1rem;
} .section-title {
display: block;
margin-bottom: 15px;
} .section-subtitle {
display: block;
margin-bottom: 50px;
}
img {
max-width: 100%;
} .image-container {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.image-container img {
width: 100%;
height: unset;
position: absolute;
max-width: unset;
}
@media only screen and (max-width: 992px) {
.image-container img {
width: auto;
height: 100%;
}
}
.image-container.zoom-in:hover img {
width: 110%;
transition: 0.3s;
} .cart-notice-wrap,
.yith-quick-view-modal {
display: none;
}
@media only screen and (max-width: 1600px) {
html {
font-size: 16px;
}
.container {
max-width: 1200px;
}
}
@media only screen and (max-width: 1200px) {
.container {
max-width: 90%;
}
.container .container {
max-width: unset;
}
.multi-item-carousel .carousel-control-prev {
width: 5%;
left: -2.5%;
}
.multi-item-carousel .carousel-control-next {
width: 5%;
right: -2.5%;
}
}
@media only screen and (max-width: 768px) {
html {
font-size: 14px;
}
} .woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
border-top: 3px solid #68A290;
}
.woocommerce .woocommerce-message::before,
.woocommerce-page .woocommerce-message::before {
color: #68A290;
}
.woocommerce .woocommerce-message a.button,
.woocommerce-page .woocommerce-message a.button {
background-color: #C39F80;
padding: 2px 10px;
margin-left: 10px;
} .section-banniere-intro {
min-height: 500px;
display: flex;
align-items: center;
background-size: cover;
background-position: center;
}
.section-banniere-intro::before {
content: "";
position: absolute;
display: block;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.section-banniere-intro .page-title {
color: #FFFFFF;
margin-bottom: 25px;
}
.section-banniere-intro .page-description {
font-size: 1.75rem;
color: #FFFFFF;
}
@media only screen and (max-width: 768px) {
.section-banniere-intro {
min-height: 250px;
}
.section-banniere-intro .page-title {
margin-bottom: 15px;
}
.section-banniere-intro .page-description {
font-size: 1rem;
}
} .section-archive {
padding: 100px 0;
}
.section-archive .filters-container .btn-filter {
color: #C39F80;
padding: 15px;
border-bottom: 2px solid #F7F3EE;
}
.section-archive .filters-container .btn-filter:hover {
color: #26645f;
border-bottom: 2px solid #26645f;
}
.section-archive .filters-container .btn-filter.active {
color: #26645f;
font-weight: bold;
border-bottom: 2px solid #26645f;
}
.section-archive .post-container {
--bs-gutter-x: 50px;
}
.section-archive .post-container .realisation {
display: block;
background-color: white;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
border-radius: 15px;
position: relative;
min-height: 350px;
background-size: cover;
background-position: center;
margin-bottom: 50px;
}
.section-archive .post-container .realisation::before {
content: "";
position: absolute;
display: block;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 10px;
}
.section-archive .post-container .realisation .realisation-infos {
position: absolute;
bottom: 0;
left: 0;
padding: 15px;
}
.section-archive .post-container .realisation .realisation-infos .title {
font-family: "Sailors";
font-size: 1.35rem;
line-height: 1.5;
margin-bottom: 0px;
color: white;
}
.section-archive .post-container .realisation .realisation-infos .categories-container a {
font-size: 0.75rem;
font-style: italic;
color: #FFFFFF;
}
.section-archive .post-container .article {
width: 100%;
border-radius: 15px;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
margin-bottom: 50px;
}
.section-archive .post-container .article .image-container {
width: 100%;
height: 150px;
}
.section-archive .post-container .article .image-container img {
width: 100%;
height: unset;
}
.section-archive .post-container .article .article-data {
padding: 15px;
}
.section-archive .post-container .article .article-data .title {
margin-bottom: 15px;
}
.section-archive .post-container .article .article-data .excerpt {
color: #C39F80;
font-size: 0.9rem;
}
.section-archive .pagination-links {
display: flex;
justify-content: center;
}
.section-archive .pagination-links .page-numbers {
margin: 0 2px;
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
}
.section-archive .pagination-links .page-numbers.current {
background-color: #26645f;
border-radius: 50px;
color: white;
}
.section-archive .pagination-links .page-numbers.next, .section-archive .pagination-links .page-numbers.prev {
width: fit-content;
}
@media only screen and (max-width: 768px) {
.section-archive .post-container {
--bs-gutter-x: 25px;
}
}
@media only screen and (max-width: 576px) {
.section-archive .post-container .realisation {
min-height: 200px;
margin-bottom: 25px;
}
.section-archive .post-container .article {
margin-bottom: 25px;
}
} .section-text-image {
padding: 100px 0;
}
.section-text-image .col-img {
padding-right: 100px;
}
.section-text-image .col-text {
display: flex;
flex-wrap: wrap;
align-content: center;
padding-top: 30px;
}
.section-image-text {
padding: 100px 0;
}
.section-image-text .col-img {
padding-left: 100px;
}
.section-image-text .col-text {
display: flex;
flex-wrap: wrap;
align-content: center;
padding-top: 30px;
} .section-3-images {
padding-top: 50px;
}
.section-3-images .section-title {
font-weight: bold;
color: #C39F80;
}
.section-3-images .row-images {
max-width: 1000px;
width: 100%;
}
.section-3-images .row-images .col-img {
height: 750px;
}
.section-3-images .row-images .col-img .image-container img {
width: unset;
height: 100%;
} .section-portfolio {
padding-top: 100px;
padding-bottom: 50px;
}
.section-portfolio .image-portfolio-container {
margin-bottom: 20px;
}
.section-portfolio .image-portfolio {
width: 100%;
height: 450px;
} .section-iframe-ytb {
padding-top: 0;
}
.section-iframe-ytb iframe {
width: 800px;
height: 450px;
} .section-demande-de-devis {
padding: 75px 0;
background-color: #F7F3EE;
}
.section-demande-de-devis .section-title {
margin-bottom: 25px;
text-align: center;
font-weight: bold;
}
.section-demande-de-devis .section-subtitle {
color: #183f3c;
display: block;
width: 100%;
text-align: center;
margin-bottom: 25px;
}
#section-related-products {
padding: 100px 0;
}
#section-related-products .section-title {
text-align: center;
} .section-nous-rejoindre {
padding: 75px 0;
background-color: #183f3c;
}
.section-nous-rejoindre .section-title {
margin-bottom: 25px;
text-align: center;
font-weight: bold;
color: #FFFFFF;
}
.section-nous-rejoindre .section-subtitle {
color: #FFFFFF;
display: block;
width: 100%;
text-align: center;
margin-bottom: 25px;
} .section-banniere-cta {
padding: 75px 0;
background-color: #183f3c;
}
.section-banniere-cta .section-title {
margin-bottom: 25px;
text-align: center;
font-weight: bold;
color: #FFFFFF;
}
.section-banniere-cta .section-subtitle {
color: #FFFFFF;
display: block;
width: 100%;
text-align: center;
} .section-related-marquages .mini-page .image-container,
.section-related-pages .mini-page .image-container {
height: 250px;
border-radius: 7.5px;
margin-bottom: 15px;
} .section-logos-partenaires {
padding: 75px 0;
background-color: #F9F9F9;
}
@media only screen and (max-width: 576px) {
.section-logos-partenaires .logo-container {
margin-bottom: 15px;
}
} .section-feed-instagram {
padding: 75px 0;
background-color: #183f3c;
}
.section-feed-instagram .section-title {
margin-bottom: 25px;
text-align: center;
font-weight: bold;
color: #FFFFFF;
}
.section-feed-instagram .section-subtitle {
color: #FFFFFF;
display: block;
width: 100%;
text-align: center;
}
.section-feed-instagram .instagram-feed-container {
width: 800px;
max-width: 100%;
}
.section-feed-instagram .instagram-feed-container #sbi_load {
margin-top: 15px !important;
}
.section-feed-instagram .instagram-feed-container #sbi_load .sbi_load_btn .sbi_btn_text,
.section-feed-instagram .instagram-feed-container #sbi_load .sbi_load_btn .sbi_loader {
color: #183f3c !important;
}
.section-feed-instagram .instagram-feed-container #sbi_load .sbi_follow_btn span {
color: #FFFFFF !important;
} .page-template-template-devis .section-formulaire-devis,
.woocommerce-checkout .section-formulaire-devis {
padding: 0;
}
.page-template-template-devis .section-formulaire-devis .col-steps,
.woocommerce-checkout .section-formulaire-devis .col-steps {
background-color: #26645f;
padding: 75px 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
.page-template-template-devis .section-formulaire-devis .col-steps .page-title,
.woocommerce-checkout .section-formulaire-devis .col-steps .page-title {
color: #FFFFFF;
line-height: 1;
margin-bottom: 35px;
}
.page-template-template-devis .section-formulaire-devis .col-steps .page-description,
.woocommerce-checkout .section-formulaire-devis .col-steps .page-description {
color: #FFFFFF;
font-size: 1.75rem;
}
.page-template-template-devis .section-formulaire-devis .col-steps .form-steps-container,
.woocommerce-checkout .section-formulaire-devis .col-steps .form-steps-container {
display: block;
width: 100%;
}
.page-template-template-devis .section-formulaire-devis .col-steps .form-steps-container .form-step,
.woocommerce-checkout .section-formulaire-devis .col-steps .form-steps-container .form-step {
width: 100%;
vertical-align: middle;
padding-top: 25px;
opacity: 0.5;
}
.page-template-template-devis .section-formulaire-devis .col-steps .form-steps-container .form-step .step-number,
.woocommerce-checkout .section-formulaire-devis .col-steps .form-steps-container .form-step .step-number {
display: inline-block;
text-align: center;
font-size: 1.5rem;
background-color: #FFFFFF;
border-radius: 50%;
width: 35px;
height: 35px;
margin-right: 15px;
}
.page-template-template-devis .section-formulaire-devis .col-steps .form-steps-container .form-step .step-title,
.woocommerce-checkout .section-formulaire-devis .col-steps .form-steps-container .form-step .step-title {
font-size: 1.5rem;
color: white;
}
.page-template-template-devis .section-formulaire-devis .col-steps .form-steps-container .form-step hr,
.woocommerce-checkout .section-formulaire-devis .col-steps .form-steps-container .form-step hr {
margin-top: 25px;
margin-bottom: 0;
width: 100%;
height: 1px;
background-color: white;
opacity: 1;
}
.page-template-template-devis .section-formulaire-devis .col-steps .form-steps-container .form-step.active,
.woocommerce-checkout .section-formulaire-devis .col-steps .form-steps-container .form-step.active {
opacity: 1;
}
.page-template-template-devis .section-formulaire-devis .col-form,
.woocommerce-checkout .section-formulaire-devis .col-form {
padding: 75px 50px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper {   }
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper label,
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .checkout-label,
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .ddv-form-label,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper label,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .checkout-label,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .ddv-form-label {
font-size: 1.2rem;
margin-bottom: 5px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-header-wrapper,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-header-wrapper {
margin-bottom: 35px;
margin-left: 0 !important;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-header-wrapper .header-text,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-header-wrapper .header-text {
color: #26645f;
margin-bottom: 15px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-header-wrapper hr,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-header-wrapper hr {
width: 250px;
height: 2px;
background-color: #C39F80;
opacity: 1;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .inner-step-wrapper,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .inner-step-wrapper {
margin: 0;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .inner-step-wrapper .ddv-input-wrapper,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .inner-step-wrapper .ddv-input-wrapper {
margin-bottom: 1.5rem;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .inner-step-wrapper .ddv-input-wrapper textarea,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .inner-step-wrapper .ddv-input-wrapper textarea {
height: 200px;
padding: 15px;
border-radius: 4px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .inner-step-wrapper .ddv-input-wrapper .input-text,
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .inner-step-wrapper .ddv-input-wrapper .ddv-textarea,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .inner-step-wrapper .ddv-input-wrapper .input-text,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .inner-step-wrapper .ddv-input-wrapper .ddv-textarea {
font-size: 1rem;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper {
display: flex;
align-items: center;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block {
display: flex;
padding: 10px 25px;
border-radius: 5px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.prev-nav,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.prev-nav {
padding-left: 15px;
border: 1px solid #26645f;
transition: 0.3s;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.prev-nav svg,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.prev-nav svg {
fill: #26645f;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.prev-nav .text,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.prev-nav .text {
color: #26645f;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.prev-nav:hover,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.prev-nav:hover {
background-color: #26645f;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.prev-nav:hover svg,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.prev-nav:hover svg {
fill: white;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.prev-nav:hover .text,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.prev-nav:hover .text {
color: white;
text-decoration: none;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.next-nav,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.next-nav {
padding-right: 15px;
border: 1px solid #26645f;
background-color: #26645f;
transition: 0.3s;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.next-nav svg,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.next-nav svg {
fill: white;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.next-nav .text,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.next-nav .text {
color: white;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.next-nav:hover,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.next-nav:hover {
background-color: #000000;
border: 1px solid #000000;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.next-nav:hover .text,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.next-nav:hover .text {
text-decoration: none;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.submit,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.submit {
position: absolute;
right: 0;
font-size: 15px;
border: 1px solid #26645f;
background-color: #26645f;
transition: 0.3s;
color: white;
font-weight: 800;
letter-spacing: 0.03em;
word-spacing: 0.05em;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.submit:hover,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block.submit:hover {
background-color: #000000;
border: 1px solid #000000;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-row,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-row {
margin-left: -15px;
margin-right: -15px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container {
display: block;
text-align: center;
margin-bottom: 10px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader {
display: block;
width: 100%;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader label,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader label {
cursor: pointer;
width: 100%;
padding: 2rem 1.5rem;
text-align: center;
background: #fff;
border-radius: 7px;
border: 2px solid #ddd;
transition: all 0.2s ease;
user-select: none;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader label:hover,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader label:hover {
border-color: #26645f;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader label.hover,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader label.hover {
border: 3px solid #26645f;
box-shadow: inset 0 0 0 6px #eee;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader label.hover #start i.fa,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader label.hover #start i.fa {
transform: scale(0.8);
opacity: 0.3;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader .logo-uploader-inner,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader .logo-uploader-inner {
float: left;
clear: both;
width: 100%;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader .logo-uploader-inner.hidden,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader .logo-uploader-inner.hidden {
display: none;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader .logo-uploader-inner i.fa,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader .logo-uploader-inner i.fa {
font-size: 50px;
margin-bottom: 1rem;
transition: all 0.2s ease-in-out;
color: #C39F80;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader input[type=file],
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader input[type=file] {
display: none;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader .file-name,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader .file-name {
margin: 0 0 0.5rem 0;
color: #183f3c;
font-size: 1rem;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader .btn,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader .btn {
display: inline-block;
margin: 0.5rem 0.5rem 1rem 0.5rem;
clear: both;
font-family: inherit;
font-weight: 700;
font-size: 14px;
text-decoration: none;
text-transform: initial;
border: none;
border-radius: 0.2rem;
outline: none;
padding: 7.5px 15px;
color: #fff;
transition: all 0.2s ease-in-out;
box-sizing: border-box;
background: #26645f;
border-color: #26645f;
cursor: pointer;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .delete-file-btn,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .delete-file-btn {
display: none;
cursor: pointer;
}
@media only screen and (max-width: 576px) {
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader label .logo-uploader-inner i.fa,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container .logo-uploader label .logo-uploader-inner i.fa {
font-size: 35px;
}
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .checkout-label,
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .error-message,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .checkout-label,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .error-message {
margin-bottom: 0;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .error-message,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .error-message {
display: none;
color: red;
font-size: 1rem;
margin-bottom: 15px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row {
margin-left: -15px;
margin-right: -15px;
padding-top: 15px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container {
display: flex;
justify-content: center;
flex: 1 0 20%;
max-width: 20%;
margin-bottom: 30px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container .structure,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container .structure {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
height: 100%;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
border-radius: 5px;
padding: 15px;
border: 3px solid white;
cursor: pointer;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container .structure .image-container,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container .structure .image-container {
display: block;
position: static;
width: 75px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container .structure .image-container img,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container .structure .image-container img {
width: 100%;
position: static;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container .structure .structure-title,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container .structure .structure-title {
display: block;
width: 100%;
text-align: center;
font-size: 1.15rem;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row {
margin-bottom: 35px;
line-height: 1;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row label,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row label {
font-size: 1rem;
margin-bottom: 2px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row label .required-marker,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row label .required-marker {
color: red;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row .ddv-input-wrapper input,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row .ddv-input-wrapper input {
width: 100%;
font-size: 1rem;
padding: 10px;
border-radius: 4px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row .ddv-input-wrapper input:focus, .page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row .ddv-input-wrapper input:focus-visible,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row .ddv-input-wrapper input:focus,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row .ddv-input-wrapper input:focus-visible {
border: 1px solid #26645f !important;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row.no-label,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row.no-label {
display: flex;
align-items: flex-end;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row.no-label span,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row.no-label span {
display: block;
width: 100%;
margin-bottom: 4px;
}
@media only screen and (max-width: 992px) {
.page-template-template-devis .section-formulaire-devis .col-steps,
.woocommerce-checkout .section-formulaire-devis .col-steps {
padding: 35px 50px;
}
.page-template-template-devis .section-formulaire-devis .col-steps .page-description,
.woocommerce-checkout .section-formulaire-devis .col-steps .page-description {
margin-bottom: 0;
}
.page-template-template-devis .section-formulaire-devis .col-steps .form-steps-container,
.woocommerce-checkout .section-formulaire-devis .col-steps .form-steps-container {
display: none;
}
.page-template-template-devis .section-formulaire-devis .col-form,
.woocommerce-checkout .section-formulaire-devis .col-form {
padding: 35px 50px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper {  }
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container .structure .structure-title,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container .structure .structure-title {
font-size: 1rem;
}
}
@media only screen and (max-width: 768px) {
.page-template-template-devis .section-formulaire-devis .col-steps .page-description,
.woocommerce-checkout .section-formulaire-devis .col-steps .page-description {
font-size: 1.25rem;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper {   }
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container {
flex: 1 0 25%;
max-width: 25%;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-three .ddv-client-infos-container .form-row {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 650px) {
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper { }
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container {
flex: 1 0 33%;
max-width: 33%;
}
}
@media only screen and (max-width: 576px) {
.page-template-template-devis .section-formulaire-devis .col-steps,
.woocommerce-checkout .section-formulaire-devis .col-steps {
padding: 35px 25px;
}
.page-template-template-devis .section-formulaire-devis .col-form,
.woocommerce-checkout .section-formulaire-devis .col-form {
padding: 35px 25px;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper { }
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-header-wrapper .header-text,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-header-wrapper .header-text {
font-size: 1.75rem;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-header-wrapper hr,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-header-wrapper hr {
width: 100%;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container {
flex: 1 0 50%;
max-width: 50%;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block .text,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper .step-navigation-wrapper .nav-block .text {
font-size: 12px;
}
}
@media only screen and (max-width: 500px) {
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper {  }
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-one .logo-uploader-container {
flex: 1 0 100%;
max-width: 100%;
}
.page-template-template-devis .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container,
.woocommerce-checkout .section-formulaire-devis .col-form .form-demande-de-devis .step-wrapper.step-two .checkout-structure-selector .structures-row .structure-container {
flex: 1 0 50%;
max-width: 50%;
}
} .voi-popup-wrapper .voi-popup-container {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
}
.voi-popup-wrapper .voi-popup-container .voi-popup-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 10px;
margin: auto;
overflow: hidden;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
padding: 20px;
width: 90%;
max-width: 650px;
}
.voi-popup-wrapper .voi-popup-container .voi-popup-content .popup-text {
width: 100%;
font-size: 20px;
font-weight: bold;
color: #26645f;
text-align: center;
margin-bottom: 15px;
}
.voi-popup-wrapper .voi-popup-container .voi-popup-content .popup-signature {
width: 100%;
text-align: center;
font-style: italic;
margin-bottom: 35px;
}
.voi-popup-wrapper .voi-popup-container .voi-popup-content .btn-cta-square {
font-size: 14px;
padding: 7.5px 25px;
text-transform: unset;
} .loading-overlay {
display: none; position: static;
top: 0;
left: 0;
width: 100%; z-index: 1000;
justify-content: center;
align-items: center;
pointer-events: none; } .loading-overlay .loader {
border: 5px solid #F9F9F9; border-top: 5px solid #26645f; border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite; }
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .breadcrumb_line {
padding: 25px 0;
margin-bottom: 0;
}
.archive-description {
padding-bottom: 50px;
}
.popup-container {
z-index: 2000;
}
.popup-container #header {
display: none !important;
}
.additional-info-wrapper .info-section-wrapper .clothing-type-wrapper .view-all-link-wrap a {
color: #FFFFFF !important;
} .page-template-template-blog .realisation .image-container img,
.archive.category .realisation .image-container img {
width: unset;
height: 100%;
}
.page-template-template-blog .realisation .realisation-infos,
.archive.category .realisation .realisation-infos {
min-height: 250px !important;
}
@media only screen and (max-width: 576px) {
.page-template-template-blog .realisation .realisation-infos,
.archive.category .realisation .realisation-infos {
min-height: 150px !important;
}
}