/* -------------------------------- 


    Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}


.cd-accordion-menu a{
    text-decoration: none;
}
.cd-accordion-menu a:hover{
    text-decoration: underline;
}
/* -------------------------------- 

Main Components 

-------------------------------- */
    .bicol {
    float: left;
    width:70%;
    }
    .bicold {
    text-align:right;
    float: left;
    width:30%;
    }
    .bicol2 {
    float: left;
    text-align:left;
    width:30%;
    }
    .bicold2 {
    text-align:right;
    float: right;
    width:70%;
    }
    .thumbnail{
    width:100%;
    margin:8px;
    border: 1px solid #ddd;
    }
    .thumbnailul{
    width:100%;
    margin:8px;
    margin-left:0px;
    padding:0;
    border: 1px solid #ddd;
    }
    .thumbnailul li{
    padding-right:16px;
    padding-left:0px;
    }
    .thumbnailtxt{
    width:100%;
    margin:8px;
    margin-top:1px;
    border: 0;
    }
    /*
    .nav-item{
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .nav-tabs .nav-item {
    margin-bottom: 4px;
}*/
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
  left:-1000px;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
}

.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}


.cid-qY64GFRJd5 .nav-item a {
  display: flex;
  align-items: center;
  justify-content: normal;
  padding: 0.7rem 0 !important;
  margin: 0rem .65rem !important;
}
.menusepp{
    padding:0;
    margin:0;
}


div>ul.list-group > li.list-group-item{
  border: 0;
}
/* Ajustement pour les mobiles */
@media (max-width: 768px) {
    .mobile-show {
        display:normal;
    }
    .mobile-hide {
        display:none;
    }
    .text-rightmob {
		text-align:left;
	}
}

@media (min-width: 768px) {
    .mobile-show {
        display:none;
    }
    .mobile-hide {
        display:normal;
    }
    .text-rightmob {
		text-align:right;
	}
}
		.iconSpan{
			background-color: transparent;
			font-size: 2em;
            padding: 10px;
            border-radius: 50%;
            cursor: pointer;
		}
		#catalogue-icon {
			position: fixed;
            top: 90px;
            right: 20px;
            background-color: transparent;
            color: white;
            font-size: 2em;
            padding: 10px;
            border-radius: 50%;
            cursor: pointer;
            display: none;
            z-index:9999;
        }
     .rouge {
     	color: red !important;
     }
        img {
            pointer-events: none; /* Désactive le clic sur les images */
            user-drag: none; /* Empêche le glisser-déposer */
        }

/* Styliser les placeholders */
::placeholder {
    color: #aaa !important; /* Couleur claire */
    font-style: italic; /* Texte en italique */
    opacity: 0.8; /* Légèrement transparent */
}

/* Pour compatibilité avec certains navigateurs */
:-ms-input-placeholder, ::-ms-input-placeholder {
    color: #aaa !important;
    font-style: italic;
    opacity: 0.8;
}

/* Ajustement des champs input pour une meilleure compacité */
.form-control {
    line-height: 1;
    min-height: 2.2em; /* Ajustement léger */
    padding: 4px 8px; /* Uniformisation du padding */
    font-size: 14px;
}

.form-group {
    line-height: 1;
}

input, select, textarea {
    line-height: 1;
    min-height: 2.2em; /* Hauteur ajustée */
    padding: 4px 8px; /* Réduction du padding */
    font-size: 14px;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    height: auto; /* S\'assure qu\'il ne prend pas une hauteur excessive */
}

/* Styles du modal pour une hauteur dynamique */
.modal-dialog {
    display: flex;
    align-items: center; /* Centre le modal verticalement */
    min-height: auto;
    max-height: 90vh; /* Empêche un modal trop grand */
}

.modal-content {
    max-height: 90vh; /* Empêche un modal trop grand */
    overflow-y: auto; /* Ajoute un défilement si nécessaire */
    min-height: auto; /* Permet de réduire la hauteur si le contenu est court */
    height:auto;
}

/* Centrage automatique et ajustement de la hauteur */
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: auto; /* Ajuste en fonction du contenu */
    max-height: 90vh;
}

/* Ajustement pour les mobiles */
@media (max-width: 768px) {
    .modal-dialog {
        min-height: auto;
        max-height: 85vh;
    }
    .modal-content {
        max-height: 85vh;
        min-height: auto;
    }
}

@media (min-width: 768px) {
    .modal-md-custom {
        max-width: 40%; /* Ajuste la largeur selon ton besoin */
    }
}
.divcaptcha {
border-radius: .25rem;
border: 1px solid #e8e8e8;
}

.blacklink{
	color: #232323;
  text-decoration: none;
  transition: color 0.3s;
  text-decoration: none;
}
.blacklink:hover{
	text-decoration: underline;
}

.artlist{
	border: 1px solid rgba(0,0,0,.125) !important;
}

.w_max {
	width:100% !important;
}
.nopm{
	padding:0 !important;
	margin:0 !important;
}
.nopp{
	padding:0 !important;
}
.nomm{
	margin:0 !important;
}
.rowtp{
	padding-top:8px !important;
	padding-bottom:0px !important;
}
.btn-disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

.text-justify {
    text-align: justify !important;
}
.minibouton {
	padding-left:12px !important;
	padding-right:12px !important;
}

.trsp{
	background-color: transparent;
}
.blanc{
	background-color: #fff !important;
}