*{
font-family: 'Plus Jakarta Sans', Arial, sans-serif;

}

body{
padding:0;
margin:0;

}


.intro h2, .intro h1{
text-transform: uppercase;
font-weight: 6000;
color: rgb(255, 0, 25);
}
.loadGiffer{
position:fixed;
top:0;
left:0;
width:100%;
display: flex;
align-items: center;
justify-content: center;
background: white;
z-index: 5000;
height: 100vh;
}


.alerte-pup-ajax{
position:fixed;
display:none;
padding:5px;
color:white;                        
top:-800px;
right:40px;
background:purple;
min-height:50px;
max-width:350px;
min-width:200px;
z-index:3000;
border-radius:15px;
box-shadow: 0 0 20px rgba(73, 73, 73, 0.73);
transition: top 0.5s ease;
}

#Alert-1{
background:red;
}
#Alert-2{
background:rgb(4, 171, 40);;
}
#Alert-3{
background:rgb(255, 255, 255);
color:rgb(214, 0, 0);
}
.alerte-pup-ajax.show{
top:30px;
display:block;
}

.alerte-pup-ajax .content-alt {
display:flex;
padding-left:10px;
padding-right:10px;
justify-content:space-between;
align-items:center;
width:100%;
box-sizing:border-box;

}

.alerte-pup-ajax .content-alt .bi-x{
font-size:30px;
cursor: pointer;
}

.alerte-pup-ajax .content-alt .dataError{
padding-left:5px;
padding-right: 5px;
}

.langButton{
position:fixed;
bottom: 20px;
left:20px;
width:45px;
height:45px;
display:flex;
align-items:center;
justify-content:center;
cursor: pointer;
z-index: 70;
background:white;
font-size: 30px;
color: rgb(214, 0, 0);
border-radius:50%;
box-shadow: 0 0 20px rgba(129, 129, 129, 0.36);

}

.langButton:hover{
background: rgb(214, 0, 0);
color:white;
transition:0.3s;
}
.langMenu{
position:fixed;
bottom: 70px;
left: 20px;
display:flex;
flex-direction: column;
z-index: 70;
gap: 5px;
opacity:0;
transform:translateY(20px);
pointer-events: none;
transition: all 0.3s ease;


}
.langMenu.active{
opacity: 1;
transform:translateY(0);
pointer-events: auto;
}

.lang-item{
height: 45px;
width:45px;
display:flex;
align-items:center;
justify-content:center;
transition: 0.2s;
background: rgba(245, 242, 242, 0.98);
box-shadow: 0 0 20px rgba(129, 129, 129, 0.36);
border-radius:50%;
}

.lang-item svg{
height:30px;
width:30px;
}

.lang-item:hover{
background: rgb(214, 0, 0);
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

@keyframes toRight {
from {
width: 0%;
}
to {
width: 100%;
}
}
.text-info, .text-danger, .alert-dataship{
color:red !important;
font-size:14px !important;
font-weight: bold !important;
}
.text-success{
color:rgb(21, 255, 0) !important;
font-size:14px !important;
font-weight: bold !important;

}
header{
position:fixed;
width:100%;
top:0;
right:0;
z-index:99;
}


.banner-cookies {
position:relative;
}

.banner-cookies .bl-navigation{
position:fixed;
height:100vh;
background: rgba(0, 0, 0, 0.68);
width:100%;
z-index: 100;

display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;

}
.bl-navigation .rows{
position:relative;
top:-50px;
}
.bl-navigation .carousel {
width: 100%;
position: relative;
text-align: center;
padding:15px;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;

}

.bl-navigation .carousel img {
width: 100%;
max-width: 500px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(191, 191, 191, 0.2);
}

.bl-navigation .dots {
display: flex;
justify-content: center;
margin-top: 10px;
gap: 8px;
}

.bl-navigation .dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: #ccc;
cursor: pointer;
transition: 0.3s;
}

.bl-navigation .dot.active {
background: rgb(255, 0, 25);;
transform: scale(1.2);
}
.banner-cookies .container{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
padding:5px;
box-sizing:border-box;
color:white;
background: rgb(0, 149, 37);
z-index:100;
box-shadow: 0 10px 20px rgba(10, 10, 10, 0.71);
}

.banner-cookies .container .txt{
display:flex;
align-items:center;
}

.banner-cookies .container .txt i{
font-size:25px;
margin-right:10px;
}

@media screen and (max-width: 700px) {
.banner-cookies .container .txt i{
display:none;
}
}

.banner-cookies button{
background: rgb(255, 0, 25);
color:white;
border:none;
margin:2px;
padding:8px;
border-radius:10px;
min-width:100px;
font-weight:bold;
cursor: pointer;
}

.banner-cookies button:hover{
background: rgba(229, 0, 23, 0.93);
transition-duration:0.3s;
}



header .container{
background: rgb(255, 255, 255);
color:rgb(31, 31, 31);
padding:10px;
position: relative;
}

header .logo{
letter-spacing: -1px;
}
header .logo a{
color:inherit;
text-decoration: none;
}
header .logo h3{
padding:0;
margin:0;
display: flex;
align-items: center;
font-size:30px !important;
}

header .logo .small-in, .logo-primary{
display: block;
height: 50px;
margin-right:5px;
}

header .logo .small-mdg{
font-size: 25px !important;
}

header .container .display{
display: flex;
align-items: center;
justify-content: space-between;
}

header .container .display .m-hd {
display: flex;
align-items: center;

}

header .container .display .m-hd a{
color:inherit;
text-decoration: none;
}

header .container .display .m-hd .hd-option{
padding:5px;   
margin-right: 5px;
text-align: center;
}

header .container .display .m-hd i{
font-size:20px;
color:rgb(255, 0, 25);
}

header .container .display .m-hd .hd-option span{
font-size: 14px;
}

header .container .display .connexion .element{
display: flex;
}
header .container .display .connexion a{
color:inherit;
text-decoration: none;
}
header .container .display .connexion .element .connexion-push{
display: flex;
align-items: center;
background-color: rgb(4, 171, 40);
padding:10px;
border-radius: 20px;
margin-right: 10px;
color:white;
position:relative;
}

header .container .display .connexion .element .connexion-push #contentSpanPanier span{
position:absolute;
top:-10px;
right:-5px;
display:flex;
background:rgba(255, 0, 0, 0.979);
height:35px;
width:35px;
color:white;
z-index: 50;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size:13px;
font-weight: bold;
text-decoration: line-through;

}

header .container .display .connexion .element .driver-session{
position:absolute;
display: none;
right:0px;
top:0px;
width:0;
height:100vh;
background: rgb(255, 255, 255);
box-shadow: 0 0 30px rgba(182, 182, 182, 0.445);
z-index:50;
animation: toRight 0.5s forwards;
border-left:2px solid white;
color:rgb(31, 31, 31);
overflow-x: auto;
scrollbar-width: thin;
}

header .container .display .connexion .element .driver-session-open{
max-width: 400px;
display: block !important;
}

header .container .display .connexion .element .driver-session .container-driver{
padding:15px;
display: flex;
align-items: center;
background-size: cover !important;
background-position: center;
justify-content: space-between;
}

header .container .display .connexion .element .driver-session .container-driver .btn-close i{
background: white;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size:30px;
border-radius: 50%;
cursor: pointer;
animation: fadeIn 0.5s forwards;
color:rgb(1, 151, 1);
}

header .container .display .connexion .element .driver-session-open h3{
margin:0;
padding:0;
}

header .container .display .connexion .element .driver-session-open .content-form{
padding:20px;
}

header .container .display .connexion .element .driver-session-open .content-form h4{
color: rgb(21, 255, 0);
}
header .container .display .connexion .element .driver-session-open .content-form .forms .groups{
padding:20px;
}
header .container .display .connexion .element .driver-session-open .content-form .forms .groups .forms-link{
margin-bottom: 5px;
}

header .container .display .connexion .element .driver-session-open .content-form .forms .groups .forms-link a{
text-decoration: underline;
font-weight: bold;
font-size:15px;
color:rgb(31, 31, 31)
}

header .container .display .connexion .element .driver-session-open .content-form .forms .groups .forms-link a:hover{
color: rgb(2, 177, 2);
transition-duration: 0.2s;
}
header .container .display .connexion .element .driver-session-open .content-form .forms .groups .group-1{
display:flex;
align-items: center;
width:100%;
border:1px solid rgb(163, 163, 163);
padding:5px;
border-radius: 5px;
margin-bottom: 10px;
position:relative;

}

header .container .display .connexion .element .driver-session-open .content-form .forms .groups .group-1 .icn{
padding:5px;
font-size:25px;
width: 10%;
max-width: 30px;
color:rgb(255, 0, 25);
}

header .container .display .connexion .element .driver-session-open .content-form .forms .groups .group-1 .input{
width: 85%;
border-left: 1px solid rgb(163, 163, 163);
padding:5px;
}
header .container .display .connexion .element .driver-session-open .content-form .forms .groups .group-1 .input input, header .container .display .connexion .element .driver-session-open .content-form .forms .groups .group-1 .input select{
width:100%;
height:25px;
padding:2px;
border:none;
outline:none;
}

header .container .display .connexion .element .driver-session-open .content-form .forms .groups .btn-forms button{
background: rgb(4, 171, 40);;
color:white;
padding:15px;
border:none;
border-radius: 10px;
margin-top: 20px;
cursor: pointer;
}

header .container .display .connexion .element .driver-session-open .content-form .forms .groups .btn-forms button:hover{
background: rgba(0, 79, 0, 0.863);
transition-duration: 0.5s;
}

header .container .display .connexion .element .driver-session-open .content-form .forms .groups .group-1 .input .pass-show{
position:absolute;
right:10px;
z-index:52;
top:12px;
font-size:19px;
color:rgb(145, 144, 144);
cursor: pointer;
}

header .container .display .connexion .element .driver-session-open .content-menu ul{
padding:0;
margin:0;
}

header .container .display .connexion .element .driver-session-open .content-menu ul li{
padding:10px;
display: flex;
align-items: center;
border-bottom: 1px solid rgba(163, 163, 163, 0.849)
}
header .container .display .connexion .element .driver-session-open .content-menu ul li:hover{
background: rgb(255, 187, 0);
color:white;
transition-duration: 0.3s;
border-bottom: 1px solid white;
}
header .container .display .connexion .element .driver-session-open .content-menu ul li i{
margin-right: 10px;
}


header .container .display .connexion .element .connexion-push .icn{
font-size: 25px;
margin-right: 5px;
}
header .container .display .connexion .element .connexion-push:hover{
background-color: rgb(31, 231, 31);
}
header .container-2 {
background: rgb(255, 0, 25);
padding-left:10px;
padding-right:10px;
}

header .container-2 .display-1 nav{
display: flex;
justify-content: space-between;
align-items: center;
}

header .container-2 .display-1 nav ul{
margin:0;
padding:0;
display: flex;
}
header .container-2 .display-1 nav a{
color:inherit;
text-decoration: none;
}
header .container-2 .display-1 nav ul .menu{
display: none;
align-items: center;
cursor: pointer;
}

header .container-2 .display-1 nav ul .menu-x{
display: none;
}
header .container-2 .display-1 nav ul .menu-x .protocol{
display: flex;
align-items: center;
cursor: pointer;

}

