footer .section.kozeo-footer{
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 50px;
    margin-bottom: 50px;
}

.kozeo-footer-links{
    display: flex;
    gap:30px;
    padding: 15px 0px;
}


.lclbz_breadcrumb{
    margin-top: 50px;
    margin-bottom: 15px;
}
.lclbz_breadcrumb {
    font-family: 'Arial', sans-serif;
    font-size: 0.95rem;
    background: #f5fdf8; /* couleur douce éco */
    padding: 10px 15px;
    border-radius: 6px;
    display: inline-block;
}

.lclbz_breadcrumb ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.lclbz_breadcrumb li {
    display: flex;
    align-items: center;
}

.lclbz_breadcrumb li + li:before {
    content: "›"; /* séparateur */
    margin: 0 8px;
    color: #4caf50; /* vert écoresponsable */
    font-weight: bold;
}

.lclbz_breadcrumb a {
    text-decoration: none;
    color: #2e7d32; /* vert plus sombre pour liens */
    transition: color 0.3s;
}

.lclbz_breadcrumb a:hover {
    color: #81c784; /* vert clair au hover */
}

.lclbz_breadcrumb li:last-child {
    font-weight: bold;
    color: #1b5e20; /* accent sur la page courante */
}




body[class^="activite"] .page {
    min-width: 100%;
}

blockquote{padding:12px}
.marketplace-check {
  background-color: rgba(161, 209, 160, 0.3); /* Vert doux */
  filter: brightness(0.85); /* Ajuste la luminosité pour adoucir la couleur */
  border-radius: 10px; /* Bordures arrondies */
  padding: 30px 20px; /* Espacement interne */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombre légère */
  text-align: center; /* Centrer le texte et le bouton */
  width: 80%;
  margin: 0 auto;
}

.marketplace-check h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #000 /* Couleur foncée et éco-responsable */
}


body.liste-activite-detail  h1{

    padding-left: 10px;
}

body.search-result  #search_form{
    margin-top: 50px;
}
body.search-result  .tab-content{
 padding: 5px 30px;
}


.card-body,
.hidde label,
.marker,
.password_wrapper,
.star {
    position: relative;
}
.mlc-avantages{
    width: 100%;
}
.container.argumentaire,
main,
main section.main-section {
    padding: 0;
}

.full h2,
.is_login #_how {
    align-self: start;
}

#search-alert .terms,
.align-center,
.companie_title_pub,
.error404,
.full h2,
.half h3,
.loading-map,
.offre h4,
.pub,
.third h2,
.third h3,
.wrapper_list_actus .actu_img .placeholder p,
aside .section,
main.actus .actu_img .placeholder p {
    text-align: center;
}


nav#signin-nav {
    border-top: 1px solid #ccc;
}

#footer-pub .close i:hover,
.button:hover,
.fa-times-square:hover,
.hidde label:hover {
    cursor: pointer;
}

#your-pub,
.mairie img {
    box-shadow: 0 0 3px #666;
}

.wrapper-pub,
.wrapper-pub .metier,
.wrapper-pub h5 {
    text-overflow: ellipsis;
    overflow: hidden;
}

.adherer p:nth-child(3),
.clientQr,
.proQr,
.uppercase {
    text-transform: uppercase;
}

.alert-success {
    color: #222 !important;
}

.mlc-details {
    font-weight: 400;
    font-size: 12px;
}

.dropdown-account,
.dropdown-account .dropdown-menu {
    z-index: 1002;
    position: relative;
}

.lclbz-white .biz,
.lclbz-white .local,
nav.tabFiche ul li:hover i {
    color: #fff !important;
}

.marker {
    width: 2rem;
    height: 2rem;
    border-radius: 2rem 2rem 0;
    background: #a30;
    display: inline-block;
    transform: rotate(45deg);
    border: 1px solid #810;
}

.list-market,
.marker::after,
.marker::before {
    content: "";
    border-radius: 100%;
    position: absolute;
}

.marker::before {
    background: #fff;
    width: 50%;
    height: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: .1rem .1rem .2rem .1rem rgba(0, 0, 0, .1);
}

.marker::after {
    background: rgba(128, 128, 128, .2);
    width: 75%;
    height: 75%;
    top: 100%;
    left: 100%;
    transform: translate(-50%, -50%) rotate(45deg) scaleX(.5);
}

#map-produits,
#services .container-mobile,
#services .wrapper-mobile,
#slogan nav,
#tabs-connexion .getfiche,
.footer-pub__img,
.intro,
.main-sidebar.qr,
.map,
.map_for_no_result,
.menu_search,
.multiple img,
.notice_signin_customer a.getfiche,
.service-plus>p,
.wrapper.description,
section#bottom,
textarea[name=message] {
    width: 100%
}

#main-pub #content span:not(.footer-pub_cta),
a .localbiz {
    color: #666;
}

a,
html {
    scroll-behavior: smooth;
}

.stat {
    margin-top: 20px !important;
    margin-left: 20px;
    margin-bottom: 25px !important;
    border-radius: 7px;
}

#search-alert {
    flex-wrap: wrap;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

#search-alert .spinner,
aside .section p,
form .message {
    width: 100%;
    text-align: center;
}

#search-alert span {
    padding: 5px 20px;
}

#search-alert i {
    font-size: 50px;
    color: var(--principale);
}

#search-alert .terms {
    width: 100%;
    display: inline-block;
}

#menu li:first-child a::before,
#mobile-titre,
#reader__dashboard_section_swaplink,
#right.hidden,
#slogan nav.desktop_hidden,
.adherer h5,
.alertNewSite h2,
.connexion .header_sticky .cart,
.connexion .header_sticky .menu-Shop,
.connexion .sub-header,
.current_actu .booking,
.current_actu .infos .contact,
.current_actu .infos .localisation,
.dropdown-name:after,
.formulaire-completer .header_sticky .cart,
.formulaire-completer .header_sticky .menu-Shop,
.formulaire-completer .sub-header,
.headerSidebar h5,
.hidde label i.fa-square-plus,
.hn-hidden h2,
.hn-hidden h3,
.loading-map,
.promoSite h5,
.pub h2,
.pub h5,
.rating [aria-hidden],
.renvoi h3,
.siren,
.star input:checked~label.regular,
.star input~label.solid,
.wrapper_result+p,
aside .depot-annonce-sidebar h5,
h2:empty {
    display: none;
}

#philosophie article {
    padding: 15px 0px;
    background: #fff;
    margin-bottom: 25px;
    display: flex;
}

#philosophie h2 {
    border-right: 2px solid var(--principale);
}

#description,
#philosophie article .content,
aside .infosCovid p,
aside .introSite p {
    text-align: justify;
}

.hidde label i {
    position: absolute;
    z-index: 9;
    background: #fff;
    font-size: 25px;
    color: var(--principale);
}

#wrap_footer,
footer {
    display: flex !important;
    background: #30373b;
}

.loading-map {
    height: auto;
    color: #fff;
    padding: 25px;
    width: 50%;
    margin: 50px auto;
    box-shadow: 0 0 5px #666;
    background: var(--principale);
    border-radius: 15px;
    font-size: 18px;
}

.fa,
.fa-icon::before,
.fab,
.fal,
.far,
.fas,
.icon::before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-rendering: auto;
}

#footer-pub .close i,
#footer-pub .fa-times-circle,
#how a,
#your-pub .fa-times-circle,
#your-pub a,
._services h4,
._services p,
.adherer p,
.captures .text a,
.close-dialog:hover,
.connexion-pro p,
.contact-localbiz a,
.lien-contact:hover,
.login a,
.logout a,
.mentions_link,
.notice a,
.printQr a,
.printQr i,
.seeFiche a,
.seeFiche i,
nav.tabFiche ul li.active a,
nav.tabFiche ul li.active i {
    color: #fff;
}

.error404 {
    background: #fff;
    padding: 25px 50px;
    font-size: 25px;
    margin-top: 50px;
}

.has-no-shop,
.service-public h5 {
    font-size: 17px;
    margin-bottom: 20px;
}

.service-public {
    background: #f4f4f4;
    padding: 20px 0;
}

#myTabContent,
#offres .intro-offre,
#offres .offre,
.menu_mobile nav,
.wrapper-register {
    background: #fff;
}

.service-public h5 {
    font-weight: 500;
}

.reglementation-alcool {
    border: 2px solid #222;
    padding: 5px 25px;
    margin: 25px auto 0;
}

.hor_day,
.hor_hor {
    margin-bottom: 0;
    font-size: 14px;
}

#myTabContent {
    border: 1px solid #dee2e6;
}

html.has-panel-open::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 998;
}

.fa,
.fab,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
}

.fal {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}

.align-center {
    width: 100%;
    flex-basis: 100%
}

#services .wrapper-mobile>div a,
#sidebar-pub a,
a.cart,
a:hover {
    text-decoration: none;
}

.captures .text.avantages a:hover {
    text-decoration: underline;
}

.pubs-sidebar .footer-pub__text #content span:nth-child(3),
.tag,
.wrapper-result-by-city h5 {
    font-weight: 700;
}

#right .footer-pub__text{


}



.fa-mail-bulk {
    color: #fff;
    font-size: 25px;
}

#tabs-connexion p,
.adresse,
.contact .tel,
.x-small,
aside h5 {
    font-size: 19px;
}

.container {
    display: flex;
    width: 100%;
    padding-top: 25px;
    flex-wrap: wrap;
}

.page {
    max-width: 1250px;
    
    margin: 0 auto;    /* centrer */
}

.page.fiche,.fiches-avis .page{
    margin-top: 100px;
}

body.portail:not(.home) .page{
    margin-top: 30px;
}

.page.fiche main,.fiches-avis main,{
    margin-top: 0px!important;
}

.page.fiche  .lclbz_breadcrumb{
    margin-top: 30px;
}
.search {
    width: 100%;
    padding: 0 65px;
    margin-top: 20px;
}

.page .sidebar .pub {
    background: #fafafa;
    box-shadow: 0 0 2px #aaa;
    margin-top: 20px;
    border-radius: 1px;
    width: 33%;
    display: flex;
    flex-direction: column;
}

.footer-pub__text span.footer-pub_cta:hover,
.wrapper-pub .readmore:hover {
    background: var(--orange_hover);
}

.pub h2 {
    color: var(--principale);
}

#copyright,
.full,
main {
    display: flex;
}

.infosdate p,
.pub p:nth-child(2),
.wrapper_result.wrapper_metier div:last-child p:first-child,
aside#right .section:last-child {
    margin-bottom: 0;
}

