/* BBANNIÈRE COOKIE */

.lgcookieslaw-banner.lgcookieslaw-banner-floating {
   border-radius: 10px;
   border: none;
   box-shadow: none;
}

.lgcookieslaw-button.lgcookieslaw-accept-button {
   background-color: #0875a1;
   border: none;
   color: #fff;
   text-align: center;
   cursor: pointer;
   border-radius: 50px;
}

.lgcookieslaw-button.lgcookieslaw-partial-accept-button {
   background-color: #ECF5F9;
   border: none;
   color: #0875A1;
   text-align: center;
   cursor: pointer;
   border-radius: 50px;
}

#easyloginascustomer>button {
   display: none;
}

.lgcookieslaw-button.lgcookieslaw-cancel-button {
   background-color: #ECF5F9;
   border: none;
   color: #0875A1;
   text-align: center;
   cursor: pointer;
   border-radius: 50px;
}

.lgcookieslaw-overlay {
   background-color: rgba(0, 0, 0, 0.5);
}

/* GLOBAL */
html {
   scroll-behavior: smooth !important;
}


sup {
   font-size: 10px;
   font-family: 'lato', sans-serif;
}

*:focus {
   outline: none !important;
}

.top-menu .category.current a {
   border-bottom: 2px solid #cee3ec;
}

.select-title span {
   font-size: 14px;
}

p.message-upload-file {
   text-align: center;
   background-color: #fff;
   border: solid #f07e21;
   border-radius: 10px;
   color: #f07e21;
   padding: 10px 10px;
   font-size: 18px;
   margin: 10px 0;
}

.custom-mobile {
   display: none;
}

#_desktop_user_info>div>a.logout.hidden-sm-down>i {
   display: none;
}

/* HEADER */

header {
   top: 0;
   width: 100%;
   z-index: 999 !important;
}

.header-banner-wrapper {
   position: relative;
   height: 35px;
   /* Hauteur de la bannière */
   overflow: hidden;
   /* Cache le contenu lorsque défilé */
}

.header-banner p {
   margin: 0;
}

a#popup___20,
a#popup___21 {
   font-family: 'latoblack', sans-serif;
   cursor: pointer;
}

a.dropdown-item,
.link #popup___20,
.link #popup___21 {
   width: 150px;
   display: inline-block;
   white-space: normal;
   text-align: center;
}

.header-banner>p>a>u {
   color: #fff;
}

#_desktop_user_info>div>a.logout.hidden-sm-down {
   display: none;
}

#header .header-nav #_desktop_contact_link {
   background-color: transparent;
}

#header .suivre-mon-projet {
   border-radius: 50px;
   border: 1px solid transparent;
   cursor: pointer;
}

#header .suivre-mon-projet {
   display: flex;
   gap: 5px;
}

#header .suivre-mon-projet:hover {
   background-color: #fff;
   border: 1px solid #0875a1;
   transition: all .3s;
}

#header .suivre-mon-projet:hover a {
   color: #0875a1;
}

.header-top {
   margin-top: 10px;
}



/* BANNIÈRE MINI HEADER */

.header-banner {
   padding: 5px;
   margin: 0 !important;
   /* position: absolute;
   top: 0;
   left: 0; */
   width: 100%;
   background-color: #c0d8aa;
   color: #FFFFFF;
   text-align: center;
   /* display: flex; */
   flex-direction: column;
   justify-content: center;
   transition: transform 0.3s;
}



.header-top {
   position: sticky;
   top: 0;
   z-index: 1000;
   background: white;
   /* Ajoute un fond pour éviter la transparence */
}

.header {
   position: relative;
   z-index: 999;
   /* Pour qu'il passe en dessous du header-top lors du scroll */
}

.header-banner u {
   color: white;
}



/* Pages CMS */
.page-content.page-cms {
   padding: 0;
   background: transparent;
}

/* PAGE DE CONNEXION */

#authentication #content {
   display: flex;
   flex-direction: row;
   margin: 0;
   width: 100%;
   max-width: 1180px;
   padding: 0;
}

#authentication #wrapper>div>nav {
   margin: 0;
}

#authentication .page-header {
   background-color: #ECF5F9;
   text-align: center;
   padding: 10px 0 40px;
}

#authentication #wrapper>div>nav {
   padding-top: 10px;
}

section.login-form {
   margin: 0;
}

.login-form,
.no-account {
   width: 50%;
   padding: 20px;
}

#authentication .form-group {
   margin: 0;
   display: flex;
   flex-direction: column;
}

#authentication #login-form .col-md-6 {
   width: 100%;
}

#authentication #login-form label {
   text-align: left;
   width: 100%;
}

.no-account.mt-3 {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   border-left: 1px solid #cee3ec;
   margin: 0 !important;
}

.no-account ul {
   padding-left: 20px;
   margin-top: 0 !important;
}

/* PAGE INSCRIPTION */
#registration-form {
   width: 100%;
}

#customer-form>div>div>div.col-md-6>span {
   display: none;
}

#registration-header {
   margin-top: 15px;
}

.register-form-header {
   text-align: center;
}

.header-subtitle h3 {
   font-family: latoregular, sans-serif !important;
   margin: 0;
}

.register-form-header .material-icons {
   font-size: 50px;
}

.register-form label {
   text-align: left;
}

#content {
   display: flex;
   flex-direction: column;
}

#registration-form>ul li {
   display: flex;
   flex-direction: column;
   text-align: center !important;
   align-items: center;
   padding-left: 0;
   width: 18%;
}

#registration-form>ul>li i,
#registration-form>ul>li svg {
   font-size: 50px;
   height: 50px;
   width: 50px;
}

#registration-form>ul>li>p {
   color: #6f6f6f;
   margin: 0;
}

#registration-form>ul>li>span {
   font-family: latoblack, sans-serif;
   color: #0875A1;
}

