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

}

/ Fiche agenda - fiche2.twig /
.date-titre{width:120px; color:#e8348b;}
.anim{

• color: var(--secondary-color-2);
  • font-size: 1.5em;
  • text-align: right;
  • font-weight:bold;}

.bloc-flex-description {

• display: flex;
• gap:2em;
• align-items: flex-start;

}

.bloc-date-lieu {

• display: flex;
• align-items: center;
• background-color: #f9f5f1;
• border-radius: 30px;
• gap: 1em;
• padding: .5em;
• margin: 2em 0;
• justify-content: center;

}


.bloc-date-lieu img { max-height: 40px;margin-left:1em;}
.info-date{max-width:360px;}

.btn-inscription {

• background-image: url('./custom/images/inscription.svg');
  • background-size: contain;
  • padding: 0 2.1em;
  • color: #fff1d6;
  • background-repeat: no-repeat;

}
.btn-inscription:hover{color: #fff1d6;font-weight:bold;}

/ Fil d'ariane et bouton ouvrir nouvel onglet - selon le contexte /
.fil-ariane{margin-bottom:1em;}
.btn-iframe {display:none;}
.yeswiki-page-widget .fil-ariane{display:none;}
.yeswiki-page-widget .btn-iframe{display:block;}

@media (width <= 800px) {

• .bloc-date-lieu img { max-width: 50px!important;margin-left:0;}
• .bloc-flex-description { display: block;}
• .bloc-flex-description img{width:100px;}
• .bloc-date-lieu {display: block;text-align: center;}
• .btn-inscription{padding: 0.2em 2em 0.2em 2em;}

}

.pagedjs_page_content .bloc-flex-description { display: block;}
.pagedjs_page_content .bloc-flex-description img{width:100px;}
.pagedjs_page_content .bloc-date-lieu img { max-width: 50px!important;margin-left:0;}

/ Template card-reactions /
.count-item{color: var(--neutral-color);margin-top:.5em;}
.reaction-icon{color:#e8348b;font-size:1.1em;margin-right:.2em;}
.comment-icon{font-size:1.1em;margin-left:1em;margin-right:.2em;}

/ template count /

[data-template="count.twig"] {

• display: inline;

}
[data-template="count.twig"] > div {

• display: inline;

}

---