/***********************************************************************************************************************************
 ***********************************************************************************************************************************
########     ###     ######  ##    ##  ######   ########   #######  ##     ## ##    ## ########  
##     ##   ## ##   ##    ## ##   ##  ##    ##  ##     ## ##     ## ##     ## ###   ## ##     ## 
##     ##  ##   ##  ##       ##  ##   ##        ##     ## ##     ## ##     ## ####  ## ##     ## 
########  ##     ## ##       #####    ##   #### ########  ##     ## ##     ## ## ## ## ##     ## 
##     ## ######### ##       ##  ##   ##    ##  ##   ##   ##     ## ##     ## ##  #### ##     ## 
##     ## ##     ## ##    ## ##   ##  ##    ##  ##    ##  ##     ## ##     ## ##   ### ##     ## 
########  ##     ##  ######  ##    ##  ######   ##     ##  #######   #######  ##    ## ########  
************************************************************************************************************************************
**************************** see http://www.dev.equideow.com/doc/ for more details *************************************************
************************************************************************************************************************************
************************************************************************************************************************************/

/* BLURRED *************************************************************************************************************************
 ***********************************************************************************************************************************/

.body--blurred div.body-background{
	background-image: url(/media/equideo/image/background/body/default/body-background-default-blurred.png);
}

/* SKIES ***************************************************************************************************************************
 ***********************************************************************************************************************************/

.body--skies{
	background-color: #382950;
}
.body--skies div.body-background{
	background-image: url(/media/equideo/image/background/body/dossiers/divins-hp/bg-hubprincipal.jpg);
}

/* PRIMARY ********************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--primary:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--primary.block::before,
.bg--primary.stickout::before,
.bg--primary.pix::after,
.bg--primary .stickout__ribbon::before,
.bg--primary.circlegauge .circlegauge__content{
	background-color: #fdfff0;
}
.bg--primary > .pix__bg{
	fill: #fdfff0;
}

/* SECONDARY ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--secondary:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--secondary.block::before,
.bg--secondary.stickout::before,
.bg--secondary.pix::after,
.bg--secondary .stickout__ribbon::before,
.bg--secondary.circlegauge .circlegauge__content{
	background-color: #f2efcf;
}
.bg--secondary > .pix__bg{
	fill: #f2efcf;
}

/* SUCCESS ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--success:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--success.block::before,
.bg--success.stickout::before,
.bg--success.pix::after,
.bg--success .stickout__ribbon::before,
.bg--success.circlegauge .circlegauge__content{
	background-color: #849644;
}
.bg--success > .pix__bg{
	fill: #849644;
}

/* DANGER ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--danger:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--danger.block::before,
.bg--danger.stickout::before,
.bg--danger.pix::after,
.bg--danger .stickout__ribbon::before,
.bg--danger.circlegauge .circlegauge__content{
	background-color: #e25353;
}
.bg--danger > .pix__bg{
	fill: #e25353;
}

/* WHITE **********************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--white:not(.block):not(.pix):not(.stickout):not(.circlegauge), 
.bg--white.block::before,
.bg--white.stickout::before,
.bg--white.pix::after,
.bg--white .stickout__ribbon::before,
.bg--white.circlegauge .circlegauge__content{
	background-color: #fff;
}
.bg--white > .pix__bg{
	fill: #fff;
}

/* DARK ***********************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--dark:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--dark.block::before,
.bg--dark.stickout::before,
.bg--dark.pix::after,
.bg--dark .stickout__ribbon::before,
.bg--dark.circlegauge .circlegauge__content{
	background-color: rgba(0, 0, 0, .3);
}
.bg--dark > .pix__bg{
	fill: rgba(0, 0, 0, .3);
}

/* DISABLED *******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--disabled:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--disabled.block::before,
.bg--disabled.stickout::before,
.bg--disabled .stickout__ribbon::before,
.bg--disabled.circlegauge .circlegauge__content{
	background-color: #D0D0D0;
}

/* IMPORTANT ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--important:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--important.block::before,
.bg--important.stickout::before,
.bg--important.pix::after,
.bg--important .stickout__ribbon::before,
.bg--important.circlegauge .circlegauge__content{
	background-color: #EEC213;
}
.bg--important > .pix__bg{
	fill: #EEC213;
}

/* NAVIGATION ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.bg--navigation:not(.block):not(.pix):not(.stickout):not(.circlegauge),
.bg--navigation.block::before,
.bg--navigation.stickout::before,
.bg--navigation.pix::after,
.bg--navigation .stickout__ribbon::before,
.bg--navigation.circlegauge .circlegauge__content{
	background-color: #7DD2FE;
}
.bg--navigation > .pix__bg{
	fill: #7DD2FE;
}