aside#right{
    background: #fff!important;
}

#menu_fiche .nav,
#search_form+.message,
aside .section {
    margin-bottom: 35px;
}

.bandeau-pub {
    position: absolute;
    background: rgba(5, 5, 5, .5);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    top: 100px;
    left: 0;
    right: 0;
}

.page .sidebar .pub img {
    width: 100%;
    margin-right: 0;
}

.companie_title_pub {
    position: absolute;
    background: var(--principale);
    color: #fff;
    padding: 3px 5px;
    width: 70%;
    margin: 0 auto;
    box-shadow: 0 0 3px #777;
}

.section,
aside h5 {
    position: relative;
}

.wrapper-pub p {
    justify-content: center;
    align-items: center;
}

.wrapper-pub .metier {
    display: block;
    color: #888;
    font-style: italic;
    font-size: 12px;
    width: 100%
}

.wrapper-pub .readmore {
    right: 7px;
    color: #fff;
    position: absolute;
    bottom: 10px;
    padding: 5px 10px;
    background: var(--orange);
    border-radius: 5px;
    text-decoration: none;
}

.fa-eye,
.fa-eye-slash {
    right: 10px;
    bottom: 5px;
}

.wrapper-pub .wrapper-image img {
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    padding: 0;
    object-fit: cover;
}

.wrapper-pub .wrapper-image {
    top: -10px;
}

.wrapper-pub .content {
    padding: 10px;
}

#subscribers .wrapper-pub .content,
.premium .wrapper-pub .content {
    margin-top: 100px;
    padding: 10px;
}

#connexion section,
#liste-annuaire div,
.free,
.listFlex,
.premium,
h1.fiche-title {
    display: flex;
    flex-wrap: wrap;
}

.free>div,
.premium>div {
    flex: 0 0 auto;
}

.section {
    margin-top: 25px;
}

aside#right {

    flex-flow: column wrap;
    margin-left: auto;
    width: 30%;
    padding: 20px 15px 25px 25px;

}

body[class*="actus-customer"] .actu_customer img {
  max-width: 500px;
}

#cityActus{

    margin-left: 15px;
}
#cityActus img {
  object-fit: cover;
  height: 150px;
  width: 100%;
  border-radius: 10px;
}

.wrapper-city-actus-img {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

aside#right   .section {
  background-color: #f9f9f9; /* arrière-plan clair pour la sidebar */
  border-radius: 10px;
  padding:10px 20px;
  margin-bottom: 55px;
  margin-top: 15px;


}


aside#right  h5 {
  font-size: 1.20rem;
  color: #333;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
  display: inline-block;
}

aside#right  p {


  line-height: 1.6;
}

aside#right   .btn-primary {
  background-color: #45b8ac;
  color: white;
  border: none;
  padding: 8px 20px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  text-decoration: none;
}

aside#right   .btn-primary:hover {
  background-color: #369f8a;
}

aside#right  .divider {
  border-top: 1px dotted #ccc;
  margin-top: 20px;
}


.boutique aside#right {
    padding-left: 20px;
    margin-left: 0;
    flex-basis: 25%
}

.boutique main>section,
.review {
    flex-basis: 75%
}



aside .section img {
    margin: 10px auto !important;
    position: relative;
    display: block !important;
}

main section {
    padding: 15px 0;
}

main {
    flex-basis: 100%;
    flex-wrap: wrap;
    width: 100%;

}

section.main-section {
    min-width: 69%;
    max-width: 69%
}

#connexion .main-section,
.activity-link a img,
.main-full.actus section.main-section,
section.section-no-sidebar {
    max-width: 100%
}

.main-sidebar-theme-pubs .wrapper-pub,
.wrapper_list_actus .actu_img img.placeholder_logo {
    width: auto;
}

main h1 {
    width: 100%;
    min-width: 100%;
    flex-basis: 100%
}

.footer-pub__img img {
    max-width: 100%;
    height: auto;
}

.gutter {
    flex-basis: 7%
}

.full {
    flex-grow: 4;
    flex-wrap: wrap;
    margin: 0 0 20px;
    padding: 0 10px;
    flex-basis: 100%
}

._20,
._40 {
    padding: 20px 10px;
    702}

    .full h2 {
        width: 100%;
        flex-basis: 100%;
        font-size: 25px;
    }

    ._40 {
        flex: 0 0 40%;
        width: 40%
    }

    ._20 {
        flex: 0 0 20%;
        width: 20%
    }

    .half,
    .quart {
        padding: 0 25px;
    }

    .quart {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 26%;
        width: 26%
    }

    #SignUpForm .g-recaptcha,
    .half {
        width: 40%
    }

    .half {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 40%
    }

    .third,
    .two-third {
        padding: 20px 10px;
    }

    .third {
        flex: 0 0 31%;
        width: 31%
    }

    .quarter{
       flex: 0 0 24%;
       width: 24%

   }
   .two-third {
    flex: 0 0 65%;
    width: 60%
}

.half h3,
.third h2,
.third h3 {
    height: 35px;
    font-size: 22px;
}

.services-accueil .readmore {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #00afad;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.services-accueil {
    max-height: 420px;
    background: #f2f2f2;
    border: 10px;
    box-shadow: 0 0 2px #666;
    height: 350px;
}

.section:nth-child(-n+x) {
    background: red;
}

footer {
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: #fff;
}

footer .section {
    color: #fff;
    margin: -5px auto auto;
    text-align: left;
}

#SignUpForm>div,
._services h4,
.fiche_front>div h5 {
    margin-bottom: 20px;
}

.accroche,
.doIt,
.tel h5 {
    text-align: center;
}

#wrap_footer {
    width: 95%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding-top: 35px;
}
#wrap_footer .third{

    margin-bottom: 75px;
}

#copyright {
    height: 55px;
    width: 100%;
    padding: 15px 50px;
    background: var(--principale);
}

#copyright>div {
    margin-top: 5px;
}

.arretnet-1 {
    padding-left: 5px !important;
    font-size: 13px;
}

#copyright a {
    padding: 5px 15px;
}

.arretnet {
    padding-right: 5px !important;
    color: #ab268b;
}

footer .section h5 {
    text-align: left;
    font-size: 22px;
}

footer nav#menuVertical ul li {
    padding: 10px 5px;
    list-style: none;
    clear: both;
}

body footer nav#menuVertical ul.menu li a:hover,
footer nav ul li a {
    color: #fff !important;
    text-decoration: none !important;
    border: none !important;
}

#list-avantages,
.chauffage ul,
.installation ul {
    padding-left: 50px;
}

footer .coordonnees {
    margin-top: -5px;
}

#proprio,
#signin .g-recaptcha,
.cheque h2 {
    margin-top: 30px;
}

.coordonnees h5 {
    font-size: 22px;
}

nav#menuVertical ul {
    background-color: #30373b;
}

#header_mobile .menu-icon {
    cursor: pointer;
    float: right;
    
    position: relative;
    user-select: none;
    display: none;
}

#header_mobile .menu-icon .navicon {
    border-radius: 2.5px;
    display: block;
    height: 4px;
    position: relative;
    transition: background .2s ease-out;
    width: 30px;
}

#header_mobile .menu-icon .navicon:after,
#header_mobile .menu-icon .navicon:before {
    border-radius: 2.5px;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: .2s ease-out;
    width: 100%;
    height: 4px;

}

#header_mobile .menu-icon .navicon:before {
    top: 9px;
}

#header_mobile .menu-icon .navicon:after {
    top: -9px;
}

#stats,
.menu_mobile,
.services-list {
    display: flex;
    flex-direction: column;
}

.menu_mobile nav {

    height: auto;
}

.tarifs h2,
.tel h5 {
    background: #cb1e1a;
}

.menu_mobile nav a.signin {
    color: #fff;
    padding: 8px 20px;
    background: var(--principale);
    font-size: 15px;
    font-weight: 400;
}

.menu_mobile nav a.signin i {
    padding-right: 15px;
}

nav#signin-nav {
    display: inline-block;
    padding-top: 20px;
    width: 100%;
}

nav#faq {
    display: inline-block;
    padding-top: 2px;
}

.pagination a,
.pagination span {
    padding: 10px;
    display: block;
    color: #cb1e1a;
}

.actu_sidebar h4,
.pagination span.disabled {
    color: #999;
}

.pagination span.current {
    color: #666;
    font-weight: 700;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.tarifs h2 {
    color: #fff;
    height: 30px;
    padding: 5px 10px;
}

.tel h5 {
    color: #fff;
    padding: 5px 5px 1px;
}

#logo a {
    padding: 0 5px;
}

.page .sidebar img {
    float: left;
    margin-right: 30px;
}

.cheque img {
    width: 200px;
    height: auto;
}

.accroche {
    background: #f36f63;
    color: #fff;
    font-size: 19px;
    padding: 5px 12px;
}

.dropdown-name span,
p.offre {
    text-align: right;
}

p.offre a {
    background: #ab268b;
    color: #fff;
    padding: 5px 8px;
    border-radius: 5px;
}

#loginBlock,
.child-100 *,
.full h1,
.wrapper-result-by-city>div:not(.wrapper-pub) {
    width: 100%;
    flex-basis: 100%
}

.wrapper-result-by-city {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 20px;
    align-items: flex-start;
}

.wrapper-result-by-city label {
    font-size: 20px;
    color: var(--principale);
    font-weight: 700;
    width: 100%
}

form input[type=submit],
p.sent {
    background: var(--principale);
    color: #fff;
    padding: 5px 20px;
}

.wrapper-result-by-city .wrapper-pub.has-image {
    height: 280px;
}

.wrapper-result-by-city .wrapper-pub.has-image .content,
.wrapper_list_actus .content .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: right;
}

form input[type=submit] {
    border-radius: 5px;
    box-shadow: none;
    border: none;
}

main section #SignUpForm {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 35px;
    background: #f7f7f7;
    padding: 10px 20px;
    border-radius: 5px;
}

#SignUpForm>div {
    width: 100%
}

.pro-register .fa-store {
    font-size: 65px;
    width: 100%;
    text-align: center;
    padding-bottom: 25px;
    color: var(--principale);
}

#pro-register {
    display: flex;
    padding-top: 25px;
    flex-direction: column;
}

#SignUpForm>div label {
    margin-right: 15px;
    text-align: left;
}

#SignUpForm input[type=submit]:disabled {
    background: #999;
}

.error,
.required {
    color: red;
}