header .container-2 .display-1 nav ul .menu-x .protocol:hover{
background: white;
}
header .container-2 .display-1 nav ul .menu i, header .container-2 .display-1 nav ul .menu-x i{
font-size:25px;
}
header .container-2 .display-1 nav .element-1 ul li{
list-style: none;
padding:15px;
color:white;
}
header .container-2 .display-1 nav .element-1 ul li:hover, header .container-2 .display-1 nav .element-1 ul .active-menu{
background: white;
color:rgb(255, 0, 25);
transition-duration: 0.3s;
}
header .container-2 .display-1 nav .element-1 ul li .arrow i{
display: inline-block;
transition: transform 0.3s ease;
}
header .container-2 .display-1 nav .element-1 ul li .arrow .rotate-arrow{
color:rgb(255, 0, 25);
transform: rotate(180deg);
}
header .container-2 .display-1 nav .element-1 ul li .drop-list{
position:absolute;
background: rgb(255, 255, 255);
border-bottom:1px solid rgba(190, 190, 190, 0.815);
box-shadow: 0 0 10px rgba(163, 163, 163, 0.603);
width:100vw;
left:0vw;
top:130px;
min-height: 100px;
display: none;
overflow-x: hidden;
z-index:22;
max-height: 100vw;
overflow-y: auto;
scrollbar-width: thin; 
}
header .container-2 .display-1 nav .element-1 ul li .drop-list h5{
margin:0;
padding:0;
}
header .container-2 .display-1 nav .element-1 ul li .drop-list .element-list{
background: rgb(255, 255, 255);
padding:15px;
color:rgb(31, 31, 31);
}
header .container-2 .display-1 nav .element-1 ul li .drop-list .element-list .element-categorie{
display: inline-flex;
align-items: center;
color:rgb(31, 31, 31);
border: 1px solid rgb(212, 212, 212);
border-radius: 15px;
margin-right: 5px;
width: 320px;
background: white;
margin-bottom: 15px;
}
header .container-2 .display-1 nav .element-1 ul li .drop-list .element-list .element-categorie .img{
background-size: cover;
background-position: center;
height: 80px;        
width: 100px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
}

header .container-2 .display-1 nav .element-1 ul li .drop-list .element-list .element-categorie .icn{
height: 80px;        
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
color:rgb(255, 0, 25);
padding-left: 10px;
padding-right: 5px;
}

header .container-2 .display-1 nav .element-1 ul li .drop-list .element-list .element-categorie .text{
padding:10px;
}
header .container-2 .display-1 nav .element-1 ul li .drop-list .element-list .element-categorie .text h4{
padding:0;
margin:0;
}
header .container-2 .display-1 nav .element-2 ul li{
list-style: none;
color:white;
padding:8px;
}
header .container-3{
padding:5px;
background: white;
box-shadow:0 10px 10px rgba(180, 180, 180, 0.113);
}

header .container-3 .banner-search{
display: flex;
justify-content: center;
align-items: center;
}

header .container-3 .banner-search .intr-search{
font-size: 18px;
}
header .container-3 .banner-search .search-primary{
position:relative;
}
header .container-3 .banner-search .search-primary .content{
display: flex;
min-width: 600px;
padding:10px;
width:100%;
align-items: center;
}
header .container-3 .banner-search .search-primary .content .ipt{
background: white;
border:1px solid rgb(214, 0, 0);
border-radius: 40px;
padding:10px;
margin-right: 10px;
width:50%;
}

header .container-3 .banner-search .search-primary .content .ipt .reware{
display: flex;
align-items: center;
width:100%;
justify-content: space-between;

}

header .container-3 .banner-search .search-primary .content .ipt .reware .icn{
margin-right: 10px;
color: rgb(255, 0, 25);
}

header .container-3 .banner-search .search-primary .content .ipt .reware .icn i{
font-size:20px;
}
header .container-3 .banner-search .search-primary .content .ipt .reware .input-txt{
width: 95%;
}
header .container-3 .banner-search .search-primary .content .ipt .reware .input-txt input{
border:none;
height: 20px;
outline: none;
width:100%;
}
header .container-3 .banner-search .search-primary .content .btn-search button{
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 50px;
border-radius: 50%;
background: rgb(255, 0, 25);
color:white;
border:none;
cursor: pointer;
}
header .container-3 .banner-search .search-primary .content .btn-search button i{
font-size:28px;
}

header .container-3 .banner-search .search-primary .content .btn-search button .txt-btn{
display: none;
}
header .container-3 .banner-search .search-primary .content .btn-search button:hover{
background: rgba(255, 0, 25, 0.918);
transition-duration: 0.3s;
}

header .container-3 .banner-search .search-primary .sugg-data-search{
min-height: 50px;
padding:5px;
left:10px;
background: white;
box-shadow: 0 0 20px rgba(89, 89, 89, 0.459) ;
position: absolute;
width: 90%;
display: none;
border-radius: 10px;
max-height: 300px;
overflow-y: auto;
scrollbar-width: thin;
z-index:75;
}

header .container-3 .banner-search .search-primary .sugg-data-search .lieu{
display: flex;
padding:10px;
border-bottom:1px solid rgb(231, 231, 231);
align-items: center;
cursor: pointer;
}

header .container-3 .banner-search .search-primary .sugg-data-search .vide{
padding:15px;
}

header .container-3 .banner-search .search-primary .sugg-data-search .lieu:hover{
background: rgba(255, 187, 0, 0.247);
}

header .container-3 .banner-search .search-primary .sugg-data-search .lieu i{
margin-right: 10px;
}
.section-vide{
min-height: 200px;
}
@media screen and (max-width:1100px) {

header .container .display .connexion .element .connexion-push{
width:40px;
height: 40px;
justify-content: center;
padding:5px;
}

header .container .display .connexion .element .connexion-push .icn{
margin-right: 0px;
}
.rsp{
display: none;
}
}
@media screen and (max-width:950px) {
header .container-2 .display-1 nav .element-1 ul .eb-rsp{
display: none;
}
header .container-2 .display-1 nav ul .menu{
display: flex ;
}
header .container-3{
display: none;
box-shadow: none;
}

.section-vide{
min-height: 130px;
}
header .container-2 .display-1 nav .element-2 a i{
font-size: 20px !important;
}
header .configuration{
position:fixed;
top:0;
left:0;
border-right: 1px solid gray; 
height: 100vh;
background: white;
animation: toRight 0.5s ease-in-out forwards, fadeIn 0.7s ease-in-out forwards;            overflow-x: auto;
scrollbar-width: thin;
z-index:99;
}
header .configuration .container-2 .display-1 nav{
display: block;
position:relative;
}
header .configuration .container-2{
background: none;
padding-left:0px;
padding-right:0px;
}
header .configuration .container-2 .display-1 nav .element-1  ul{
display: block;
}

header .configuration .container-2 .display-1 nav .element-1  ul .menu-x{
background: rgb(255, 0, 25);
padding-left: 15px;
margin-bottom: 10px;
}

header .configuration .container-2 .display-1 nav .element-1 ul .eb-rsp{
color:rgb(31, 31, 31);
padding: 15px;
padding-left: 20px;
border-bottom: 1px solid gray;

}

header .configuration .container-2 .display-1 nav .element-1  ul .menu-x .protocol{
padding:15px;
}

header .configuration .container-2 .display-1 nav .element-1  ul .eb-rsp{
display: block !important;
}
header .configuration .container-2 .display-1 nav .element-1 ul li{
padding:0;
}

header .configuration .container-2 .display-1 nav .element-1 ul li .drop-list{
position:relative;
top:0;
left:0;
width:100%;
background: white;
padding:0;
max-height: none;
overflow-x: none;
}

header .configuration .container-2 .display-1 nav .element-1 ul li .drop-list .element-list{
background: none;
}
header .configuration .container-2 .display-1 nav .element-1 ul li .drop-list .element-list .element-categorie{
width:100%;
margin-right: 0;
margin-bottom: 0;
border:none;
border-left: 2px solid rgb(255, 187, 0);
border-radius: 0;
}
header .configuration .container-2 .display-1 nav .element-1 ul li .drop-list .element-list .element-categorie .img,
header .configuration .container-2 .display-1 nav .element-1 ul li .drop-list .element-list .element-categorie .icn{
display: none;
}

header .configuration .container-2 .display-1 nav .element-2{
position:absolute;
top:10px;
right:10px;
}

header .configuration .container-3{
padding: 0;
background: white;
margin-top: -8px;
padding-top: 10px;
display: block;
}
header .configuration .container-3 .banner-search{
width: 100% !important;
display: block;
}

header .configuration .container-3 .banner-search .search-primary{
display: block;

}

header .configuration .container-3 .banner-search .search-primary .content{
min-width: 100%;
width: 100% !important;
display: block;
text-align: center !important;
padding:0;
}

header .configuration .container-3 .banner-search .search-primary .content .ipt{
width: auto;
display: block;
margin-right: 0;
margin:10px;
}

header .configuration .container-3 .banner-search .search-primary .content .btn-search{
display: block;
width:100%;
justify-content: center;

}
header .configuration .container-3 .banner-search .search-primary .content .btn-search button{
width:90%;     
border-radius: 10px;  
}

header .configuration .container-3 .banner-search .search-primary .content .btn-search button i{
font-size:16px;
margin-right:10px;
}
header .configuration .container-3 .banner-search .search-primary .content .btn-search button .txt-btn{
display: block;
}

header .container-3 .banner-search .search-primary .sugg-data-search{
position:relative;
left:0;
bottom:0px;
max-height: 150px;
font-size: 14px;

}


header .container .display .connexion .element .driver-session-open{

max-width: 100%;

}




}

@media screen and (max-width:750px){
header .container .display .m-hd{
display: none;
} 

header .logo .small-mdg{
display: none;
}

}


.banner-index img{
width:100%;
}

.section-verification{
max-width: 600px;
padding:20px;
text-align: left;
}
.section-verification .logo{
border-bottom: 1px solid rgb(207, 207, 207);
}
.section-verification h4{
color:rgb(4, 171, 40);;
margin-top: 25px;
}

.section-verification .forms-verification .groups{
display: flex;
}


.section-verification .forms-verification .groups .input-class input{
width:20px;
padding:4px;
text-align: center;
margin:5px;
height:30px;
border:1px solid gray;
border-radius: 3px;
}
.section-verification .forms-verification .groups .input-class input:focus{
outline: 3px solid red;
border:none;
}

.section-verification  a{
color:inherit;
display: block;
margin-top: 15px;
margin-bottom: 15px;
text-decoration: none;
color:rgb(4, 171, 40);
}
.section-verification  a:hover{
color:rgb(4, 171, 40);;
transition-duration: 0.3s;
}

.hero{
background-size: cover;
background-position: center;
}
.hero .vide-hero{
min-height: 15vw;
}

.hero .container-hero-standard{
padding:30px;
}

.hero  .container-hero-standard .display{
display: flex;
padding:8px;
align-items: center;
}
.hero  .container-hero-standard .display a{
color:inherit;
text-decoration: none;
}

.hero  .container-hero-standard .display h4{
margin:0;
padding:0;
color:white;
}

