/*********************************************************************************
	
	Template Name: Concord - Multipurpose Bootstrap 4 Template
	Description: Concord is a best templete for your corporate/business website which comes with unique design and user friendly code.  
	Version: 1.0

	Note: This is custom css. All custom styles (user styles) declare here.

**********************************************************************************/

/* Classes de padding */
[class*="p-t-"] {
    padding-top: var(--padding-size, 0);
}
[class*="p-b-"] {
    padding-bottom: var(--padding-size, 0);
}
[class*="p-l-"] {
    padding-left: var(--padding-size, 0);
}
[class*="p-r-"] {
    padding-right: var(--padding-size, 0);
}
/* Classes de marge */
[class*="m-t-"] {
    margin-top: var(--margin-size, 0);
}
[class*="m-b-"] {
    margin-bottom: var(--margin-size, 0);
}
[class*="m-l-"] {
    margin-left: var(--margin-size, 0);
}
[class*="m-r-"] {
    margin-right: var(--margin-size, 0);
}
/* Définitions spécifiques pour chaque taille */
:root {
	--padding-size-0: 0px;
    --padding-size-20: 20px;
    --padding-size-40: 40px;
    --padding-size-60: 60px;
    --padding-size-80: 80px;
    --padding-size-100: 100px;

    --margin-size-0: 0px;
    --margin-size-5: 5px;
    --margin-size-20: 20px;
    --margin-size-40: 40px;
    --margin-size-60: 60px;
    --margin-size-80: 80px;
    --margin-size-100: 100px;
}

.p-t-0 { --padding-size: var(--padding-size-0); }
.p-t-20 { --padding-size: var(--padding-size-20); }
.p-t-40 { --padding-size: var(--padding-size-40); }
.p-t-60 { --padding-size: var(--padding-size-60); }
.p-t-80 { --padding-size: var(--padding-size-80); }
.p-t-100 { --padding-size: var(--padding-size-100); }

.p-b-20 { --padding-size: var(--padding-size-20); }
.p-b-40 { --padding-size: var(--padding-size-40); }
.p-b-60 { --padding-size: var(--padding-size-60); }
.p-b-80 { --padding-size: var(--padding-size-80); }
.p-b-100 { --padding-size: var(--padding-range-100); }

.m-t-0 { --margin-size: var(--margin-size-0); }
.m-t-20 { --margin-size: var(--margin-size-20); }
.m-t-40 { --margin-size: var(--margin-size-40); }
.m-t-60 { --margin-size: var(--margin-size-60); }
.m-t-80 { --margin-size: var(--margin-size-80); }
.m-t-100 { --margin-size: var(--margin-size-100); }

.m-b-0 { --margin-size: var(--margin-size-0); }
.m-b-20 { --margin-size: var(--margin-size-20); }
.m-b-40 { --margin-size: var(--margin-size-40); }
.m-b-60 { --margin-size: var(--margin-size-60); }
.m-b-80 { --margin-size: var(--margin-size-80); }
.m-b-100 { --margin-size: var(--margin-size-100); }

.m-l-20 { --margin-size: var(--margin-size-20); }
.m-l-40 { --margin-size: var(--margin-size-40); }
.m-r-5 { --margin-size: var(--margin-size-5); }
.m-r-20 { --margin-size: var(--margin-size-20); }
.m-r-40 { --margin-size: var(--margin-size-40); }


.flags-nav{
	border-radius: 100%;
	margin-right: 10px;
	margin-top: 2px;
	width: 17px;
	height: 17px;
}
.lng-dropdown {
  background: #ffffff none repeat scroll 0 0;
  border-bottom: 4px solid #ffffff;
  box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);
  left: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 250px;
  z-index: 2;
}

.lng-dropdown li {
    padding: 5px;
}
.lng-dropdown li a, .menu-item a{
    display: flex;
    align-items: center;
    text-decoration: none;
}
.lng-dropdown li a img {
    margin-right: 5px;
}
.cr-dropdown i{
  margin-right:10px;
}
.pannier{
  position: relative;
}
.pannier .nbr-art{
  position:absolute;
  top: -10px;

}
.nbr-art{
  font-weight: bold;
  padding: 2px 5px;
  background: red;
  border-radius: 100%;

}
.text-line-through{ 
  text-decoration: line-through !important; 
  font-size: 12px;
}
.breadcrumb-avis {
    background: url(/images/bg/breadcrumb-avis.jpg) no-repeat scroll center center;
    background-image: url(/images/bg/breadcrumb-avis.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
.breadcrumb-services {
    background: url(/images/bg/breadcrumb-services.jpg) no-repeat scroll center center;
    background-image: url(/images/bg/breadcrumb-services.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
.about-area p a, .services-area p a, .services-area a.cr-readmore, .blog-content a.cr-readmore, .blogs-area p a{
	color: #781d7d;
	text-decoration: underline;
}
.footer-link, .footer-link:hover{
  color:white;
}
.borders{
  border: 1px solid grey;
}
.prix{
  font-size: 20px;
  color: #691791;
  font-weight: bold;
}
#avis .portfolio-content-inner{
	padding:20px 0;
}
#avis .testimonial {
  cursor: default;
}
#responses-ticket{
  width: 100%;
}
.blog-details-content ul{
  margin-bottom: 20px;
}
.blog-details-content ul li p{
  margin-bottom: 0;
}
.blog-content h5 i{
  font-size: 30px;
}
.underline{
  text-decoration: underline;
}
.tags{
  background-color: #f7f7f7;
  padding:0px 10px;
  border: solid 1px grey;
  border-radius: 10px;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}
.tags:hover{
  color:#781d7d;
  border-color: #781d7d;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.bi-link{
  border-radius: 100%;
  border-color: grey;
}
.champ-obligatoire{
	font-style: italic;
	color: #ed145b;
	padding-bottom: 5px;
	font-size: 13px;
	margin-bottom: 0px;
}
#accord_register{
  display: inline-block;
}
input.error, textarea.error, select.error{
	border-color: #ed145b;
}
textarea.error{
	color: #3b5265;
}
.maj-date{
  font-size: 14px;
}
.panier-alert{
  font-size: 13px;
  font-style: italic;
}
.error{
	color: #ed145b;
}
.success{
  color: #05aeab;
}
.legals a{
	color: white;
}
.slick-slide img {
  margin: 20px auto;
}
#togglePassword{
  cursor: pointer;
}
/* Assure-toi que le conteneur du formulaire est bien formaté */
#paypal-button-container{
}
.fa-chevron-down, .fa-chevron-up{
  cursor: pointer;
}
h4 span.emoji {
    color: initial; /* Garde la couleur d'origine des emojis */
    font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}
.underline{
  text-decoration: underline;
}
ul.no-style li{
  list-style: none;
}