:root {
  • -ardoise: #5a596b;
  • -bleu-nuit:#001b3f;
  • -checkbox-color: var(--ardoise);
}
#yw-topnav li a:hover,#yw-topnav li a:focus, #yw-topnav li a:active, #yw-topnav li.active a.active-link , #yw-topnav li.active a.active-link:hover {
background:transparent;
color:var(--vert-pomme) !important;
font-weight:500;
}
.equal-columns ul {
  • padding:0;
}
#yw-topnav li.active a::after {
  • right: 15px;
  • width: 20px;
}

h1,h2,h3,h4,h5,h6 {color:var(--ardoise);}
h1 {
  • color: var(--ardoise);
  • font-size: 2.5rem;
  • text-align: center;
  • line-height: 1.2em;
}
h2 {
  • font-size:2rem;
  • color:var(--vert-pomme);
  • margin-top: 1em;
}
h3 {
  • font-size:1.8rem;
  • color:var(--bleu-nuit);
  • margin: 0;
}
h4 {
  • color:var(--bleu-nuit);
}

.ardoise {color:var(--ardoise);}
.vert-pomme {color:var(--vert-pomme);}
.vert-d-eau {color:var(--vert-d-eau);}
.terracotta {color:var(--terracotta);}
.ble {color:var(--ble);}
.pomme-pale {color:var(--pomme-pale);}
.peche-pale {color:var(--peche-pale);}
.bleu-nuit {color:var(--bleu-nuit);}
.gris-bleu {color:var(--gris-bleu);}
.gris {color:var(--gris);}
.gris-clair {color:var(--gris-clair);}
.incarnat {color:var(--incarnat);}
.vert-citron {color:var(--vert-citron);}

.hover-ardoise:hover { box-shadow: 0px 0px 10px var(--ardoise) !important;border-color: var(--ardoise) !important;}
.hover-vert-pomme:hover { box-shadow: 0px 0px 10px var(--vert-pomme) !important;border-color: var(--vert-pomme) !important;}
.hover-vert-d-eau:hover { box-shadow: 0px 0px 10px var(--vert-d-eau) !important; border-color: var(--vert-d-eau) !important;}
.hover-terracotta:hover { box-shadow: 0px 0px 10px var(--terracotta) !important;border-color: var(--terracotta) !important;}
.hover-ble:hover { box-shadow: 0px 0px 10px var(--ble) !important;border-color: var(--ble) !important;}
.hover-pomme-pale:hover { box-shadow: 0px 0px 10px var(--pomme-pale) !important;border-color: var(--pomme-pale) !important;}
.hover-peche-pale:hover { box-shadow: 0px 0px 10px var(--peche-pale) !important;border-color: var(--peche-pale) !important;}
.hover-bleu-nuit:hover { box-shadow: 0px 0px 10px var(--bleu-nuit) !important;border-color: var(--bleu-nuit) !important;}
.hover-gris-bleu:hover { box-shadow: 0px 0px 10px var(--gris-bleu) !important;border-color: var(--gris-bleu) !important;}
.hover-gris:hover { box-shadow: 0px 0px 10px var(--gris) !important;border-color: var(--gris) !important;}
.hover-gris-clair:hover { box-shadow: 0px 0px 10px var(--gris-clair) !important;border-color: var(--gris-clair) !important;}
.hover-incarnat:hover { box-shadow: 0px 0px 10px var(--incarnat) !important;border-color: var(--incarnat) !important;}
.hover-vert-citron:hover { box-shadow: 0px 0px 10px var(--vert-citron) !important;border-color: var(--vert-citron) !important;}

.font-geomanist {
  • font-family:geomanist;
}
.font-ubuntu {
  • font-family:ubuntu;
}
.font-arial {
  • font-family:Arial;
}
.contained {
max-width:800px;
margin:0 auto;
}
.contained p {
  • margin: 0 0 0.7em;
}

.navigation {
padding: 0.5em 0;
}

.form-help {display:none}

.navigation .logo {
  • width: 180px;
  • height: 78px;
  • margin-top: -24px;
}
.logo img {
  • width: 100%;
}

.style-vertical .bazar-card {
  • background-color: #fff;
}

.neg-margin-top {
  • padding: 2rem 0;
  • margin-top: -21px;
}
.center-on-small {}

.green-title h1,.green-title h2, .green-title h3 {
  • color:var(--primary-color);
}
.margimg-top h2 {margin-top:-.25em;}