.hero  .container-hero-standard .display .actif h4{
text-decoration: underline;
}

.hero  .container-hero-standard .display .element{
border-right: 2px solid white;
margin-right: 5px;
padding:5px;
}

.hero  .container-hero-standard .display .icn i{
background: white;
color: rgb(255, 0, 25);
height: 40px;
width: 40px;
border-radius: 50%;
font-size:20px;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width:1100px){

.hero .vide-hero{
min-height:130px;
}

}
@media screen and (max-width:900px){
.hero .vide-hero{
min-height:130px;
}
.hero .container-hero-standard{
padding:15px;
}
}

.section-vente-standard{
border:1px solid rgba(212, 212, 212, 0.66);
border-radius:5px;
}

.section-vente-standard .intro{
padding:20px;
display:flex;
box-sizing: border-box;
justify-content: space-between;
align-items: center;
}          

.section-vente-standard .intro h2{
padding:0;
margin:0;
}
.section-vente-standard .intro span a{
color: rgb(214, 0, 0);
font-weight:bold;
text-decoration: underline;
}
.section-vente-standard .ventes-contains .style-1 {
position: relative;
overflow: hidden;
width: 100%;
padding:20px;
padding-top:10px;
box-sizing: border-box;
}

.section-vente-standard .ventes-contains .style-1 .carousel-track {
display: flex;
gap: 10px;
overflow-x: auto;
scroll-behavior: smooth;
padding: 10px 0;
}

.section-vente-standard .ventes-contains .style-1 .carousel-track::-webkit-scrollbar {
display: none;
}

.section-vente-standard .ventes-contains .style-1 .item {
flex: 0 0 auto;
width: 200px;
background-color: rgba(255, 255, 255, 0.97);
border-radius: 5px;
text-align: center;
font-weight: bold;
font-size: 16px;
user-select: none;
font-size:14px !important;
font-weight:normal;
border:1px solid rgba(224, 224, 224, 0.97);
border-radius:8px;
}

.section-vente-standard .ventes-contains .style-1 .item .image{
height:150px;
width:100%;
border-top-left-radius:8px;
border-top-right-radius:8px;
}

.section-vente-standard .ventes-contains .style-1 .item .image-1{
border-top-left-radius:8px;
border-top-right-radius:8px;
}

