/* Ajuste le titre et la l'input de recherche */
.navbar-item {
	padding: .5rem 3rem;
}
/* style de la box information (nb de personne ,tps de cuisson, etc..) */
.has-background-information {
    background-color: var(--background-middle) !important;
	border: 1px solid var(--border-color);
}
/* Tooltip */
.tooltip-width-200 {
    width: 200%;
    margin-left: -100%
}
.tooltip-width-400 {
    width: 400%;
    margin-left: -200%
}
.tooltip-width-500 {
    width: 500%;
    margin-left: -250%
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
    visibility: hidden;
    background-color: #f4e4c1;
    color: #5d4e37;
    text-align: center;
    border-radius: 6px;
    padding: 6px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 45%;
    border: 1px solid #d4af37;
    box-shadow: 0 0 8px 4px #666
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 103%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #f4e4c1  transparent transparent transparent
}
.tooltip:hover .tooltiptext {
    visibility: visible
}
:root {
  --max-width: 1450px;
  --background-middle: #F5F1E8;
  --background-border: #f9f8f4;
  --border-color: #F4DCC8;
  --tag-bg-blue: #A8DADC;
  --tag-color-blue: #1D3557;
  --tag-bg-red: #F4A6A3;
  --tag-color-red: #5C2E2E;
  --tag-bg-green: #90EE90;
  --tag-color-green: #2D5016;
  --tag-bg-orange: #FFE4B5;
  --tag-color-orange: #8B6914;
  --tag-bg-brown: #DEB887;
  --tag-color-brown: #5C4A33;
 }
.tag-1-dessert { background-color: var(--tag-bg-blue) !important; color: var(--tag-color-blue) !important; }
.tag-1-entree { background-color: var(--tag-bg-blue) !important; color: var(--tag-color-blue) !important; }
.tag-1-gouter { background-color: var(--tag-bg-blue) !important; color: var(--tag-color-blue) !important; }
.tag-1-plat-principal { background-color: var(--tag-bg-blue) !important; color: var(--tag-color-blue) !important; }
.tag-1-accompagnement { background-color: var(--tag-bg-blue) !important; color: var(--tag-color-blue) !important; }
.tag-1-sauce { background-color: var(--tag-bg-blue) !important; color: var(--tag-color-blue) !important; }
.tag-2-agneau { background-color: var(--tag-bg-red) !important; color: var(--tag-color-red) !important; }
.tag-2-boeuf { background-color: var(--tag-bg-red) !important; color: var(--tag-color-red) !important; }
.tag-2-porc { background-color: var(--tag-bg-red) !important; color: var(--tag-color-red) !important; }
.tag-2-oeuf { background-color: var(--tag-bg-red) !important; color: var(--tag-color-red) !important; }
.tag-3-aubergine { background-color: var(--tag-bg-green) !important; color: var(--tag-color-green) !important; }
.tag-3-pomme-de-terre { background-color: var(--tag-bg-green) !important; color: var(--tag-color-green) !important; }
.tag-3-tomate { background-color: var(--tag-bg-green) !important; color: var(--tag-color-green) !important; }
.tag-3-pate { background-color: var(--tag-bg-green) !important; color: var(--tag-color-green) !important; }
.tag-3-millet { background-color: var(--tag-bg-green) !important; color: var(--tag-color-green) !important; }
.tag-3-chou-fleur { background-color: var(--tag-bg-green) !important; color: var(--tag-color-green) !important; }
.tag-3-riz { background-color: var(--tag-bg-green) !important; color: var(--tag-color-green) !important; }
.tag-4-viennoiserie { background-color: var(--tag-bg-orange) !important; color: var(--tag-color-orange) !important; }
.tag-4-gateau { background-color: var(--tag-bg-orange) !important; color: var(--tag-color-orange) !important; }
.tag-4-pain { background-color: var(--tag-bg-orange) !important; color: var(--tag-color-orange) !important; }
.tag-4-levain { background-color: var(--tag-bg-orange) !important; color: var(--tag-color-orange) !important; }
.tag-5-italien { background-color: var(--tag-bg-brown) !important; color: var(--tag-color-brown) !important; }
.tag-5-healthy { background-color: var(--tag-bg-brown) !important; color: var(--tag-color-brown) !important; }
.tag-5-francais { background-color: var(--tag-bg-brown) !important; color: var(--tag-color-brown) !important; }
.tag-5-tradition { background-color: var(--tag-bg-brown) !important; color: var(--tag-color-brown) !important; }
.tag-5-japonais { background-color: var(--tag-bg-brown) !important; color: var(--tag-color-brown) !important; }

html {
  background-color: var(--background-border);
}
body {
  background-color: var(--background-border);
}
.navbar {
  max-width: var(--max-width);
  background-color: var(--background-middle);
  border-inline: 1px solid var(--border-color);
}
.main {
  max-width: var(--max-width);
  background-color: var(--background-middle);
  border-inline: 1px solid var(--border-color);
}
footer {
  max-width: var(--max-width);
  min-width: var(--max-width);
  background-color: var(--background-middle) !important;
  margin: 0 auto;
  border-inline: 1px solid var(--border-color);
}
.tag {
    margin-bottom: 0.6rem;
	margin-right: 0.3rem;
}
/* Changer la couleur des tags */
.tag:not(body).is-primary.is-light {
  background-color: #F4DCC8;
  color: #9e4d17; /*D2691E*/
}
/* Gestion de l'écart verticale sous le titre*/
.section {
    padding: 1rem 1.5rem;
}
@media screen and (min-width: 1024px) {
  .section {
	padding: 1rem 3rem;
  }
}
.img-rounded-small {
  border-radius: 25%;
  }
/* Gestion du font-size des tag*/
.tag:not(body) {
  font-size: 1.25rem;
}
ul.pagination .page-item a {
  color: #D2691E;
  border: 1px solid #D2691E;
}  
/* Gestion du font-size des box */
.box .tag {
  font-size: 0.9rem;
  box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .2), 0 0 0 1px rgba(10, 10, 10, .02);
}

.box {
  color: #0a0a0a !important;
}

.page-index .column{
  padding: .5rem;
}