p.sent {
    width: 100%
}

.fiche_front {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    padding: 15px;
    margin-bottom: 25px;
}

.doIt,
.pub .readmore {
    background: #ab268b;
    border-radius: 5px;
}

.metier-title {
    color: var(--principale);
    width: 100%;
    flex-basis: 100%
}

.metier-title span,
.rating .fa-regular,
.star .fa-regular {
    color: #aaa;
}

.fiche_front>div:not(.col-12) {
    padding: 0 10px;
    flex-basis: 50%;
    width: 50%;
    margin-bottom: 15px;
}

h2.fiche-title:after,
h2.fiche-title:before {
    width: 20px;
    height: 20px;
    margin-top: 3px;
    content: ''
}

.wrapper {
    width: 80%;
    display: flex;
}

a.upload {
    font-size: 13px;
    width: 100%;
    text-align: left;
    display: none;
}

#user_login,
.wrapper label {
    width: 40%;
    flex-basis: 40%
}

.fiche_front h5 {
    background: #999;
    color: #fff;
    padding: 3px 10px;
    font-size: 17px;
    font-weight: 700;
}

.fb i,
.web i,
.email i {
    font-style: normal;
    font-size: 26px;
    padding-right: 10px;
    margin-top: -2px;
    color: var(--principale);
}

.value {
    margin-left: auto;
}


#arianne-search,
#main-pub .pub-container,
#tabs-connexion .tab-pane>div,
.current_actu .footer,
.current_actu .infos .contact p,
.libelle_ape,
.lineLabel {
    display: flex;
}

#how a::before,
.fb i,
.lien-contact::before,
.print-qr::before,
.web i {
    display: inline-block;
    vertical-align: middle;
}

.web {
    margin: 10px 0;
}

.web i {
    color: var(--principale);
}

.fb i {
    font-weight: 400;
    color: #4267b2;
}

#map,
.map {
    width: 100%;
    height: 300px;
}

.pubs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pubs h2 {
    flex-basis: 100%;
    width: 100%;
    display: none;
}

.pubs .pub {
    flex-basis: 30%;
    width: 30%;
    position: relative;
    margin-right: 20px;
}

.pub .readmore {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    padding: 3px 10px;
}

.doIt {
    margin: 0 auto;
    width: 60%;
    display: block;
    padding: 7px 20px;
    color: #fff;
    font-size: 25px;
}

#proprio,
.message,
.notice {
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.doIt:hover,
.getfiche:hover,
.proprio:hover {
    color: #fff;
    text-decoration: none;
}

#proprio {
    padding: 20px 40px 30px;
    border: 1px solid #eee;
    background: #f9f9f9;
}

#how,
.message,
.notice {
    background: var(--principale);
    color: #fff;
}

#proprio p {
    margin-bottom: 10px;
}

#proprio p:nth-child(2) {
    margin-bottom: 30px;
}

#proprio p:nth-child(4),
.message,
.notice {
    margin-bottom: 50px;
}

#proprio a,
.notice_signin_customer a {
    background: var(--orange);
    color: #fff;
    padding: 15px 30px;
    margin: 0 auto;
    border-radius: 10px;
    width: 50%
}

#how {
    padding: 10px 25px;
    z-index: 999;
    font-size: 25px;
    margin-top: 70px;
}

#how a::before {
    content: "\f324";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-style: normal;
    color: #ab268b;
    font-size: 26px;
    padding-right: 10px;
    margin-top: -2px;
}

.print-qr::before {
    content: "\f029";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 36px;
    padding-right: 20px;
    margin-top: -2px;
}

.message,
.notice {
    padding: 15px 25px;
    margin-top: 50px;
}

.lien-contact,
.print-qr {
    padding: 5px 15px;
    border-radius: 7px;
    font-size: 22px;
    width: 100%;
    color: #fff;
    text-align: center;
}

.lien-contact {
    background: var(--orange);
}

#infos a,
#user_record_fiche,
.follower button,
.print-qr,
.pro_logout a,
h2.fiche-title:after,
h2.fiche-title:before {
    background: var(--principale);
}

.print-qr {
    float: right;
}

#go,
#user_record_fiche {
    border: none;
    box-shadow: none;
}

.pubs {
    padding: 5px 10px 15px;
}

.partage,
.partage+.half {
    background: #f4f4f4;
    padding: 10px 25px;
    margin-top: 20px;
    box-shadow: 0 0 1px #aaa;
}

.faq,
.list-classe-ape,
.qr {
    box-shadow: 0 0 2px #aaa;
}

.partage {
    margin-right: 30px;
}

.lien-contact::before {
    content: "\f367";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 36px;
    padding-right: 20px;
    margin-top: -2px;
}

#loginForm,
#signinForm {
    display: none;
    width: 100%
}

#user_record_fiche {
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
}

#connectForm {
    display: none;
    padding-top: 4px;
}

#connectForm .fa-times-square,
._options {
    padding-left: 10px;
}

#password_login,
#user_login {
    color: #666;
    width: 25%;
    flex-basis: 25%;
    margin-right: 20px;
    border: 1px solid #aaa;
    border-radius: 5px;
}

#go {
    padding: 0 10px;
    background: #ab268b;
    border-radius: 4px;
}

.printQr,
.seeFiche {
    background: #ab268b;
    color: #fff;
    padding: 6px 25px;
    width: 70%
}

.seeFiche {
    width: 30%
}

.printQr i,
.seeFiche i {
    font-size: 30px;
    padding-right: 25px;
}

.printQr a,
.seeFiche i {
    font-size: 22px;
    font-weight: 700;
}

div.fiche-title {
    font-size: 30px;
    font-weight: 600;
    padding: 20px;
}

.clientQr,
.proQr,
.stat h6 {
    font-weight: 700;
}

#client {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

#client h3 {
    width: 100%;
    flex-basis: 100%;
    flex-grow: 4;
    text-align: center;
    margin-bottom: 25px;
}

.fiche #client {
    width: 48%;
    flex-basis: 48%;
    background: #fefefe;
    padding: 20px;
}

#infos a,
.follower button {
    display: block;
    margin: 3px auto;
    font-size: 17px;
    padding: 15px 20px !important;
    color: #fff;
    box-shadow: none;
    border: none;
    border-radius: 5px;
    text-align: center;
}

#menu li:first-child {
    margin-top: -1px;
}

#modfiFicheForm,
.list {
    padding-left: 5px;
}

.listFlex>div {
    border: 1px solid #f2f2f2;
    padding: 4px 9px;
    border-radius: 5px;
    margin: 3px 3px 3px 0;
}

#alertdepotannonce a.login,
#slogan .signin.pro,
.listFlex>div:hover,
.modal.cart .modal-header {
    background: var(--principale);
    color: #fff;
}

#tabs-connexion .nav-link,
.clientQr,
.clients h3,
.offre_free h2,
.offres ul.options li::before,
.search-term span,
.text-slogan h3 span:last-child,
ul.list-inline:not(.menu_espace) li:not(.Proprio):not(._logout):not(.active) a {
    color: var(--principale_dark);
}

.clients h3,
.professionnels h3,
.qr h3 {
    font-family: 'Open sans';
    font-size: 19px;
    text-align: center;
    font-weight: 700;
}

.qr p {
    margin-bottom: 7px;
}

.qr {
    background: #f2f2f2;
    width: 24%;
    flex-basis: 24%
}

.page .sidebar .qr img {
    float: none;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 150px;
}

.clientQr {
    text-align: center;
}

.proQr,
.professionnels h3,
.stat h6 {
    color: #ab268b;
}

.proQr {
    text-align: center;
}

.clients,
.professionnels,
.qr {
    padding-bottom: 0;
    margin-bottom: 20px;
    padding-top: 0;
    margin-top: 15px;
}

.clients,
.professionnels {
    width: 38%;
    flex-basis: 38%;
    text-align: justify;
    padding: 0 20px;
}

#slogan h2,
.services-sidebar h5,
.stat {
    text-align: left;
}

.stat h6 {
    font-size: 17px;
    text-align: center;
}



.list-classe-ape,
ul.pubs-offres li:nth-child(odd) {
    background: #f2f2f2;
}

.list_actus .type_actu,
aside .cta {
    margin-left: 0;
}

.cta {
    background: var(--vert);
    color: #222;
    padding: 5px 15px;
    width: 100%;
    display: block;
    border-radius: 7px;
    margin: 5px 10px;
    text-align: center;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.3s ease, transform 0.2s ease;
}

.cta.white{
    color: #fff;
}

.cta.u-no{
    text-decoration: none;
}
.cta:hover {
    background: var(--principale); /* Teinte plus foncée du vert */
    color: #fff;
    transform: scale(1.05); /* Effet de zoom léger */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.cta_small {
    font-size: 18px;
    width: 60%;
    font-weight: 600;
    margin: 0 auto;
}



.cta_medium {
    font-size: 20px;
    width: 85%;
    font-weight: 600;
    margin: 0 auto;
}

.cta_large {
    font-size: 22px;
    width: 100%;
    font-weight: 600;
    padding: 10px 25px;
}

.page .sidebar .imgQrFiche {
    float: none;
    width: 150px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.last-update .readmore:before,
.stat .readmore:before {
    content: "\f0a4";
    font-family: 'Font Awesome 5 Pro';
    color: var(--principale);
    padding: 15px 7px;
    font-size: 25px;
    z-index: 1;
    text-align: center;
    width: 12%;
    height: 100%;
    font-weight: 700;
}

.arguments .card h5,
.home-services #services h2+p,
.select2-container {
    font-size: 16px;
}

.select2-container .pro {
    margin-top: -35px;
}

.list-classe-ape {
    padding: 15px 45px;
}

.liste-marketplace-localbiz main #liste-annuaire {
    height: 800px;
}

section.client,
section.pro {
    position: relative;
    flex-grow: 2;
}

.pro_logout a {
    position: absolute;
    top: 0;
    right: 20px;
    color: #fff;
    padding: 5px 12px;
    border-radius: 5px;
}

nav.menu-cart,
nav.tabFiche {
    padding: 10px 5px;
}
nav.tabFiche {


    max-width: 100%;
}
nav.tabFiche a {
    text-decoration: none;
}

h1.fiche-title .metier-title {
    font-weight: 400;
    color: #aaa;
}

.rating-h1 {
    margin-left: auto;
    font-size: 15px;
    color: #777;
    margin-right: 40px;
}

.rating .fa-star {
    color: var(--principale);
}

h2.fiche-title {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 45px;
    display: flex;
    justify-content: center;
}

h2.fiche-title:before {
    display: block;
    margin-right: 15px;
}

h2.fiche-title:after {
    display: block;
    margin-left: 15px;
}

#menu_fiche {
    display: flex;
    margin-bottom: 15px;
    justify-content: center;
}

