/ Voici un exemple de css custom pour le theme margot, il agit sur les variables css non personnalisables dans le theme et permet de faire des css sur mesure. Chaque ligne ci-dessous est à décommenter pour etre utilisée Pour en savoir plus, voyez la documentation à ce sujet. /

/ Polices Adobe Fonts /
@import url("https://use.typekit.net/sir3vkw.css");

:root {

--main-text-fontfamily: "futura-pt", sans-serif;
/--main-text-fontfamily: "Roboto", sans-serif;/
--main-title-fontfamily:"rift-soft", sans-serif;
--main-text-fontsize: 20px;
/--main-text-fontsize: 18px;/
/ couleur des titres /
/ --title-h1-color:var(--neutral-color); /
/ --title-h2-color:var(--primary-color); /
/ --title-h3-color:var(--secondary-color-1); /
/ --title-h4-color:var(--secondary-color-2); /
/ couleur pour les messages positifs par defaut vert /
/ --success-color: #3cab3b; /

/ couleur pour les messages d'erreur par defaut rouge /
/ --danger-color: #d8604c; /

/ couleur pour les messages d'alerte par defaut orange /
/ --warning-color: #D78958; /

/ couleur de fond de la partie centrale votre wiki /
/ --main-container-bg-color:var(--neutral-light-color); /

/ couleur des liens /
/ --link-color: var(--primary-color); /

/ couleur des liens au survol /
/ --link-hover-color: var(--primary-color); /

/ couleur de la barre de menu /
/ --navbar-bg-color: var(--primary-color); /

/ --navbar-text-color: var(--neutral-light-color); /

/ --navbar-link-color: var(--neutral-light-color); /

/ --navbar-link-bg-color: transparent; /

/ --navbar-link-hover-color: rgba(255,255,255,0.85); /

/ --navbar-link-bg-hover-color: transparent; /

/ --navbar-border: none; /

/ --navbar-border-radius: 0; /

/ --navbar-shadow: none; /

/ --header-bg-color: var(--neutral-light-color); /

/ --header-text-color: var(--neutral-color); /

/ --header-title-color: var(--primary-color); /

/ couleur de fond du pied de page /
/ --footer-bg-color: transparent; /

/ --footer-text-color: var(--main-text-color); /

/ --footer-title-color: var(--main-text-color); /

/ --footer-border: 3px solid var(--neutral-soft-color); /

/ --btn-border: none; /

  • -btn-border-radius: 0;

/ --checkbox-color: var(--primary-color); /

  • }
  • /
    /
  • / CSS CUSTOM POUR FORUM /
  • /
    /
  • #yw-topnav {
    • border-bottom: 1px solid #7685975c;
}
  • #yw-main {padding-top:0;}
  • h1 {
    • text-align: center;
}

  • h4 {
  • font-size: 1rem;
  • color: var(--neutral-color);
}

.small, small {
  • font-size: 75%;
}

.no-padding{padding:0!important;}

/ colonnes format des ateliers sur page accueil /
  • .col-flex{
  • display: flex;
    • flex-wrap: wrap;
    • justify-content: space-evenly;
}

.bloc-format {max-width:350px;}

.bg-white{
  • background-color: #ffffff96;
  • padding: 1em;
  • font-weight:400;}
.titre_type_fiche{display:none;}

  • @media (min-width: 768px){
.lead { font-size: 27px;}
}

section.with-bg-pattern .container {
  • padding: .5rem 2.5rem;
}
section.home {padding:0;}

body{font-weight: 100;}

.lead{margin-bottom:0}

a{font-weight: 400;}
a.btn{font-weight: 400;}
.btn-link { text-decoration: underline;}

b, strong { font-weight: 400;background-color:var(--secondary-color-2); padding:0 .3em;}

.btn-left { text-align: left;}

.bazar-list .BAZ_label { font-size: medium;}
.leaflet-popup .BAZ_cadre_fiche, .BAZ_cadre_map {font-size: 20px;}

.form-group .control-label {
  • font-weight: 600;
  • font-size: 20px;
  • background-color: white !important;
}

/ affichage d'une fiche : titre et reponse sur la meme ligne /
.BAZ_texte { display: inline;}
.BAZ_label {font-weight: 400!important;display: inline-block; */}

.bloc-thema {
  • text-align: center;
  • background-color: #fafafa;
  • border: 5px solid white;
  • height: 160px;
}
  • /Page actu /
.id3 .BAZ_label{display:none;}
.yeswiki-iframe-body .id3 .BAZ_fiche_titre{display:none;} / le titre est en doublon dans la pop up /

/ Les panels pour le programme thématique /
.panel-jaune-1 {
  • border-color: #bfa508;
}
.panel-jaune-1 > .panel-heading {
  • color: var(--neutral-light-color);
  • background-color: #bfa508;
  • border-color:#bfa508;
}
.panel-jaune-2 {
  • border-color: #ffdc0b;
}
.panel-jaune-2 > .panel-heading {
  • color: var(--neutral-color);
  • background-color: #ffdc0b;
  • border-color:#ffdc0b;
}
.panel-jaune-3 {
  • border-color: #fff19d;
}
.panel-jaune-3 > .panel-heading {
  • color: var(--neutral-color);
  • background-color: #fff19d;
  • border-color:#fff19d;
}
.panel-jaune-4 {
  • border-color: #fff8ce;
}
.panel-jaune-4 > .panel-heading {
  • color: var(--neutral-color);
  • background-color:#fff8ce;
  • border-color:#fff8ce;
}

