/ Fix mise en forme barre de recherche - code css form.css theme margot /
.input-group {

• display: flex;

}
.input-group:not(.form-group) {

• display: flex !important;

}
.input-group.hide {

• display: none !important;

}
.input-group-addon {

• border-radius: 5px 0 0 5px;
• line-height: 46px;
• height: 46px;
• padding: 0 14px;
• width: auto;
• background-color: var(--primary-color);
• color: var(--neutral-light-color);
• border: none;
• display: flex;
• align-items: center;

}
a.input-group-addon:hover {

• color: var(--neutral-light-color);
• opacity: 0.9;

}
.form-control + .input-group-addon,
input + .input-group-addon {

• border-radius: 0 5px 5px 0;

}
.input-group-addon + .form-control,
.input-group-addon + input {

• border-top-left-radius: 0 !important;
• border-bottom-left-radius: 0 !important;

}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {

• border-radius: 0 !important;

}
.input-group-addon,
.input-group-btn {

• width: auto;

}
.input-prepend input {

• border-top-left-radius: 0 !important;
• border-bottom-left-radius: 0 !important;

}
.input-append input {

• border-top-right-radius: 0 !important;
• border-bottom-right-radius: 0 !important;
• border-right: none !important;

}
.input-group.input-prepend.input-append input {

• flex: 1;

}
.input-append .input-group-btn select {

• border-top-left-radius: 0 !important;
• border-bottom-left-radius: 0 !important;
• background-color: var(--primary-color);
• color: var(--neutral-light-color);
• line-height: 2.7rem;
• height: 2.7rem;

}
.form-control,
#form-builder-container {

• height: 46px;
• padding: 0.5em 1em 0.4em 1em;
• font-size: var(--main-text-fontsize);
• color: var(--main-text-color);
• border: 2px solid var(--primary-color);
• border-radius: 3px !important;
• background-color: #f9f9f9;

}
.input-group-addon:last-child,
.input-group-btn:last-child > .btn {

• border-top-left-radius: 0;
• border-bottom-left-radius: 0;
• height: 46px;
• border: 2px solid var(--primary-color);
• border-left: none;

}
.input-group-btn:last-child > .btn {

• height: 45.9px;

}
.btn-primary {

• background-color: var(--primary-color)!important;
  • border: 2px solid var(--primary-color)!important;

}

/ fix alignement de la loupe dans le menu /
.menu-item i{height: 1.25em;}

/ Carousel page accueil /
.hero{background-color: #fff3;}
.hero h1{font-size:2em!important;color:white;}
.hero h3{font-size:1.3em!important;color:white;}
.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus {

• color: #fff!important;
  • background-color: var(--primary-color)!important;
  • border-color: var(--primary-color)!important;
  • text-decoration:none;
  • }
  • .fade-carousel .carousel-indicators > li {
  • background-color: var(--primary-color)!important;
  • border-color: var(--primary-color)!important;
  • }
  • .l-footer{font-size:.9em;}
  • / Fix bug affichage des commentaires sur les pages actus 07/05/2024 /
  • @media screen and (min-width: 980px) {
  • .l-main {
    • width: 100%;
    • display: block;
    • max-width: 1100px;
    • margin-left: auto;
    • margin-right: auto;
  • }

}

.right img{float:right; padding-left:1.2em;}

/ test sur page d'accueil remplacer bloc actu crossroad par la dernière actu /
@media (min-width: 900px) {

• .home-actu .style-horizontal .bazar-card.with-image > :not(.visual-area) {
  • width: calc(100% - 18rem);
• }

}
.home-actu {

• background-color:#f9f5f1;
• margin-top: -1.5em;

}
.home-actu .bazar-card .text-area::after {

• background-image: none;
• }

.label-primary {

• background-color: #e8348b;
• margin-left: 1em;

}
.label-secondary-1 {

• background-color: #00b9e9;
• margin-left: 1em;

}

.label-secondary-2 {

• background-color: #62b22f;
• margin-left: 1em;

}
/ Couleur des titres sur page d'accueil /
.bazar-card .subtitle-area {

• font-size: 1.2em;
• color: #008397;

}

.footer-partners ul :nth-child(3) {

• grid-column: 1/1;
• grid-row: 2 / 2;

}
.footer-partners ul :nth-child(5) {

• grid-column: 2 / 2;
• grid-row: 2 / 2;

}

---