nav.menu-cart {
    margin-left: auto;
    height: 49px;
    width: 120%;
}

nav.tabFiche ul {
    flex-wrap: nowrap;
    display: flex;
    width: 120%;
}

nav.tabFiche ul li {
    list-style: none;
    padding: 7px 12px;
    font-weight: 700;
    margin-bottom: 10px !important;
}

nav.tabFiche ul li a {
    font-size: 14px;
}

nav.tabFiche ul li:not(.Proprio) {
    background: #f4f4f4;
    margin-right: 15px;
    margin-bottom: 30px;
    line-height: 30px;
}

nav.tabFiche ul li.active {
    background: var(--orange);
    color: #fff;
    border-radius: 4px;
}

nav.tabFiche .list-inline li:not(.active):not(.Proprio) {
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 0 1px #ddd;
    border-radius: 5px;
}

.btn-primary,
nav.tabFiche ul li:not(.Proprio):hover {
    background: var(--principale) !important;
}

nav.tabFiche ul li.Proprio {

    padding: 7px 20px;
}

nav.tabFiche ul li:hover a {
    color: #fff !important;
    text-decoration: none !important;
}

.promoSite {
    background: #6e1849;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}

.offreSite {
    background: #fff;
    color: #666;
    font-weight: 700;
    padding: 5px 0;
}

.connexion-pro,
.getfiche {
    background: var(--principale);
}

.connexion-pro {
    padding: 10px 25px;
    margin-top: 25px;
    margin-bottom: 50px;
}

.connexion-pro h2 {
    text-align: center;
    color: #fff;
}

.getfiche {
    color: #fff;
    display: block;
    font-size: 17px;
    padding: 15px 25px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    border-radius: 10px;
    width: 50%
}

.proprio {
    border-radius: 5px;
    margin-left: auto;
    padding: 7px 20px;
    display: block;
    background: #0f6363;
    color: #fff;
    margin-top: -3px;
    font-weight: 500;
}

#slogan,
.button {
    font-weight: 700;
}

input[type=password] {
    font: small-caption;
    font-size: 16px;
    line-height: 21px;
}

#footer-pub a,
row .password_wrapper {
    display: flex;
    width: 100%
}

row .password_wrapper input[type=password] {
    width: 40%;
    margin-left: auto;
}

#signin>div {
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
}

.submit {
    align-self: end;
    justify-content: end;
}

#signin #submit {
    display: inline-block;
    float: right;
    padding: 10px 30px;
    font-size: 25px;
}

.renvoi {
    background: #fafafa;
    padding: 10px 30px;
}

.home-services h2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #555;
}

.home-services h2:before {
    content: '';
    width: 40%;
    height: 5px;
    border-top: 4px solid var(--principale);
    padding-bottom: 15px;
    margin-top: 10px;
}

.home-services {
    padding: 30px 0 0;
}

#services {

    width: 100%;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.no-registereds #services {
    padding: 11px 20px 25px;
}

#services #wait {
    background: #fb9fa5;
}

#services #collect {
    background: #fcc198;
}

#services #reserve {
    background: #bce8d7;
}

#services #qr {
    background: #d9c7ed;
}

#services #shipping-service {
    background: #b5eaf7;
}

#services p {
    color: #555;
    text-align: center;
    padding: 5px 10px;
    min-height: 47.2px;
    font-size: 13px;
    margin-bottom: 0;
}

#services a p {
    color: #444;
}

#services .wrapper-mobile,
.rating-stars {
    display: flex;
    gap: 20px;
}

#services .wrapper-mobile div,
#services>div div,
._services {
    flex-basis: 40%;
    transition: transform .4s;
    margin: 5px 0;
    padding: 25px 0;
    border-radius: 10px;
}

#services img {
    width: 100%;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

#services div h4 {
    font-size: 1.1vw;
    font-weight: 600;
    padding: 30px 5px 0;
    color: #222;
    text-align: center;
    margin-bottom: 15px;
}

._services p {
    margin-bottom: 0 !important;
}

#offres section div.last,
._services img {
    margin-right: 0 !important;
}

#services .wrapper-mobile div:hover,
.activity-link:hover,
.entreprises>.wrapper-pub:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px 0 rgba(61, 87, 119, .6);
}

.count-items,
.fa-shopping-cart {
    font-size: 18px !important;
    color: #444;
}

.faq {
    background: #fff;
    padding: 20px 30px 0;
    margin: 20px;
}

.faq .highlight {
    background: #ab268b;
    color: #fff;
    padding: 7px 15px 3px;
    text-align: center;
}

.button {
    padding: 2px 20px 1px;
    background: var(--principale);
    background: var(--principale);
    color: #fff;
    border-radius: 7px;
    border: none;
}

.button:hover {
    text-decoration: none !important;
    color: #fff !important;
}

.entreprises .sidebar {
    align-items: center;
    justify-content: space-around;
}

.entreprises>.wrapper-pub {
    transition: transform .4s;
    box-shadow: 0 3px 6px 0 rgba(61, 87, 119, .4);
    
    
}

.entreprises .wrapper-pub img {
    object-fit: cover;
}

.entreprises .agriculture-elevage {
    background: #7a7f50;
}

.entreprises .commerce {
    background: #ee7842;
}

.entreprises .B2B {
    background: #87aeba;
}

.entreprises .artisans {
    background: #9c7c69;
}

.entreprises .automobile {
    background: #116689;
}

.entreprises .restauration-hotellerie {
    background: #fcd275;
}

.entreprises .maison {
    background: #e7574f;
}

.entreprises .aide-a-la-personne {
    background: #e1d6c3;
}

.entreprises .association {
    background: #16c6cf;
}

.entreprises .immobilier {
    background: #397f9c;
}

.entreprises .loisirs {
    background: #ecb9d8;
}

.entreprises .sport {
    background: #5ea252;
}

.entreprises .sante {
    background: #f3a5a6;
}

.entreprises .soin-bien-etre {
    background: #56b6c3;
}

.entreprises .transport {
    background: #d0c7c7;
}

.entreprises .emploi {
    background: #a0bfc9;
}

.entreprises .formation-enseignement {
    background: #cc5048;
}

.entreprises .industrie-textile {
    background: #88a766;
}

.entreprises .justice {
    background: #6b6d8a;
}

.entreprises .industrie-electrique-electronique {
    background: #126788;
}

.entreprises .nature-animaux {
    background: #facc97;
}

.entreprises .securite {
    background: #d04b44;
}

.entreprises .service-financier {
    background: #76b0c1;
}

.entreprises .social {
    background: #db716c;
}

.entreprises .mer {
    background: #15667b;
}

.list-commerces {
    width: 100%;
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
}

.list-commerces .wrapper-pub {
    width: 47%;
    margin-right: 10px;
}

span.count {
    display: block;
    float: left;
    color: #fff;
}

.flex_full {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 75px;
}

.avantage-qr {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 100px;
}

.avantage-qr img {
    width: 100px;
    margin: 0 auto !important;
    display: block;
}

.infos-siren {
    font-size: 11px;
}

.offres .options-clients {
    padding-right: 12px;
}

.offres ul.options li {
    font-size: 14px;
    list-style: none;
    padding-right: 35px;
    line-height: 25px;
}

.offres ul.options li::before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    padding: 9px 7px;
    font-size: 10px;
    z-index: 1;
    text-align: center;
    font-weight: 700;
}

#slogan {
    display: flex;
    text-align: center;
    width: 100%;
    padding: 35px 0px 0 0px;
    color: #fff;
    font-size: 2vw;
    justify-content: space-between;

}

#slogan img {
    margin-top: -20px;
    width: 93%;

}

#slogan h3 {

    line-height: 24px;
    color: #000;
    text-align: right;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-right: 45px;
}
#slogan h3 span{
  font-size: 26px;
}
#slogan h2 {
    letter-spacing: 2px;
    line-height: 30px;
    color: #000;
    margin-bottom: 80px;
    margin-top: 0px;
}
#slogan h2 span{
 font-size: 25px;
}
.text-slogan {
    flex-basis: 60%;
    min-width: 60%;
}

.slogan-img {
    display: flex;
    align-items: center;
    flex-basis: 40%;
    align-items: center;
    justify-content: center;

}

.text-slogan p {
    color: #777;
    font-size: 18px;
    font-weight: 400;
    text-align: right;
    padding-right: 25px;

}

.home-signin{

    padding-right: 45px;
    text-align: right;
}



.home-signin a {
    display: inline-block;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    padding: 12px 25px;
    background: var(--vert);
    text-decoration: none;
    border-radius: 15px;

    margin-left: 20px;
    transition: background 0.3s ease, transform 0.2s ease;
}

.home-signin a:hover {
    background: rgb(162, 73, 54, 0.7);
    /* Éclaircit la couleur */
    transform: scale(1.05);
    /* Légère mise en avant */
}

.actu_sidebar h5,
.feed h4,
.introSite h5 {
    font-size: 17px;
    font-weight: 500;
}

.text-slogan h3 span:first-child {
    color: var(--marron_text);
}

#slogan .signin {
    padding: 5px 12px;
}

#slogan .signin.particulier {
    background: var(--marron_text);
    color: #fff;
}

.services-list p {
    text-align: left !important;
}

.services-list p::before {
    content: "\f138";
    font-family: 'Font Awesome 5 Pro';
    color: var(--principale);
    padding: 9px 7px;
    margin-top: 3px;
    font-size: 14px;
    z-index: 1;
    text-align: center;
    width: 7%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
    font-weight: 700;
}

.offres-sidebar p:nth-child(3) {
    font-style: italic;
    font-size: 16px;
    color: var(--principale);
    font-weight: 700;
}

.services-sidebar {
    padding: 15px;
    background: #ebfdfe;
}

.feed {
    padding: 0 15px 15px 25px;
}

.offres-sidebar {
    background: #ebfdfe;
    padding: 15px;
}

.actu_sidebar {
    background: var(--bg_principale_clair);
    height: auto;
    padding: 30px 0;
}

.actu_sidebar h5 {
    padding: 0 7px;
}

#datatourismelistdate .modal-header,
.bleu,
.nav-pills .nav-link.active,
.wrapper-partenaire:nth-child(odd) .item-left .readmore a
{
    background: var(--principale);
}

