/ NAVBAR /
#yw-topnav {
:root {
/ menu burger /
.btn.btn-menu .btn-default{
/ PRESENTATION /
.accueilSection {
/ VALEURS /
@media (min-width: 1024px) {
/ SERVICES /
h3 {
.services {
.serviceSection1 .serviceSection {
@media (max-width: 768px) { / tablette & mobile /
.branding {
/ CONTACT /
.buttonContact {
.buttonContact:hover {
@media (max-width: 1000px) { / tablette & mobile /
@media (min-width: 1024px) {
/ FOOTER /
div.footer {
:root{
/ couleur de fond du pied de page /
#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;
- }
- color:#1C3C3C;
- / FOOTER /