﻿/*
    Styles CSS pages web vCards, Desjardins.
*/

/*-- BARRE DE NAVIGATION - PAGE D'ACCUEIL
/**/

.vhead-home { background-color:#fff;}

.vhead-home-item[data-item-selected] .vhead-home-item-image { border:2px solid #008c53; }
.vhead-home-item:not([data-no-item]) .vhead-home-text:before { background: #008c53;  }
.vhead-home-item[data-important] .vhead-home-text:before { background: #D14638; }

.vhead-home-text  { color:#333; }
.vhead-home-subtext  { color:#333; }

.vhead-home-item-image  {background-color:#f7f7f7;  }
.vhead-home-item.vhead-item-selected .vhead-home-item-image { border:2px solid #008c53;}
/*classes specifiques pour le bandeau fin d'année*/
.yearEndHeadbandBoth {
    padding-top: 13px;
    padding-bottom: 13px;
    background-color: #FCD44F;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
}

.yearEndHeadband {
    padding-top: 13px;
    padding-bottom: 13px;
    background-color: #FCD44F;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    margin-bottom: 15px;
}

.yearEndHeadbandIcone {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

@media screen and (max-width: 800px) {
    .yearEndHeadbandBoth {
        margin-top: -14px;
    }
}

@media screen and (max-width: 479px) {
    .yearEndHeadbandBoth {
        margin-top: -8px;
    }
}

#dental-banner {
    background-color: #e7fdeb;
}