.panel-turquoise-1 {
  • border-color: #2b6d78;
}
.panel-turquoise-1 > .panel-heading {
  • color: var(--neutral-light-color);
  • background-color: #2b6d78;
  • border-color:#2b6d78;
}
.panel-turquoise-2 {
  • border-color: #41a3b3;
}
.panel-turquoise-2 > .panel-heading {
  • color: var(--neutral-color);
  • background-color: #41a3b3;
  • border-color:#41a3b3;
}
.panel-turquoise-3 {
  • border-color: #56d9ef;
}
.panel-turquoise-3 > .panel-heading {
  • color: var(--neutral-color);
  • background-color: #56d9ef;
  • border-color:#56d9ef;
}
.panel-turquoise-4 {
  • border-color: #bbf0f9;
}
.panel-turquoise-4 > .panel-heading {
  • color: var(--neutral-color);
  • background-color: #bbf0f9;
  • border-color:#bbf0f9;
}

.panel-marine-1 {
  • border-color: #303366;
}
.panel-marine-1 > .panel-heading {
  • color: var(--neutral-light-color);
  • background-color: #303366;
  • border-color:#303366
}
.panel-marine-2 {
  • border-color: #595c85;
}
.panel-marine-2 > .panel-heading {
  • color: var(--neutral-color);
  • background-color: #595c85;
  • border-color:#595c85;
}
.panel-marine-3 {
  • border-color: #8385a3;
}
.panel-marine-3 > .panel-heading {
  • color: var(--neutral-color);
  • background-color: #8385a3;
  • border-color:#8385a3;
}
.panel-marine-4 {
  • border-color: #acadc2;
}
.panel-marine-4 > .panel-heading {
  • color: var(--neutral-color);
  • background-color:#acadc2;
  • border-color:#acadc2;
}

.panel-azur-1 {
  • border-color: #00699c;
}
.panel-azur-1 > .panel-heading {
  • color: var(--neutral-light-color);
  • background-color: #00699c;
  • border-color:#00699c;
}
.panel-azur-2 {
  • border-color: #72c6f0;
}
.panel-azur-2 > .panel-heading {
  • color: var(--neutral-color);
  • background-color: #72c6f0;
  • border-color:#72c6f0;
}
.panel-azur-3 {
  • border-color: #aaddf6;
}
.panel-azur-3 > .panel-heading {
  • color: var(--neutral-color);
  • background-color: #aaddf6;
  • border-color:#aaddf6;
}
.panel-azur-4 {
  • border-color: #e3f4fc;
}
.panel-azur-4 > .panel-heading {
  • color: var(--neutral-color);
  • background-color: #e3f4fc;
  • border-color:#e3f4fc;
}

/ Style programme /
.bazar-list .panel.panel-default {
  • box-shadow: 0 1px 15px rgba(0,0,0,.1)!important;
  • margin: 20px 0 !important;
}

.bazar-list .panel .panel-heading {
  • padding-left:1em;
  • border-top: none!important;}


.bazar-list .panel-prog:not(.collapsed) {border-color:transparent!important;}

.yeswiki-page-widget{padding:0;}

[type="checkbox"] + span:not(.lever) {
  • padding-left: 1.5rem;
  • font-size: .9rem;
}
.titre-prog{

  • margin-bottom:0;
  • font-style:normal;

}
.info-pratique{

  • color:var(--neutral-soft-color);
  • opacity:.8;
  • padding-right:.5em;
  • font-size:.9rem;

}
.info-theme{

  • color:var(--neutral-soft-color);
  • opacity:.8;
  • text-transform:uppercase;
  • font-size:.8rem;
  • font-weight:bold;
  • }

.label-Atelier {background-color:var(--primary-color);}
.label-Formation {background-color:var(--primary-color);}
.label-Tableronde {background-color:#e50076;}
.label-Avis {background-color:var(--secondary-color-2);}
.label-Miniconf {background-color:var(--secondary-color-2);}
.label-Inspiration {background-color:var(--secondary-color-1);}
.label-Expo {background-color:#e50076;}
.label-Visite {background-color:#e50076;}
.label-Autre {background-color:#e50076;}

.Atelier {color:var(--primary-color);}
.Formation {color:var(--primary-color);}
.Tableronde {color:#e50076;}
.Avis {color:var(--secondary-color-2);}
.Miniconf {color:var(--secondary-color-2);}
.Inspiration {color:var(--secondary-color-1);}
.Expo {color:#e50076;}
.Visite {color:#e50076;}
.Autre {color:#e50076;}

.group-checkbox-checkboxListeRgpdbf_checkbox_group{column-count:1;}

.dropdown-toggle .caret{display:none;}

.bloc-flex{display:flex; flex-direction:row;justify-content: space-evenly;flex-wrap:wrap}

.btn-link.btn-border{border:2px solid var(--primary-color);
  • margin-right:1em;
  • margin-bottom:.2em;}
.white .btn-border{border:2px solid white!important;margin-right:1em;}
a.btn-secondary-2{color:var(--neutral-color)!important;}
.container-transparent .container{
  • background-color:transparent!important;
  • margin: 0 !important;
    • padding: 0 !important;}
.shape-blob1{
  • padding: .5em 1em !important;
  • margin: .5em;
  • width:250px;
  • line-height: .7;}
  • .shape-blob-1 a{ padding:0;}
  • @media screen and (max-width: 400px) {
    • .shape-blob1{
    • padding: 1em 1em !important;
    • margin: .5em;
    • width:250px;}
    • h4.title-area {font-size:.8em;}
    • .lead {
    • margin-bottom: 20px;
    • font-size: 1em;
    • font-weight: 600;}
}
#yw-topnav .navbar-nav > li > a.btn-icon {
  • margin: 0;
  • padding:.5em;
}

/ Correction contraste du filtre jaune sur carte producteurs /
.results-container .filter-box:nth-of-type(3) .panel-heading {color:var(--primary-color);}