.clientLocalbiz ._signin {
    padding: 15px 30%
}

.clientLocalbiz {
    background: #fff;
    padding: 20px 50px;
}

.clientLocalbiz .create_account {
    display: flex;
    justify-content: center;
}

.clientLocalbiz .create_account a {
    width: 50%;
    padding: 15px 20px;
}

.lclbz {
    color: #2cafaf;
    font-weight: 700;
}

.flex-width {
    width: var(--w);
}

.m-b-5 {
    margin-bottom: 5px;
}

.has-img {
    height: 245px;
    position: relative;
}

#footer-pub .annonce,
#your-pub h2,
#your-pub h4,
.fa-eye,
.fa-eye-slash,
.has-img .image img {
    position: absolute;
}

.has-img .content {
    margin-top: 105px;
}

.has-img .wrapper-image {
    top: 0 !important;
}

.has-img .image {
    position: relative;
    height: 110px;
    overflow-y: hidden;
}

.has-img .image img {
    top: 0;
}

.follower p:last-child {
    font-size: 12px;
    padding-top: 5px;
}

#_connect {
    background: #f0f0f0;
    padding: 15px 30px;
}

.follower p:last-child a,
.list_actus h2,
.signin-to-follow span {
    font-size: 17px;
}

.follower p.message {
    font-size: 17px;
    margin-top: 15px;
    padding-top: 15px;
}

.signin-to-follow {
    padding: 5px 15px;
    border: 1px solid #777;
    border-radius: 5px;
}

.fa-eye {
    font-size: 20px;
    color: #2cafaf;
}

.fa-eye-slash {
    font-size: 20px;
    color: #646464;
}

.child-100 {
    flex-wrap: wrap;
}

.fa-icon,
.list li,
.u-click-collect li {
    list-style: none;
}

.u-click-collect li::before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    color: var(--principale);
    padding: 9px 7px 9px 3px;
    font-size: 17px;
    z-index: 1;
    text-align: center;
    width: 6%;
    height: 100%;
    font-weight: 700;
}

.lclbz-separator {
    padding: 10px;
    width: 100%
}

.lclbz-separator--one-line {
    border-bottom: 1px solid var(--principale);
}

.background-bleu-light {
    padding: 5px 20px;
    background: #f9f9f9;
    border-radius: 8px;
    margin: 10px;
    box-shadow: 0 0 1px #ddd;
    border: 1px solid rgba(44, 175, 175, .5);
}

.adherer {
    background: var(--principale);
    display: flex;
    flex-direction: column;
}

.adherer p:nth-child(2),
.wrapper_actu .footer {
    margin-top: 25px;
}

.adherer p:nth-child(3) {
    margin-top: 30px;
}

.adherer .getfiche {
    background: #000;
    font-size: 16px;
    padding: 10px 25px;
    width: 85%;
    box-sizing: border-box;
    margin-top: -15px;
}

#infos,
.notice_signin_customer {
    text-align: center;
    background: #fefefe;
    margin-top: 5px;
    font-size: 20px;
    border: 1px solid #eee;
    padding: 10px 30px 30px;
    flex-basis: 49.8%
}

.client-part {
    display: flex;
    gap: 25px;
    padding: 45px;
    justify-content: space-between;
}

.notice_signin_customer .p_link {
    padding-top: 25px;
    width: 100%
}

.notice_signin_customer .fa-sign-in-alt {
    padding-right: 20px;
    font-size: 23px;
    padding-top: 5px;
    line-height: 25px;
}

#your-pub {
    display: flex;
    flex-wrap: wrap;
    left: 25%;
    height: 155px;
    position: fixed;
    bottom: 2px;
    background: rgba(0, 0, 0, .7);
    padding-top: 10px;
    padding-left: 15px;
    z-index: 99999;
    padding-bottom: 3px;
    animation: 7.5s linear 2s forwards Yourpub_to_right;
}

#your-pub h2 {
    left: 35px;
    font-family: 'Permanent Marker';
    font-size: 15px;
    top: 0;
}

#your-pub h4 {
    left: 35px;
    bottom: 30px;
    font-size: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 130px;
}

#your-pub h4 span {
    font-weight: 400;
}

#your-pub h4 span:first-child {
    color: #2cafaf;
    font-weight: 700;
    font-size: 17px;
}

#your-pub h4 span:not(:first-child) {
    color: #ab268b;
    font-size: 11px;
}

#your-pub img {
    width: 240px;
    border-radius: 5px;
}

#your-pub p {
    padding: 0 20px;
    color: #fff;
}

.your-pub__img {
    animation: .2s 1.9s forwards hideYourPub_Img;
    position: relative;
}

@keyframes hideYourPub_Img {
    to {
        display: none;
        visibility: hidden;
        width: 0;
        height: 0;
        overflow: hidden;
    }
}

@keyframes Yourpub_to_right {
    0% {
        left: 50%;
        bottom: 2px;
    }

    21%,
    50%,
    51%,
    80% {
        left: 70%;
        bottom: 2px;
    }

    100%,
    81% {
        left: 70%;
        bottom: -166px;
    }
}

@keyframes Footerpub_to_up {
    100% {
        bottom: 2px;
    }
}

@media screen and (min-width:490px) {
    #footer-pub {
        display: flex;
        flex-wrap: wrap;
        left: 20%;
        height: 155px;
        box-shadow: 0 0 3px #666;
        position: fixed;
        bottom: -160px;
        background: rgba(0, 0, 0, .75);
        padding-top: 10px;
        padding-left: 15px;
        z-index: 99999;
        padding-bottom: 3px;
        animation: .5s 3s forwards Footerpub_to_up;
    }
}

@media screen and (max-width:1390px) {
    #footer-pub {
        width: 49%;
        padding-right: 12px;
    }
}

@media screen and (min-width:1391px) {
    #footer-pub {
        width: 42%
    }
}

#footer-pub .close,
#your-pub .close {
    padding-right: 5px;
    position: absolute;
    right: 5px;
    z-index: 999999;
}

#your-pub .close {
    right: 0;
    top: 2px;
    padding-right: 5px;
}

#your-pub .close i {
    font-size: 20px;
    color: #fff;
}

#footer-pub img {
    height: 135px;
}

#footer-pub .annonce {
    background: #393939;
    color: #fff;
    padding: 3px 5px;
    left: 0;
    top: 0;
    font-size: 11px;
}

.footer-pub__img {
    flex-basis: 30%;
    flex-grow: 1;
    overflow: hidden;
}

.footer-pub__text {
    text-align: center;

    flex-basis: 50%;
    flex-grow: 1;
    
}

#tabs-connexion .nav-link.active,
.fa-frown {
    color: var(--marron);
}

.footer-pub__text p.title {
    width: 98%;
    font-weight: 800;
    padding: 0 10px;
    text-align: center;
    margin: 4px auto 0px;
    font-size: 27px;
    font-family: 'BigShouldersDisplay', cursive;
}

.footer-pub__text span.desc_1,
.inactives_cos .placeholder .tagline {
    font-size: 12px;
}

.footer-pub__text span.desc_2 {
    font-size: 17px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.footer-pub__text span.footer-pub_cta {
    margin-top: 29px;
    display: inline-block;
    background: var(--vert);
    padding: 6px 20px 7px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.footer-pub__text span.footer-pub_cta::before {
    content: "\f138";
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    padding: 8px 7px 9px 3px;
    font-size: 15px;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;

}

.tabFiche i {
    color: var(--principale);
    padding-right: 10px;
}

.fa-frown {
    padding-right: 9px;
    font-size: 23px;
}

ul.pubs-offres {
    width: 100%;
    padding-left: 0;
}

ul.pubs-offres li {
    list-style: none;
    line-height: 30px;
    width: 100%;
    padding: 0 10px;
}

.commission::before,
.credit-card::before {
    padding-right: 15px;
    font-family: 'Font Awesome 5 Pro';
    color: var(--principale);
}

ul.pubs-offres>li>span:last-child {
    display: block;
    float: right;
}

.main-pub {
    box-shadow: 0 0 5px #999;
    background: #f5f5f5;
    padding: 0 10px 10px;
    border-radius: 5px;
    margin-top: 15px;
    flex-basis: 40%;
    max-width: 40%;
    align-self: start;
}
#main-pub a{
    text-decoration: none;
}
#main-pub .pub-container img {
    margin: 4px auto;
    border-radius: 10px;
}
#main-pub .line_1{
    font-weight: bold;
    color: var(--marron)!important;
    padding: 0 30px;
}

#main-pub .line_3{
    font-size:12px;
}
#main-pub .footer-pub__text p.title {
    width: 92%
}

#main-pub .footer-pub__img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#main-pub .footer-pub__img h6{
    font-weight: 200;
}

a[href=contact] {
    display: block;
    margin-left: 0;
}

.modal.cart .alert-success {
    background: #fff;
    border: none;
}

.close-dialog {
    background: #000;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
}

.no-sidebar main>section {
    flex-basis: 100%;
    padding-bottom: 25px;
    margin: 0 auto;
}

.img-cart img {
    width: 75px;
}

#register-pro-form h2 {
    font-size: 21px;
    text-align: center;
}

#pro-register-args h1 {
    font-size: 25px;
    text-align: center;
}

.credit-card::before {
    content: "\f09d";
    font-size: 27px;
}

.commission::before {
    content: "\f541";
    font-size: 27px;
}

.contrat::before,
.tryshop::before {
    font-family: 'Font Awesome 5 Pro';
    color: var(--principale);
    padding-right: 15px;
}

.contrat::before {
    content: "\f56c";
    font-size: 27px;
}

.tryshop::before {
    content: "\f217";
    font-size: 27px;
}

.tryservices::before {
    padding-right: 15px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f8cc";
    color: var(--principale);
    font-size: 27px;
}

#pro-register-args li {
    padding: 15px;
    font-size: 19px;
}

.signup-form .row {
    border: 1px solid #ddd;
    padding: 0 25px;
    margin-top: 25px;
    border-radius: 12px;
}

.signup-form .row>div:first-child {

}

.signup-form .row>div:last-child {
    padding-left: 25px;
}

.success {
    color: green;
}

.password-requirement li {
    padding-left: 25px;
    padding-bottom: 10px;
    text-align: left;
    list-style: none;
}

.password-requirement li:first-child {
    padding-top: 15px;
}

.password-requirement li.default::before {
    padding-bottom: 4px;
    padding-right: 15px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f111";
    font-size: 10px;
    vertical-align: middle;
    color: #999;
}

