:root {
html, body {line-height: 1.4;}
#yw-topnav {
.navbar-brand img {
#yw-topnav .btn.btn-default {
#yw-topnav .btn.btn-default:hover,
#yw-topnav .btn.btn-default:focus {
h1 {
h2 {
h3,h4,h5,h6 {
br + h1,br + h2,br + h3,br + h4,br + h5, br + h6 {
section h2 {
.grid-container {
.box {
.box h3 {
.box:hover, .box:hover h3 {
.box .img-responsive {
.btn {
.btn-toolbar .btn-group.pull-right {display:none}
.style-vertical .bazar-card {
#yw-topnav .navbar-nav > li > a {
.navbar-brand {
.youtube-video-container {
.youtube-video-container::after {
.youtube-video-container iframe {
#yw-topnav .yw-topnav > .nav > .active-list > a.active-link {
#yw-topnav .dropdown-menu {
/ tweaks blog /
.id3 [data-id="bf_date"] .BAZ_texte,
.id3 [data-id="bf_date_debut_evenement"] .BAZ_texte {
.id3 [data-id="bf_date"] .BAZ_label,
.id3 [data-id="bf_date_debut_evenement"] .BAZ_label,
.id3 [data-id="bf_description"] .BAZ_label,
.yeswiki-page-widget .id3 .BAZ_fiche_titre {
.id3 [data-id="bf_description"] .BAZ_texte {
- -primary-color: #892717;
- -secondary-color-1: #ffcb00;
- -main-text-fontsize: 21px;
- -main-text-fontfamily: 'EB Garamond', serif;
- -main-title-fontfamily: Quicksand, sans-serif;
- -navbar-bg-color: #fff;
- -navbar-text-color: #333;
- -navbar-link-color: #333;
- -navbar-link-bg-color: transparent;
- -navbar-link-hover-color: var(--primary-color);
html, body {line-height: 1.4;}
#yw-topnav {
- border-bottom: 2px solid var(--primary-color-1);
- box-shadow: 0 1px 10px rgba(15,0,0,.4);
.navbar-brand img {
- width:45px;
- border-radius:50%
#yw-topnav .btn.btn-default {
- background: var(--navbar-bg-color) !important;
- color: var(--navbar-link-color) !important;
- border: 2px solid transparent;
#yw-topnav .btn.btn-default:hover,
#yw-topnav .btn.btn-default:focus {
- background: var(--secondary-color-2) !important;
- color: var(--navbar-bg-color) !important;
- border: 2px solid var(--primary-color);
h1 {
- letter-spacing: initial;
- font-weight: 900;
- color:var(--primary-color);
h2 {
- font-weight: 800;
- color:var(--primary-color);
h3,h4,h5,h6 {
- font-weight: 700;
- color:var(--primary-color);
br + h1,br + h2,br + h3,br + h4,br + h5, br + h6 {
- margin-top: 0;
section h2 {
- margin: 0 0 .5em;
.grid-container {
- display:grid;
- grid-template-columns: 1fr 1fr 1fr;
- grid-gap:1em;
.box {
- text-align: center;
- text-decoration: none;
- display: block;
- background: #f8f8f8;
- border-radius: .5em;
- color:var(--primary-color);
.box h3 {
- font-size: 1.25em;
- color:var(--primary-color)
.box:hover, .box:hover h3 {
- color:var(--secondary-color-1);
- text-decoration:none;
.box .img-responsive {
- object-fit: cover;
- max-height: 220px;
- min-width: 310px;
- margin: 1em 1em 0 1em;
.btn {
- font-family: var(--main-title-fontfamily);
.btn-toolbar .btn-group.pull-right {display:none}
.style-vertical .bazar-card {
- background-color: white;
#yw-topnav .navbar-nav > li > a {
- font-family: var(--main-title-fontfamily);
- }
- background-image: url(/cache/PageTitre_clicsigle500x201_vignette_140_97_20221210092047_20221214103058.png);
.navbar-brand {
- background-image: url(https://projetclic.cc/cache/PageTitre_clicsigle500x201_vignette_140_97_20221210092047_20221214103058.png);
- background-repeat: no-repeat;
- background-size: 120px;
- background-position: top left 10px;
- padding-left: 100px;
- min-width: 143px;
.youtube-video-container {
- position: relative;
- overflow: hidden;
- width: 100%;
.youtube-video-container::after {
- display: block;
- content: "";
- padding-top: 56.25%;
.youtube-video-container iframe {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
#yw-topnav .yw-topnav > .nav > .active-list > a.active-link {
- color: var(--primary-color) !important;
#yw-topnav .dropdown-menu {
- margin-top:11px;
- box-shadow: 0px 8px 8px 0px rgba(15,0,0,.2);
/ tweaks blog /
.id3 [data-id="bf_date"] .BAZ_texte,
.id3 [data-id="bf_date_debut_evenement"] .BAZ_texte {
- font-size: .9em;
- font-style: italic;
.id3 [data-id="bf_date"] .BAZ_label,
.id3 [data-id="bf_date_debut_evenement"] .BAZ_label,
.id3 [data-id="bf_description"] .BAZ_label,
.yeswiki-page-widget .id3 .BAZ_fiche_titre {
- display: none;
.id3 [data-id="bf_description"] .BAZ_texte {
- margin: 2em 0;