html,body {width:100%; margin:0;}

:root {
  • -main-bg-color: #FFF;
  • -footer-bg-color: var(--bleu-nuit);
  • -neutral-soft-color: #8ca0a0;
  • -neutral-color: #001b3f;
}
.btn, .btn:hover, .btn:active, .btn:focus, .btn:active:focus {
  • font-family:Arial, sans-serif !important;
}
.btn-sm {
  • font-size: 14px !important;
}
.btn-round {
  • border-radius: 1.5em;
  • text-transform: uppercase;
  • padding: .75em 2em;
    • font-size: 1.15em;
}
.btn-round:hover {
  • border-radius: 1.5em !important;
}
.btn-primary {
  • color:white;
}
.btn-primary:hover {
  • color:white !important;
  • background-color: #9cb516;
  • border-color: #9cb516;
  • font-family: Arial, sans-serif;
}
.footer-logos {
  • display: grid;
  • grid-template-columns: 120px 120px;
  • justify-items: center;
  • width: 240px;
  • margin: 0 auto;
  • align-items: center;
  • grid-gap:1em;
}
.btn-link {
  • font-size: inherit;
  • padding: 0;
  • display: inline-block;
  • font-family: inherit !important;
  • font-weight: normal;
  • margin: 0;
  • line-height: inherit;
  • vertical-align: bottom;
}
.btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link:active:focus {
  • font-family: inherit !important;
}
.footer-links {
  • display: grid;
  • grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  • justify-items: center;
  • max-width: 930px;
  • margin: 0 auto;
  • text-align:left;
  • grid-gap: 2em;
}
.footer-links ul {
margin:0;
padding:0;
list-style:none;
}
.footer-links li {
margin:0 0 .5em 0;
padding:0;
font-weight: 400;
font-size: .9em;
line-height: 1.4;
}
.footer-links a { font-weight:normal;}
.white-border-right {
  • border-right: 1px white solid;
}
hr {
  • border-top: 2px solid var(--ardoise);
  • width: 20vw;
  • clear:both;
}

.bazar-cards-container.nbcol-4 .bazar-card .title-area, .bazar-cards-container.nbcol-5 .bazar-card .title-area {
  • font-size: 1.25rem;
}

.bazar-card .text-area {
  • color: var(--ardoise);
  • font-weight: normal;
}

.style-vertical .bazar-card .visual-area {
  • max-width: 250px;
  • border-radius: 0;
}

.style-vertical .bazar-card .text-area::after {
  • content: none;
}

.style-vertical .bazar-card {
  • border-radius: 0;
}

.nav-stacked .attached_file {
  • width: 40px;
  • background: white;
}

.nav-stacked h3 {
  • margin-top: 0;
  • margin-bottom: 0;
  • color:var(--primary-color);
}

.step {
  • display: grid !important;
  • grid-template-columns: 40px auto;
  • grid-gap: .5em;
  • color: var(--ardoise);
  • font-weight: normal;
}

.date-title {
  • font-size: 1.2em;
  • font-weight: lighter;
  • margin-top: -.75em;
}

.decal img {
  • width: 500px;
  • object-fit: cover;
}

.decal.left {
  • margin: 0 2em 28px -100px;
}
.phases, .phases h2 {
  • margin-top:0;
  • padding-top:0;
}



.panel {
  • min-height: 307px;
  • border-radius: 0;
  • border: none;
}

.panel-info > .panel-heading {
  • background-color: var(--bleu-nuit);
  • opacity: 1;
  • border: none;
}

.panel-secondary-1 > .panel-heading {
  • background-color: var(--incarnat);
  • border: none;
}

.panel-warning > .panel-heading {
  • background-color: var(--vert-citron);
  • border: none;
}

.panel-success > .panel-heading {
  • background-color: var(--primary-color);
  • border: none;
}

.panel-secondary-2 > .panel-heading {
  • background-color: var(--vert-d-eau);
  • border: none;
}

.panel-danger > .panel-heading {
  • background-color: var(--terracotta);
  • border: none;
}

.form-group.wiki-textarea .control-label {
  • top: 0.7rem !important;
  • left: 2.2rem !important;
  • }
.caption h3 {
  • font-size: .9em;
}

.thumbnail:hover, .thumbnail:active, .thumbnail:focus {
  • text-decoration: none;
  • border-color:transparent;
}

.form-control::placeholder {
  • color: #999;
  • opacity: 0;
}