.password-requirement li.error::before {
    padding-right: 15px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f00d";
    font-size: 13px;
    vertical-align: middle;
    color: red;
}

.password-requirement li.success::before {
    padding-right: 15px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f00c";
    font-size: 13px;
    vertical-align: middle;
    color: green;
}

.create_account {
    font-size: 25px;
    padding: 10px 0;
    margin-top: 20px;
}

.infosShare,
.soutiens {
    padding: 7px 15px;
    background: #fff;
}

#signup-in-password #togglePassword {
    top: 35px;
    display: inline-block;
    padding-left: 6px;
}

#connexion {
    padding: 5px 65px;
}

#signup-in-password .fa-eye,
#signup-in-password .fa-eye-slash {
    border: none;
    bottom: 0;
}

#tabs-connexion {
    max-width: 1290px;
    margin: 0 auto;
    width: 100%
}

#tabs-connexion li i {
    font-size: 45px;
}

#tabs-connexion li {
    text-align: center;
    font-size: 25px;
}

#tabs-connexion li button {
    display: flex;
    flex-direction: column;
    padding: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

#tabs-connexion #client,
#tabs-connexion #pro {
    margin-top: 15px;
    padding: 30px 55px;
    flex-basis: 45%;
    width: 45%;
    border-right: 1px solid #dee2e6;
    border-top: none;
}

#tabs-connexion .signup {
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.input-required span::after {
    content: '*';
    color: red;
    padding: 0 10px;
}

.dropdown-name span:last-child,
.no-result i {
    padding-right: 25px;
}

.infosShare {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.infosShare div {
    height: auto;
    margin-bottom: 15px;
    text-align: center;
}

.wrapper-pub.thematiques a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    justify-content: center;
}

.wrapper-pub.thematiques a span.label {
    display: inline-block;
    padding-top: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

#bottom {
    flex-basis: 100%;
    width: 100%
}

p.libelle_ape span {
    display: inline-block;
    margin: 10px;
    padding: 5px 12px;
    background: #fff;
    border-radius: 5px;
}

meta[name=description] span {
    display: inline-block;
    margin: 10px;
}

blockquote span.search {
    background: #ff0;
    width: auto;
    padding: 0;
}

#search-produits .content,
#search-services .content {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.wrapper_result {
    padding: 0 0 15px;
    margin-bottom: 25px;
    border-radius: 15px;
    box-shadow: 0 0 1px #aaa;
    position: relative;
    overflow: hidden;
}

.ape_desc,
body.search-result #search {
    border: 1px solid #ccc;
}

.wrapper_result img {
    object-fit: cover;
    width: 100%
}

.wrapper_result .wrapper-image .placeholder_logo {
    width: 50px;
}

.wrapper_result>div:last-child {
    border: none;
    align-items: center;
}

.wrapper_result div:last-child p:first-child {
    margin-bottom: -20px;
}

.wrapper_result .wrapper-pub {
    flex-direction: row;
    padding-bottom: 0;
}

.wrapper_result .inactives_cos .wrapper-pub {
    flex: 1 1 0;
    width: auto;
}

.wrapper_result .inactives_cos .wrapper-image
{
    min-width: 40%
}

.wrapper_result .tagline {
    white-space: normal;
}

.wrapper_result .wrapper-image .placeholder {
    padding: 10px 10px 0;
}

.search-term {
    padding: 10px 30px;
    background: #f2f2f2;
    top: 0;
    left: 0;
    right: 0;
}

.search-term p {
    margin-bottom: 0;
    font-weight: 700;
}

main .full #search-fiche {
    padding-left: 0;
    margin-right: 25px;
}

.wrapper-result-metier {
    padding: 15px 30px 0;
}

.active .no-result {
    font-size: 22px;
    text-align: center;
    padding: 5px 100px;
    background: #f2f2f2;
    color: #222;
}

.no-result i {
    font-size: 30px;
    color: #cf0000;
}

body.search-result form[action=search-result] {
    width: 80%;
    margin: 0 auto;
}

body.search-result #submit_search_ {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

#no-result {
    width: 100%;
    margin-bottom: 30px;
}

#no-result h6 {
    margin-bottom: 20px;
    font-size: 20px;
}

#search .result {
    padding: 12px 25px;
    background: #f1f3f4;
    border-radius: 80px;
}

#search .result i {
    padding-left: 20px;
    font-size: 22px;
    color: #999;
}

span#search {
    display: flex;
    align-items: center;
    justify-content: start;
}

.badge-registered {
    position: absolute;
    right: 10px;
    top: 10px;
    box-shadow: 0 0 2px #666;
    z-index: 15;
    padding: 7px;
    background: #fff;
    border-radius: 15px;
}

.wrapper-pub {
    display: block;
    background: #fff;
    box-shadow: 0 0 2px #aaa;
    padding: 0px 0 10px;
    margin-top: 20px;
    border-radius: 4px;
    width: 310px;
    flex-basis: 310px;
    white-space: nowrap;
    position: relative;
}

#list.entreprises .wrapper-pub {
    border-radius: 30px;
}

.wrapper-pub h5 {
    font-weight: 700;
    color: #555;
    font-size: 15px;
}

.infos .date,
.wrapper-pub .adresse {
    font-size: 13px;
}

.actives_cos .wrapper-pub .readmore,
.inactives_cos .wrapper-pub .readmore {
    right: 12px;
}

.actives_cos,
.inactives_cos {
    margin-bottom: 25px;
    border: 1px solid #eee;
    padding: 15px 30px;
    background: #fff;
}

.actives_cos .wrapper-pub,
.inactives_cos .wrapper-pub {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    margin-top: 0;
    flex: 1 1 auto;
    padding-bottom: 35px;
    min-width: 25%
}

.inactives_cos .wrapper-pub {
    max-width: 30%
}

.actives_cos .wrapper-pub {
    max-width: 26%
}

.actives_cos .wrapper-pub .wrapper-image,
.inactives_cos .wrapper-pub .wrapper-image {
    position: relative;
    right: auto;
    top: auto;
    background: var(--principale);
}

.inactives_cos .wrapper-pub .wrapper-image {
    padding-top: 15px;
    padding-bottom: 15px;
}

.actives_cos .wrapper-pub .wrapper-image .placeholder,
.activity-link span {
    padding: 15px;
}

.actives_cos .wrapper-pub .wrapper-image .image img {
    align-self: flex-start;
}

.actives_cos .wrapper-pub .wrapper-image .image {
    height: auto;
    max-height: 145px;
    justify-content: flex-start;
    align-items: flex-start;
}

.actives_cos .wrapper-pub .content,
.inactives_cos .wrapper-pub .content {
    padding: 10px 15px 15px 20px;
}

.actives_cos .wrapper-pub .wrapper-image {
    height: auto;
    max-height: 145px;
}

.inactives_cos .placeholder {
    width: 75%;
    padding-top: 20px;
    text-align: center;
    background: #ffff;
    margin: 0 auto;
    border-radius: 12px;
}

.actives_cos,
.inactives_cos {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.actives_cos p,
.inactives_cos p {
    flex-basis: 100%;
    margin-bottom: 15px;
}

h3.libelle-metier span {
    margin-right: 15px;
    color: #999;
}

h3.libelle-metier span:not(:last-child):after {
    content: ' - ';
    padding-left: 10px;
    display: inline-block;
    width: 15px;
}

.ape_desc {
    background: #f9f9f9;
    padding: 20px 50px;
    border-radius: 10px;
}

.inactives_cos .placeholder img,
.liste-activite-entreprise .placeholder img {
    width: 45px;
    height: auto;
    min-height: 0;
}

.dropdown-name {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.dropdown-name span:first-child {
    display: inline-block;
    width: 100%;
    flex-basis: 100%;
    font-size: 12px;
}

.dropdown-name span:first-child::after {
    vertical-align: top;
    padding-left: 15px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f0dd";
    font-family: 'Font Awesome 5 Pro';
}

.dropdown-account .dropdown-menu-end {
    z-index: 10000;
    display: none;
}

.dropdown-account .dropdown-menu-end.show{
    display: flex;
    flex-direction: column;
    align-items: end;

}
.dropdown-toggle,.dropdown-toggle:hover{
    text-decoration: none;
}
.dropdown-account .dropdown-menu-end.show a{
    font-size: 15px;
}
.dropdown-account {
    z-index: 100000;
    width: 250px;
    padding-left: 50px;
}

.nav-item.dropdown {

    list-style: none;
}

.section-partenaires {
    padding: 30px 40px 50px 40px;

    margin-bottom: 75px;
    background: #EFFBFA;


    
}

.section-partenaires h2 .localbiz{ font-size: 30px; }




.intro-end {
    background: var(--orange);
    text-align: center;
    color: #fff;
    align-self: start;
    padding: 15px 30px;
    font-size: 18px;
}

.section.actus {
    padding: 15px 30px 0;
    margin-bottom: 0;
    margin-top: 75px;
}

.section.actus h2 {
    margin-top: 5px;
    margin-bottom: 20px;
}


#partenaires{
 margin-top: 100px;
 margin-bottom: 100px;

}
#wrapper-partenaires {
    min-width: 100%;
    max-width: 100%;

}

.wrapper-partenaire {
    position: relative;
    justify-content: space-between;
    flex-basis: 35%;
    align-items: center;
    height: 203px;
    margin-left: 70px;
}

.wrapper-partenaire .item-left {
    border-radius: 5px;
    position: absolute;
    background: #fff;
    padding: 12px 15px;
    height: 73%;
    font-size: 12px;
    box-sizing: border-box;
    border: 1px solid #eee;

}

.item-left .readmore a,
.wrapper-partenaire:nth-child(2n) .item-left .readmore a {
    background: var(--marron);
}

.item-left .lieu {
    color: #999;
    padding-top: 6px;
    font-size: 14px;
}

.item-left h3 {
    font-size: 12px;
    
    margin-top: 3px;
}

.wrapper-partenaire-img {
    margin-left: auto;
    width: 220px;
    height: 180px;
    border-radius: 10px;
}

.wrapper-partenaire-img img {
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    width: 400px;
    height: 300px;
    
}

.item-left .readmore {
    position: absolute;
    bottom: 5px;
}

.item-left .readmore a {
    padding: 6px 15px;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
}

#home-partenaires {
    gap: 15px;
}

#mlc {
    margin-top: 70px;
}

.has_partenaires.no-registereds .main-section {
    height: auto;
}

