:root {
    --ql-pink:#FFC5F0;
    --ql-black:#1E0D1A;
}

body {
    background-color:var(--ql-black);
    color:var(--ql-pink);
    font-family:Verdana;
}

@media (min-width: 992px) {
    .row.g-4 {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1.5rem;
    }
}

a {
    color:var(--ql-pink);
    text-decoration:none;
    font-weight:bold;
}

footer {
    padding:1rem 1rem 1rem 1rem;
    margin:2rem 0 0 0;
    text-align:center;
}

ul { 
    list-style-type:none;
    padding:0;
    margin:0 0 1rem 0;
}

nav {
    border:0;
    padding:0;
}

h1,h2 {
    font-size:1.5rem;
    font-weight:bold;
    text-transform:none;
    margin:1rem 0 1rem 0;
    padding:0;
}

.h2l {
    font-size:1.5rem;
    font-weight:bold;
    text-transform:none;
    margin:0 0 1rem 0;
    line-height: 1.8rem;
}

.rs {
    text-align:center;
    margin:2em 0 2em 0;
}

.rs a:not(:last-child){
    margin-right:2em;
}

.rs svg{
    fill:#45D083;
}

.card{
    background-color:var(--ql-black);
    padding:0;
    margin:0;
    @media (max-width: 991px) {
	margin-bottom:2.5rem;
    }
}

.card-body{
  margin:0;
  padding:0;
}

.card-title{
    color:var(--ql-pink);
    font-size:22px;
    line-height:22px;
    font-weight:600;
    letter-spacing:-2%;
}

.card-text {
    display: flex;
    justify-content: space-between; /* heure à gauche, lieu à droite */
    align-items: center;
    gap: 0.5rem; /* optionnel, petit espace si le texte se rapproche trop */
    margin:.8em 0 1em 0;
    line-height:18px;
    font-size: 14px;
    font-weight:400;
    color:var(--ql-pink);
}

.card-img-top {
    padding:10px 0 0 0;
    object-fit:cover;
    border-radius:0;
    aspect-ratio:16/9;
}

.time-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;  
  border: 1px solid var(--ql-pink);
  background-color: transparent;
  flex-shrink: 0;
  letter-spacing:-2%;
}

.loccap {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid var(--ql-pink);
  background-color: transparent;
  max-width: 80%;          /* largeur max dans la carte */
  overflow: hidden;
  text-overflow: ellipsis; /* ajoute ... */
  white-space: nowrap;     /* tout sur une seule ligne */
}

.cityTop {
    margin-bottom:0.3rem;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space:nowrap !important;
}

.cityTop a {
    color:#45D083;
    font-size:1.6rem;
    line-height:1.6rem;
    @media (max-width: 575px) {
	font-size:1.5rem;
	line-height:1.5rem;
    }
}

.cityTop small {
    color:var(--ql-pink);
    display:block;
    font-size:0.8rem;
    line-height:1rem;
}

.feat {
    margin: 1rem 0 0 0;
}

.carousel {
    @media (min-width: 768px) {
	width:85%;
    }
    @media (min-width: 768px) {
	width:75%;
    }
    @media (min-width: 992px) {
	width:65%;
    }
    @media (min-width: 1200px) {
	width:55%;
    }
}

.carousel img {
    aspect-ratio: 16/9;
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    width:2rem;
    height:2rem;
}

.menu {
    line-height:2rem;
    background-color:#d04592;
    padding:1rem 0 1rem 0;
    width:100%;
}

.menu .toRight {
    float:right;
}

.menu a {
    font-weight: bold;
    font-size: 1.5rem;
    color:var(--ql-pink);
}

.menu button {
    font-weight: bold;
    font-size: 1.5rem;
    color:var(--ql-pink);
    padding:0;
    background:none;
    border:0;
    outline:0;
}

.menu .qlT {
    overflow: hidden !important;
    white-space:nowrap !important;
}

.menu svg {
    width:1.8rem;
    height:1.8rem;
    fill:var(--ql-pink);
    vertical-align:middle;
    margin:0 0 0 1rem;
}

.menu .nope svg {
    fill:#303030!important;
}

.menubt a {
    font-weight: bold;
    font-size: 1.6rem;
    color:#45D083;
    margin:0 0.5rem 0 0;
}

.menubt a h1 {
    font-weight: bold;
    font-size: 1.6rem;
    color:var(--ql-pink);
}

.menubt svg {
    width:2rem;
    height:2rem;
    fill:var(--ql-pink);
    display:inline-block;;
    margin:0;
    padding:0;
}

.curevent,.curevent h1 {
    color:var(--ql-pink)!important;
    display: inline;
    text-transform:none;
}

.pubadman{
    width:300px;
    margin:0 0 1em 0;
    @media (max-width:575px){
	margin:1em 0 1em 0;
	text-align:center;
    }
}

.pubadman .pubimg {
    background-color:#d04592;
}

.pubadman a {
    font-size:0.8rem;
}

.nolink{
    text-align:center;
    font-size:.8rem;
    margin:.7em 0 1em 0;
    color:#3030302;
}

.bot-small {
    li+li:before{content:'•';padding:0 0.5em 0 0.5em;display:inline;}
    font-size:0.8rem;
    text-align:center;
}

.bot-small a {
    font-weight:normal;
}

.bot-small li {
    display: inline;
}

.addE {
    margin: 0 0 1rem 0;
}

.addE svg {
    width:2rem;
    height:2rem;
    fill:#45D083;
}

.addE a b {
    padding:0 0 0 0.6rem;
    vertical-align:middle;
    color:#45D083;
}

.navbar {
    background-color:var(--ql-black);
    margin:0 -5px 0 -5px;
    padding:1em 0 1em 0;
}

.enumL {
    list-style-type:disc;
    padding-left:2em;
}

.otherc {
    margin: 0 0 1rem 0;
}

.Err404 {
    font-size:1.6rem;
    margin:1em 0 1rem 0;
}

.offer {
    margin:2rem 0 0 0;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space:nowrap !important;
}

.edesc {
    word-wrap: break-word;
    line-height:1.4rem;
    margin:2rem 0 2rem 0;
}

.edet {
    display:table-row;
}

.edet i {
    margin: 0 0 .3rem 0.5rem;
    border-left: 1px dotted #8e8d8d;
    width:3rem!important;
    text-align:center;
    display:table-cell;
}

.edet i svg {
    fill:#d04592;
    width:16px;
    height:16px;
}

.edet .cont {
    display:table-cell;
}

.event {
    margin: 1rem 0 0 0;
}

input::placeholder {
    color:#45D083;
    font-weight:bold;
}

.addForm button {
    background-color:#45D083;
    color:var(--ql-pink);
    padding:0.5em 1em;
    margin:2em 0 1em auto;
    border-radius: 0.4rem;
    display:block;
}

.addForm input,.addForm textarea {
    margin: 0.3rem 0 1rem 0;
}

.pc td {
    border: 2px solid rgb(140 140 140);
    padding:0.4rem;
}

.ical {
    margin: 1rem 0 0 0;
    color:#2B2B2B;
    font-weight:bold;
    padding: 0.4rem 0.8rem;
    border-radius:0.4rem;
    background-color:#45D083;
    border: none;
    text-decoration: none;
}