@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
font-family:"Inter",Arial,sans-serif;
font-size:14px;
line-height:1.8;
font-weight:400;
}

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
line-height:1.5;
font-weight:600;
}

.list-unstyled {
padding-left:0;
list-style:none
}

.nav-link {
display:block;
padding:.5rem 1rem
}

.nav-link:hover,.nav-link:focus {
text-decoration:none
}

.nav-link.disabled {
color:#6c757d;
pointer-events:none
}

#sidebar ul.components {
padding:0
}

#sidebar {
min-width:220px;
max-width:220px;
background: var(--bs-primary);
color:#fff;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
position: sticky;
top: 0;
height: 100vh;
}

#sidebar .h6 {
color:#fff
}

#sidebar.active {
margin-left:-220px
}

#sidebar h1 {
margin-bottom:20px;
font-weight:700;
font-size:30px
}

#sidebar ul.components {
padding:0
}

#sidebar ul li {
font-size:16px
}

#sidebar ul li > ul {
margin-left:10px
}

#sidebar ul li > ul li {
font-size:14px
}

#sidebar ul li a {
padding:10px 0;
text-decoration:none;
display:block;
color:#fff9;
border-bottom:1px solid #f40f0f
}

#sidebar ul li a span {
color:#44bef1
}

#sidebar ul li a:hover {
color:#fff
}

#sidebar ul li.active > a {
background:transparent;
color:#fff
}

@media (max-width: 991.98px) {
#sidebar {
margin-left:-220px
}

#sidebar.active {
margin-left:0
}
}

#sidebar .custom-menu {
display:inline-block;
position:absolute;
top:20px;
right:0;
margin-right:-20px;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}

#sidebar .custom-menu svg {
    translate: 17px;
}

@media (prefers-reduced-motion: reduce) {
#sidebar .custom-menu {
-webkit-transition:none;
-o-transition:none;
transition:none
}
}

#sidebar .custom-menu .btn {
width:60px;
height:60px;
border-radius:50%;
position:relative
}

#sidebar .custom-menu .btn i {
margin-right:-40px;
font-size:14px
}

#sidebar .custom-menu .btn.btn-primary {
background:transparent;
border-color:transparent
}

#sidebar .custom-menu .btn.btn-primary:after {
z-index:-1;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
content:'';
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
background: var(--bs-primary);
border-radius:10px
}

#sidebar .custom-menu .btn.btn-primary:hover,#sidebar .custom-menu .btn.btn-primary:focus {
background:transparent!important;
border-color:transparent!important
}

a[data-toggle="collapse"] {
position:relative
}

.dropdown-toggle::after {
display:block;
position:absolute;
top:50%;
right:0;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}

@media (max-width: 991.98px) {
#sidebarCollapse span {
display:none
}
}

#content {
width:100%;
padding:0;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s
}

.footer p {
color:#ffffff80
}

.form-control:focus,.form-control:active {
border-color:#000
}

.subscribe-form .form-control {
    background: #3b4ec6
}


.htmx-request .btn:not(.dropdown-toggle), .btn.htmx-request{
    background-size: 400% 400%;
    background-image: radial-gradient(circle at 100%, rgba(0, 0, 0, 0) 0%, white 100%);
    animation: gradient 2s alternate linear infinite;
}

@keyframes gradient {
    0% {
        background-position: 0;
    }
    100% {
        background-position: 100%;
    }
}

.label-required::before{
    content: '*';
    margin-right: 3px;
    color: var(--bs-danger);
}

h2.card-title {
    font-size: 1.75rem;
}

.card{
  box-shadow: 0px 0px 20px lightgrey;
    border: none;
}

.card-header {
    border: none;
}

.card-footer {
    border: none;
}

tbody, td, th, thead, tr {
    border: none;
    border-bottom: solid 1px lightgrey;
}

.table>thead {
    border: none;
}

thead>tr, tfoot>tr{
    border: none;
}

.modal-pdf {
    --bs-modal-width: 926px;
}

.big-button {
    position: relative;
    aspect-ratio: 1;
    padding-bottom: 1.5rem;
}

.big-button > span {
    position: absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%, 0);
    white-space: nowrap;
}

.card-header[data-bs-toggle=collapse] {
    cursor: pointer;
}

.card-header[data-bs-toggle=collapse]:after {
    float: right;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f077";
}

.card-header[data-bs-toggle=collapse].collapsed:after {
    transform: rotateX(180deg);
}

.card-header:empty, .card-footer:empty {
    padding: 0;
}

.install-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 15px;
    display: none; /* Caché par défaut */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}


.recherche{
    background-color: #ffffff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0px 0px 20px lightgrey;
}

.bg-bleu{
  background-color:#35B5D4;
}

.bg-bleu button{
  background-color:#1D5093;
}

.bg-lightgrey{
  background-image:url("../images/fond-annonces.jpg");
  background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.map{
  border-radius:20px;
  height: 300px; border: 1px solid #ccc;
  box-shadow: 0px 0px 20px lightgrey;
}

.sidebar {
    padding-top: 3rem;
}

.card-pub img:hover{
  box-shadow: 0px 0px 20px lightgrey;
}

.card-pub img{
  transition:0.3s;
}

.contact-form{
  max-width:850px;
  background-color:#fff;
  border-radius:20px;
  margin: auto;
}

.liens-reseaux img{
  width:30px;
  transition:0.3s;
}

.liens-reseaux img:hover{
  transform: scale(1.2);
  transition:0.3s;
}

.mw-50{
    max-width: 50%;
}

[data-bs-toggle="popover"].help {
    text-decoration: underline dotted var(--bs-secondary);
    cursor: help;
}

.adsbygoogle:has(:first-child:empty) {
    display:none !important;
}

.adsbygoogle:has(:first-child:not(:empty))+img.fallback {
    display:none;
}