#registration-form ul {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}

#registration-form>ul>li:nth-child(4)>p:nth-child(4) {
   font-size: 12px;
}

#registration-form>ul {
   margin: 10px 0px 35px 0px !important;
}

.register-form #customer-form>footer {
   display: flex;
   flex-direction: row;
   justify-content: center;
   margin-top: 50px;
}

/* PAGE COMPTE */
.page-my-account #content .row .links>* {
   width: 25% !important;
}

.table-labeled .label {
   color: #595959;
}

#identity-link
/* PAGE ACCEUIL */

/* Caroussel */
#carousel>ul>li>a>figure {
   padding: 0;
}

/* CARACTÉRISTIQUES PAGE PRODUIT */

.page-product-header {
   color: #0875A1;
   text-align: center;
   padding: 20px;
}

.page-product-tableau {
   text-align: center;
   font-size: 15px;
   border-collapse: unset;
}

.page-product-entete-tableau {
   color: #0875A1;
   background-color: #88CEDD;
   font-size: 16px;
   text-align: center;
   height: 30px;
   font-weight: 800;
}

.page-product-texte-entete {
   text-align: center;
}

.page-product-tbody {
   color: #0875A1;
}

.page-product-section-1,
.page-product-section-2 {
   color: #0875A1;
   background-color: #CEE3EC;
   font-size: 15px;
   text-align: center;
   width: 30%;
}

.page-product-fond {
   background-color: #ECF5F9;
}

.page-product-fond-2 {
   background-color: #CEE3EC;
}

.page-product-colonne-1 {
   text-align: left;
   padding: 10px 30px;
}

.page-product-colonne-2 {
   text-align: right;
   font-weight: 800;
   padding: 10px 30px;
}

.page-product-colonne-3 {
   text-align: center;
   padding: 10px 30px;
   width: 15%;
}

.page-product-asterisque {
   text-align: left;
   color: #88CEDD;
}

/* PAGE PRODUIT */

.product-miniature .product-title {
   text-transform: unset !important;
}

#search_filters {
   margin-bottom: 20px !important;
}

#product #wrapper {
   background-color: #fff;
}

div.product-container.js-product-container {
   background-color: #fff;
}

.reassurance {
   background-color: #ecf5f9;
   width: 100%;
   padding: 50px;
}

.product-container h1.h1 {
   font-size: 18px;
   margin: 0px 0px 24px 0;
}

div#ps_checkout-payment-method-logo-block-title {
   font-size: 13px;
   text-align: center;
}

figure {
   background: rgba(0, 0, 0, 0.5);
   text-align: center;
}

figcaption.image-caption {
   text-align: left;
}

.js-product-container>div.col-3>div.product-actions.js-product-actions>div>ul>li:nth-child(1),
.js-product-container>div.col-3>div.product-actions.js-product-actions>div>ul {
   margin-top: 20px !important;
}

.js-product-container>div.col-3>div.product-actions.js-product-actions {
   padding: 15px;
}

.product-container li.text-xs-left.mt-1 {
   display: flex;
}

.product-page-visitor {
   text-align: center;
}

.col-3 h2 {
   margin: 0;
}

.product-prices-visitor {
   padding: 20px;
}

#js-product-list>div.products.row>div>article>div>div:nth-child(2)>div>span.regular-price {
   display: none;
}

#product-page-register-btn {
   width: 100%;
}

div.col-3>div.product-actions.js-product-actions,
#add-to-cart-or-refresh {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.product-actions .product-add-to-cart {
   height: auto !important;
   gap: 0 !important;
}

.product-description-title {
   border-bottom: 2px solid #4E93B4;
   margin-bottom: 10px;
}

.carousel .carousel-item,
.product-actions>form {
   height: auto !important;
}

#product .col-3 {
   width: 560px;
}

div.col-3>div.product-actions.js-product-actions>div>ul>li:not(:nth-child(1)) {
   margin-top: 24px !important;
}

.product-features>dl.data-sheet dd.value:nth-of-type(even),
.product-features>dl.data-sheet dt.name:nth-of-type(even) {
   background: #ecf5f9 !important;
}

.product-features>dl.data-sheet dd.value,
.product-features>dl.data-sheet dt.name {
   background: #fff !important;
}

/* Popup produit */

.modal {
   background-color: rgba(0, 0, 0, 0.55);
}

#product-modal>div>div>div>figure {
   background-color: #fff !important;
   padding: 20px 20px 0px 0px;
   margin-bottom: 0px;
}

aside {
   background-color: #fff !important;
   padding: 20px !important;
   border-right: 1px rgb(246, 246, 246) solid;
}

.product-images,
.js-modal-product-images {
   margin-left: 0 !important;
}

img.js-modal-product-cover.product-cover-modal.img-fluid {
   text-align: center;
}

/* Exemple interacif */
.fancybox-stage {
   background-color: #fff;
}

/* PRODUCT LIST */

.caracteristiques__item--9,
.caracteristiques__item--10,
.caracteristiques__item--11,
.caracteristiques__item--12 {
   display: none;
}

.caracteristiques__item--1,
.caracteristiques__item--2,
.caracteristiques__item--3,
.caracteristiques__item--4,
.caracteristiques__item--5,
.caracteristiques__item--6,
.caracteristiques__item--7,
.caracteristiques__item--8 {
   background-color: #ecf5f9;
   color: #4E93B4;
   font-size: 13px;
   font-family: 'latoregular';
}

.product-price-and-shipping {
   margin-bottom: 10px;
}

.lower-price {
   font-size: 14px;
   font-family: 'lato', sans-serif;
}

.thumbnail-container {
   border: 1px solid #cee3ec;
   border-radius: 20px;
   padding: 15px 20px;

}

#product-availability {
   margin-top: 15px;
   color: #a94442 !important;
   background-color: #f2dede;
   border: 1px solid #ebcccc;
   font-family: latoregular, sans-serif !important;
}