aside .introSite {
    margin-top: 0;
    padding: 15px;
    font-size: 14px;
}

.listActivity #list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 25px;
}

#sticky-footer-contact {
    width: 245px;
    text-align: center;
    padding: 7px 17px 5px;
    height: 70px;
    position: fixed;
    right: 20px;
    box-shadow: 0 0 5px #666;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    bottom: 0;
    background: var(--principale);
    color: #fff;
}

#sticky-footer-contact a {
    color: #fff;
    font-size: 14px;
}

.principale img {
    width: 600px;
}

.captures {
    margin-top: 30px;
    display: flex;
    gap: 25px;
    padding: 0;
}

.arguments,
.multiple {
    gap: 35px;
    display: flex;
}

.multiple {
    flex-wrap: wrap;
}

.multiple>div {
    flex-basis: 48%;
    box-shadow: 0 0 5px #555;
}

.multiple div.text {
    background: var(--principale);
    color: #fff;
    padding: 15px 22px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.multiple div.text div {
    text-align: center;
    font-size: 20px;
}

.capture label {
    font-style: italic;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #333;
    background: #eee;
    padding: 5px 15px;
    text-align: center;
}

.captures .text li,
.reason p:first-child {
    font-size: 20px;
}

.captures .text a.list-link {
    background: #fff;
    padding: 3px 12px;
    display: inline-block;
    text-decoration: none;
    border-radius: 10px;
    color: var(--principale);
}

.arguments {
    margin-top: 40px;
    justify-content: space-between;
    padding: 0 60px ;
    margin-bottom: 50px;

}

.arguments .card:first-child img {
    width: 230px;
    padding-top: 15px;
}

.intro h2 {
    margin: 0;
    height: 350px;
    background: #a24936;
    font-weight: 700;
    text-align: center;
    color: #fff;

    padding: 20px 20px 50px;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 25%;
    gap: 50px;
}

.arguments .card img {
    width: 200px;
    margin: 0 auto;
}

.arguments .card {
    background-color: #f5f5f5;
    border-radius: 8px;
    flex-basis: 29%;
    max-height: 350px;
    padding-top: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    transition: transform .3s, box-shadow .3s;
}

.arguments .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
}

.arguments .card .btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.intro h1 span:last-child em {
    color: #fff;
    font-weight: 400;
}



.formulaire-completer #header_left .header_sticky {
    height: 90px;
}

.formulaire-completer #header_left #brand {
    margin-top: 12px;
}

.error-siret .modal-content {
    padding: 0 50px !important;
    width: 750px;
}

.current_actu .wrapper_actu {
    border: 1px solid #ddd;
    display: flex;
    padding-top: 15px;
}

.current_actu .actu_img {
    flex-direction: column;
    display: flex;
    
    flex-basis: 29%;
    max-width: 29%;
}

.current_actu .actu_img img {
    margin: 0 auto;
}

.current_actu .infos {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
    flex-direction: column;
    padding: 5px 30px;
}

.current_actu .infos span {
    font-weight: 700;
    display: inline-block;
    margin-right: 4px;
}

.current_actu h2 {
    margin-bottom: 25px;
    padding: 2px 15px;
}

.current_actu .infos .contact:has(:first-child) {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    padding: 7px 20px;
    border: 1px solid #ccc;
    border-radius: 7px;
    width: 100%;
    margin-top: 15px;
}

.current_actu .infos .date {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    padding: 7px;
}

.infos .web {
    margin: 0;
    padding: 7px 20px;
}

.current_actu .content {
    padding: 20px 45px;
    background: #f2f2f2;
}

.current_actu .infos .localisation:has(p) {
    display: flex;
    padding: 10px 20px;
}

.current_actu .localisation p {
    margin-right: 10px;
}

.current_actu .booking:has(:nth-child(2)) {
    display: block;
    background: var(--ivoire);
    padding: 7px 20px;
    width: 100%;
    margin-top: 15px;
    border-radius: 9px;
}

.fa-calendar-day,
.wrapper_actu .contact p.mail::before,
.wrapper_actu .contact p.phone::before,
.wrapper_actu .infos p.web::before {
    display: inline-block;
    vertical-align: middle;
    color: var(--principale);
}

.current_actu .wrapper-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-basis: 70%
}

#datatourismelistdate h5 {
    width: 100%;
    text-align: center;
    color: #fff;
}

.see-date-actu {
    padding: 7px 10px;
    margin-top: 15px;
}

.fa-calendar-day {
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    padding-right: 10px;
    margin-top: -2px;
}

.more-cie,
.offre_price,
p.dep {
    font-weight: 700;
}

.current_actu .localisation:has(p):before {
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    color: var(--principale);
    font-size: 19px;
    padding-right: 10px;
    vertical-align: middle;
    margin-top: 2px;
    content: "\f3c5";
    font-family: 'Font Awesome 5 Pro';
}

.infos .event_date::before {
    content: "\f783";
    font-family: 'Font Awesome 5 Pro';
    color: var(--principale);
    padding-right: 10px;
}

.wrapper_actu .contact p.mail::before {
    font-weight: 400;
    font-style: normal;
    font-size: 19px;
    padding-right: 10px;
    margin-top: 4px;
    content: "\f1d8";
    font-family: 'Font Awesome 5 Pro';
}

.wrapper_actu .contact p.phone::before {
    font-weight: 400;
    font-style: normal;
    font-size: 19px;
    padding-right: 10px;
    margin-top: 4px;
    content: "\f095";
    font-family: 'Font Awesome 5 Pro';
}

.wrapper_actu .infos p.web::before {
    font-weight: 400;
    font-style: normal;
    font-size: 19px;
    padding-right: 10px;
    margin-top: -2px;
    content: "\f0ac";
    font-family: 'Font Awesome 5 Pro';
}

.wrapper_list_actus .actu_img {
    display: flex;
    justify-content: center;
    width: auto;
}

main.actus .actu_img img.placeholder_logo {
    min-width: 1px;
    align-self: center;
}

main.actus .actu_img .placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

main.actus .wrapper_list_actus .actu_img .placeholder {
    justify-content: center;
}

.wrapper_list_actus .content {
    min-height: 200px;
    position: relative;
}

.list_actus img {
    width: 100%;
    margin: 15px 0;
}

.list_actus {
    border: 1px solid #eee;
    margin-top: 15px;
    padding: 25px 10px 15px 10px;
    flex-basis: 30%
}
.list_actus h2{
    min-height: 45px;
}
#list-actus h4 {
    margin-top: 45px;
    text-align: center;
    width: 100%
}

#list-actus {
    flex-wrap: wrap;
    gap: 40px;
}

.list_actus .date p {
    display: flex;
    font-size: 13px;
    justify-content: start;
    margin-bottom: 0;
}

.list_actus .date p i {
    font-size: 17px;
    width: auto;
}

aside .depot-annonce-sidebar {
    background: var(--bleu)!important;
    text-align: justify;
    padding:25px 15px;
    color: #fff;
}
aside .depot-annonce-sidebar h5{
    color: #fff!important;
}
.depot-annonce-sidebar a.depot-annonce {
    display: inline-block;
}

aside .depot-annonce-sidebar h6 {
    font-size: 20px;
    background: #fff;
    border-radius: 15px;
    padding: 12px;
    color: #333;
    text-align: center;
}

aside .depot-annonce {
    padding: 12px 23px;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 25px;
    background: var(--vert);
    color: #fff;
    transition: background-color 0.3s ease;
}
aside .depot-annonce:hover{
  background: rgb(162, 73, 54, 0.7);


}
aside .depot-annonce i {
    padding-right: 10px;
}

.asterisk-text a {
    color: #fff;
}

#alertdepotannonce a {
    padding: 10px 15px;
    border-radius: 7px;
}

#alertdepotannonce a.signin {
    border: 1px solid var(--principale);
    color: var(--principale);
}

#liste_annonces .depot-annonce {
    padding: 15px 30px;
    font-size: 20px;
    background: var(--vert);
}

.intro-offre .nav-link {
    color: var(--principale);
    border: 1px solid var(--principale);
}

#offres section.main-section {
    display: flex;
    flex-wrap: wrap;
    width: 94%;
    margin: 0 auto;
    padding-left: 0;
    flex-basis: 94%;
    max-width: 94%
}

.offres-tabs {
    padding-right: 0 flex-bais: 55%
}

#offres h1 {
    font-size: 38px;
    margin: 0 0 65px;
    text-align: center;
}

#offres h1 span.localbiz {
    font-size: 60px;
    padding-left: 15px;
}

#offres h1 span,
.offre_free .offre_price {
    height: 42.8px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#offres .intro-offre {
    padding: 15px 45px;
    align-self: start;
    border: 1px solid var(--principale);
    border-radius: 12px;
    flex-basis: 35%
}

#offres .intro-offre ul {
    border-bottom: 0;
    flex-wrap: nowrap;
    margin: 30px 0;
}

.offre {
    padding: 30px 25px;
    border-radius: 20px;
    box-shadow: 0 0 5px #6666;
}

.offre:last-child {
    margin-right: 0;
}

.offre_price {
    text-align: center;
    font-size: 30px;
}

.lclbz-wrap {
    width: 100%;
    min-height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.activity-link a {

    display: flex;
    flex-direction: column;
    color: #444;
    flex-wrap: wrap;
    max-width: 100%;
    max-height: 100%
}

.activity-link a span {
    display: block;
    text-align: center;
    font-size: 13px;
}

.activity-link {
    display: flex;
    transition: transform .4s;
    max-width: 29%;
    box-shadow: 0 2px 3px 0 rgba(61, 87, 119, .4);
    overflow: hidden;
    margin: 10px;
    background: #fff;
    color: #666;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.activity-link .libelle_ape span {
    background: #f0f0f0;
    padding: 5px 15px;
    border-radius: 7px;
}

.no-fiche {
    width: 75%;
    margin: 100px auto;
}

.reason {
    background: #fff;
    padding: 20px 50px;
    text-align: center;
    margin-top: 25px;
}

.more-cie {
    text-align: center;
    border-top: 2px solid var(--principale);
    margin-bottom: 30px;
    background: var(--fond_clair_principale);
    margin-top: 40px;
    padding: 20px;
    font-size: 19px;
}

#categorie-shop a p.product-prix-kilo {
    color: #666;
    font-weight: 400;
}

#pro-register-args h1 span {
    font-size: 33px;
}

#average {
    display: flex;
    align-items: center;
}

.star input {
    width: 1px;
    height: 1px;
    opacity: 0;
}

