body {
	font-family: 'Inter', sans-serif !important;
	/*font-size: 1.4em;
	line-height: 1.6;*/
	color: #222;
}

table {
	color: #222 !important;
}

.form-title {
    color: #222 !important;
}

.breadcrumb-item.active {
	color:#222 !important;	
}

 .form-title>span{
    color: #222 !important;
}
form .input {
    background-color: #e8f0fe !important;
}   

.form-check-input:checked {
    border-color: black !important;
    background-color: black !important;
}

/* navBar */

.mynav{
	background-color: black; /*Entete black*/
}
.header .menu-mobile-toggle span {
	background-color:white;
}
.mynav i{
	color:white; /*Entete black*/
}
.mynav .search-icon i {
	color:black;
}
.close-nav {
    background-color: red; 
    color: white; 
    text-align: center;
    font-size: 1.4em;
}
.menu-item a, .menu-item-has-children > a {
	color:white !important;
}
.subcateg-item p>a {
	text-align: left;
    color: grey;
}

/* items icon caddie */
.nbr-item-badge {
    color: #222;
    background: #ffffff;
}

/* serach */
.form_search {
	border-color: white;/*Entete black*/
	background-color: white;/*Entete black*/
}

.btn-outline-dark {
	color: #222;
	border-color: #222;
}

/* menu */
.header .menu>ul>li .menu-subs.menu-column-4>.list-item .title {
    color: black !important;
}

i.fa.fa-arrow-right.fa-lg {
    color: #504d4d;
}

:root {
   --color-pink-700: black !important;
}

.button-close{
	color: black;
}

.bg-article
.bg-img-article {
	background-color: #331616;
}

/* slider */
.title-slider-1 {
    color: #fff;
}

.sub-title-slider-1 {
	color: #fff;
}

.carousel-inner {
    background-color: #F9F8F8;
}

.carousel-caption-slid-1 {
	color: #fff;
}

.carousel-bg-black {
	background: black;
}

.a.carousel-control-next,
.a.carousel-control-prev  {
color: #f9fafb !important;
}

.carousel-indicators li {
    background-color: gray;
}

.carousel-control-next,
.carousel-control-prev {
    color: gray;
}

.carousel-control-next:hover,
.carousel-control-prev:hover {
    color: LightGray;
}

/* home page */
.intro {
    border: 2px solid #111;
}

.intro div:first-child {
    border-right: 2px solid #111;
}

/* articles*/

.article-prix {
    color: #222;
}

/* fin articles*/


/*p.produit*/

.price-col-4 > a::after{
	background-color: black;
}

/* FIn p.produit*/


.body_itemes {
	border: solid 1px #222 !important;
}

.shipping_description{
    color: #222;
}

/*fin page caddie */

/*page categs */

.sort-title {
	font-weight: bold;
    color: #222;	
}

ol.breadcrumb {
    background-color: white !important;
}

/* mondial relay*/
#bg_relay{
	background: white;
}

#bg_relay::after{
	background: white;
}

.MR-Widget .MRW-BtGo, .MR-Widget .MRW-BtGeoGo {
    border: solid 1px #ddd;
    background: #eee;
}

.leaflet-container {
    background: #fff;
}

span.alert-shipping {
    color: #a93333;
}

.footer {
    border-top: 2px solid #222;
} 
 
.footer-left{
	border-right: 1px solid #222;
} 


/* cookie */
.btn-cookie{
	color: white;
    border-color: white;
}
    
.cookiebox {
	color: white; 
	background-color: black; 
}

/*  FIN cookie */

/* Fin footer */


.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
  /*border-radius: 0.25rem;*/
}
  
.btn-outline-dark-selected {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
  /*border-radius: 0.25rem;*/
}

.col_ctegs .btn-outline-dark{
   border: 0px solid black; 
}

.col_ctegs .btn-outline-dark-border{
   border: 0px solid black; 
}

.col_ctegs .btn-outline-dark:hover {
	color:#212529;
	background-color: white;
	/*border-radius: 0.25rem;*/
}
  
.col_ctegs .btn-outline-dark-selected {
	font-weight: bold;
	background-color: white;
	color:#212529;
  /*border-radius: 0.25rem;*/
}

.categ_promo {
	color:red;
}

/* PAGE CONNEXION / INSCRIPTION */

#connexion-template1 {
    background-image: url(/public/motif/homepage1/sobre/fond-principal.png);
}

#connexion-template1 .message-info {
    color: red;
}

#connexion-template1 .card .card-body input {
    border: 2px solid #ced4da;
}