/Module Classement/

.titre_type_fiche,
.export-table-container,
.import-table-container h4,
.import-table-container .remove-page-item
{display:none !important}

.import-table-container [type="checkbox"] + span:not(.lever)::before, [type="checkbox"] + span:not(.lever)::after {
  • content: none;
  • }
.well {
  • border: none;
  • background: #f9f9f9;
  • max-height: 450px !important;
}

.import-table-container {
  • width: 100% !important;
}

.range-wrap input[type="range"] {
  • padding-bottom: 0;
}

.form-group .control-label {
  • font-size: 1em !important;
}

.well {
  • max-height: 620px !important;
  • padding: 0;
}

.form-group.range .control-label {
  • top: -1.2em !important;
  • left: 6px !important;
}

/*/


#yw-topnav {
  • position: relative;
  • width: 100%;
}

@media (max-width: 800px) {

  • #yw-topnav .links-container .nav a {
    • background-color: white !important;
    • font-size:1.3em;
  • }
  • #yw-topnav .links-container .nav a:hover {
    • text-decoration:underline;
  • }

#yw-topnav {
  • position: absolute;
}

  • #yw-topnav .links-container .nav {
    • z-index: 20000;
    • text-align: center;
    • position: absolute;
    • left: 0;
    • right: 0;
    • top: 0;
    • width: 100%;
    • background: white;
  • }
  • #yw-topnav .links-container {
    • top: calc(100% + 4rem);
    • width: 100%;
    • z-index: 200000;
    • background: white;
  • }
  • #yw-topnav .links-container .nav a {
    • background-color: white;
  • }
}

#yw-topnav .links-container {
  • width: 100%;
}

.menu-backdrop {
  • z-index: 1016;
  • background: white;
}


.btn-menu {
  • right: 2em;
  • top:-1em;
  • position: absolute;
  • z-index:20000;
}

.navigation .logo {
  • z-index: 20000;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
  • border-width: 1px;
}
.btn-danger {
  • background: #fe8473;
}

.panel-group .panel {
  • min-height:auto !important;
  • border-radius: 0;
  • border: 2px solid;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  • border-top-color: transparent;
}

.thumbnail {
  • padding: 0px;
  • border-radius: 0;
  • margin-bottom:1.75em
}
.thumbnail img {
  • border-radius: 0px;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
  • border-width: 1px;
}

#yw-topnav li, #yw-topnav a {
  • color: #001B3F;
  • font-size: 18px;
  • letter-spacing: 0px;
  • font-weight: 500;
}
#yw-topnav .btn-donate {
  • font-size:18px;
  • font-family: geomanist;
  • color : #001B3F;
    • border-radius: 27px;
    • font-weight: 400;
padding: 10px 45px 10px 15px !important;
background: #F4F7F7 url(https://colibris-lemouvement.org/nouvelle-r/files/PageMenuHaut_coeur_20220921161753_20220922190444.svg) no-repeat 118px 9px;
margin-top: 4px;
}

#yw-topnav .btn-donate:hover {
 }

#yw-topnav .btn-newsletter {
  • font-size:18px;
  • font-family: geomanist;
  • color : #001B3F;
    • border-radius: 27px;
    • font-weight: 400;
padding: 10px 15px 10px 15px !important;
background: #F4F7F7;
margin-top: 4px;
}
#yw-topnav .btn-newsletter:hover {
  • color : #001B3F !important;
  • font-weight: 400;
    • border-radius: 27px !important;
    • background: #D7E1E2;
}
#yw-topnav .benevole .newsletter {
padding: 10px 15px 10px 15px !important;
}


.lead {
  • font-size: 24px;
  • font-weight: 400;
}


.nav-stacked > li > a:focus, .nav-stacked > li > a:hover {
  • background-color: transparent;
}

.nav-stacked > li > a {
  • border-bottom: 1px solid var(--vert-pomme);
  • border-radius:0;
}
.nav-stacked li:nth-of-type(3) a {
  • border-bottom: none;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  • background-color: transparent !important;
  • color:var(--ardoise);
}

.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  • color: var(--vert-pomme);
  • background-color: transparent;
}
.map-events {
  • padding: 0 !important;
}
.map-events > div {
  • display:grid;
  • grid-template-columns: 1fr 1fr;
  • grid-gap:0;
  • width:100%;
}
.quote .container {max-width:900px !important;}
#yw-footer {
  • margin-top: 5em;
}


.caption h3 {
  • font-size: .8em;
  • margin-top: 2em;
  • background: var(--vert-pomme);
  • padding: .5em 1.5em;
  • width: 160px;
  • margin: 1em auto .75em;
  • font-family: Arial;
  • text-transform: uppercase;
  • border-radius: 2em;
  • color: white;
}
.hover-vert-pomme .caption h3 {background: var(--vert-pomme);}
.hover-vert-d-eau .caption h3 {background: var(--vert-d-eau);}
.hover-incarnat .caption h3 {background: var(--incarnat);}
.hover-terracotta .caption h3 {background: var(--terracotta);}
.hover-bleu-nuit .caption h3 {background: var(--bleu-nuit);}
.hover-ble .caption h3 {background: var(--ble);}

.thumbnail .caption {
  • padding: 9px 1.2em;
  • color: var(--ardoise);
  • font-family: Arial;
  • font-weight: normal;
}

.tab-content .tab-pane.with-padding {
  • padding-top: 0;
}
#formulaire p>br {display:none;}


.festival .nav-pills > li.active > a, .festival .nav-pills > li.active > a:focus, .festival .nav-pills > li.active > a:hover {
  • color: var(--vert-pomme);
  • text-transform: uppercase;
  • border: 1px solid var(--vert-pomme);
  • border-radius: 2em;
  • padding: .5em 1.5em;
  • background:transparent;
}


.festival .nav-pills > li > a {
  • text-transform: uppercase;
  • border: 1px solid var(--vert-pomme);
  • border-radius: 2em;
  • padding: .5em 2em;
  • background: var(--vert-pomme);
  • color: white;
  • font-weight: normal;
  • font-size: .9em;
}

.festival .nav-pills > li > a:focus, .nav-pills > li > a:hover {
  • text-decoration: none;
  • background-color: transparent;
  • color: var(--vert-pomme);
}

.festival .nav-pills > li + li {
  • margin-left: 1em;
}
.festival .tab-content {
  • font-size:1.2em;
}
.festival .tab-content h4 {
  • font-size:1.2em;
}
.festival .tab-content .font-arial {
  • font-size:18px;
  • margin-top:.5em;
}

#formulaire {
  • max-width: 700px;
  • margin: 0 auto;
  • text-align: center;
  • font-family: geomanist;
}

.form-control, #form-builder-container {
  • border: 1px solid var(--gris-clair);
  • border-radius: 0px !important;
  • background-color: transparent;
  • box-shadow: none;
}

.form-group .control-label, .form-group.wrapper.checkbox .control-label {
  • z-index: auto;
  • left: auto;
  • top: auto;
  • position: relative !important;
  • text-align: center;
  • display: block;
  • color: var(--ardoise);
  • width: 100% !important;
  • font-weight: 400;
  • height:auto;
  • margin:0;
  • background-color: var(--neutral-light-color);
  • padding: .5em 0;
  • text-align: center;
}

[type="radio"]:not(:checked) + span:not(.lever), [type="radio"]:checked + span:not(.lever) {
  • padding-left: 25px;
}

.form-horizontal .checkbox, .form-horizontal .radio {
  • display: inherit;
  • margin: 0 .5em;
}

.checkbox label, .radio label {
  • font-family: Arial;
}

textarea.form-control {
  • background-color: var(--gris-clair);
  • box-shadow: none;
}


.form-group .control-label::before, .form-group.wrapper.checkbox .control-label::before {
  • background-color: transparent;
  • position: relative;
  • display: none;
}

.form-group.wiki-textarea .control-label {
  • top: auto;
  • left: auto;
  • margin-left: 0;
  • margin-bottom: .5em;
  • margin-top: 1em;
}


.control-label::after {
  • margin: 0;
}

.form-horizontal .checkbox, .form-horizontal .radio {
  • display: inline-block;
}

select, select.form-control {
  • background: var(--gris-clair);
}

select.input-sm {
  • width: 200px !important;
  • background: white;
  • border: 1px solid var(--ardoise);
}
.bazar-checkbox-cols {
  • column-count: 1;
}

input.form-control, .range-wrap {
  • background: var(--gris-clair);
}

.bazar-checkbox-cols {
  • column-width: auto;
}
.results-container {
  • text-align: left;
}
.form-horizontal .checkbox, .form-horizontal .radio {
  • margin: 0 .75em;
  • padding: 0;
}
.navigation .logo {
  • z-index: 200;
}


.form-group.textarea.wiki-textarea {
  • margin-top: 1em;
  • background: var(--gris-clair);
  • border:none
}

.form-group {
  • margin: 1em 0 2em 0 !important
}
.form-group::before {
  • display:none;
}

.form-control:focus {
  • border-color: var(--bleu-nuit);
  • outline: 0;
  • webkit-box-shadow: none;
  • box-shadow: none;
}
.form-actions [onclick="javascript:history.back()"] {
  • display: none;
}


.form-group .control-label::before, .form-group.wrapper.checkbox .control-label::before {
  • position: relative !important;
}

.form-group.textarea.wiki-textarea {
  • background: transparent;
}

.form-group.wiki-textarea .control-label {
  • margin-bottom: 0;
  • margin-top: 0;
}

.form-group.wiki-textarea .control-label {
  • top: 0 !important;
  • left: 0 !important;
}

.form-group:not(.file):not(.checkbox) .control-label:not(.title-label)::before, .form-group.wrapper.checkbox .control-label:not(.title-label)::before {
  • height: auto;
  • display: none;
}

.form-group:not(.file):not(.checkbox) .control-label, .form-group.wrapper.checkbox .control-label {
  • z-index: auto;
  • left: 0;
  • padding: .5em 0;
  • top: 0;
  • float: none;
}

.form-group:not(.file) .control-label {
  • height: auto;
}

.form-control, #form-builder-container {
  • height: auto;
}

.form-group.wiki-textarea .control-label {
  • top: 0 !important;
  • left: 0 !important;
}

.form-group.date .control-label {
  • left: 0 !important;
}

input.form-control[type="file"] {
  • margin: 0;
  • top: 0;
  • bottom: 0;
}

input.form-control[type="file"]::before {
  • position: relative;
}

.form-group.wrapper .control-label {
  • left: 0 !important;
}


.input-group .form-control {
  • z-index: auto;
  • float: none;
}
.input-checkbox, .input-radio {
  • border:none;
}
.aceditor-toolbar .pull-right {
  • display:none;
}

.ace-editor-container {
  • border: 1px solid var(--gris-clair);
}

.ace-editor-container, .ace-body {
  • background-color: var(--gris-clair);
}

#formulaire {
  • -primary-color: var(--bleu-nuit);
}


.list-group-item {
  • margin: 1em 0;
  • background-color: var(--gris-clair);
  • border: 1px solid var(--gris-clair);
  • margin: ;
  • border-radius: 2em;
  • cursor: grab;
}

.list-group-item:first-child {
  • border-top-left-radius: 2em;
  • border-top-right-radius: 2em;
}

.import-table-container .well {
  • background: transparent;
  • box-shadow: none;
}

.btn-footer {
  • border: 1px solid var(--gris-clair);
  • border-radius: 2em;
  • font-family: "Geomanist" !important;
  • font-size: 0.9em;
  • font-weight: 400 !important;
  • font-style: normal;
  • padding-right: 3em;
}
.btn-footer.donate:hover {
  • border-color:var(--incarnat);
}
.btn-footer.donate {
 }

.id3 {
  • max-width:980px;
  • margin:0 auto;
}
.id3 .BAZ_fiche_titre::after {
  • margin: 2em 0;
}
.id3 [data-id="bf_image"], .article-img {
  • float: none;
  • padding: 0;
  • max-width: 880px;
  • margin: 0 auto 2em auto;
  • display: block;
  • width: 100%;
}
.article-img {
  • margin: 0 auto;
}
.id3 .BAZ_label, .id3 [data-id="checkboxListeThematiquesCampagneNouvelleR"] {
  • display:none;
}
.id3 [data-id="bf_image"] {
  • display:none;
}
.id3 [data-id="bf_chapeau"] {
  • font-family:geomanist;
  • font-size:1.1em;
  • display:none;
}

.id3 .quote {
  • text-align: center;
  • color: var(--vert-d-eau);
  • font-family: geomanist;
  • font-size: 1.8em;
  • line-height: 1em;
  • margin: 1em auto;
  • max-width: 760px;
}

.titregraph {
font-weight:bold;
  • fill : rgb(90, 105, 107);
}



#formulaire {
  • text-align: left;
  • }
.form-group .control-label {
  • font-size: 1.5em !important;
  • }
  • .form-horizontal .checkbox, .form-horizontal .radio {
  • display: block;
}