@media (min-width:767px){
	.charte_societe .separation_user {
		border-left: 1px solid #4a4a49;
		line-height: 1px;
		padding-left: 10px;
	}
}


@media (max-width:767px){
	#dl-menu{
		width:100px !important;
	}
}

.charte_societe .catDraw {
  border-bottom: 1px solid #eee;
  background-color: #472488;  
}
.charte_societe .catRange {
  border-bottom: 1px solid #eee;
  background-color: #c90c0f;
}
.charte_societe .catCheck {
  border-bottom: 1px solid #eee;
  background-color: #818181;
}
.charte_societe .catTrack {
  border-bottom: 1px solid #eee;
  background-color: #009870;
}
.charte_societe .catAdmin {
  border-bottom: 1px solid #eee;
  background-color: #d43447;
}
.charte_societe .catEstimate {
  border-bottom: 1px solid #eee;
  background-color: #009dcc;
}

.charte_societe .page-header-pro {
  padding: 8px 5px;
  margin: 0;
  color: #fff;
  font-size: 1.17em;
}

@media (max-width: 1230px) {
}

@media (max-width: 1005px) {
	.charte_societe h3.rangeHeader  {
		/* font-size: 14px; */
		line-height:12px;
	}
}


@media (max-width: 990px) {
	.charte_societe .challengeHeader {
		/* padding: 4px 20px; */
	}
	.charte_societe .checkHeader {
		padding: 4px 20px;
	}

	.charte_societe .rangeHeader {
		padding: 4px 20px;
	}
}

@media (max-width: 500px) {
}

@media screen and (max-width:400px) {
	.charte_societe img.logoSp {
		margin-top: 10px;
		height: 36px !important; 
		width: 150px !important;
	}
	.charte_societe h3.challengeHeader  {
		font-size: 10px;
		line-height:12px;
	}
	.charte_societe h3.checkHeader  {
		font-size: 10px;
		line-height:12px;
	}
	.charte_societe h3.rangeHeader  {
		font-size: 10px;
		line-height:12px;
	}
}

@media (max-width: 340px) {

}

.titreCaoName {
	font-family: bebas;
	font-size: 25px;
	color: RGB(62, 39, 130);
}

.titreEstimateName {
	font-family: bebas;
	font-size: 25px;
	color: #009dcc;
}

label.titreTrack {
  color: #009870;
  font-family: bebas;
  font-size: 25px;
}