/* This is how you would create a custom secondary theme on top of tooltipster-noir: */

.tooltipster-sidetip.tooltipster-noir.tooltipster-synthese .tooltipster-box {
	background: #fff;
	border: 2px solid #A2B1B6;
	border-radius: 12px;
    box-shadow: 0px 0px 12px 0 rgba(0,0,0,0.3);
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-synthese .tooltipster-content {
    overflow:hidden;
	color: #333447;
	padding: 10px;
}

/* Arrow tooltipster bottom */

.tooltipster-sidetip.tooltipster-noir.tooltipster-synthese.tooltipster-bottom .tooltipster-arrow-border {
    border: 20px solid transparent;
    border-bottom-color: #A2B1B6;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-synthese.tooltipster-bottom .tooltipster-arrow-background {
    border: 20px solid transparent;
    border-bottom-color: #fff;
    left: 0;
    top: 3px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-synthese.tooltipster-bottom .tooltipster-arrow {
    height: 40px;
    margin-left: -20px;
    top: -20px;
    width: 40px;
}

/* Arrow tooltipster top */


.tooltipster-sidetip.tooltipster-noir.tooltipster-synthese.tooltipster-top .tooltipster-arrow-border {
	border: 20px solid transparent;
    border-top-color: #A2B1B6;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-synthese.tooltipster-top .tooltipster-arrow-background {
	border: 20px solid transparent;
    border-top-color: #fff;
    left: 0;
    bottom: 3px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-synthese.tooltipster-top .tooltipster-arrow {
    height: 40px;
    margin-left: -20px;
    bottom: -30px;
    width: 40px;
}