body {
  • padding-top: 78px;
}

/* Thème vert */
:root {
  • /* couleur principale */
  • -primary-color:#469488;
  • -secondary-color-1:#D78958;
  • -secondary-color-2:#607D8B;
  • -neutral-color: #2f2f2f;
  • -neutral-soft-color: #656667;
  • -neutral-light-color: white;
  • -navbar-link-color: var(--neutral-color);
  • -link-color: #42656f;
}
.btn-success {
  • background-color:var(--secondary-color-1) !important;
  • border-color:var(--secondary-color-1) !important;
}
.BAZ_label {
  • color: var(--secondary-color-2);
}
b, strong {
  • opacity: .8;
}
.fade-carousel .slides .slide-img::after {
  • background: rgba(0,0,0,.1) !important;
  • border-radius: 5px;
}
.fade-carousel, .fade-carousel .slides .slide-img, .fade-carousel .carousel-inner .item {
  • border-radius: 5px;
}



/* COMMON */
#yw-topnav {
  • border-top:20px solid var(--primary-color) !important;
  • background-color: #ffffffee !important;
  • border-bottom: 1px solid #ddd;
  • color: var(--main-text-color) !important;
}
#yw-topnav svg path, .footer svg path {
  • fill: var(--secondary-color-2) !important;
}
#yw-topnav .navbar-brand {
  • color: var(--main-text-color) !important;
  • text-shadow:none !important;
  • font-weight:700 v;
}
.mr2 {margin-right:2em;}
#yw-topnav .navbar-nav > li > a {
  • color: var(--main-text-color) !important;
}
#yw-topnav .yw-topnav-fast-access .btn {
  • color: #fff /*var(--main-text-color)*/;
  • background: #eeeeee44 !important;
}
@media (max-width: 800px) {
  • #yw-topnav .btn-default, #yw-topnav .btn-default:hover, #yw-topnav .btn-default:focus {
  • color: var(--neutral-color) !important;
  • }
}
.panel-default {
  • border-color: #f1f1f3 !important;
}
.panel-default > .panel-heading[data-toggle=collapse] {
  • -chevron-color: var(--neutral-color) !important;
}
.panel-default > .panel-heading .panel-title {
  • opacity: .8;
  • transition: opacity .2;
}
.panel-default > .panel-heading:hover .panel-title {
  • opacity: 1;
}
.panel-default:not(.note-editor) > .panel-heading {
  • color: var(--neutral-color) !important;
  • background-color: #f1f2f3 !important;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
  • border-top-color: transparent;
}
.panel-default.bazar-entry > .panel-heading {
  • background-color: transparent;
}
.panel-heading b {
  • opacity: 1;
}
.code {
  • margin: 3px 0;
  • display: flex;
}
.code pre.hljs {
  • width: 200px; /* fake width overwrittent by flex: 1 auto; but needed for flexbox to work correctly */
  • flex: 1 auto;
  • padding: .5em .5em .3em .5em;
  • border: none;
  • background: #575758;
}
.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:focus {
  • background: #eeeeee69 !important;
}
.btn-default {
  • background: #eeeeee44 !important;
}

.navbar-brand img {
  • width: 130px;
  • height: auto;
}
.section-header h1 {
  • font-size: 2.8rem;
}
.section-header .attached_file img {
  • vertical-align: middle;
  • display: inline;
}
.smaller-h1 h1 {
  • font-size: 3rem;
}
.BAZ_cadre_fiche.id33 {
  • /* font-size: 18px;
    • line-height: 1.5;
    • font-family: Georgia, "Times New Roman", Times, serif;*/
    • width:800px;
    • margin:0 auto;
text-align:justify;

}
.BAZ_cadre_fiche.id33 [data-id="bf_chapeau"] {
  • font-size:21px;
  • font-style:italic;
  • color: #555;
  • margin:1em 0;
}
.BAZ_cadre_fiche.id33 .BAZ_label {
display:none;
}
.nav-up ~ #yw-main #ACEditor .btn-toolbar {
  • top: 20px;
}
.svg-small {width:30px}

.hero h1 {
  • font-size: 2.7em;
  • z-index: 6;
color: var(--secondary-color-1);
}
.fade-carousel .slides .slide-img::after {

  • position: absolute;
  • width: 100%;
  • height: 100%;
  • content: " ";
  • background: rgba(0,0,0,.3);

}

.fade-carousel,
.fade-carousel .slides .slide-img,
.fade-carousel .carousel-inner .item {
  • height: 400px;
}
.white hr {
  • border-top: 1px solid rgba(255,255,255,.2);
}
.neg-margin {
  • margin-top: -5em;
}
#yw-footer {
  • padding: 30px 0 0 0;
}
#yw-footer .mail-submit {
  • width: 150px;
}


@media (prefers-color-scheme: dark) {
  • /* Invert all elements on the body while attempting to not alter the hue substantially. */
  • body {
    • filter: invert(100%) hue-rotate(180deg);
  • }

  • /* Workarounds and optical adjustments. */

  • /* Firefox workaround: Set the background colour for the html
    • element separately because, unlike other browsers, Firefox
    • doesn’t apply the filter to the root element’s background. */
  • html {
    • background-color: #111;
  • }

  • /* Do not invert media (revert the invert). */
  • img, video, iframe {
    • filter: invert(100%) hue-rotate(180deg);
  • }

  • /* Improve contrast on icons. */
  • .icon , .logo img {
    • filter: invert(15%) hue-rotate(180deg);
  • }

  • /* Re-enable code block backgrounds. */
  • pre {
    • filter: invert(6%);
  • }

  • /* Improve contrast on list item markers. */
  • li::marker {
    • color: #666;
  • }
  • #yw-topnav li a:hover {
    • color:var(--primary-color);
    • filter: invert(100%) hue-rotate(180deg);
  • }
}