#product-availability>span {
   padding: 10px;
   display: block;
}

.material-icons.product-unavailable {
   color: #a94442 !important;
}

#search_filters {
   align-items: unset;
}

#_desktop_search_filters_clear_all {
   display: flex;
   align-items: center;
}

.facet-dropdown.dropdown {
   border-radius: 5px;
}

.thumbnail-container div:nth-child(2) {
   margin-top: 0 !important;
}

.product-price-and-shipping {
   margin-top: 0 !important;
}

/* MASQUAGE DRAPEAU RÉDUCTION DANS LE LISTING PRODUITS */
li.product-flag.discount {
   display: none;
}

/* Fond de couleur sous le fil d'arianne */
#wrapper .breadcrumb {
   background-color: #f2f6f7;
   padding: 5px 5px 5px 20px !important;
   margin-bottom: 20px !important;
}

#wrapper>div>nav>ol>li>a>span {
   color: #55535467 !important;
   font-size: 13px;
}

#wrapper>div>nav>ol>li:not(:first-child),
#wrapper>div>nav>ol>span:not(:first-child) {
   color: #6f6f6f7b !important;
   font-size: 13px;
}

/* Page produit: mise en forme texte + picto "limite nombre de produits atteinte" */
#product-availability {
   font-size: 12px;
   color: #ed6060;
   text-align: justify;
}

#product-availability .product-last-items,
#product-availability .product-unavailable {
   color: #ed6060;
}

/* PAGE CONTACT */

/* Modifier largeur colones */
.page-contact .container #left-column {
   width: 33%;
}

.page-contact .container #content-wrapper {
   width: 67%;
}

/* PANNIER */


/* Ajustement ordre affichage colonne gauche */
.card.cart-summary {
   display: flex;
   flex-direction: column;
}

.clearfix.text-sm-center.mt-1.mb-1 {
   order: 2;
   padding: 0px 20px 0px 20px;
}

.cart-detailed-totals.js-cart-detailed-totals {
   order: 1;
}

.checkout.cart-detailed-actions.js-cart-detailed-actions.card-block {
   order: 3;
}

.clearfix.text-sm-center.mt-1.mb-1 a {
   background-color: #fff;
   border-color: #2ba4d8;
   color: #2ba4d8;
   font-family: latoregular, sans-serif;
   width: 100%;
}

/* Réduire l'opacité de l'icone */
a.remove-from-cart[data-id-product="53"],
a.remove-from-cart[data-id-product="67"] {
   opacity: 30% !important;
   pointer-events: none !important;
}

/* Réduire l'opacité des sélecteurs de qty et impossible à sélectionner */
input[data-product-id="53"]~.input-group-btn-vertical,
input[data-product-id="67"]~.input-group-btn-vertical {
   opacity: 30% !important;
   pointer-events: none !important;
}

.cart-item[data-product-id="53"],
.cart-item[data-product-id="67"] {
   order: 3;
}

ul.cart-items {
   display: flex;
   flex-direction: column;
}

.cart-grid-right>div.card-block {
   padding: 1rem;
}

.cart-grid-right>div.card-block h1 {
   margin-bottom: 0;
   font-size: 24px;
}

/* Rendre impossible à sélectionner l'entré de qty */
input.js-cart-line-product-quantity[data-product-id="53"],
input.js-cart-line-product-quantity[data-product-id="67"] {
   pointer-events: none;
}

/* Masquer l'étiquette de réduction de prix dans le panier */
div.product-discount {
   display: none;
}

/* Paiement */

/* FOOTER */

#footer li a {
   font-size: calc(18/16*1rem) !important;
}

.footer-container {
   padding-bottom: 1rem;
}

#footer .h3,
#footer .h4,
#footer h3 {
   font-size: calc(26/20*1rem);
}

/* Changer largeur du contenu du footer */
#footer .footer-container .container {
   width: 100%;
}

/* Centrer le contenu du footer */
#footer .footer-container .container .row {
   display: flex;
   justify-content: center;
}

#footer .footer-container .container .row>* {
   width: 20%;
}

/* Réseaux sociaux */
.social-media {
   display: flex;
   flex-direction: row;
   margin-top: 10px;
}

.social-media img {
   width: 35px;
}

.social-media a:not(:first-child) {
   margin-left: 10px;
}

/* Trustpilot */
.trustpilot-footer {
   display: flex;
   flex-direction: column;
   height: 150px;
}

#trustpilot-footer-link {
   margin-top: 10px;
   color: #fff;
}

.trustpilot-footer-rating {
   display: flex;
   flex-direction: column;
}

#trustpilot-footer-logo {
   width: 120px;
}

#trustpilot-footer-img {
   width: 180px;
}

/* FAQ */

.border-block-faq {
   border: 1px solid #CEE3EC;
   padding: 20px;
}

.faqAnsw p:first-child {
   display: none;
}

.faqAnsw p {
   color: #6f6f6f;
   margin-left: 30px;
}


span.font-weight-bold {
   color: #6f6f6f;
   margin-left: 10px;
}

.faq-header,
#faq-header-search-form>form>fieldset,
div#faq-header-category-form {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
}

input.txt.search-faq17 {
   margin-left: 20px;
   border: none;
   padding: 10px;
   background: #ebebeb;
   color: #acaaa6;
   height: 30px;
}

#faq-header-category-form>select {
   border-color: #acaaa6;
}

h3.filter-by-cat-result-item {
   display: none;
}

.title-faq-category {
   color: #555354;
   margin-top: 40px;
   border-bottom: 3px solid #555354;
}

.faqItem {
   cursor: pointer;
}

ol {
   list-style-type: decimal;
}

.border-block-faq ol li:nth-child(3),
.border-block-faq ol li:nth-child(4) {
   display: block !important;
   margin-bottom: 10px;
   /* Ajouter un espace entre les éléments si nécessaire */
}

