/ 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;}

---