/* -*- coding: utf-8 -*- vim:sw=4:sts=4:et:ai:si:sta:fenc=utf-8
*/@CHARSET "utf-8";

/* Icones ------------------------------------------------------------------- */
.bperror, .bpwarning, .bpdone, .bpinfo, .bpquestion, .bphelp, .bpplus, .bpminus {
    padding-left: 18px; min-height: 16px; background-repeat: no-repeat;
}
.bperror { background-image: url(icons/error.png); }
.bpwarning { background-image: url(icons/warning.png); }
.bpdone { background-image: url(icons/done.png); }
.bpinfo { background-image: url(icons/info.png); }
.bpquestion { background-image: url(icons/question.png); }
.bphelp { background-image: url(icons/help.png); }
.bpplus { background-image: url(icons/plus.png); }
.bpminus { background-image: url(icons/minus.png); }
.bperrorm, .bpwarningm, .bpdonem, .bpinfom, .bpneutralm {
    margin: 0.67em 0; padding: 0.33em 0 0.67em 42px; min-height: 4em; border: 2px solid #ddd;
    background-repeat: no-repeat; background-position: 5px 1em;
}
.bperrorm.bpm-nobg, .bpwarningm.bpm-nobg, .bpdonem.bpm-nobg, .bpinfom.bpm-nobg, .bpneutralm.bpm-nobg {
    background-color: inherit; color: inherit;
}
.bperrorm { background-image: url(icons/lerror.png); background-color: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.bpwarningm { background-image: url(icons/lwarning.png); background-color: #FFF6BF; color: #514721; border-color: #FFD324; }
.bpdonem { background-image: url(icons/ldone.png); background-color: #E6EFC2; color: #264409; border-color: #C6D880; }
.bpinfom { background-image: url(icons/linfo.png); border-color: #5566CC; }
.bpneutralm { background-image: url(icons/lneutral.png); }

/* Divers ------------------------------------------------------------------- */

.auto { width: auto; }
.table-auto { width: auto; }
.row-gap { margin-bottom: 1em; }

/* <div class="col-div"><span>header</span>content</div> */
.col-div { margin-left: 10em; position: relative; }
.col-div span:first-child { font-weight: bold; display: inline-block; position: absolute; left: -10em; }
/* <div><span class="col-span">header</span>content</div> */
.col-span { font-weight: bold; width: 10em; display: inline-block; }

/* <div class="vcontainer" style="height: 300px;"><div class="valign">vertical aligned content</div></div> */
.vcontainer:before { content:""; display:inline-block; height:100%; vertical-align:middle; }
.valign { display:inline-block; }

/* <div class="logo-container"><div class="bglogo"></div>content</div> */
.bglogo {
    background-image: url(images/logo-bg.jpg);
    background-repeat: no-repeat;
    position: absolute;
    width: 901px;
    height: 192px;
    z-index: -3000;
}
.logo-container { position: relative; }
@media (max-width: 992px) {
    .logo-container .bglogo { left: 0px; top: 0px; }
}
@media (min-width: 992px) {
    .logo-container .bglogo { right: 0px; top: 0px; }
}

/* <div class="pull-right"><div class="logo"></div></div> */
.logo {
    background-image: url(images/logo-normal.png);
    background-repeat: no-repeat;
    width: 428px;
    height: 123px;
}