/* Environnements CATs */

.charte_societe .catChallenge {
  border-bottom: 1px solid #eee;
  background-color: #584e42;
}
.charte_societe .catSchool {
  border-bottom: 1px solid #eee;
  background-color: #6287ac;
}

.charte_societe .challenge {
  border-bottom: 1px solid #dadada;
}
.charte_societe .check {
  border-bottom: 1px solid #dadada;
}
.charte_societe .range {
  border-bottom: 1px solid #dadada;
}
.charte_societe .draw {
	border-bottom: 1px solid #dadada;
}

.l-header.draw {
	box-shadow:-6px 5px 5px #ccc;
}

.charte_societe .track {
	border-bottom: 1px solid #dadada;
}

.l-header.track {
	box-shadow:-6px 5px 5px #ccc;
}

.charte_societe .admin {
  border-bottom: 1px solid #dadada;
}

.l-header.admin {
	box-shadow:-6px 5px 5px #ccc;
}

.charte_societe .school {
  border-bottom: 1px solid #dadada;
}

.charte_societe h3.rangeHeader  {
  /* font-size: 17px;
  line-height: 12px; */
}

.charte_societe .rangeHeader {
  padding: 5px 20px;
  margin: 0;
  color: #666;
}

.charte_societe h3.challengeHeader  {
  /* font-size: 17px; */
	line-height: 16px;
}
.charte_societe h3.challengeHeader small {
  color: #818181;
}
.charte_societe .challengeHeader {
  padding: 14px 20px;
  margin: 0;
  color: #666;
}


.charte_societe h3.checkHeader  {
  /* font-size: 17px; */
	line-height: 16px;
}
.charte_societe h3.checkHeader small {
  color: #818181;
}
.charte_societe .checkHeader {
  padding: 14px 20px;
  margin: 0;
  color: #666;
}

.charte_societe h3 small {
  font-weight: normal;
  line-height: 1;
  color: #fff;
}

.charte_societe h3 small {
  font-size: 70%;
}

/* OVERLAY */

.charte_societe .modal-overlay{
	position:fixed;
	top: 0;
    z-index: 50;
	bottom:0;
	left:0;
	right:0;
	background:#333333;
	opacity:0.7;
	display:none;
}

.charte_societe .modal-overlay .close-modal {
    background: rgba(0, 0, 0, 0) url("http://www.poujoulat.fr/fr/bundles/poujoulatfront/images/sprite.png") no-repeat scroll -156px -155px;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 90px;
    width: 30px;
}

/* slide */

.charte_societe .dropconnect {
    background-color: #c70205;
    color: white;
    padding: 5px 10px;
    font-size: 13px;
    border: none;
    cursor: pointer;
	width: 100%;
}

.charte_societe #myInput {
    border-box: box-sizing;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 20px;
    width: 100%;
}
.charte_societe #mail {
    border-box: box-sizing;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 20px;
    width: 100%;
}
.charte_societe #mdp {
    border-box: box-sizing;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 20px;
    width: 100%;
}

.charte_societe .dropdown {
    position: relative;
	margin: 10px 0 10px 10px;
    display: inline-block;
}

.charte_societe a.draw {
	background-color:#482683;
	color:#ffffff;
    font-size: 13px;
	font-weight:bold;
    line-height: 13px;
    padding: 10px 16px;
}

.charte_societe a.range {
	background-color:#dc661e;
	color:#ffffff;
    font-size: 13px;
	font-weight:bold;
    line-height: 13px;
    padding: 10px 16px;
}

.charte_societe a.check {
	background-color:#818181;
	color:#ffffff;
    font-size: 13px;
	font-weight:bold;
    line-height: 13px;
    padding: 10px 16px;
}

.charte_societe a.school {
	background-color:#6287ac;
	color:#ffffff;
    font-size: 13px;
	font-weight:bold;
    line-height: 13px;
    padding: 10px 16px;
}

.charte_societe a.track {
	background-color:#009870;
	color:#ffffff;
    font-size: 13px;
	font-weight:bold;
    line-height: 13px;
    padding: 10px 16px;
}

.charte_societe a.first {
    background-color: #f0f0f0;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    padding: 10px 16px;
}

.charte_societe a.second {
    background-color: #f6f6f6;
    color: #000000;
    font-size: 13px;
    /* font-weight: bold; */
    line-height: 13px;
    padding: 10px 16px;
}

.charte_societe a.ddSupp {
  background-color: #f93f00;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  line-height: 13px;
  padding: 10px 16px;
}

.charte_societe ul#langue1.right li a.second:hover, ul#menuPrincipal.left li a.second:hover, .dl-menu a:hover {
background-color: #ddd;
color: #000000;
}

.charte_societe .dl-menu a {
    display: block;
    text-decoration: none;
}

.charte_societe .l-section p {
	font-size: 12px;
}


/* ///////////////////////////////////////////////////////////////// */
/* ---------------------- MEQIA QUERIES ---------------------------- */
/* ///////////////////////////////////////////////////////////////// */

@media (max-width: 765px) {

	.charte_societe h3.challengeHeader small a {
	 font-size: 14px;
	}
	.charte_societe .challengeHeader {
	  padding: 10px 20px;
	}

	.charte_societe h3.checkHeader small a {
	 font-size: 14px;
	}
	.charte_societe .checkHeader {
	  padding: 10px 20px;
	}

	.charte_societe h3.rangeHeader small a {
	 font-size: 14px;
	}
	.charte_societe .rangeHeader {
	  padding: 10px 20px;
	}

}