/* Optionnel : Styles supplémentaires pour une meilleure visualisation */
.border-block-faq ol li {
   margin-bottom: 5px;
   /* Espace entre tous les éléments de la liste */
}

/* SLIDER AVIS CLIENTS */

.swiper-button-prev,
.swiper-button-next {
   color: #CEE3EC;
   padding: 10px 20px;
   cursor: pointer;
}

.swiper-button-next {
   right: var(--swiper-navigation-sides-offset, -5px);
}

.swiper-button-prev {
   right: var(--swiper-navigation-sides-offset, 0px);
   left: var(--swiper-navigation-sides-offset, -5px);

}

.swiper-button-prev:hover,
.swiper-button-next:hover {
   color: #0875A1;
}

.swiper-slide img {
   max-width: 65%;
   height: auto;
   /* Préserve le ratio d'aspect des images */
   margin: 0 auto;
   /* Centre les images horizontalement */
   display: block;
   /* Permet aux images de prendre toute la largeur disponible */
}

.avis-client-texte {
   justify-content: center;
   display: flex;
   align-items: center;
   padding-top: 20px;
}

.avis-client-texte img {
   max-width: 10%;
   margin-left: 10px;
}

.avis-client-texte a {
   color: #0875A1;
}

.avis-client-texte a:hover {
   text-decoration: underline;
   cursor: pointer;
}

/* Page suivre mon projet */
.cms-id-23 .page-header {
   display: none;
}

p.order-id {
   text-align: center;
   margin-bottom: 3rem;
}

.stepbystep .messages li::marker {
   content: none;
}

.stepbystep .messages li a {
   margin-left: 24px;
}

.stepbystep .messages .message-content {
   display: flex;
   gap: .75rem;
}

/* Confirmation de commande */
#order-details {
   width: 100% !important;
}

#cta-terms-and-conditions-0 {
   font-size: 14px !important;
}

#module-uploadfileonorder-uploads #popup___11 {
   border-color: #F07E21;
   color: #F07E21;
   display: flex;
   flex-direction: row;
   justify-content: center;
   width: 280px;
}

#module-uploadfileonorder-uploads #popup___11:hover {
   border-color: #4E93B4;
   color: #fff;
}

.consignes-btn-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-bottom: 20px;
}


#module-uploadfileonorder-uploads #popup___11 i {
   font-size: 24px;
}

#module-uploadfileonorder-uploads .page-header {
   padding: 20px;
   text-align: center;
   background-color: #CEE3EC;
}

#consignes {
   color: #F07E21;
}

.consignes-btn {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-bottom: 1rem;
}

.ajax-upload-dragdrop {
   display: flex;
   flex-direction: column;
   align-items: center;
   border: 2px dotted #0875A1 !important;
}

.ajax-file-upload {
   background: transparent;
   color: #0875a1;
   border-radius: 25px;
   border: 2px solid #0875a1;
   box-shadow: none;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 300px;
}

.ajax-file-upload:hover {
   box-shadow: none;
   background-color: #0875A1;
   color: #fff;
   transition: all 0.3s;
}

.ajax-file-upload-cancel {
   border-radius: 25px;
   background-color: #eb6456;
   font-family: latoblack, sans-serif;
   text-shadow: none;
   box-shadow: none;
}

.ajax-file-upload-statusbar {
   margin: 0 !important;
   padding: 10px !important;
}

.ajax-file-upload-filename #uploaded-file-name {
   color: #6f6f6f;
   font-size: 14px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   margin-bottom: 0;
}

.ajax-file-upload-filename #file-size {
   margin-bottom: 5px;
   color: #6f6f6f;
   font-size: 10px;
}

.printing-info {
   background-color: #ECF5F9;
   padding: 5px;
}

.printing-info p {
   margin-bottom: 0;
}

.ajax-file-upload-filename>div>p.tailleimprimable {
   font-size: 18px;
}

.ajax-file-upload-container>div {
   width: calc(25% - 15px) !important;
}

.ajax-file-upload-filename>p:nth-child(5),
.ajax-file-upload-filename>p:nth-child(3) {
   display: none;
}

.ajax-file-upload-container {
   display: flex;
   justify-content: flex-start;
   gap: 15px;
   flex-direction: row;
   flex-wrap: wrap;
}

.ajax-file-upload-progress {
   width: 100% !important;
}

.ajax-file-upload-statusbar .ajax-file-upload-green {
   background-color: #a4ce82;
   color: #fff;
   border-radius: 25px;
   border: none;
   margin: 0;
   cursor: none;
   pointer-events: none;
}

/* Modal envoi réussi */
.module-upload-file .content {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.module-upload-file .modal-body {
   padding: 50px;
}

.module-upload-file .title {
   display: flex;
   align-items: center;
   color: #369842 !important;
}

.module-upload-file .title h3 {
   font-size: 18px;
   margin-bottom: 0;
}

.module-upload-file a.btn.btn-tertiary,
.module-upload-file a.btn-primary {
   display: flex;
   align-items: center;
   flex-direction: row;
}

.module-upload-file .modal-body .material-icons {
   font-size: 26px
}

.module-upload-file .modal-body .col-xs-12 {
   display: flex;
   justify-content: center;
   gap: 15px;
}

#uploadDoneChoice>div>div>div>div>div>p {
   text-align: center;
   font-size: 12px;
}

#extrabutton.ajax-file-upload-green {
   background-color: #f07e21;
   color: #fff;
   border: 1px solid #f07e21 !important;
   border-radius: 25px;
   transition: all 0.3s;
   margin: auto;
   width: 500px;
}

#extrabutton.ajax-file-upload-green:hover {
   background-color: transparent;
   border: 1px solid #4E93B4 !important;
   color: #4E93B4;
   border-radius: 25px;
   transition: all 0.3s;
}


