/ NAVBAR /

#yw-topnav {
  • border-bottom: none;
  • background-color: #1c3c3c;
  • color:#FFFFFF;
}

:root {
  • -navbar-link-hover-color:#FFFFFF;
  • -navbar-text-color:#FFFFFF;
  • -navbar-link-color:#FFFFFF;
}

/ menu burger /

.btn.btn-menu .btn-default{
  • background-color: #1C3C3C;
  • color:#FFFFFF;
  • }



/ PRESENTATION /

  • h1 {
    • color:#FFFFFF;
  • }

.accueilSection {
  • color:#FFFFFF;
}


/ VALEURS /

@media (min-width: 1024px) {
  • .section1 {
  • margin-top:50px;
  • margin-bottom:50px;
  • }
}


/ SERVICES /

h3 {
  • color:#E9A370;
}

.services {
  • margin-top:10px;
  • margin-bottom:10px;
}

.serviceSection1 .serviceSection {
  • display: flex;
  • flex-direction: column;
  • justify-content: center;
  • height: 100%;
  • color: #000000; / ou ta couleur de texte /
}

@media (max-width: 768px) { / tablette & mobile /
  • .serviceSection {
    • margin-top: 50px; / adapte la valeur /
  • }
}

.branding {
  • height: 20%;
}


/ CONTACT /

.buttonContact {
  • background-color: transparent; / Pas de fond /
  • color: white; / Texte blanc /
  • border: 2px solid white; / Bordure blanche de 2px /
  • padding: 10px 20px; / Espacement interne /
  • font-size: 16px; / Taille du texte /
  • border-radius: 5px; / Coins arrondis /
  • text-decoration: none; / Supprimer le soulignement si c'est un lien /
  • display: inline-block; / Pour respecter les paddings /
  • transition: all 0.3s ease; / Animation lors du hover /
}

.buttonContact:hover {
  • background-color: white; / Fond blanc au survol /
  • color: #E9A370; / Texte devient noir au survol /
  • cursor: pointer; / Curseur pointer /
  • text-decoration: none;
}

@media (max-width: 1000px) { / tablette & mobile /
  • .buttonContact {
    • margin-bottom: 50px; / adapte la valeur /
  • }
}

@media (min-width: 1024px) {
  • .accueilSection {
    • margin-top: 50px;
  • }
}


/ FOOTER /

div.footer {
  • background-color: #1C3C3C;
  • }

:root{
/ couleur de fond du pied de page /
  • -footer-bg-color: #1C3C3C; }
  • / BLOG /
  • @media (min-width: 1024px) {
  • .bazar-list-dynamic-container .results-col {
  • margin-bottom:50px;
  • }
}
  • .BAZ_fiche_titre {
  • color:#1C3C3C;
  • }
.bazar-card .title-area {
  • color:#1C3C3C;
}


  • / FOOTER /