.section-vente-standard .ventes-contains .style-1 .item .image:hover{
opacity:0;
transition-duration:0.5s;
cursor: pointer;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd{
display:block;
padding:10px;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd div h3{
margin:0;
padding:0;
font-size:16px !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
width:100%;
text-align:left;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic{
padding-top:10px;
}
.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .upon{
display:flex;
align-items:center;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .upon .etm{
display:flex;
align-items:center;
margin-right:10px;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .upon .etm i{
margin-right:8px;
}
.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .price{
margin-top:10px;
}
.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .price td{
font-size:18px;
color: rgb(255, 0, 25);
font-weight:bolder;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .price td .el-prix{
line-height:13px;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .price td .el-prix .ap{
font-size:10px !important;
color:rgb(31, 31, 31) !important;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .price td .el-prix .ap .bart{
text-decoration: line-through;
text-decoration-thickness: 2px;
text-decoration-color: rgb(255, 0, 25);
text-decoration-skip-ink : none;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .btn-list-ap{
display:flex;
align-items:center;
justify-content:space-between;
box-sizing: border-box;
margin-top:10px;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .btn-list-ap .pl2{
display:flex;
align-items:center;
justify-content:space-between;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .btn-list-ap .pl2 a{
display:block;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .btn-list-ap a button{                    
margin:2px;
padding:5px;
border-radius:15px;
border:none;
background:rgb(4, 171, 40);;                    
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .btn-list-ap .pl1 a button{
font-size:17px;
color:white;
min-width:90px;
cursor: pointer;
border:rgb(4, 171, 40) 2px solid;

}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .btn-list-ap .pl1 a button:hover{
background:none;
color:rgb(4, 171, 40);; 
transition-duration:0.3s;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .btn-list-ap .pl2 a button{
background:none;
font-size:25px;
cursor: pointer;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .btn-list-ap .pl2 a button i{
color: rgb(4, 171, 40);;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .btn-list-ap .pl2 a button i:hover{
color:red;
transition-duration:0.3s;
}

.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .btn-list-ap .pl2 a button .bi-heart-fill,
.section-vente-standard .ventes-contains .style-1 .item .ctc-prd .generic .btn-list-ap .pl2 a button .bi-basket-fill{
color:red !important;
}
.section-vente-standard .ventes-contains .style-1 .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: none;
display:flex;
align-items:center;
justify-content:center;
color: white;
border: none;
cursor: pointer;
font-size: 30px;
z-index: 10;
}

.section-vente-standard .ventes-contains .style-1 .arrow i{
background:rgba(255, 0, 0, 0.865);
color:white;
width:45px;
height:45px;
display:flex;
align-items:center;
justify-content:center;
}

.section-vente-standard .ventes-contains .style-1 .arrow.left {
left: 5px;
}

.section-vente-standard .ventes-contains .style-1 .arrow.right {
right: 5px;
}

@media screen and (max-width: 500px) {
.section-vente-standard .ventes-contains .style-1 .item {
width: 200px;
}
}


.content-panier .border-panier{
border: 1px solid rgba(209, 209, 209, 0.92);
padding:8px;
display:flex;
align-items:center;
justify-content:space-between;
box-sizing: border-box;
margin-bottom:10px;
}
.content-panier .border-panier table{
max-width:650px;
text-align:left;
}
.content-panier .border-panier .compteurPanier {
display: flex;
align-items: center;
gap: 10px;
font-size: 22px;
margin-bottom: 10px;
}
.content-panier .border-panier .BtnPanier {
width: 35px;
height: 35px;
text-align: center;
line-height: 33px;
border: none;
border-radius: 6px;
cursor: pointer;
user-select: none;
background: rgb(4, 171, 40);;
color:white;
}
.content-panier .border-panier .champQtPanier {
width: 140px;
text-align: center;
font-size: 20px;
border: 1px solid rgb(4, 171, 40);;
border-radius: 5px;
outline:none;
}

.content-panier .border-panier .btnDelete {
background: red;
color:white;
border-radius:5px;
padding:8px;
cursor: pointer;
border:none;

}

.content-panier .total{
width: 100%;
font-weight:bold;
border: 1px solid rgba(221, 221, 221, 0.7);
padding:10px;
border-radius:10px;
text-align:left;
}

.content-panier .btn-valid-panier{
display:flex;
align-items:center;
justify-content: right;
margin-top:20px;

}
.content-panier .btn-valid-panier a button{
width:150px;
margin-left:10px;
padding:10px;
border-radius: 10px;
font-size:18px;

}

.content-panier .btn-valid-panier a .backto{
background:red;
color:white;
border:2px solid red;
cursor: pointer;
}
.content-panier .btn-valid-panier a .backto:hover{
background:none;
color:red;
transition-duration:0.3s;
}

.content-panier .btn-valid-panier a .validPanier{
background:green;
color:white;
border:2px solid green;
cursor: pointer;
}
.content-panier .btn-valid-panier a .validPanier:hover{
background:none;
color:green;
transition-duration:0.3s;
}
@media screen and (max-width:700px) {

.content-panier .border-panier{
display: block;
}
.content-panier .border-panier .btnDelete{
margin-top:10px;
}
.content-panier .border-panier .champQtPanier {
width:80px;
}

.content-panier .border-panier table tr td{
display:block;
}
.content-panier .btn-valid-panier{
display: block;
text-align:right;
}
.content-panier .btn-valid-panier a button{
display:inline-block;
width:180px;
margin-bottom: 10px;
font-size: 15px !important;
}

.content-panier .total td{
font-size: 15px !important;
}
}

.std-standard{
margin-top:10px;
padding:10px;
padding-left: 20px;
padding-right: 20px;
border-top: 1px solid rgba(185, 185, 185, 0.72);
display:flex;
justify-content:space-between;
}

.std-standard .body-std{
padding:15px;
width:100%;
box-sizing:border-box;
}

.std-standard .body-std .content-panier{
padding:10px;

}
.std-standard .sect-promotion{
min-width:250px;
max-width:250px;
min-height:200px;
}

.std-standard .sect-promotion img{
width:100%;
}

.std-standard .sect-promotion .banner-img{
width:100%;
height: 250px;
background-size:cover;
background-position:center;
display:flex;
align-items: last baseline;
color:white;
box-sizing:border-box;
margin-bottom:10px;
}

.std-standard .sect-promotion .banner-img .em{
background: rgba(0, 0, 0, 0.43);
width:100%;
padding:10px;
}

.std-standard .sect-promotion .banner-img div h3{
margin:0;
padding: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
width:100%;

}

.std-standard .sect-promotion .banner-img .btn{
display:flex;
align-items:center;
justify-content:space-between;
}

.std-standard .sect-promotion .banner-img .btn .m{
line-height:10px;
}

.std-standard .sect-promotion .banner-img .btn .m .nop{
font-size:10px !important;
text-decoration:line-through;
text-decoration-color:red;
font-style:italic;
}

.std-standard .sect-promotion .banner-img .btn .m .valp{
font-weight:bolder;
font-size:18px;
color:red;
}

.std-standard .sect-promotion .banner-img .btn button{
color:white;
background: rgb(4, 171, 40);;
border:none;
border-radius:10px;
padding:8px;        
margin-top:5px;
margin-bottom:5px;
cursor: pointer;  
font-size:15px;
font-weight:bold;  
}

.std-standard .sect-promotion .banner-img .btn button:hover{
background: rgba(5, 153, 5, 0.85);
transition-duration: 0.3s;
}

@media screen and (max-width: 900px) {
.std-standard .sect-promotion{
display:none;
}
}

.promo-input{
border:1px solid rgb(212, 212, 212);
padding:8px;
margin-top:10px;
margin-bottom:10px;
}

.promo-input h5{
margin:0;
padding:0;
margin-bottom:10px;
}

.promo-input form{
display:flex;
align-items: center;

}
.promo-input input{
padding:5px;
outline:none;
margin-right: 10px;

}

.promo-input button{
background:rgb(4, 171, 40);;
color:white;
border: 2px solid rgb(4, 171, 40);;
border-radius: 10px;
padding:5px;
cursor: pointer;
min-width: 100px;

}

@media screen and (max-width: 700px) {

.promo-input form{
display: block;
box-sizing: content-box;
}
.promo-input input{
width:80%;
display: block;
margin-top: 15px;
}
.promo-input button{
display: block;
margin-top: 5px;
}
}


.select-lieu select{
width:100%;
height:40px;
border:1px solid rgb(145, 144, 144);
padding:10px;
}

.select-lieu-vl-frais{
margin-top:20px;
border:1px solid rgb(163, 163, 163);
padding:10px;
background:red;
color:white;
}

.select-lieu-vl-frais #FraisLivraisonCalcule{
padding:5px;
font-size: 20px;
}

.btn-loading{
background:gray;
color:white;
padding:10px;
border-radius: 5px;
border:none;
font-size:18px;
}

.livraison-grd{
padding:15px;
border:1px solid rgb(145, 144, 144);
border-radius: 5px;
margin-top:15px;
}

.livraison-grd input{
height:25px;
width:25px;
}

.get-commande{
border:1px solid rgba(230, 230, 230, 0.45);
padding:25px;
box-sizing: border-box;
}

.get-commande h3{
color:rgb(255, 0, 25);
max-width: 600px;
}   

.get-commande p{
max-width: 600px;
}

.get-commande .box-choice-main{
display:inline-block;
vertical-align:bottom;
width: 300px;
border:1px solid rgba(192, 192, 192, 0.73);
padding:10px;
border-radius:10px;
margin:10px;
}
.get-commande .box-choice-main .viewer embed{
overflow:hidden;
}

.get-commande .box-choice-main .viewer embed {
scrollbar-width: none !important;  
}
.get-commande .box-choice-main .viewer embed::-webkit-scrollbar {
display: none !important;          
}

.get-commande .box-choice-main h4{
margin:0;
padding:0;
color:rgb(255, 0, 25);
margin-top:15px;
margin-bottom: 10px;
}

.get-commande .box-choice-main p{
margin:0;
padding:0;
margin-top:0px;
margin-bottom: 10px;
font-size:14px !important;
}

.get-commande .box-choice-main .form-btn{
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
box-sizing: border-box;
}
.get-commande .box-choice-main .form-btn form{
padding:5px;
}
.get-commande .box-choice-main .form-btn .button-1-en{
width:100%;
padding:8px;
background: rgb(4, 171, 40);
border:2px solid rgb(4, 171, 40);;
border-radius:10px;
color:white;
cursor: pointer;
font-size: 16px;
}
.get-commande .box-choice-main .form-btn .button-1-en:hover{

background: none;                        
color:rgb(4, 171, 40);;
transition-duration:0.3s;

}
.get-commande .box-choice-main .form-btn .button-2-en{
width:100%;
padding:8px;
background: rgb(231, 208, 2);
border:2px solid rgb(231, 208, 2);
border-radius:10px;
color:white;
cursor: pointer;
font-size: 16px;
}

@media screen and (max-width:650px) {

.get-commande .box-choice-main{
width:auto;
height:auto;
display:block;
margin:0;
margin-bottom:20px;
}

}

.method-paiement{
max-width:700px;
border:1px solid rgba(197, 197, 197, 0.32);
padding:15px;
border-radius:10px;
}

.method-paiement table{
text-align:left;
margin-top:15px;
width:100%;
}
.method-paiement table th,
.method-paiement table td{
padding:5px;
border-bottom: 1px solid  rgba(197, 197, 197, 0.32);

}
.method-paiement table th{
width:100px;
}
.method-paiement .query-paiement{
margin-top:20px;
}
.method-paiement .query-paiement .list-item{
display:flex;
width:100%;
box-sizing: border-box;
padding:10px;
border:1px solid rgba(197, 197, 197, 0.32);
margin:5px;
align-items:center;
cursor: pointer;
border-radius:5px;
}

.method-paiement .query-paiement .list-item:hover{
background:rgba(197, 197, 197, 0.32);
transition-duration:0.3s;
}
.method-paiement .query-paiement .list-item input{
height:25px;
width:25px;
margin-right:10px;
}

.method-paiement .query-paiement .list-item img{
max-width:100%;
max-height:50px;
cursor: pointer;

}

.stripe-integration #payment-form {
max-width: 450px;
margin: 50px auto;
padding: 10px;
border-radius: 12px;
font-family: Arial, sans-serif;
}

.stripe-integration .stripe-integration__field {
margin-bottom: 20px;
}

.stripe-integration label {
display: block;
margin-bottom: 6px;
font-weight: bold;
color: #333;
text-align: left; 
}

.stripe-integration input {
width: 100%;
padding: 12px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 8px;
box-sizing: border-box;
text-align: left; 
}

.stripe-integration #card-element {
border: 1px solid #ccc;
padding: 12px;
border-radius: 8px;
background-color: white;
font-size: 16px;
}
.stripe-integration #card-errors {
color: red;
margin-bottom: 20px;
font-size: 14px;
}

.stripe-integration button {
width: 100%;
padding: 14px;
font-size: 16px;
border: none;
border-radius: 8px;
background-color: #5469d4;
color: white;
cursor: pointer;
transition: background-color 0.3s;
}

.stripe-integration button:hover {
background-color: #4353b3;
}


.social-buttons {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}

.btn-social {
display: flex;
align-items: center;
gap: 5px;
padding: 8px 15px;
border-radius: 5px;
text-decoration: none;
color: white !important;
font-weight: bold;
font-size: 0.9rem;
}

.btn-google {
background-color: #ec4f06;
}

.btn-facebook {
background-color: #4267B2;
}


#payer-mvola {
padding:20px;
border:1px solid rgba(212, 212, 212, 0.57);
margin-top:15px;
text-align:center;
max-width:600px;
}

#payer-mvola input{
display:inline;
margin-bottom:15px;
width:100%;
max-width:400px;
height:35px;
border:1px solid rgba(212, 212, 212, 0.57);;
border-radius:5px;
padding:5px;
outline:none;
}

#payer-mvola button{
display:inline;
background:green;
color:white;
padding:13px;
border:2px solid green;
border-radius:10px;
width: 200px;
cursor: pointer;
font-weight:bold;
margin-bottom:10px;
}
#payer-mvola button:hover{
background:none;
color:green;
transition-duration:0.3s;
}


.slide-lst{
background-size:cover;
background-position: center!important;
}

.slide-lst .ctc-de{
padding:20px;
background: rgba(32, 32, 32, 0.29);
position:relative;
}

.slide-lst .banner-1 {
overflow: hidden;
width: 100%;
position: relative;
height: 170px;
background:rgba(255, 255, 255, 0.9);;
border-radius:20px;

}

.slide-lst .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0; 
transition: opacity 0.5s ease-in-out;
display: flex;
align-items:center;
justify-content:space-between;
box-sizing: border-box;
height:100%;
}

.slide-lst .slide.active {
opacity: 1;
z-index: 10;
}

.slide-lst .carousel-dots {
text-align: center;
padding: 10px 0;
z-index: 50; 
width: 100%;
margin-top: 5px; 
}

.slide-lst .dot {
display: inline-block; 
height: 10px;
width: 10px;
margin: 0 5px;
background-color: rgb(207, 207, 207);
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s;
}

.slide-lst .dot.active {
background-color: rgb(212, 0, 0);
}

.slide-lst .banner-1 .slide .content{
padding: 15px;
width: 70%;
min-width: 200px;
padding:20px;
height:100%;
display:flex;
align-items:center;
background-size: cover !important;
}

.slide-lst .banner-1 .slide .content h2{
padding:0;
margin:0;
margin-bottom:10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
font-weight:bold;
color: rgb(255, 0, 25);
}

.slide-lst .banner-1 .slide .content p{
padding:0;
margin:0;
margin-bottom:10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.slide-lst .banner-1 .slide .content button{
padding:10px;
border: 2px solid rgb(0, 168, 0);
background: rgb(0, 168, 0);
color:white;
border-radius:10px;
margin-top:5px;
}
.slide-lst .banner-1 .slide .content button i{
margin-left:10px;
}

.slide-lst .banner-1 .slide .image{
width:30%;
height:100%;
background-size:cover;
}

.slide-lst .banner-1 .slide .content button:hover{
color: rgb(0, 168, 0);
cursor: pointer;
background:none;
transition-duration:0.3s;
}

@media screen and (max-width: 700px) {
.slide-lst .slide {
display:block;
width: 100%;
}

.slide-lst .banner-1 {
height: 200px;
text-align:center;
}
.slide-lst .banner-1 .slide .content{
width: 100%;
box-sizing:border-box;
}
.slide-lst .banner-1 .slide .image{
display:none;
}
}


.categorie-lst{
padding:20px;
background: rgb(208, 208, 208);
}

.categorie-lst .item-ct{
padding:15px;
height:300px;
width: 200px;
display:inline-block;
margin:10px;
background:white;
}

.categorie-lst .item-ct h5{
margin:0;
padding:0;
text-align:left;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.categorie-lst .item-ct .img{
height:265px;
width:100%;
background-size:cover;
background-position:center;
display:flex;
align-items:last baseline;
margin-top:15px;
padding:15px;
box-sizing:border-box;
}

.categorie-lst .item-ct .img a{
color:white;
text-shadow : 0 0 10px rgb(31, 31, 31);
font-weight:bold;
text-decoration:underline;
font-size:14px;
}

@media screen and (max-width:700px) {
.categorie-lst .item-ct{
display:block;
width:100%;
margin:0;
margin-bottom:10px;
box-sizing:border-box;
height:300px;
}
.categorie-lst .em-2{
display:none;
} 

.categorie-lst .item-ct .img{
height:220px;
}
}

.section-remise{
background: rgb(255, 0, 25) !important;
color:white !important;
padding:20px;
}
.section-remise .intro , .section-remise .intro h2{
margin:0 !important;
padding:0 !important;
font-weight:bold;
color:white !important;
}


.section-remise .intro span a{
color:white;
text-decoration:underline;
font-weight:bold;
}
.section-remise .ventes-contains{
border:none !important;
margin-top:0 !important;
padding-top:0 !important;
}

.section-remise .ventes-contains .item{
border:none !important;
color:rgb(31, 31, 31) !important;
}

.section-remise .ventes-contains  .arrow i{
background:rgba(30, 218, 6, 0.86) !important;
}


.categorie-vnt{
background: rgba(211, 211, 211, 0.84);
padding:20px;
padding-top:30px;
padding-bottom: 30px;
}

.categorie-vnt .item-ct{
width: 150px;
display:inline-block;
margin:5px;
}

.categorie-vnt .item-ct .img{
height: 120px;
width: 120px;
border-radius: 50%;
border : 4px solid  rgba(255, 255, 255, 0.93);
background-size:cover;
background-position:center;
}
.categorie-vnt .item-ct h5{
margin:0;
padding:0;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.galerie-std #GalerieVente {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
gap:1px;
height: 200px;
overflow: hidden;
overflow-x: auto;
scrollbar-width: none;
}

.galerie-std #GalerieVente::-webkit-scrollbar {
display: none; 
}
.galerie-std .item{
width: 100%;
min-width:200px;
height:100%;
display:block;
background-size:cover;
background-position:center;
position:relative;
}

.galerie-std .item .icon{
position:absolute;
z-index: 50;
top: 10px;
right: 10px;
opacity:1;
}
.galerie-std .item .icon a{
text-decoration:none;
}
.galerie-std .item .icon i {
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
height:30px;
width:30px;
background:rgb(255, 0, 25);
color:white;
border-radius: 50%;
}
.galerie-std .item .icon i:hover{
background:white;
color: rgb(255, 0, 25);
transition-duration:0.3s;
}
.galerie-std .item .item:hover{
opacity:0;
transition-duration:1s;
}

.bn-pro{
padding:20px;
background: rgba(234, 234, 234, 0.81);
}

.bn-pro .intro {
display:flex;
justify-content:space-between;
}

.bn-pro .intro a{
color:rgb(214, 0, 0);
text-decoration:underline;
font-weight:bold;
}

.bn-pro .intro h2{
padding:0;
margin:0;
margin-bottom: 15px;
}
.bn-pro .my-carousel-wrapper {
position: relative;
display: flex;
align-items: center;
width: 100%;
overflow: hidden;
box-sizing: border-box;   
margin-bottom:20px; 

}

.bn-pro .my-carousel {
display: flex;
flex-wrap: nowrap;     
gap: 5px;
overflow-x: auto;
scroll-behavior: smooth;
padding: 10px;
scrollbar-width: none;
flex: 1;
box-sizing: border-box;
padding-left: 20px;
user-select: none;   
-webkit-user-select: none; 
-moz-user-select: none;  
-ms-user-select: none; 
}
.bn-pro .my-carousel::-webkit-scrollbar { display: none; }

.bn-pro .my-carousel-item {
flex: 0 0 auto;     
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
color: rgb(41, 40, 41);
background: rgba(235, 166, 166, 0.68);;
margin-right:1px;
padding:7px;
}

.bn-pro .my-carousel-item a{
color:inherit;
}

.bn-pro .my-carousel-btn {
position: absolute;
z-index: 50;
background: rgba(255, 0, 25, 0.82);
color: white;
border: none;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
top:15px;
}

.bn-pro .btn-right{
right:10px;
}

.bn-pro .btn-left{
left:10px;
}

.bn-pro .recup-abt .main-lft{
display:flex;
justify-content:space-between;
width:100%;
box-sizing: border-box;
align-items:  top;
}

.bn-pro .recup-abt .main-lft .item-1{
width:40%;
display:block;
}

.bn-pro .recup-abt .main-lft .item-2{
width:60%;

}

.bn-pro .recup-abt .main-lft .item-1 .prd-chh{
width:100%;
}

.bn-pro .recup-abt .main-lft .item-2 .prd-chh{
display:none;
}

.bn-pro .recup-abt .main-lft .item-1 .content{
background:white;
padding:15px;
}

.bn-pro .recup-abt .main-lft .item-1 .content .remise-primary{
line-height:10px;
font-size:14px !important;
}

.bn-pro .recup-abt .main-lft .item-1 .content .remise-primary .none{
font-size: 12px !important;
text-decoration: line-through red 2px;
}

.bn-pro .recup-abt .main-lft .item-1 .content h5{
margin:0;
padding:0;
margin-bottom:5px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.bn-pro .recup-abt .main-lft .item-1 .content a h5{
color:rgb(214, 0, 0);
font-weight:bold;
text-decoration:underline rgb(214, 0, 0);;
}
.bn-pro .recup-abt .main-lft .item-1  .img{
height:300px;
width:100%;
background-size:cover;
background-position:center;
margin-top:10px;
}

.bn-pro .recup-abt .main-lft .item-1 .w-swift{
display:none;
}
.bn-pro .recup-abt .main-lft .item-2 .w-swift .clasf-1{
display:none !important;
}
.bn-pro .recup-abt .main-lft .item-2 .w-swift .content{
display:inline-block;
margin-right:5px;
margin-bottom:5px;
text-align:left;
width: calc(100%/5.2);
height:150px;
padding:10px;
background:white;
}
.bn-pro .recup-abt .main-lft .item-2 .w-swift .list-scd{
width:100%;
height:100px;
background-size:cover;
background-position:center;
}

.bn-pro .recup-abt .main-lft .item-2 .w-swift  .content h5{
margin:0;
padding:0;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
width:100%;
}

.bn-pro .recup-abt .main-lft .item-2 .w-swift  .content a h5{
margin-bottom:5px;
color: rgb(214, 0, 0);
text-decoration: underline rgb(214, 0, 0);
}

.bn-pro .recup-abt .main-lft .item-2 .w-swift  .content .prix h5{
font-weight:normal;
}

.bn-pro .recup-abt .main-lft .item-2 .w-swift  .content .remise{
line-height:13px;
}

.bn-pro .recup-abt .main-lft a{
color:inherit;
text-decoration:underline;
font-weight:bold;
}

.bn-pro .recup-abt .main-lft .item-2 .w-swift  .content .remise .none{
text-decoration: line-through 2px red;
font-size:10px !important;
}
.bn-pro .recup-abt .main-lft .item-2 .w-swift  .content .remise .none h5{
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: 
}


.bn-pro .recup-abt .main-lft .btn-rows{
display:none;
text-align:center;
}

.bn-pro .recup-abt .main-lft .btn-rows  button{
padding:10px;
background: rgb(0, 138, 0);
color:white;
border : 2px solid rgb(0, 138, 0);
border-radius:20px;
min-width:180px;
}
.bn-pro .recup-abt .main-lft .btn-rows  button:hover{
background:none;
color : rgb(0, 138, 0);
transition-duration:0.3s;
cursor: pointer;
}

@media screen and (max-width: 900px){
.bn-pro .recup-abt .main-lft .item-2 .w-swift .content{
width: calc(100%/6);
}
}

@media screen and (max-width: 700px) {
.categorie-vnt .em-2{
display:none;
}
.bn-pro .recup-abt .main-lft{
display:block;
width:100%;
box-sizing:border-box;
padding:5px;
}
.bn-pro .recup-abt .main-lft .item-1{
display:none !important;
}
.bn-pro .recup-abt .main-lft .item-2{
width:100%;
}
.bn-pro .recup-abt .main-lft .item-2 .w-swift .clasf-1{
display:block !important;
}
.bn-pro .recup-abt .main-lft .item-2 .w-swift .content{
width:100%;
display:block;
box-sizing:border-box;
margin-right:0 !important;
height:auto;
margin-bottom: 15px;
}
.bn-pro .recup-abt .main-lft .item-2 .w-swift .list-scd{
height: 200px;
}
.bn-pro .recup-abt .main-lft .item-2 .w-swift .clasf-5,
.bn-pro .recup-abt .main-lft .item-2 .w-swift .clasf-6,
.bn-pro .recup-abt .main-lft .item-2 .w-swift .clasf-7,
.bn-pro .recup-abt .main-lft .item-2 .w-swift .clasf-8,             
.bn-pro .recup-abt .main-lft .item-2 .w-swift .clasf-9{
display:none;
}

.bn-pro .recup-abt .main-lft .btn-rows{
display:block;
}
}

.cta-button-std{
padding:30px;
background:rgb(25, 150, 0);
color:white;
}

.cta-button-std h2{
text-transform:uppercase;
margin:0;
padding:0;
margin-bottom: 10px;
font-weight:bold;
}


.cta-button-std .main-tp{
max-width: 500px;
}

.cta-button-std .main-tp .t i{
font-size:45px;
background:white;
color: rgb(0, 117, 56);
height:60px;
width: 60px;
border-radius:50px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom: 20px;
}

.cta-button-std .main-tp p{
margin:0;
padding:0;

}

.cta-button-std .main-tp .social-mpm{
display:flex;
align-items:center;
justify-content:center;
}

.cta-button-std .main-tp .social-mpm a{
display:block;
height:30px;
padding:5px;
background:white;
display:flex;
align-items:center;
justify-content:center;
margin:5px;
min-width:30px;
border-radius:30px;
text-decoration:none;
color:rgb(31, 31, 31);
}

.cta-button-std .main-tp .social-mpm {
margin-top:15px;
}

.cta-button-std .main-tp .social-mpm .btn{
background:none;
border:2px solid white;
color:white;
font-weight:bold;
padding:8px;
}

.cta-button-std .main-tp .social-mpm .btn:hover{
color:rgb(0, 117, 56);
background:white;
border:2px solid white;
transition-duration:0.5s;
}

.cta-button-std .main-tp .social-mpm .bicon{
padding:5px;
}
.cta-button-std .main-tp .social-mpm i{
font-size:20px;
}

.cta-button-std .main-tp .social-mpm a .google{
color: #ec4f06;
}

.cta-button-std .main-tp .social-mpm a .facebook{
color: #4267B2
}
.other-std{
display:flex;
justify-content:space-between;
width:100%;
box-sizing:border-box;
padding:20px;
background: rgba(229, 229, 229, 0.53);
}
.other-std .stc{
width: 50%;
padding:20px;
border-radius:5px;
margin:10px;
}

.other-std .stc h2{
margin:0;
padding: 0;
color: rgb(255, 0, 25);
margin-bottom: 10px;
}

.other-std .stc p{
font-size: 14px !important;
margin:0;
padding:0;
max-width: 500px;
text-align:justify;
}

.other-std .stc form input{
height:20px;
border:1px solid rgb(192, 192, 192);
outline:none;
border-radius:30px;
padding:8px;
margin-top:10px;
width: 80%;
max-width:500px;
min-width:200px;
background:white;
}

.other-std .stc form button{
display:block;
background:rgb(0, 161, 0);
border: 2px solid rgb(0, 161, 0);
min-width:180px;
border-radius: 30px;
margin-top:10px;
cursor: pointer;
color:white;
padding:8px;
font-weight:bold;
}
.other-std .stc form button:hover{
background:none;
color : rgb(0, 161, 0);
transition-duration:0.5s;
}

.other-std .stc .icn i{
font-size: 35px;
margin-bottom:20px;
color: rgb(0, 161, 0);
}
.other-std .banner{
padding:10px;
background:white;
}
.other-std .banner div{
height:100%;
}

@media screen and (max-width:700px) {
.other-std{
display:block;
box-sizing:border-box;
padding:30px;
}

.other-std .stc{
width:100% !important;
display:block;
margin:0 !important;
padding: 0 !important;
}

.other-std .banner{
display:none;
}


.other-std .stc p{
width:100%;
max-width:auto:
}
}


.offres-services{
background:rgba(229, 229, 229, 0.53);
padding:20px;
}

.offres-services .intro h2{
padding: 0;
margin:0;
margin-bottom:20px !important;
}
.offres-services .menu-data {
padding-top:30px;
}
.offres-services .menu-data .item{
display:inline-block;
width:200px;
text-align:left;
vertical-align:top;
margin-right:20px;
margin-bottom:20px;
}

.offres-services .menu-data .item .icn i{
height:45px;
width:45px;
display:flex;
align-items:center;
justify-content:center;
border-radius: 50%;
background: rgb(0, 161, 0);
color:white;
font-size:30px;
margin-bottom:15px;
}

.offres-services .menu-data .item h4{
margin:0;
padding:0;
margin-bottom:5px;
color: rgb(0, 161, 0);
font-weight: 900;
}

.offres-services .menu-data .item p{
margin:0;
padding: 0;
font-size: 15px;
height:150px;
color: rgb(31, 31, 31);
}

.offres-services .menu-data .item .link{
margin-top:15px;
border-top: solid 1px rgba(211, 211, 211, 0.82);
padding-top:15px;
}

.offres-services .menu-data .item .link a{
color:rgb(255, 0, 25);;
font-size:14px !important;
}

@media screen and (max-width:700px) {
.offres-services .menu-data .item{
display:block;
margin-right:0;
margin-bottom:25px;
width:100%;
}
.offres-services .menu-data .item p{
height:auto;
}
}
footer{
background: rgb(31, 31, 31);

}
footer .element{
display:flex;
width:100%;
box-sizing:border-box;
padding:30px;
justify-content:space-between;
border-top:5px solid green;
}
footer .element .list-item {
max-width:300px;
min-width: 200px;
margin-right:10px;
}
footer .element .list-item .item img{
height:60px;
margin-bottom:15px;
}

footer .element .list-item .item ul{
padding:0;
margin:0;
}

footer .element .list-item .item ul li{
list-style:none;
border-bottom:1px solid rgba(255, 255, 255, 0.24);
padding:5px;
color:white;
font-size:14px;

}

footer .element .list-item .item ul .bo{
border:none;
margin-top:5px;
}

footer .element .list-item .item ul li a {
color:white;
text-decoration:none;
}
footer .element .list-item .item .langsite-footer{
background: rgba(243, 243, 243, 0.98);
padding:5px;
border-radius:10px;
font-size:14px;
display:inline-block;
font-size:13px;
min-width:100px;
margin-top:10px;
}

footer .element .list-item .item .langsite-footer .config{
border-bottom: 1px solid rgba(184, 184, 184, 0.86);;
padding:2px;
}
footer .element .list-item .item .langsite-footer .config a{
display:flex;
align-items:center;
text-decoration:none;
color:rgb(31, 31, 31);
}
footer .element .list-item .item .langsite-footer .config svg{
height:19px;
width:20px;
margin-right:10px;
position:relative;
top:3px;
}
footer .element .list-item .item .paiement-config{
background:white;
padding:10px;
border-radius:10px;
font-size:14px;
width:180px;
height:80px;
margin-top:20px;
}
footer .element .list-item .item .paiement-config img{
width:100%;
margin-top:5px;
}
footer .element .list-item .item .social-footer {
margin-top:20px;
color:white;
font-size:12px;
}
footer .element .list-item .item .social-footer .config{
display:flex;            
align-items:center;
margin-top:10px;
}
footer .element .list-item .item .social-footer a{
text-decoration:none;
}
footer .element .list-item .item .social-footer i{
height:40px;
width:40px;
display: flex;
align-items:center;
justify-content:center;
font-size:30px;
color: white;
text-decoration:none;
margin-right:10px;
}

@media screen and (max-width:950px) {
footer .element{
display:block;
}
footer .element .list-item{
display:block;
margin-right:0 !important;
margin-bottom:20px;
}
}

footer .copyright{
padding:20px;
color:white;
font-size:14px;
}

@media screen and (max-width:700px) {
footer .element{
display:block;
}
footer .element .list-item{
display:block;
margin-right:0 !important;
margin-bottom:20px;
max-width:100%;
min-width:100%;
width:100%;

}
}


.log-mobile{
padding:5px;
color: rgb(31, 31, 31);

}

.log-mobile h1{
color:rgb(255, 0, 25);
text-transform: uppercase;
}

.log-mobile .section{
border: 1px solid rgba(163, 163, 163, 0.72);
}

.log-mobile a{
color:inherit;
text-decoration:none;
}
.log-mobile .logiciel-menu .menu{
display:flex;
align-items:center;
width:100%;
box-sizing:border-box;
justify-content: space-between;
padding:5px;
border-bottom: 1px solid rgb(222, 222, 222);
font-weight:bold;
}
.log-mobile .logiciel-menu .menu .bi-list{
font-size:23px;
}
.log-mobile .logiciel-menu .menu a{
display:flex;
align-items:center;
text-decoration:none;

}
.log-mobile .logiciel-menu .menu i{
margin-right:5px;
color:white;
height:30px;
width:30px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background: rgb(255, 0, 25);
}

.log-mobile .logiciel-menu .menu .over{
display:flex;
align-items:center;
justify-content: space-between;
}

.log-mobile .logiciel-menu .menu .over .item{
padding:8px;
position:relative;
}

.log-mobile .logiciel-menu .menu .over .item .droplist{
position:absolute;
top:40px;
right:5px;
padding:5px;
background: white;
min-width:150px;
padding-left:10px;
padding-right:10px;
border-radius:5px;
box-shadow: 0 0 10px rgba(125, 125, 125, 0.48);
display:none;
z-index:62;
}

.log-mobile .logiciel-menu .menu .over .item .droplist div{
padding:5px;
border-bottom: 1px solid rgba(125, 125, 125, 0.48);
}

.log-mobile .logiciel-menu .menu .over .item .droplist i{
background:rgb(4, 171, 40);;
color: white;
height:20px;
width:20px;
font-size:13px !important;
}

.log-mobile .logiciel-menu .menu .over .item .block{
display:block;
}
.log-mobile .logiciel-container{
display:flex;
justify-content: space-between;
width:100%;
box-sizing:border-box;            
}
.log-mobile .logiciel-container  .item-ctc{
padding:10px;
overflow-y: auto;
scrollbar-width:thin;
}

.log-mobile .logiciel-container  .item-ctc .categorie-item{
border-bottom:1px solid rgba(210, 210, 210, 0.72);
padding:2px;
margin-top:5px;
padding-bottom:5px;
}
.log-mobile .logiciel-container .data-load{
flex:2;
padding:10px;
}

.log-mobile .logiciel-container .toggle{
max-width: 0px;
overflow:hidden !important;   
background:rgba(60, 40, 40, 0.84);
transition-duration:0.5s;                     
}
.log-mobile .logiciel-container .opacity{
opacity:0;
overflow:hidden;   

}

.log-mobile .logiciel-container .main-lt{
max-height:95vh;
overflow-y:auto;
scrollbar-width:thin;
}

.log-mobile .logiciel-container .alert-null{
margin-top:20px;
background: rgb(255, 0, 25);
color:white;
border-radius:10px;
padding:10px;
}

.log-mobile .logiciel-container .recupLogiciel .item {
width: 180px;
background-color: rgba(255, 255, 255, 0.97);
border-radius: 5px;
text-align: center;
font-weight: bold;
font-size: 16px;
user-select: none;
font-size:14px !important;
font-weight:normal;
display:inline-block;
box-shadow: 0 0 10px rgba(191, 191, 191, 0.52);
margin:5px;
padding:5px;
}

.log-mobile .logiciel-container .recupLogiciel .item .rel-a{
position:relative;
}

.log-mobile .logiciel-container .recupLogiciel .item .rel-a .abs-calendar{
position:absolute;
top:5px;
margin:10px;
background:rgba(0, 168, 0, 0.872);
color:white;
border-radius:20px;
padding:5px;
font-size:12px !important;
}
.log-mobile .logiciel-container .recupLogiciel .item .rel-a .abs-vente{
position:absolute;
top:5px;
margin:10px;
background: rgb(255, 0, 25);
color:white;
border-radius:20px;
padding:5px;
font-size:13px !important;

}
.log-mobile .logiciel-container .recupLogiciel .item .image{
height:150px;
width:100%;
}


.log-mobile .logiciel-container .recupLogiciel .item .image:hover{
opacity:0;
transition-duration:0.5s;
cursor: pointer;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd{
display:block;
padding:10px;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .h{
height:35px;
width:100%;
display:flex;
align-items:center;
box-sizing:border-box;
}
.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd div h3{
margin:0;
padding:0;
line-height:17px;
font-size:15px !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
width:100%;
text-align:left;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .upon{
display:flex;
align-items:center;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .upon .etm{
display:flex;
align-items:center;
margin-right:10px;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .upon .etm i{
margin-right:8px;
}
.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .price{
height:35px;
}
.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .price td{
color: rgb(255, 0, 25);
font-weight:bolder;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .price td .el-prix{
line-height:13px;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .price td .el-prix .ap{
font-size:10px !important;
color:rgb(31, 31, 31) !important;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .price td .el-prix .ap .bart{
text-decoration: line-through;
text-decoration-thickness: 2px;
text-decoration-color: rgb(255, 0, 25);
text-decoration-skip-ink : none;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .btn-list-ap{
display:flex;
align-items:center;
justify-content:space-between;
box-sizing: border-box;
margin-top:10px;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .btn-list-ap .pl2{
display:flex;
align-items:center;
justify-content:space-between;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .btn-list-ap .pl2 a{
display:block;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .btn-list-ap a button{                    
margin:2px;
padding:5px;
border-radius:15px;
border:none;
background:rgb(4, 171, 40);;                    
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .btn-list-ap .pl1 a button{
font-size:17px;
color:white;
min-width:90px;
cursor: pointer;
border:rgb(4, 171, 40) 2px solid;

}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .btn-list-ap .pl1 a button:hover{
background:none;
color:rgb(4, 171, 40);; 
transition-duration:0.3s;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .btn-list-ap .pl2 a button{
background:none;
font-size:18px;
cursor: pointer;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .btn-list-ap .pl2 a button i{
color: rgb(4, 171, 40);
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .btn-list-ap .pl2 a button i:hover{
color:red;
transition-duration:0.3s;
}

.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .btn-list-ap .pl2 a button .bi-heart-fill,
.log-mobile .logiciel-container .recupLogiciel .item .ctc-prd .generic .btn-list-ap .pl2 a button .bi-basket-fill{
color:red !important;
}
.section-vente-standard .ventes-contains .style-1 .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: none;
display:flex;
align-items:center;
justify-content:center;
color: white;
border: none;
cursor: pointer;
font-size: 30px;
z-index: 10;
}

.section-vente-standard .ventes-contains .style-1 .arrow i{
background:rgba(255, 0, 0, 0.865);
color:white;
width:45px;
height:45px;
display:flex;
align-items:center;
justify-content:center;
}

.section-vente-standard .ventes-contains .style-1 .arrow.left {
left: 5px;
}

.section-vente-standard .ventes-contains .style-1 .arrow.right {
right: 5px;
}

.log-mobile .logiciel-container .recupLogiciel .pagination-php{
padding-top:15px;
margin-bottom: 15px;
}
.log-mobile .logiciel-container .recupLogiciel .pagination-php a{
display:inline-block;
margin:2px;
padding:3px;
font-size:16px;
}

.log-mobile .logiciel-container .recupLogiciel .pagination-php strong{
color:rgb(255, 0, 25);

}

.log-mobile .logiciel-container .recupLogiciel .pagination-php .link{
background:rgb(4, 171, 40);
color:white;
border-radius:5px;
}



@media screen and (max-width: 700px) {
.log-mobile .logiciel-container {
position:relative;
}
.log-mobile .logiciel-container .main-lt{
height: 90vh;
}
.log-mobile .logiciel-container  .item-ctc{
position:absolute;
top:1px;
z-index:60;
width:100%;
max-width:100%;
box-sizing:border-box;
display:none;
max-height:100%;
overflow-y:auto;
scrollbar-width:thin;
background:white;

}
.log-mobile .logiciel-container .toggle{
display:block;
max-width: 100%;
}

.log-mobile .logiciel-container .none{
display:none;
max-width: 100%;
}
.log-mobile .logiciel-container .opacity{
opacity:1;
}
}

@media screen and (max-width: 500px){
.log-mobile .logiciel-container .recupLogiciel .item{
display:block;
margin:0px;
margin-bottom:10px;
width:100%;
box-sizing:border-box;
}
}

.sugg-data-search .vide{
color:rgb(255, 0, 25);
}
.search-item{
display:flex;
width:100%;
box-sizing:border-box;
align-items:center;
padding:5px;
border-bottom: 1px solid rgba(178, 178, 178, 0.38);
}

.search-item a{
color:rgb(255, 0, 25);
text-decoration:underline;
}

.search-item .img{
height:60px;
width:60px;
min-width:60px !important;
position:relative;
}

.search-item .img .em-c{
position:absolute;
bottom:4px;
right:4px;
}

.search-item .img .em-c i{
height:30px;
width:30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color:white;
}
.search-item .img .em-c .bi-calendar-check{
background: rgb(0, 168, 0);
}
.search-item .img .em-c .bi-bag-check{
background: rgb(255, 0, 25);
}
.search-item  .txt{
padding:5px;
text-align:left;
}
.search-item  .txt h4{
margin:0;
padding:0;
line-height:16px;
font-size:14px !important;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
width:100%;

}

.search-item  .txt p{
margin:0;
padding:0;
line-height:14px;
font-size: 12px !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
width:100%;
margin-top:5px;

}


.help-center .search{
display:flex;
align-items:center;
justify-content: center;
width:100%;
box-sizing:border-box;
}

.help-center .search input{
margin:5px;
}

.help-center .search input,
.help-center .search button{
height:40px;
padding:8px;
}

.help-center .search input{
width: 100%;
max-width:600px;
border-radius:20px;
border:2px solid rgba(173, 173, 173, 0.25);
outline:none;
}

.help-center .search button{
border-radius : 30px;
border: 2px solid rgb(4, 171, 40);;
background: rgb(4, 171, 40);
color:white;
font-weight:bold;
cursor: pointer;
}

.help-center .search button:hover{
background:none;
color : rgb(4, 171, 40);
transition-duration:0.3s;
}

.help-center .contenu-help{
margin-top:20px;
max-width:1000px;
border:1px solid rgba(209, 209, 209, 0.61);
padding:15px;
border-radius:5px;
margin-bottom:20px;
}

.help-center .contenu-help .vide{
padding:10px;
margin:10px;
background : rgb(255, 0, 25);
color: white;
}

.help-center .contenu-help .data-page .item-hp{
width:300px;
display:inline-block;
margin:10px;
margin-bottom:40px;
}

.help-center .contenu-help .data-page .item-hp h4{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
width:100%;
text-align:left;
margin:0;
padding:0;
margin-bottom:5px;
}
.help-center .contenu-help .data-page .item-hp p{
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
width:100%;
text-align:left;
margin:0;
padding:0;
margin-bottom:15px;
}

.help-center .contenu-help .data-page .item-hp .link{
border-top : 1px solid rgba(212, 212, 212, 0.5);
padding-top:15px;

}

.help-center .contenu-help .data-page .item-hp .link button{
border: 2px solid rgb(4, 171, 40);
padding:5px;
background: rgb(4, 171, 40);
color:white;
}

.help-center .contenu-help .data-page .item-hp .link button:hover{
background:none;
color: rgb(4, 171, 40);
transition-duration: 0.3s;
cursor: pointer;
}

.help-center .contenu-help .data-page .pagination-php a{
display:inline-block;
margin:5px;
}
.help-center .contenu-help .data-page .pagination-php .link{
background: rgb(4, 171, 40);
padding:5px;
border-radius:5px;
color:white;
font-size:14px !important;
}

.help-center .contenu-help .data-page .pagination-php strong{
color: red;
}

@media screen and (max-width: 700px) {
.help-center .contenu-help .data-page .item-hp{
width:100%;
display:block;
margin:0px;
margin-bottom:40px;
}
}

.pup-head-rn {
position: fixed;
top: 0;
left : 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.808);
z-index: 2000;
display:none;
align-items:center;
justify-content: center;
padding:20px;
box-sizing: border-box;
}

.pup-block{
display:flex;
}

.pup-head-rn .content{
background:white;
min-width:200px;
max-width:800px;
min-height:200px;
position:relative;
border-radius: 10px;
box-shadow: 0 0 10px rgba(113, 113, 113, 0.394);
}

.pup-head-rn .content .help-content{
max-height:70vh;
min-height: 70vh;
overflow-y: auto;
scrollbar-width: thin;
padding:20px;
}
.pup-head-rn .content .help-content img{
height:40px;
margin-bottom: 15px;
}
.pup-head-rn .content .help-content h3{
margin:0;
padding: 0;
margin-bottom:8px;
color:rgb(255, 0, 25);
}

.pup-head-rn .content .help-content .icn{
font-size: 12px;
margin-bottom: 10px;
color:rgb(25, 25, 25);
}

.pup-head-rn .content .help-content p{
margin:0;
padding: 0;
font-size: 14px;
max-width: calc(100% - 20px);
}

.pup-head-rn .content .close{
padding:15px;
text-align:right;
color:red;
background:rgb(231, 231, 231);
font-size:20px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
cursor: pointer;

}


.textuel-section .content{
padding:20px;
}

.textuel-section .content .element{
display:flex;
justify-content:space-between;
width:100%;
box-sizing:border-box;
}

.textuel-section .content .element .rubriques{
width:250px;
border:1px solid rgba(153, 151, 151, 0.72);
padding:15px;
border-radius:10px;
}
.textuel-section .content .element .rubriques .link{
font-weight:bold;
text-decoration:underline !important;
color: rgb(4, 171, 40);
}
.textuel-section .content .element .rubriques ul{
padding:0;
margin:0;
margin-top:10px;
}

.textuel-section .content .element .rubriques ul li{
list-style:none;
padding:10px;
border-bottom: 1px solid rgba(208, 208, 208, 0.65);
font-size:13px;
}
.textuel-section .content .element .rubriques a{
color:inherit;
text-decoration:none;
}

.textuel-section .content .element .container{
flex:1;
padding:20px;
padding-left:35px;
}

.textuel-section .content .element .container h1{
margin:0;
padding:0;
margin-bottom:20px;
}

.textuel-section .content .element .container h3{
margin:0;
padding:0;
margin-top:30px;
}

.textuel-section .content .element .container p{
margin:0;
padding:0;
margin-top:10px;
margin-bottom:10px;
max-width:800px;
font-size: 15px;
}

@media screen and (max-width: 750px) {
.textuel-section .content .element{
display:block;
width:100%;
box-sizing:border-box;
}
.textuel-section .content .element .rubriques{
display:none;
}
.textuel-section .content .element .container{
padding-left:0;
}
}


.info-produit .container{
display:flex;
padding:20px;
width:100%;
box-sizing:border-box;
margin-top:30px;
padding-left:30px;
}

.info-produit .container .box-prd{
max-width:500px;
}
.info-produit .container .image{
padding-right:30px;
max-width:400px;
}
.info-produit .container .box-prd .img-principal{
position:relative;
min-width:400px;
max-width: 400px;
}

.info-produit .container .box-prd .img-principal .abs-calendar{
position:absolute;
top:20px;
right:10px;
background: rgb(0, 118, 26);
color:white;
padding:10px;
border-radius:20px;
box-shadow: 0 0 10px rgba(100, 100, 100, 0.15);
}
.info-produit .container .box-prd .img-principal .abs-vente{
position:absolute;
top:20px;
right:10px;
background: rgb(255, 0, 25);
color:white;
padding:10px;
border-radius:20px;
box-shadow: 0 0 10px rgba(100, 100, 100, 0.15);
}
.info-produit .container .box-prd .img-principal img{
width:100%;
min-height:200px;
max-height:350px;
object-fit:cover;
object-position:center;
border-radius:15px;
}

.info-produit .container .box-prd .image-oth{
margin-top:20px;
border-bottom:1px solid gray;
text-align:center;
}

.info-produit .container .box-prd  .btn-download-ftp button{
width:100%;
background: rgb(255, 0, 25);
color:white;
border: 2px solid rgb(255, 0, 25);
padding:8px;
border-radius:15px;
min-height:40px;
margin-top:20px;
cursor: pointer;
}

.info-produit .container .box-prd  .btn-download-ftp button:hover{
background:none;
color:  rgb(255, 0, 25);
transition-duration:0.3s;
}

.info-produit .container .box-prd .image-box-list{
display:inline-block;
max-width:50px;
max-height:50px;
margin-right:10px;
margin-bottom:10px;
padding:5px;
background:rgba(205, 205, 205, 0.36);
border-radius:10px;
}

.info-produit .container .box-prd .image-box-list img{
width:100%;
height:50px;
object-fit:cover;
object-position:center;
border-radius:20px;
}
.info-produit .container .box-prd  h1{
margin:0;
padding:0;
margin-bottom:10px;
font-size:25px;
line-height:27px;
}
.info-produit .container .box-prd .info-prd{
display:flex;
font-size:14px;
align-items:center;

}

.info-produit .container .box-prd .info-prd .ctc-prd{
display:flex;
align-items:center;
margin-right:20px;
}

.info-produit .container .box-prd .info-prd i{
color: rgb(255, 0, 25);
margin-right:5px;
}

.info-produit .container .box-prd .avis{
display:flex;
align-items:center;
padding:5px;
border-radius:5px;
box-sizing:border-box;
margin-top:10px;

}

.info-produit .container .box-prd .avis .control{
display:flex;
align-items:center;
}

.info-produit .container .box-prd .avis .control a{
text-decoration:none;
color:inherit;
}

.info-produit .container .box-prd .avis .control .note{
font-weight:bold;
font-size: 14px;
}

.info-produit .container .box-prd .avis .rating {
display: flex;
gap: 1px;
margin-right:5px;
margin-left:5px;
}

.info-produit .container .box-prd .avis .vues{
display:flex;
align-items:center;
margin-left:15px;
}

.info-produit .container .box-prd .avis .vues i{
margin-right:5px;
}

.info-produit .container .box-prd .avis .rating .star {
color: rgb(255, 0, 25);
}

.info-produit .container .box-prd .avis .rating .bi-star-fill,
.info-produit .container .box-prd .avis .rating .bi-star-half,
.info-produit .container .box-prd .avis .rating .bi-star {
margin-right: 3px;
}

.info-produit .container .box-prd .avis .nposition{
display:flex;
align-items:center;
border:1px solid rgba(189, 189, 189, 0.5);
padding:5px;
border-radius:15px;
margin-right:10px;
}

.info-produit .container .box-prd .avis .nposition .element-avis{
margin-right:5px;
}

.info-produit .container .box-prd .avis .element-avis a{
text-decoration:underline;
color: rgb(0, 150, 32);
font-weight:bold;
}

.info-produit .container .box-prd .avis .form button{
background: rgb(0, 150, 32);
color:white;
border-radius:20px;
border:none;
padding:7px;
cursor: pointer;
}


.info-produit .container .box-prd .avis .form button:hover{
background: rgb(0, 118, 26);
transition-duration:0.3s;
}
.info-produit .container .box-prd .table table{
width:100%;
}

.info-produit .container .box-prd .table table th{
width:100px;
}
.info-produit .container .box-prd .table table th,
.info-produit .container .box-prd .table table td{
text-align:left;
border-bottom: 1px solid rgba(142, 142, 142, 0.55);
padding:5px;
padding-left:0px;
}
.info-produit .container .box-prd .table .prix p{
margin:0;
padding:0;
line-height:15px;
}

.info-produit .container .box-prd .table .prix .remise{
background:red;
color:white;
padding:5px;
border-radius:5px;
display:inline-block;
font-size:13px;
}
.info-produit .container .box-prd .table .prix p .ancien{
font-size:14px;
font-weight:bold;
text-decoration:line-through 2px red;
}

.info-produit .container .box-prd .table .prix p .nouveau{
color:red;
font-size:19px;
font-weight:bold;
}

.info-produit .container .box-prd .description p{
margin:0;
border-radius:5px;
font-size:14px;
margin-bottom:15px;
padding-left:2px;

}

.info-produit .container .box-prd .pag-garantie .em{
display:inline-flex;
align-items:center;
background:green;
color:white;
padding:5px;
padding-right:10px;
border-radius:20px;
margin-right:10px;
margin-bottom:15px;
}

.info-produit .container .box-prd .pag-garantie .em i{
margin-right:8px;
height:35px;
width:35px;
font-size:21px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:white;
color:red;

}

.info-produit .container .box-prd .pag-garantie .none{
background: rgb(255, 0, 25) !important;
}

.info-produit .container .btn-action{
flex:1;
margin-left:30px;
min-width:250px;
max-width:250px;
}

.info-produit .container .btn-action .achat{
border:1px solid gray;
padding:20px;
border-radius:5px;
box-sizing:border-box;
display:block;
}
.info-produit .container .btn-action .achat .table table{
margin-bottom:10px;
}
.info-produit .container .btn-action .achat .table table p{
line-height:28px;
}



.info-produit .container .btn-action .params-info p{
margin:0;
padding:0;
display:flex;
align-items:center;
margin-bottom:5px;
}

.info-produit .container .btn-action .achat .params-info p i {
height:25px;
width: 25px;
min-width:25px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background: rgb(0, 150, 32);
color:white;
font-size:14px;
margin-right:10px;
}
.info-produit .container .btn-action .achat .btn-link-achat .number{
display:flex;
align-items:center;
width:100%;        
margin-top:20px;            
}

.info-produit .container .btn-action .achat .btn-link-achat .number input{
width:80%;
margin:5px;
height:20px;
max-width:150px;
outline:none;
border-radius:5px;
padding:3px;
border: 1px solid rgb(0, 150, 32);
text-align:center;
font-weight:bold;
text-transform: capitalize;

}
.info-produit .container .btn-action .achat .btn-link-achat a{
text-decoration: none;
}
.info-produit .container .btn-action .achat .btn-link-achat .panier button{
display:flex;
align-items:center;
justify-content:center;
padding: 8px;
border: 2px solid rgb(0, 150, 32);
border-radius:20px;
color:  rgb(0, 150, 32);
font-weight: bold;
width:100%;
max-width:200px;
box-sizing:border-box;
margin-top:5px;
background:none;
cursor: pointer;
}

.info-produit .container .btn-action .achat .btn-link-achat .panier button:hover{
background: rgb(0, 150, 32);
color : white;
transition-duration:0.3s;
}

.info-produit .container .btn-action .achat .btn-link-achat .btn-achat button{
display:flex;
align-items:center;
justify-content:center;
padding: 10px;                    
border-radius:20px;
background: rgb(255, 0, 25);
color:white;
font-weight: bold;
width:100%;
max-width:200px;
box-sizing:border-box;
border:none;
margin-top:8px;                    
cursor: pointer;
}

.info-produit .container .btn-action .achat .btn-link-achat .btn-achat button:hover{
background: rgba(235, 3, 26, 0.93);
transition-duration:0.3s;
}

.info-produit .container .btn-action .achat .btn-link-achat a i{
margin-right:5px;
}

.info-produit .container .btn-action .achat .btn-link-achat .number button{
padding:3px;
background: rgb(255, 0, 25);
color:white;
border:none;
width:40px;
border-radius:5px;
cursor: pointer;
}


@media screen and (max-width: 1190px) {
.info-produit .container{
display:block;
}
.info-produit .container .box-prd{
display:inline-block;
max-width:400px;
vertical-align:top;
text-align:left;
margin-bottom:30px;
}
.info-produit .container .btn-action{
display:block;
margin-left:0px;
max-width: 200px;
}

.info-produit .container .btn-action .achat .btn-link-achat .panier{
text-align: left;
}

.info-produit .container .btn-action .achat .btn-link-achat .btn-achat{
text-align: left;
}


}

@media screen and (max-width: 875px){


.info-produit .container .box-prd{
max-width:600px;
display:block;
margin-bottom:40px;
}

.info-produit .container .image{
padding-right:0px;
}

.info-produit .container .box-prd .img-principal{
position:relative;
min-width:200px;
max-width: auto;
}

.info-produit .container .image .img-principal img{
max-height:400px;
object-fit:cover;
object-position:center;
}

}

@media screen and (max-width: 500px){

.info-produit .container .image .img-principal img{
max-height:300px;
object-fit:cover;
object-position:center;
}

.info-produit .container .box-prd .image-box-list{
max-width: 60px;
max-height:60px;
}
}


.info-produit .sct-avis-prd{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
z-index: 290;
background: rgba(0, 0, 0, 0.78);
align-items:center;
justify-content:center;
padding:20px;
box-sizing:border-box;

}

.info-produit .sct-avis-prd .em-self{
background: white;
min-width: 200px;
max-width:500px;
width:100%;
box-shadow: 0 0 10px  rgba(159, 159, 159, 0.23);
min-height:300px;
border-radius:10px;
padding:20px;
padding-top:30px;
padding-bottom:30px;
position:relative;
}

.info-produit .sct-avis-prd .em-self .close-icn{
position:absolute;
top:15px;
right:15px;
font-size:30px;
}

.info-produit .sct-avis-prd .em-self .close-icn i{
color:red;
cursor: pointer;
}

.sct-avis-prd h3{
text-transform:uppercase;
color: rgb(9, 9, 9);
}
.sct-avis-prd .rating-stars,
.sct-avis-prd .modify-rating-stars{
display:flex;
gap:8px;
justify-content:center;

}

.sct-avis-prd .rating-stars i,
.sct-avis-prd .modify-rating-stars i{
font-size:30px;
color: rgb(255, 42, 0);
cursor: pointer;
}

.sct-avis-prd .rating-stars i:hover,
.sct-avis-prd .modify-rating-stars i:hover{
transform: scale(1.25);
transition-duration:0.3s;
}

.sct-avis-prd .rating-stars .active,
.sct-avis-prd .modify-rating-stars .active{
color: rgb(255, 0, 25);
transition-duration:0.3s;

}

.sct-avis-prd  textarea{
width:90%;
padding:10px;
border: 1px solid rgb(170, 170, 170);
background:white;
border-radius:5px;
height: 100px;
outline:none;
margin-bottom:10px;
}

.sct-avis-prd  button{
background: rgb(2, 159, 36);
padding: 8px;
border: 2px solid rgb(2, 159, 36);
color:white;
border-radius:20px;
cursor: pointer;
width: 90%;
font-weight:bold;

}

.sct-avis-prd  button:hover{
background:none;
color: rgb(2, 159, 36);
transition-duration: 0.3s;
}

.avis-listing{
padding:20px;
padding-top:0;
padding-bottom:40px;
}

.avis-listing h2{
padding:0;
margin:0;
margin-bottom:10px;
}

.avis-listing .avis-null {
padding:10px;
max-width:600px;
margin-top:20px;
padding-bottom:20px;
box-shadow: 0 0 10px rgba(195, 192, 192, 0.6);
}
.avis-listing .avis-null button{
background: rgb(2, 159, 36);
color:white;
border-radius:20px;
padding:10px;
border:none;
cursor: pointer;
}

.avis-listing .avis-null button:hover{
background: rgba(0, 130, 28, 0.83);
transition-duration:0.3s;
}
.avis-listing .data-avis {
max-width:800px;
max-height:800px;
overflow-y: auto;
scrollbar-width:thin;
}

.avis-listing .data-avis  .link{
margin-bottom:10px;
margin-top:25px;
}

.avis-listing .data-avis  .link a{
font-weight:bold;
color: rgb(2, 159, 36);
}
.avis-listing .data-avis .item .user{
display:flex;
align-items:center;
border-bottom: 1px solid rgb(185, 185, 185);
}

.avis-listing .data-avis .item .user i{
font-size:20px;
height:30px;
width:30px;
background: rgb(185, 185, 185);
display:flex;
align-items:center;
justify-content:center;
border-radius: 50%;
color:white;
margin-right:10px;
}

.avis-listing .data-avis .item  .avis-dt{
padding:10px;
}

.avis-listing .data-avis .item  .avis-dt .stars {
display:flex;
gap:5px;
font-size:22px;
color: rgb(255, 0, 25);
}

.avis-listing .data-avis .item  .avis-dt div{
margin-bottom:10px;
}
.avis-listing .data-avis .item  .avis-dt strong{
font-size: 13px;
}

.avis-listing .data-avis .item  .avis-dt p{
margin:0;
padding:0;
font-size:15px;
}

.avis-listing .data-avis .item  .avis-dt .params-avs{
position:relative;
}
.avis-listing .data-avis .item  .avis-dt .p-contenu{
max-height: 50px;
overflow:hidden;
}

.avis-listing .data-avis .item  .avis-dt .p-contenu.expanded{
max-height: none;
}

.avis-listing .data-avis .item  .avis-dt .voir-plus{
display:block;
margin-top:5px;
font-weight:bold;
}

.avis-listing .data-avis .item  .avis-dt .voir-plus a{
color: rgb(2, 159, 36);
font-weight:bold;
display:inline-block;
margin-right:15px;
margin-bottom:5px;
font-size: 14px;
}

.avis-listing .data-avis .item .suppression{
border:1px solid rgba(193, 193, 193, 0.86);
position:relative;
top:-20px;
padding:10px;
border-radius:10px;
}

.avis-listing .data-avis .item .suppression .btn{
display:flex;
align-items:center;
margin-top:10px;
}

.avis-listing .data-avis .item .suppression .btn button{
padding:8px;
border:none;
border-radius:20px;
background:rgba(171, 171, 171, 0.86);
color: black;
margin-right:10px;
cursor: pointer;
font-weight:bold;
}

.avis-listing .data-avis .item .suppression .btn .valide{
background: rgb(255, 0, 25);
color:white;
}

.avis-listing .data-avis .item .suppression .btn button:hover{
background:rgba(118, 118, 118, 0.86);
transition-duration: 0.3s;
}

.avis-listing .data-avis .item .suppression .btn .valide:hover{
background: rgba(215, 7, 28, 0.91);
transition-duration:0.3s;
}

.btn-resolution{
background: rgb(0, 118, 26);
color:white;
border: 2px solid rgb(0, 118, 26);
padding:10px;
border-radius: 20px;
cursor: pointer;
margin-top:15px;

}

.btn-resolution:hover{
background:none;
color: rgb(0, 118, 26);
transition-duration: 0.3s;
}


.viewer-possible{
cursor: pointer;
}
.image-viewer-overlay{
position: fixed;
inset: 0;
background: rgba(0,0,0,0.75);
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
}

.image-viewer-overlay.active{
display: flex;
}

.image-viewer-overlay img{
max-width: 90%;
max-height: 90%;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
background: #fff;
}