/* Page intermédiaire */

#module-celinedesign_pageintermediaire-page ul {
   flex-direction: row;
   flex-wrap: nowrap !important;
}

#module-celinedesign_pageintermediaire-page ul>a {
   background-color: #fff;
   padding: 20px;
   border: 1px solid #2ba4d8;
   border-radius: 5px;
   transition: all 0.3s;
   height: 290px;
   display: block;
   color: #0875A1;
}

#module-celinedesign_pageintermediaire-page ul>a:hover {
   background-color: #ecf5f9 !important;
}

#module-celinedesign_pageintermediaire-page ul>a>div {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
}

#module-celinedesign_pageintermediaire-page .page-header {
   height: 100px;
   background-color: #cee3ec;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 20px;
}

#module-celinedesign_pageintermediaire-page #content-wrapper>div:nth-child(2) {
   margin-bottom: 50px;
}

#module-celinedesign_pageintermediaire-page #content-wrapper>div:nth-child(2) p {
   margin-bottom: 0px !important;
}

/* Page Mes fichiers */
.row-order-file {
   padding: 0;
   margin: 0 !important;
}

.command {
   margin-bottom: 25px;
}

i.material-icons.keyboard_arrow_down {
   float: right;
}

.upload-files {
   display: block;
}

.upload-action-button {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 15px;
}

.title-send-file,
.title-finish-order-link {
   all: unset !important;
}

.title-send-file:hover,
.title-finish-order-link:hover {
   all: unset !important;
}

.confirm-upload {
   background-color: #87be5a;
   border: 1px solid #87be5a;
}

.confirm-upload:hover {
   background-color: transparent;
   color: #87be5a;
   border: 1px solid #87be5a;
}

.row-order-file-content {
   max-height: 0;
   overflow: hidden;
   opacity: 0;
   padding: 0;
   background-color: #ecf5f9;
   overflow-y: auto;
   transition: max-height 0.5s ease-out, opacity 0.5s ease-out, padding 0.5s;
}

.row-order-file-content.show {
   max-height: 1000px;
   /* Adjust according to your content's maximum height */
   opacity: 1;
   padding: 20px;
   background-color: #ecf5f9;
   overflow-y: auto;
   transition: max-height 0.5s ease-in, opacity 0.5s ease-in, padding 0.5s;
}

.page-header {
   height: 100px;
   background-color: #cee3ec;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 20px;
   flex-direction: column;
   text-align: center;
}

#bar-1 {
   display: none;
}

#content>div>div.max_quota {
   display: none;
}

.title-order-file {
   background-color: #cee3ec !important;
   color: #0875a1 !important;
   float: none;
}

.title-order-file span {
   background-color: #ECF5F9;
   color: #0875A1;
   margin-right: 10px;
}

.content-file {
   margin-bottom: 25px;
}

i.delete {
   color: #c82c1c;
}

.show-uploaded-content {
   display: flex;
   align-items: center;
}

a.expander.btn.btn-tertiary {
   font-size: 12px;
}

/* Liste maquettes BAT */
.list-bat {
   display: flex;
   flex-direction: row-reverse;
   justify-content: center;
   gap: 50px;
}

/* Maquette BAT */
#module-celinedesign_validationbat-bat aside#notifications {
   display: none;
}

.bat-actions {
   display: flex;
   justify-content: space-between;
}

.bat-actions.limit {
   justify-content: unset;
   gap: 25px;
}

.telecharger.limit {
   margin-left: auto;
}

.bat-actions.old {
   margin-bottom: 35px;
}

.bat-actions>*:focus,
.bat-actions>*:active {
   color: #fff;
}

.backbtn {
   background-color: #f7bc1a;
   border-color: #f7bc1a;
}

#showconfirm {
   background-color: #369842;
   border-color: #369842;
}

#showfeedback {
   background-color: #c82c1c;
   border-color: #c82c1c;
}

.backbtn:hover,
#showconfirm:hover,
#showfeedback:hover {
   background-color: #fff;
}

.backbtn:hover {
   color: #f7bc1a;
   border-color: #f7bc1a;
}

#showconfirm:hover {
   color: #369842;
   border-color: #369842;
}

#showfeedback:hover {
   color: #c82c1c;
   border-color: #c82c1c;
}

.checkbox {
   border-width: 10px 3px 3px 3px;
   border-style: solid;
   border-color: #369842;
   padding: 10px;
   margin-top: 33px;
   max-height: 1000px;
   opacity: 1;
   transition: all .7s ease-in;
}

.feedback-form {
   border-width: 10px 3px 3px 3px;
   border-style: solid;
   border-color: #c82c1c;
   padding: 10px;
   margin-bottom: 33px;
   opacity: 1;
   transition: all .7s ease-in;
}

.checkbox.hidden {
   margin-top: 0;
   max-height: 0;
   opacity: 0;
   overflow: hidden;
}

.feedback-form.hidden {
   margin-bottom: 0;
   max-height: 0;
   opacity: 0;
   overflow: hidden;
}


.form-confirm-center {
   display: flex;
   justify-content: center;
}

textarea.form-control {
   margin-bottom: 16px;
}

.checkbox label {
   text-align: left;
}

#list-bat-subtitle {
   text-align: center;
}

.bat-messages-list.show {
   display: flex;
   flex-direction: column;
   gap: 25px;
   border-left: 3px solid #2ba4d8;
   padding-left: 60px;
   max-height: 2000px;
   opacity: 1;
}

.bat-messages-list {
   max-height: 0;
   opacity: 0;
   overflow: hidden;
   transition: all .7s ease;
}

.bat-message-header {
   background-color: #cee3ec;
   padding: 5px;
}

#content>div.bat-remarques>h2>i {
   cursor: pointer;
}

.bat-message-header p {
   margin: 0;
}

