@charset "utf-8";
/* CUSTOM STYLES LP BPRO */

/*--------------------------------MEDIAS--------------------------------*/

@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}



/*----------------------------CUSTOM CATEG----------------------------*/

/*COMPTA*/
.txt-compta {
	color: #ffffff;
	background-color: #ffb600;
}
@media (min-width: 992px) {
.compta {
	background-color: #ffb600;	
}
.txt-compta {
	color: #ffb600;
	background-color: transparent;
}
}

/*ASSU*/
.txt-assu {
	color: #ffffff;
	background-color: #ff8327;
}
@media (min-width: 992px) {
.assu {
	background-color: #ff8327;	
}
.txt-assu {
	color: #ff8327;
	background-color: transparent;
}
}


/*SECU*/
.txt-secu {
	color: #ffffff;
	background-color: #f05738;
}
@media (min-width: 992px) {
.secu {
	background-color: #f05738;	
}
.txt-secu {
	color: #f05738;
	background-color: transparent;
}
}


/*EQUIP*/
.txt-equip {
	color: #ffffff;
	background-color: #37c686;
}
@media (min-width: 992px) {
.equip {
	background-color: #37c686;	
}
.txt-equip {
	color: #37c686;
	background-color: transparent;
}
}


/*IT*/
.txt-it {
	color: #ffffff;
	background-color: #3baeab;
}
@media (min-width: 992px) {
.it {
	background-color: #3baeab;	
}
.txt-it {
	color: #3baeab;
	background-color: transparent;
}
}


/*MARKET*/
.txt-market {
	color: #ffffff;
	background-color: #9d88d2;
}
@media (min-width: 992px) {
.market {
	background-color: #9d88d2;	
}
.txt-market {
	color: #9d88d2;
	background-color: transparent;
}
}
/*--------------------------------CUSTOM TITLE--------------------------------*/

#content .main-title {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.2em;
}
#content .main-title .sub-title {
	font-size: 14px;
	font-weight: normal;
}
@media (min-width: 768px) {

#content .main-title {
	font-size: 29px;
}
#content .main-title .sub-title {
	font-size: 22px;
}
}
@media (min-width: 992px) {
#content .main-title {
	font-size: 36px;
}
#content .main-title .sub-title {
	font-size: 29px;
}
	
}
@media (min-width: 1200px) {
#content .main-title {
	font-size: 48px;
}
#content .main-title .sub-title {
	font-size: 36px;
}
}

/*--------------------------------CUSTOM OTHER--------------------------------*/


