@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

:root {

/ POLICE OUTFIT /

--main-title-fontfamily: 'Outfit', sans-serif;
--main-text-fontfamily: 'Outfit', sans-serif;

/ Tailles /
--main-text-fontsize: 18px;
--main-text-fontweight: 500;
--main-text-lineheight: 1.7em;
--main-text-letterspacing: 0px;

--h1-fontsize: 40px;
--h1-lineheight: 1.1em;
--h1-letterspacing: 0px;
--h1fontweight: 700;
--h1texttransform: none;

--h2-fontsize: 30px;
--h2-lineheight: 1.2em;
--h2-letterspacing: 0px;
--h2fontweight: 700;
--h2texttransform: none;

--h3-fontsize: 24px;
--h3-lineheight: 1.4em;
--h3-letterspacing: 0px;
--h3fontweight: 700;
--h3texttransform: none;
}

/ Largeur à 1120px /
#yw-main .yw-main-content, section.full-width .container {
  • width: 100%;
  • flex: 1 auto;
  • padding: 0;
  • max-width: 1120px;
  • border-radius: none;
}


/ Définition des titres /

h1 {
  • font-family: var(--main-title-fontfamily);
  • font-size: var(--h1-fontsize);
  • color: var(--primary-color);
  • line-height: var(--h1-lineheight);
  • letter-spacing: var(--h1-letterspacing);
  • font-weight: var(--h1fontweight);
    • text-transform: var(--h1texttransform);
}

h2 {
  • font-family: var(--main-title-fontfamily);
  • font-size: var(--h2-fontsize);
  • color: var(--primary-color);
  • line-height: var(--h2-lineheight);
  • letter-spacing: var(--h2-letterspacing);
  • font-weight: var(--h2fontweight);
    • text-transform: var(--h2texttransform);
}

h3 {
  • font-family: var(--main-title-fontfamily);
  • font-size: var(--h3-fontsize);
  • color: var(--secondary-color-1);
  • line-height: var(--h3-lineheight);
  • letter-spacing: var(--h3-letterspacing);
  • font-weight: var(--h3fontweight);
    • text-transform: var(--h3texttransform);
}

/ Modif de la couleur du H1 en #f0f7f0 (sinon le h1 du wiki est en primary color, soit #40bacb) /
.h1pagecarto {
  • color: var(--neutral-light-color);
}

/ Paragraphe <p> personnalisé /
.perso {
  • font-family: var(--main-text-fontfamily);
  • font-size: 20px;
  • font-weight: 700;
  • line-height: 25px;
  • margin-bottom:30px;
}

/ FACETTES /

/ Personnalisation couleur 1eme facette, la 4e et la 7e/
.results-container .filter-box:nth-of-type(1), .results-container .filter-box:nth-of-type(4), .results-container .filter-box:nth-of-type(7) {
--neutral-color: #40bacb;
}

/ Personnalisation couleur 3eme facette et la 6e/
.results-container .filter-box:nth-of-type(3), .results-container .filter-box:nth-of-type(6) {
--neutral-color: #28294e;
}

/ réduit la police des items des facettes /
[type="checkbox"] + span:not(.lever) {
  • cursor: pointer;
  • line-height: 1.4rem;
  • font-size: 1rem;
}

/ réduit l'espace entre les lignes dans les facettes /
.filter-box .filter-node {
  • margin: 0.2rem 1em !important;
}

/ Supprimer les marges en mode iframe /
body.in-iframe .container,
body.in-iframe .container-fluid {
  • padding-left: 0;
  • padding-right: 0;
  • max-width: 100%;
}

body.in-iframe .page-widget {
  • padding: 0;
  • margin: 0;
}

/ responsive des facettes de la carte /
@media screen and (max-width: 768px) {
  • .full-width .filters {
    • margin-left: auto;
    • margin-right: auto;
    • padding-left: 15px;
    • padding-right: 15px;
    • box-sizing: border-box;
  • }
}
@media screen and (max-width: 768px) {
.bazar-search:first-child {
padding-left: 15px;
padding-right: 15px;
}
}


/ TABLEAU /

/ réglage taille et couleur police en-tête du tableau /
.bazar-list-dynamic-container table thead th, .fixedHeader-floating thead th, .fixedHeader-floating th {
  • font-size: 13px !important;
  • color: #E8485B;
}

/ réglage taille texte colonne 1 /
.bazar-list-dynamic-container .modalbox {
  • font-size: 14px !important;
}

/ supprime les infos dans le bas du tableau /
.dt-buttons.btn-group.flex-wrap,
.dataTables_info {
  • display: none !important;
}

/ centre les check /
.table-condensed > tbody > tr > td {
  • text-align: center;
}

/ FIXE LA PREMIERE COLONNE /
/ fixe la première ligne /
.dataTables_scrollHead {
  • position: sticky !important;
  • top: 0;
  • z-index: 100;
  • background: #fff;
}

.table > thead > tr > th:first-child {
  • position: sticky !important;
  • left: 0px;
  • min-width: 120px;
  • background: white;
  • z-index: 3;
}

/ Fixer la première colonne (corps) /
.dataTables_scrollBody td:first-child {
  • position: sticky;
  • left: 0;
  • background: white;
  • z-index: 2;
}

/ Éviter que la première colonne de l'en-tête ne soit aussi fixe /
.dataTables_scrollHead th:first-child {
  • position: static;
}


/ Assurer que l'en-tête reste toujours au-dessus /
.dataTables_scrollHead td:first-child {
  • position: sticky;
  • left: 0 !important;
  • z-index: 3;
  • background: white;
}


/ Assurer que la première colonne a la même largeur dans le head et le body /
.dataTables_scrollHead th:first-child,
.dataTables_scrollBody td:first-child {
  • min-width: 120px;
  • max-width: 120px;
}

/ FORMULAIRE /

/ Aligne les noms de champs /
.form-group:not(.file, .checkbox) .control-label, .form-group.wrapper.checkbox .control-label {
  • left: 0.75rem;
}

/ Ajuste le bouton Choisir fichier' du champ logo /
input.form-control[type='file']::before {
  • width: 150px;
}

/ taille des noms de champs à 18px /
.form-group .control-label {
  • font-size: var(--main-text-fontsize);
}

/ taille des noms de champs à 14px et espacement des blocs en responsive/
@media screen and (max-width: 768px) {
.form-group .control-label {
  • font-size: 15px;
}
}

@media screen and (max-width: 768px) {
.form-group, #actions-builder-app .form-group:first-child {
margin: 0 0 2.2rem 0 !important;
}
}

/ POP-UP /
/ Cacher les titres dans les popup /
.leaflet-popup-content [id^="labelhtml-"] {
  • display: none;
}

.yeswiki-page-widget [id^="labelhtml-"] {
  • display: none;
}

/ rectification du titre lors du survol /
.bazar-map-container .bazar-marker .entry-name span {
  • background-color: var(--primary-color);
  • color: var(--neutral-light-color);
  • padding: 0.1rem 0.4rem;
  • border-radius: 5px;
  • font-size: 0.7em;
}

.bazar-map-container .bazar-marker.xl.selected .entry-name, .bazar-map-container .bazar-marker.xl:hover .entry-name {
  • display: inline-flex;
}