.bat-message-content {
   background-color: #ecf5f9;
   padding: 15px;
}

/* Page à Propos */
section .about-header {
   margin-top: 20px;
}

section.about-main-content {
   display: flex;
   align-items: center;
}

#photo-bureau {
   border-radius: 25px;
   width: 700px;
   margin-right: 100px;
}

section.about-second-content {
   display: flex;
   flex-direction: column;
   align-items: center;
}

section.about-second-content.custom-mobile {
   display: none;
}

section.about-second-content h2 {
   margin: 50px;
}

section.about-second-content>h2>span {
   color: #F07E21;
}

.avatars-list {
   display: flex;
   width: 100%;
   flex-direction: row;
   justify-content: space-between;
   padding: 25px;
}

.avatars-list-last {
   display: flex;
   width: 100%;
   flex-direction: row;
   padding: 25px;
}



.avatar {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 15rem;
   width: 15rem;
   background-color: #ecf5f9;
   border-radius: 15px;
   padding: 20px;
}

.avatar img {
   height: 100px;
}

.avatar h6 {
   margin: 10px 0px 5px 0px !important;

}

.avatar hr {
   overflow: visible;
   color: #0875a1;
   border: 2px solid;
   margin: 0;
   width: 120px;
   border-radius: 25px;
}

/*Page envoie de ficier*/
p.title-send-file.custom-mobile {
   display: none !important;
}


.table-striped tbody tr:nth-of-type(odd) {
   background-color: #ecf5f9;
}

#order-list thead tr {
   background-color: #88cedd;
}

img.ajax-file-upload-preview {
   height: -webkit-fill-available !important;
   width: -webkit-fill-available;
}

/* Formulaire de personnaliation */

img#emptystepbystep {
   width: -webkit-fill-available;
}

.js-product.product.col-xl-4 {
   width: 50%;
}

.thumbnail-container {
   width: -webkit-fill-available;
}

.message {
   height: 4.5rem;
}


.message-picto {
   padding: 19px;
   background-color: #F07E21;
   height: -webkit-fill-available;
}

.message-picto svg {
   fill: white;
   height: -webkit-fill-available;
   width: fit-content;
}

.custommenu-active {
   right: calc(0% + 15px) !important;
}

.tab-pane {
   border: 3px solid #76aac2;
   padding: 20px;
}

a.nav-link {
   color: white !important;
   background-color: #a4c2d1;
   border: 0 !important;
}

a.nav-link.active {
   background-color: #76aac2 !important;
   border: 0 !important;
   border-bottom: #76aac2 3px solid !important;
}

.tabs .nav-tabs {
   border: 0;
   border-bottom: unset;
}

/* .nav-tabs .nav-item+.nav-item {
   margin-left: unset;
} */

.nav-tabs .nav-item {
   float: left;
   margin-bottom: unset;
}

p.produit-delai {
   margin-top: 10px;
   display: flex;
   justify-content: center;
   gap: 5px;
}

/* Pop up de confirmation de la commande plus animation spin */

.order-popup-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.6);
   z-index: 9999;
   display: flex;
   justify-content: center;
   align-items: center;
}

