:root {
  --g4c-light-green: #97ecb8;
  --g4c-medium-green: #57b581;
  --g4c-dark-green: #00494b;
  --g4c-acid-yellow: #edff8c;
  --g4c-white: #ffffff;
}


/** Header **/
header.header {
    background-color: var(--g4c-dark-green);
}

header.header .navbar a {
    color: var(--g4c-white);
    font-size: 16px;
    text-decoration: none;
}

header.header .navbar a:hover{
    transition: color 0.5s;
    color: var(--g4c-acid-yellow); 
}

header.header .dropdown-menu {
    background-color: var(--g4c-dark-green);
}

/*
header.header .main-navbar-wrapper .container {
    border-bottom: 0.5px solid var(--g4c-acid-yellow) !important;
}
µ:

/** Breadcrumb **/
.master-breadcrumb {
    background-color: var(--g4c-acid-yellow);
    display: none;
}

.breadcrumb {
    background-color: var(--g4c-acid-yellow);
}

/** Domain **/
.home-domain-search {
    background-color: var(--g4c-dark-green) !important;
    color: white;
    border-bottom-right-radius: 12rem !important;
}

.home-domain-search .container {
    border-top: 0.5px solid var(--g4c-acid-yellow) !important;
}

.home-domain-search a {
    color: white;
}

/** Products/Services **/
#main-body {
    /*background-image: linear-gradient(to bottom,var(--g4c-light-green),var(--g4c-medium-green));*/
    background-color: var(--g4c-white) !important;
}
/** font-graphique texte **/

/** titre text **/
.ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 550;
    font-style: normal;
  }
/** paragraphe ou texte normal **/
.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
/** couleur bordure et bouton de la barre de recherche "Sécurisez votre nom de domaine"**/
.BC{
    border-color: var(--g4c-acid-yellow) !important;
}

.CB1{
    background-color: var(--g4c-medium-green) !important;
}

.CB2{
    background-color: var(--g4c-light-green) !important;
}

.bTarif{
    text-decoration: none !important;
}

.bTarif:hover{
    transition: color 0.5s;
    color: var(--g4c-acid-yellow); 
}

/** couleur menu deroulant Magasin et Espace dan la nav bar"**/
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #57b581 !important;
}
/**ajustement de la barre de recherche en haut a droite**/
header.header .search {
    border: none !important;
    
}
/**css contenaire pour les offre**/
.box-home {
    border: 2px solid var(--g4c-dark-green) !important;
}

.text-box-color{
    color: var(--g4c-dark-green);
}

.btn-box{
    background-color: var(--g4c-dark-green);
    color: var(--g4c-acid-yellow); 
}

.btn-box:hover {
    color: #ffffff !important;
    text-decoration: none;
}

.bg-footer{
    background-color: var(--g4c-dark-green) !important; 
}

.SAAS{
    background-color: var(--g4c-light-green) !important;
    width: auto;
}