/ uniformiser la largeur des colonnes dans ressourcerie /
@media (width >= 800px) {
/ Menu mobile /
@media (width < 800px) {
h1 {
}
.label-warning {
/ Filtres ressources /
.results-container .panel-default {
.results-container .panel-body {
.results-container .panel-default:not(.note-editor) > .panel-heading {
.filter-box .filter-node {
.results-container .filter-box:nth-of-type(2), .results-container .filter-box:nth-of-type(3), .results-container .filter-box:nth-of-type(4), .results-container .filter-box:nth-of-type(6) {
.filter-box .filter-node .count {
.filter-box .filter-node > span > span:hover .filter-node-label {
.filter-box .filter-node {
.filter-box [type="checkbox"] + span:not(.lever) {
.survol-violet:hover{background-color:#b15a99;font-weight: normal;}
.survol-vert:hover{background-color:#6cc293;font-weight: normal;}
.survol-bleu:hover{background-color:#7ebbd6;font-weight: normal;}
/ Présentation card vertical pour la Ressourcerie /
.style-vertical .bazar-card {
.style-vertical .bazar-card .title-area {
/ Page cycle /
@media (min-width: 900px) {
.style-vertical .bazar-card .text-area::after {
/ pour l agenda - card style carre/
.id2 .BAZ_fiche_titre {
.style-square .bazar-card .content {
.style-square .bazar-card .title-area {
.style-square .bazar-card .floating-area .field-date {
.style-square .bazar-card .content {
/ Fiche agenda - fiche2.twig /
.date-titre{width:120px; color:var(--secondary-color-2);}
.anim{
.bloc-flex-description img{max-width:120px;}
.bloc-date-lieu {
.bloc-date-lieu img { max-height: 40px;margin-left:1em;}
.info-date{max-width:360px;}
.btn-inscription {
.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) {
.pagedjs_page_content .bloc-flex-description img{width:100px;}
.pagedjs_page_content .bloc-date-lieu img { max-width: 50px!important;margin-left:0;}
/ pour liste type de ressource /
.square {
@media (width >= 800px) {
- .bazar-cards-container.nbcol-3 {
- grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
- }
/ Menu mobile /
@media (width < 800px) {
- .navbar-header figure {
- margin: 0 10px 0 0;
- }
- .navbar {
- min-height: 70px;
- }
- .navbar-header .include {
- height: 20px;
- }
h1 {
- color:#014029;
}
.label-warning {
- background-color: #BB30A5;
/ Filtres ressources /
.results-container .panel-default {
- background-color: #E2F3E9;
- border-color: #E2F3E9;
- -checkbox-color: var(--main-text-color);
.results-container .panel-body {
- background-color: transparent;
- margin: .5em;
.results-container .panel-default:not(.note-editor) > .panel-heading {
- color: var(--main-text-color);
- background-color: #E2F3E9;
- border-color: #E2F3E9;
- text-transform: uppercase;
- font-weight: bold;
.filter-box .filter-node {
- / color: var(--neutral-soft-color); /
- color: var(--neutral-color);
.results-container .filter-box:nth-of-type(2), .results-container .filter-box:nth-of-type(3), .results-container .filter-box:nth-of-type(4), .results-container .filter-box:nth-of-type(6) {
- / --neutral-color: var(--secondary-color-2); /
- -neutral-color: var(--main-text-color);
.filter-box .filter-node .count {
- / background-color: var(--main-container-bg-color); /
- background-color: #E2F3E9;
.filter-box .filter-node > span > span:hover .filter-node-label {
- / color: var(--primary-color); /
- color: var(--neutral-color);
- white-space: normal;
- text-overflow: unset;
- line-height: 1.2em;
.filter-box .filter-node {
- / margin: 0.3em 1em; /
- margin: 0.3em .1em;
.filter-box [type="checkbox"] + span:not(.lever) {
- padding-right: .3rem;
.survol-violet:hover{background-color:#b15a99;font-weight: normal;}
.survol-vert:hover{background-color:#6cc293;font-weight: normal;}
.survol-bleu:hover{background-color:#7ebbd6;font-weight: normal;}
/ Présentation card vertical pour la Ressourcerie /
.style-vertical .bazar-card {
- border: 3px solid var(--primary-color);
- white-space: var(--neutral-light-color);
- background-color: white;
.style-vertical .bazar-card .title-area {
- text-align: center;
/ Page cycle /
@media (min-width: 900px) {
- .style-horizontal .bazar-card h4 {
- font-weight:600;
- font-size: 1.1rem;
- font-weight:600;
- }
- .style-horizontal .bazar-card .visual-area {
- width: 6.5rem;
- }
- .style-horizontal .bazar-card {
- min-height: 4rem;
- border-bottom: 1px solid var(--neutral-soft-color);
- padding-bottom:.5em;
- }
- .style-horizontal.bazar-cards-container {
- row-gap: 0;
- }
- .style-horizontal .bazar-card .title-area + .subtitle-area {
- / color: var(--primary-color); /
- color: black;
- background-color: var(--neutral-soft-color);
- border-radius: 20px;
- text-align: center;
- width: fit-content;
- padding: 0 1em;
- .style-horizontal .bazar-card .content{justify-content:center;}
.style-vertical .bazar-card .text-area::after {
- / background-image: linear-gradient(#fff0, whitesmoke); /
- background-image: linear-gradient(#fff0, white);
/ pour l agenda - card style carre/
.id2 .BAZ_fiche_titre {
- display: block;
- font-size: 2rem;
- margin-bottom: 0;
.style-square .bazar-card .content {
- / background-color: #f5f5f5b3; /
- background-color: #6cc293e0;
.style-square .bazar-card .title-area {
- / color: var(--neutral-color); /
- color: var(--neutral-light-color);
- font-size: 1rem;
- font-weight: normal;
.style-square .bazar-card .floating-area .field-date {
- / background-color: var(--primary-color); /
- / color: var(--neutral-light-color); /
- background-color: white;
- color: var(--neutral-color);
.style-square .bazar-card .content {
- min-height: 90px;
/ Fiche agenda - fiche2.twig /
.date-titre{width:120px; color:var(--secondary-color-2);}
.anim{
- color: var(--secondary-color-2);
- font-size: 1.5em;
- text-align: right;
- font-weight:bold;}
- display: flex;
- gap:2em;
- align-items: flex-start;
.bloc-flex-description img{max-width:120px;}
.bloc-date-lieu {
- display: flex;
- align-items: center;
- background-color: #fff1d6;
- 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 img{width:100px;}
.pagedjs_page_content .bloc-date-lieu img { max-width: 50px!important;margin-left:0;}
/ pour liste type de ressource /
.square {
- display: inline-block;
- height: 15px;
- width: 15px;
- border-radius:3px;