.rating .fa-solid,
.rating .fa-star-half-alt,
.star .fa-solid {
    color: #ffc600;
}

.star label {
    position: absolute;
    top: 0;
    left: 0;
}

.star input:checked~label.solid {
    display: block;
}

.rating {
    background: #fff;
    border-radius: 7px;
}

.avis,
.review-answer {
    padding: 7px 15px;
    margin-bottom: 20px;
}

.avis {
    background: var(--fond_clair_principale);
}

.header-review {
    display: flex;
    justify-content: space-between;
    
}

#review {
    width: 100%;
    min-height: 150px;
}

#avis>div {
    background: #f9f9f9;
    padding: 10px 20px;
}

.has-rating {
    opacity: 0;
}

.answer-date {
    font-size: 12px;
    font-weight: 400;
}

.review-answer {
    background: #f2f2f2;
    margin-top: 25px;
}

#liste-annuaire {
    height: 300px;
    background: #fff;
    padding-left: 15px;
    padding-top: 19px;
    overflow-y: auto;
    margin-bottom: 50px;
    width: 100%
}

#liste-annuaire div {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 20px;
}

#liste-annuaire div a {
    padding: 15px 28px 0;
    display: block;
    background: #f1f3f4;
    border-radius: 50px;
    min-height: 48px;
    margin-bottom: 20px;
    margin-right: 15px;
    color: #444;
    font-weight: 600;
}

p.dep {
    margin-top: 4px;
    font-size: 27px;
    width: 100%;
    flex-basis: 100%
}

.fa-map-marker-alt {
    font-size: 20px;
    padding-right: 10px;
    color: var(--principale);
}



.contenu-infos-durables{
    margin-top:-80px;
}

.carton{
    transform: rotate(-2deg);
    background-color: #FFC859;
    color: #17174A;
    font-size: 20px;
    user-select: none;
    width: fit-content;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
    padding: 0.4em 0.975em !important;
    margin: 0 auto;
    font-family: "Lexend", sans-serif;font-weight:400;
}

h2{

   font-family: "Lexend", sans-serif;font-weight:600;
}

.info-durable{
  background:url("https://docs.localbiz.fr/uploads/img/background-infos-durables.png"), 
  linear-gradient(
    0deg,
    rgb(255, 255, 255) 0%,
    #85c2c9 75%,
    #52a8b3 100%
);
  background-repeat: no-repeat, no-repeat; /* premier = image, deuxième = gradient */
  background-position: center 20px, center;
  background-size: 1480px auto, cover; /* <-- réduit la largeur de l'image à 150px */
  display:flex;
  justify-content:center;
  position: absolute;
  left:0;
  right:0;
  padding:120px 280px 80px 250px;
  height:390px;
  align-items:center;
  gap: 50px;

}
.info-durable>div{
  flex-basis:40%;

}

.infos-durables ul {
  list-style: none;
  padding: 0;
  margin: 20px 0;

}

.infos-durables li {
  background: #f8f8f8;
  /* border-left: 6px solid #95C623; /* vert écoresponsable */
  padding: 12px 16px;
  margin-bottom: 12px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  display: flex;
  justify-content: space-between;
  align-items: center;  
  font-weight:600;
  font-family: "Lexend", sans-serif;
  transition: transform 0.3s ease; /* transition douce pour le mouvement */
}

.infos-durables li a {
  color: #000; /* bleu sarcelle */
  text-decoration: none;
  font-weight: bold;
  transition: color 0.2s;
  display:flex;
  justify-content:space-between;
  width:100%;
  align-items:center;

}

.infos-durables li:hover {
  transform: translateX(10px); /* décalage horizontal de 5px */
  
}
.infos-durables .icon {
  font-size: 1.5em;
  color: #95C623; /* vert éco */
  margin-right: 12px;
}
#ressources-web h2{
    margin-top:40px;
}

.sites-aide{
    max-width:100%;
    padding-bottom:30px;
}

.sites-aide>p{
    padding:0 35px;
}
.sites-aide .sites-grid {
    display: grid;
    grid-auto-flow: column;       /* force les items sur une seule ligne */
    grid-auto-columns: minmax(200px, 1fr);     /* largeur fixe pour toutes les cartes */
    gap: 20px;        /* scroll horizontal si nécessaire */
    padding-bottom: 10px;
}

.sites-aide .site-card {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 30px 15px;
    width: 100%;
    max-width: 210px;
    text-align: center;
    text-decoration: none;
    color: #333;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    transition: transform 0.2s, box-shadow 0.2s,background 0.4s ease;
    display: flex;
    gap: 12px;
    justify-content:space-between;

}

.sites-aide .site-card .site-info {
    display:flex;
    flex-direction:column;
}
.sites-aide .site-card .site-info i {
    font-size: 1.7em;
    color: #555
}

.sites-aide .site-card  .site-info span {
    font-weight: bold;
    font-size: 0.8em;
}
.sites-aide .site-card > .icon-wrapper {

    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.4s ease;
}

.sites-aide .site-card > .icon-wrapper.icon-covoiturage{
   background: #d9eab1

}

.sites-aide .site-card > .icon-wrapper.icon-entraide{
   background: #debfb8;

}
.sites-aide .site-card:hover  .icon-wrapper{
  background:#fff;

}


/* Par défaut : flèche ↗️ (haut-droite) */
.sites-aide .site-card > .icon-wrapper i {
  transform: rotate(45deg);
  transition: transform 0.4s ease;
}

/* Au survol : flèche → (horizontale) */
.sites-aide .site-card:hover > .icon-wrapper i {
  transform: rotate(90deg);
}

.sites-aide .site-card.card-covoiturage:hover {

  background:var(--vert);
}

.sites-aide .site-card.card-entraide:hover {

  background: #bd7f71;
}

.sites-aide .container{
  padding: 15px 0 0 0 ;
  display: flex;
  justify-content: center;
}

#partenaires{

    background:
    linear-gradient(
        0deg,
        transparent 0%,
        rgb(255, 255, 255) 7%,
        #52a8b3 100%
    );
    background-repeat: no-repeat; /* premier = image, deuxième = gradient */
    background-position: center;
    background-size: cover; /* <-- réduit la largeur de l'image à 150px */
    display:flex;
    justify-content:center;
    position: absolute;
    left:0;
    right:0;
    align-items:center;
}

#content-partenaires{
    max-width:1200px;
    margin:0 auto;
}


/* === Mobile Responsive === */
@media (max-width: 768px) {
  .sites-aide {
    padding: 30px 15px;
}

.sites-aide h2 {
    font-size: 1.6em;
}

.sites-aide .site-card {
    padding: 16px;
    max-width: 180px;
}

.sites-aide .site-card i {
    font-size: 1.8em;
}
}

@media (max-width: 490px) {
  .sites-aide h2 {
    font-size: 1.4em;
}


.sites-aide p{
    padding:0;
}

.sites-aide .site-card {
    padding: 24px;
    max-width: 260px;
}

.sites-aide .site-card i {
    font-size: 1.5em;
}
#ressources-web{
    flex-basis:100%!important;
}
.sites-aide .sites-grid{

   grid-auto-flow: row; /* ⬅️ empile verticalement */
   grid-template-columns: 1fr; /* ⬅️ une seule colonne */
   grid-auto-columns: unset; /* ⬅️ désactive la largeur fixe */
   overflow-x: visible; /* ⬅️ supprime le scroll horizontal */
}

}
@media only screen and (max-width:490px) {

    .actualite p,.actualite h2,.actualite h1{
        padding: 0 15px;
    }
    .info-durable>div{
        min-width: 100%;
    }
    .infos-durables{
        padding-left: 0px;
    }
    .infos-durables span{
        font-size: 16px;
    }
    #infos-durables{
      flex-direction:column;
      padding:30px 15px;
      height:auto;
  }
  .infos-durables .icon{
    margin-right: 8px;
}
.contenu-infos-durables{
    margin-top:5px;
    margin-bottom:50px;
    text-align:center;
}

.contenu-infos-durables h2{
    margin-bottom:25px;
}

.main-sidebar{
    min-height:100vh
}



main aside#right .section {
    max-width: 100%;
    min-height: 0px;
}

.single .main-sidebar{
    margin-top: 30px;
}

.client-localbiz.single .main-no-sidebar{
    margin-top: 150px;
}
.captcha-container{

    max-width: 95%;
    flex-wrap: nowrap;    }

    
    .signin-user{
        min-height: 460px;
    }

    .signin-pro{
        min-height: 490px;
    }

    .page{
        width: 100%!important;
    }

    .page.no-shop{
        padding: 0 15px;
        margin-top: 80px;
    }
    .home-signin{
        padding-right: 0px;
        text-align: center;
    }

    .home-signin a{margin-left:0px}

    #contact .captcha-container, #formulaire .captcha-container{
        padding: 10px 10px 10px  15px;
    }

    #SignUpForm{
        padding: 0px!important;
        background: #fff!important;
    }

    #politique+label{
        font-size: 14px;
        font-weight: 400;
    }

    .captcha-img{
        padding: 15px 25px 10px 15px!important;
        max-width: 100%;

    }
    #bottle{
        margin-right: 0px!important;
    }

    .mlc-avantages{
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    .home-signin p {
        text-align: center !important;
        padding: 12px 0px !important;


    }
    .home-signin p a{
        margin-left: 0px;
        margin-top:25px;
    }
    .categories {
        width: 400%;

    }

    .category i {

        color: var(--principale) !important;
    }

    .wrapper-categories {
        overflow-x: scroll;

    }


}


@media only screen and (min-width:1000px) and (max-width:1300px) {


    .info-durable{

     padding: 120px 0px 80px 0px;

 }

 .carton{
    font-size: 17px;
}

}


@media only screen and (min-width:1301px) and (max-width:1600px) {

    .carton{
        font-size: 17px;
    }


    .info-durable{

     padding: 120px 80px 80px 80px;

 }
}
@media only screen and (min-width: 1601px) {

    body[class*="actus-datatourisme-"] .page,
    body[class*="actus-all-"] .page,
    body[class*="avantages-"] .page,
    body.philosophie-secondevie  .page,
    body[class*="jeux-greenlet"] .page

    {
       margin-top: 0px!important;

   }
   body[class*="covoiturage"] .page,
   body[class*="conditions-environnementales"] .page,
   body[class*="acteurs-transition"] .page,
   body[class*="pistes-cyclables"] .page
   {
       margin-top: 50px!important;

   }


}