#connexion-template1 .card .card-body input:focus {
    border-color: black !important;
}

#connexion-template1 .card .card-body .password-content .password-icon {
    color: #ced4da;
}

#connexion-template1 .card .card-body .password-content .password-icon:hover {
    color: black;
}

/* CADDIE/PANIER */

#caddie-template1 {
    background-image: url(/public/motif/homepage1/sobre/fond-principal.png);
}

#caddie-template1 .caddie-empty .noresult {
    border: 2px solid lightgray;
}

#caddie-template1 .caddie .action-items .btn-action-items button {
    background-color: lightgray;
    color: black;
}

#caddie-template1 .caddie .body-items {
    border: 2px solid lightgray;
    background-color: #FFF;
}

#caddie-template1 .caddie .btn-caddie button {
    background-color: black;
}

#caddie-template1 .info-free-shipping {
    border-top: 2px solid lightgray;
}

/* CADDIE/PAIEMENT */

#paiement-template1 {
    background-image: url(/public/motif/homepage1/sobre/fond-principal.png);
}

#paiement-template1 .header-caddie .round-btn::before {
    border: 1px solid black;
}

#paiement-template1 .header-caddie .round-btn a {
    border: 2px solid black;
    color: black;
    background-color: #FFF;
}

#paiement-template1 .header-caddie .round-btn a.active {
    border: 2px solid black;
    background-color: black;
}

#paiement-template1 .header-caddie .round-btn a.active #circle-text {
    color: white;
}

#paiement-template1 .coordonnees .form-coordonnees {
    border: 2px solid lightgray;
    background-color: #FFF;
}

#paiement-template1 .coordonnees .form-coordonnees input,
#paiement-template1 .coordonnees .form-coordonnees select {
    border: 1px solid black;
    border-radius: 5px !important;
}

#paiement-template1 .btn-confirm button {
    background-color: black;
    color: #FFF;
}

#paiement-template1 .btn-confirm button.btn-green {
    background-color: #157347;
}

#paiement-template1 .btn-paiement {
    background-color: black;
    color: #FFF;
}

#paiement-template1 .coordonnees .form-coordonnees .form-check input {
    border: 1px solid black;
}

#paiement-template1 .coordonnees .form-coordonnees .form-check input:checked {
    background-color: black;
}

#paiement-template1 #loading-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    /* Couleur d'arrière-plan semi-transparente */
}

#paiement-template1 #loading-overlay #spinner {
    color: #FFF;
}

#paiement-template1 #loading-overlay .load {
    color: #FFF;
}

#paiement-template1 .livraison .content-livraison {
    border: 2px solid lightgray;
    background-color: #FFF;
}

#paiement-template1 .livraison .content-livraison .check-shipping input[type="radio"] {
    border: 1px solid black;
    border-radius: 50% !important;
}

#paiement-template1 .livraison .content-livraison .check-shipping input[type="radio"]:focus {
    box-shadow: 0 0 0 0;
}

#paiement-template1 .livraison .content-livraison .check-shipping input[type="radio"]:checked {
    background-color: black;
}

#paiement-template1 .livraison .content-livraison input,
#paiement-template1 .livraison .content-livraison select {
    border: 1px solid black;
}

#paiement-template1 .paiement .content-paiement .info-paiement .content-info {
    border: 2px solid lightgray;
    background-color: #FFF;
}

#paiement-template1 .paiement .content-paiement .reduction,
#paiement-template1 .paiement .content-paiement .recap-commande {
    border: 2px solid lightgray;
    background-color: #FFF;
}

#paiement-template1 .paiement .content-paiement .reduction .recap-content #form-codepromo .code-promo {
    border: 1px solid black;
}

#paiement-template1 .paiement .content-paiement .paiement-type #payment-method button {
    border: 2px solid lightgray;
    background-color: #FFF;
    color: black;
}

#paiement-template1 .cgv-policy input[type="checkbox"] {
    border: 2px solid black;
}

#paiement-template1 .cgv-policy input[type="checkbox"]:focus {
    box-shadow: 0 0 0 0;
    border-color: black;
}

#paiement-template1 .cgv-policy input[type="checkbox"]:checked {
    background-color: black !important;
    border-color: black;
}

#paiement-template1 .paiement .content-paiement .paiement-type #payment-method input[type="radio"] {
    border: 2px solid black;
}

#paiement-template1 .paiement .content-paiement .paiement-type #payment-method input[type="radio"]:focus {
    box-shadow: 0 0 0 0;
    border-color: black;
}