.order-popup-content {
   background: white;
   padding: 2em;
   border-radius: 10px;
   text-align: center;
   font-family: sans-serif;
   max-width: 400px;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.spinner {
   width: 40px;
   height: 40px;
   margin: 0 auto 1em;
   border: 4px solid #ccc;
   border-top-color: #333;
   border-radius: 50%;
   animation: spin 1s linear infinite;
}

@keyframes spin {
   to {
      transform: rotate(360deg);
   }
}


/* VERSION MOBILE */

@media(max-width: 780px) {



   /* Global */

   .page-contact .container #left-column {
      width: -webkit-fill-available;
   }

   .page-contact .container #content-wrapper {
      width: -webkit-fill-available;
   }

   .captcha_contact {
      display: none;
   }

   #contact .container {
      display: flex;
      flex-direction: column-reverse;
   }

   #wrapper,
   #notifications {
      padding: 0 !important;
   }

   .custom-desktop {
      display: none !important;
   }

   .custom-mobile {
      display: block;
   }

   section #wrapper {
      display: block !important;
   }

   .page-header {
      padding: 10px;
   }

   #mobile_top_menu_wrapper {
      height: 100vh;
      position: fixed;
      display: block !important;
      transition: all 0.7s ease;
      right: calc(100vh + 15px);
      width: 100%;
   }


   #mobile_top_menu_wrapper.active {
      position: fixed;
      display: block !important;
      transform: translate(100%, 0);
      width: 100%;
   }

   /* Page mon compte */
   .page-my-account #content .row .links>* {
      width: 100% !important;
   }

   .mobile-phone-header {
      gap: 3px;
      display: flex;
      padding: 7px;
      background-color: #0874A1;
      color: white;
      justify-content: center;
   }

   .mobile-phone-header a {
      color: white !important;
   }

   /* Tuiles produits */

   .products.row {
      display: flex;
      flex-direction: row;
   }

   .js-product.product.col-xl-4 {
      width: 50%;
      padding: 5px;
   }

   .product-description .caracteristiques {
      display: none;
   }

   article .product-price-and-shipping,
   article>div>div {
      margin-top: 0 !important;
   }

   .product-description {
      padding: 0 !important;
   }

   .thumbnail-container {
      padding: 10px !important;
      margin: 0 !important;
   }

   .product-miniature .product-title a {
      font-size: 15px;
   }

   /* Header Banner */
   .header-banner,
   .header-banner p {
      height: auto !important;
      margin: 0;
   }

   .header-banner-wrapper {
      position: relative;
      height: 50px;
      /* Hauteur de la bannière */
      overflow: hidden;
      /* Cache le contenu lorsque défilé */
   }

   /* Header NAV */

   #header.is-open {
      box-shadow: none !important;
   }

   #header {
      position: sticky !important;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
   }

   header#header {
      margin-top: 0;
   }

   #header .top-logo img {
      max-height: 4rem;
   }

   #header .top-logo {
      margin: 0 auto 0 0;
   }

   #header div.hidden-md-up.text-sm-center.mobile {
      display: flex;
      flex-direction: row;
      align-items: center;
   }

   #header div.hidden-md-up.text-sm-center.mobile #_mobile_user_info {
      order: 4;
      margin: 0 16px;
   }

   #_mobile_cart {
      margin-top: 0 !important;
      order: 5;
   }

   #_mobile_cart>div {
      display: flex;
      flex-direction: row;
      align-items: center;
   }

   .material-icons.checklist {
      margin: 4px 16px 0 0;
   }

   #header .header-nav .user-info .account {
      margin-left: 0;
   }

   #header .header-top {
      padding: 0;
   }

   #header .header-top-right {
      padding: 10px;
   }

   a.dropdown-item,
   .link #popup___20,
   .link #popup___21 {
      width: auto;
   }

   li.link {
      text-align: left;
   }

   div#mobile_top_menu_wrapper {
      display: flex;
   }

   .js-top-menu-bottom {
      display: none;
   }

   #top-menu {
      margin: 0 !important;
   }

   #_mobile_top_menu,
   #_mobile_top_menu>ul>li>a {
      text-align: left;
      width: 100%;
   }

   #_mobile_cart>div>div>a {
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   i.material-icons.shopping-cart {
      margin-top: 13px;
   }

   sup.cart-products-count {
      height: 12px;
      line-height: 12px;
      top: 0;
   }

   /* Footer */
   #footer {
      padding-top: 0 !important;
   }

   #footer>div.footer-container>div {
      padding: 0;
   }

   .footer-container .container .row {
      flex-direction: column;
   }

   .footer-container .container .row .block-contact,
   #footer>div.footer-container>div>div:nth-child(1)>div:nth-child(2)>div>h3 {
      display: none;
   }

   #footer>div.footer-container>div>div:nth-child(1)>div:nth-child(2) {
      padding: 0;
   }

   .footer-container {
      padding-top: 0;
   }

   .footer-container p,
   #footer>div.footer-container>div>div:nth-child(1) {
      margin: 0;
   }

   .footer-contacts-infos {
      padding: 10px;
   }

   .footer-container .h3 {
      font-size: 15px !important;
   }

   #footer .footer-container .container .row>* {
      width: 100%;
   }

   /* PAGE ACCEUIL */

   /* Carrousel */
   #carousel,
   #carousel>ul {
      padding: 0 !important;
      margin-bottom: 0 !important;
   }

   ol.carousel-indicators {
      margin-bottom: -30px;
   }

   /* Texte accroche */

   .page-home #custom-text {
      margin: 30px 0 0 0;
      padding: 25px;
   }

   .page-home #custom-text h1 {
      font-size: 20px;
   }

   /* Titre liste produit */

   .products-section-title {
      margin: 40px 0 15px 0 !important;
      font-size: 18px;
   }

   /* Bloc association */

   .associations,
   .associations__textes {
      margin-top: 0 !important;
   }

   .associations h2 {
      font-size: 20px;
   }

   /* Liens Utiles */
   .liens-utiles h2 {
      font-size: 20px;
      margin-bottom: 10px;
   }

   .liens-utiles p {
      font-size: 15px;
   }

   /* Avis clients */
   div.avis-clients>section {
      padding: 0 10px 0 10px;
   }

   .avis-clients h2 {
      font-size: 20px;
   }

   .swiper-slide img {
      max-width: 100%;
      margin: 0;
   }

   .avis-client-texte {
      flex-direction: column;
   }

   .avis-client-texte img {
      max-width: 25%;
      margin: 0;
   }

   .swiper-button-next::after,
   .swiper-button-prev::after {
      font-size: 20px;
      color: #0875A1;
   }

   .header-top {
      margin-top: 0;
   }

   .avis-clients {
      padding: 25px 0 25px 0;
   }

   /* Page de connexion */
   #authentication h1 {
      font-size: 20px;
   }

   #authentication .page-header {
      padding: 15px;
      margin-top: 25px;
      margin-bottom: 0;
   }

   #authentication #content {
      align-items: center;
      flex-direction: column;
   }

   .no-account.mt-3,
   #authentication .login-form {
      width: 100%;
      padding: 0;
      margin-top: 25px !important;
   }

   #authentication .no-account.mt-3 {
      border-left: none;
      border-top: 1px solid #cee3ec;
      padding-top: 25px;
   }

   form#login-form {
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .no-account ul {
      padding: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .no-account>ul>li:nth-child(4),
   .no-account>ul>li:nth-child(5) {
      display: none;
   }

   /* Page d'inscription */
   #registration-form ul {
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap;
   }

   #registration-form ul li {
      width: 50%;
   }

   /* Page produits */
   #js-product-list-header {
      margin-top: 25px;
   }

   .message {
      gap: 0;
   }

   .message p {
      padding: 1rem;
      font-size: 16px;
      font-family: latoregular, sans-serif;
   }

   .message::before {
      width: 9.5rem;
   }

   .text-xs-right.up {
      text-align: center !important;
   }

   #category .btn-secondary {
      color: #fff !important;
   }

   div#search_filters_wrapper {
      display: flex !important;
      flex-direction: column;
   }

   .block-category-inner {
      display: none;
   }

   #search_filter_controls {
      order: 2;
      margin-top: 10px;
      text-align: center;
   }

   #search_filters span.navbar-toggler.collapse-icons {
      display: none;
   }

   #search_filters_wrapper {
      padding: 10px;
      border: 1px solid #ddd;
      opacity: 0;
      max-height: 0;
      overflow: hidden;
      transition: all 0.5s ease-in-out;
   }

   #search_filters_wrapper.show {
      margin: 20px 0 20px 0;
      opacity: 1;
      max-height: 1000px;
      transition: all 0.5s ease-in-out;
   }

   #filter-button>i {
      margin: 0 !important;
   }

   button#filter-button {
      display: flex;
   }

   /* Fiche produits */

   div.product-container.js-product-container>div.col-3 {
      width: auto !important;
   }

   .reassurance>section {
      margin-bottom: 25px;
   }

   .delivery-table {
      display: flex;
      flex-direction: column;
      text-align: center;
   }

   .delivery-table-grid>div>*,
   .delivery-table>section>*:not(.delivery-table-grid) {
      padding: 10px;
   }

   .delivery-table-title {
      background-color: #88CEDD;
      font-family: latoblack, sans-serif;
   }

   .delivery-table-value {
      background-color: #ECF5F9;
   }

   .delivery-table-value-2 {
      background-color: #CEE3EC;
   }

   .delivery-table-printing {
      display: flex;
      flex-direction: column;
   }

   .delivery-table-grid {
      display: flex;
   }

   .delivery-table-grid>* {
      width: 50%;
   }

   /* Pannier */
   div#product-actions {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      margin: 0;
      gap: 0;
   }

   div#product-actions>div>div>* {
      padding: 0 !important;
   }

   #product-actions>div.col-md-10.col-xs-6>div>div.col-md-6.col-xs-6.qty {
      width: 40%;
   }

   #product-actions>div.col-md-10.col-xs-6 {
      width: 100%;
   }

   div#product-actions::after {
      all: unset;
   }

   .cart-grid-right .separator {
      margin-bottom: 5px;
   }


   /* PAGE CMS */

   /* Page suire mon projet */

   .stepbystep {
      margin-bottom: 1rem;
   }

   .stepbystep ol {
      flex-direction: column;
      width: 100%;
      margin: 0;
      align-items: flex-start;
      flex-wrap: nowrap;
   }

   .stepbystep ol::after {
      content: none;
   }

   .stepbystep ol>li {
      width: auto;
      background-color: #fff;
      display: flex !important;
      align-items: center;
   }

   .stepbystep ol>* {
      font-size: 18px;
   }

   .special-group {
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      width: auto !important;
   }

   .special-group>li {
      display: flex !important;
      margin: 6px;
   }

   .stepbystep ol::before {
      margin: 0 !important;
   }

   .stepbystep ol>li::before,
   .stepbystep ol>div>li::before {
      margin: 0 !important;
   }

   .stepbystep-header {
      margin-bottom: 20px;
   }

   .stepbystep-header h2 {
      margin-top: 15px;
      font-size: 26px;
   }

   .stepbystep-indicator {
      width: 3px;
      height: 360px;
      border-radius: 20px;
      background-color: #6f6f6f;
   }

   .stepbystep-tracker {
      display: flex;
      margin-left: 30px;
   }

   .ariane {
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .ariane svg {
      margin-top: -18px;
      fill: #6f6f6f;
   }

   p.order-id {
      margin-bottom: 1rem !important;
   }

   .stepbystep .messages li a {
      margin-left: calc(1em + 24px);
   }

   .stepbystep .btn {
      white-space: unset;
   }


   /* Module d'envoi */

   /* Page principale */
   .show-uploaded-content {
      flex-direction: column;
      align-items: center;
      gap: 15px;
   }

   .show-uploaded-content span {
      text-align: center;
   }

   .content-file {
      margin: 0 !important;
      padding: 0 !important;
      font-size: 14px;
   }

   #extrabutton.ajax-file-upload-green {
      width: auto;
   }

   /* Page interédiaire */
   #module-celinedesign_pageintermediaire-page ul>a {
      height: auto;
   }

   #module-celinedesign_pageintermediaire-page ul {
      flex-direction: column;
   }

   /* Validation BAT */

   /* Liste maquettes */
   #module-celinedesign_validationbat-listeBat .page-header {
      height: unset;
   }

   #module-celinedesign_validationbat-listeBat .page-header h1 {
      font-size: 24px;
   }

   #module-celinedesign_validationbat-listeBat .page-header h4 {
      font-size: 12px;
   }

   #list-bat-subtitle {
      font-size: 12px;
   }

   .list-bat {
      flex-direction: column;
      align-items: center;
      gap: 20px;
   }

   /* Confirmation maquettes */
   #module-celinedesign_validationbat-bat .page-header {
      height: unset;
   }

   #module-celinedesign_validationbat-bat .page-header h1 {
      font-size: 24px;
   }

   #module-celinedesign_validationbat-bat .page-header h4 {
      font-size: 12px;
   }

   #module-celinedesign_validationbat-bat .tabs {
      margin-top: 0px;
   }

   .bat-actions .btn {
      white-space: unset;
   }

   .bat-actions {
      flex-direction: column-reverse;
      gap: 10px;
   }

   #feedback-content>label {
      text-align: left;
   }

   .bat-messages-list.show {
      padding-left: 10px;
      margin-bottom: 20px;
   }

   /* Page à propos */

   #photo-bureau {
      border-radius: 15px;
      width: 100%;
      margin-bottom: 20px;
      margin-right: unset;
   }

   section.about-main-content {
      flex-direction: column;
      margin-bottom: 20px;
   }

   section.about-second-content h2 {
      margin: unset;
   }

   section.about-main-content>div:nth-child(2) {
      text-align: center;
   }

   section.about-second-content.custom-mobile {
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .avatar {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 9rem;
      width: 9rem;
      background-color: #ecf5f9;
      border-radius: 15px;
      padding: 20px;
   }

   .avatar img {
      height: 60px;
   }

   .avatar p {
      font-size: 12px;
      margin-bottom: 0;
   }

   /*Page envoie de ficier*/
   p.title-send-file.custom-mobile {
      display: block !important;
   }
}