#paiement-template1 .paiement .content-paiement .paiement-type #payment-method input[type="radio"]:checked {
    background-color: black !important;
    border-color: black;
}

/* COMPTE CLIENT */

#dashboard-template1 {
    background-image: url(/public/motif/homepage1/sobre/fond-principal.png);
}

#dashboard-template1 .dashboard .dashboard-content .grid-wrapper li {
    border: 2px solid lightgray;
    background-color: #FFFFFF;
    color: black;
}

#dashboard-template1 .dashboard .dashboard-content .grid-wrapper li:hover {
    filter: drop-shadow(10px 15px 15px rgba(0, 0, 0, 0.3));
}

#dashboard-template1 .dashboard .btn-logout button {
    background-color: black;
    color: #FFF;
}

/* COMMANDES CLIENT */


#menu-client-template1 .menu-client-item button {
    background-color: #FFF;
    color: black;
    border-bottom: 2px solid lightgray;
}

#menu-client-template1 .menu-client-item button#logout {
    color: gray;
}

#menu-client-template1 .menu-client-item button.active {
    border-left: 5px solid #565656;
}

#commandes-template1 {
    background-image: url(/public/motif/homepage1/sobre/fond-principal.png);
}

#commandes-template1 .commandes-client #commandes-content .num-commande {
    background-color: black;
    color: #FFF;
}

#commandes-template1 .commandes-client #commandes-content .accordion-button {
    color: black;
    background-color: #FFF;
}

#commandes-template1 .commandes-client #commandes-content .num-commande .rounded-white {
    background-color: white;
}

/* DONNEES CLIENT */

#donnees-template1 {
    background-image: url(/public/motif/homepage1/sobre/fond-principal.png);
}

#donnees-template1 .donnees-client .info-container {
    border: 2px solid lightgray;
}

#donnees-template1 .donnees-client .info-client {
    background-image: url(/public/motif/homepage1/sobre/fond-secondaire.webp);
}

#donnees-template1 .donnees-client .coordonnees-content {
    background-color: #FFF;
}

#donnees-template1 .donnees-client .info-connexion-client,
#donnees-template1 .donnees-client .info-newsletter {
    border: 2px solid lightgray;
    background-color: #FFF;
}

#donnees-template1 .edit-donnees-client .form-donnees {
    border: 2px solid lightgray;
    background-color: #FFF;
}

/* SWITCH CLIENT */

/* The slider */
#donnees-template1 .info-newsletter .slider {
    background-color: #ccc;
}

#donnees-template1 .info-newsletter .slider:before {
    background-color: white;
}

#donnees-template1 .info-newsletter input:checked+.slider {
    background-color: black;
}

#donnees-template1 .info-newsletter input:focus+.slider {
    box-shadow: 0 0 1px black;
}

#donnees-template1 .donnees-client .button-disabled button {
    background-color: #585858;
    border-color: transparent;
}

/* FAVORIS CLIENT */

#favourites-template1 {
    background-image: url(/public/motif/homepage1/sobre/fond-principal.png);
}

/* PROMOTIONS CLIENT */

#promotions-template1 {
    background-image: url(/public/motif/homepage1/sobre/fond-principal.png);
}

/* COMPTE VENDEUR/ADMIN */

#dashboard-admin-template1 {
    background-image: url(/public/motif/homepage1/sobre/fond-principal.png);
}

#dashboard-admin-template1 .dashboard-admin .dashboard-content .grid-wrapper li {
    border: 2px solid lightgray;
    background-color: #FFFFFF;
    color: black;
}

#dashboard-admin-template1 .dashboard-admin .dashboard-content .grid-wrapper li:hover {
    filter: drop-shadow(10px 15px 15px rgba(0, 0, 0, 0.3));
}

/* MENU VENDEUR */

#menu-vendeur-template1 .menu-vendeur-item button {
    background-color: #FFF;
    color: black;
    border-bottom: 1px solid lightgray;
}

#menu-vendeur-template1 .menu-vendeur-item button.active .active-menu {
    background-color: #565656;
}

#menu-vendeur-template1 #accordion-menu-vendeur2 .menu-vendeur2-item .accordion-button {
    border-bottom: 2px solid lightgray;
}

#menu-vendeur-template1 #accordion-menu-vendeur2 .menu-vendeur2-item .accordion-button[aria-expanded="true"] {
    background-color: #FFF;
    color: black;
}

#menu-vendeur-template1 #accordion-menu-vendeur2 .menu-vendeur2-item .accordion-body {
    background-color: #FFF;
}

#menu-vendeur-template1 #accordion-menu-vendeur2 ul li {
    border-bottom: 1px solid lightgray;
}

#menu-vendeur-template1 #accordion-menu-vendeur2 .menu-vendeur2-item #logout button {
    color: gray;
    border-bottom: 0;
}

#dashboard-admin-template1 .dashboard-admin .dashboard-content .latest-sales .menu-dashboard .title-latest-sales h4:before,
#dashboard-admin-template1 .dashboard-admin .dashboard-content .latest-sales .menu-dashboard .title-latest-sales h4:after {
    background: black;
}

#dashboard-admin-template1 .dashboard-admin .dashboard-content .latest-sales .menu-dashboard {
    border: 2px solid lightgray;
    background-color: #FFFFFF;
    color: black;
}

#dashboard-admin-template1 .dashboard-admin .dashboard-content .latest-sales .menu-dashboard .latest-sales-content table thead tr {
    background-color: lightgrey;
}

#dashboard-admin-template1 .dashboard-admin .dashboard-content .grid-wrapper .btn-dashboard-vendeur button {
    color: white;
}

#dashboard-admin-template1 .dashboard-admin .btn-logout button {
    background-color: black;
    color: #FFF;
}

/* GESTION DES COMMANDES */

#gestion-commandes-template1 {
    background-image: url(/public/motif/homepage1/sobre/fond-principal.png);
}

#gestion-commandes-template1 .gestion-commandes .header-gestion {
    background-color: #FFF;
}

#gestion-commandes-template1 .gestion-commandes .table#orders> :not(caption)>*>* {
    border: 0;
}

#gestion-commandes-template1 .gestion-commandes .table#orders>tbody {
    border: 2px solid lightgray;
}

#gestion-commandes-template1 .gestion-commandes .table#orders .border-start,
#gestion-commandes-template1 .gestion-commandes .table#orders .border-end {
    border-left: 1px solid lightgray !important;
    border-right: 1px solid lightgray !important;
}

#gestion-commandes-template1 .gestion-commandes table thead {
    background-color: lightgray;
}

#gestion-commandes-template1 .gestion-commandes table tbody tr {
    background-color: #FFF;
}

#gestion-commandes-template1 .gestion-commandes #pagination-orders .page-item.active .page-link {
    background-color: black;
    color: #FFF;
}

#gestion-commandes-template1 .gestion-commandes #pagination-orders .page-item .page-link {
    color: black;
}

#gestion-commandes-template1 .gestion-commandes .filter-orders select {
    border: 2px solid black;
}

#gestion-commandes-template1 .gestion-commandes .details-commandes table thead {
    background-color: black;
    color: #FFF;
}

#gestion-commandes-template1 .gestion-commandes .info-paiement .info {
    border: 2px solid lightgray;
    background-color: #FFFFFF;
    color: black;
}

#gestion-commandes-template1 .gestion-commandes .btn-action-commandes button {
    background-color: black;
    color: white;
}

#gestion-commandes-template1 .gestion-commandes .btn-action-commandes button:hover {
    background-color: black;
    color: white;
}

/* GESTION ARTICLES */

#catalogue-template1 {
    background-image: url(/public/motif/homepage1/sobre/fond-principal.png);
}

#catalogue-template1 .gestion-items table thead {
    background-color: lightgray;
}

#catalogue-template1 .gestion-items table tbody tr {
    background-color: #FFF;
}

#catalogue-template1 .add-items .form-add .obligatoire {
    color: red;
}

#catalogue-template1 .add-items .form-add .btn-confirm button {
    color: white;
    background-color: black;
}

/* CONFIGURATION DE LA BOUTIQUE */

#setup-shop-template1 {
    background-image: url(/public/motif/homepage2/sobre/fond-principal.webp);
}

#setup-shop-template1 .subtitle-section h4:before,
#setup-shop-template1 .subtitle-section h4:after {
    background: black;
}

#setup-shop-template1 .form-shop .btn-valid #btn-submit {
    color: #FFF;
}
#setup-shop-template1 .nav-tabs .nav-link{
    color: black;
}

/* ///////////////////////////////////// mobile et tablet ////////////////////////////////////////////////////////////////////////////*/
/*mobile et tablette */
@media screen and (max-width: 992px) {
	/*@media screen and (min-width: 768px) and (max-width: 1024px) {*/


    .menu-item a, .menu-item-has-children > a {
        color:var(--color-black) !important;
    }

}