.grid-container
{
	box-shadow: 2px 2px 13px #e2e2e2;
	margin-bottom : 3%;
	margin-top : 3%;
}

.left-part
{
	width: 40%;
	padding-left : 5%;
	vertical-align : top;
	background-color : #e2e2e2;
}

.right-part
{
	width: 60%;
	padding-left : 5%;
	vertical-align : top;
	background-color : #ffffff;
}

.title-underline
{
	min-width: 20%;
	max-width: 60%;
	height : 5px;
	background-color : #ec8b00;
	margin-top: -2%;
	
}
/* POSITION ET FORMATTAGE DES <p> CATEGORIES */
.cat-underline
{
	min-width: 20%;
	max-width: 60%;
	height : 5px;
	background-color : #ec8b00;
	margin-top: -2%;
	margin-bottom:2%;
}

.cath4
{
	font-weight:bold;
	margin-top:3%;
	color: #303030;
}
/* POSITION ET FORMATTAGE DES <p>*/
.pdate,.pcontent,.ptitle
{
	margin-left:10%;
}

.ptitle
{
	font-weight:bold;
	margin-top:3%;
	color: #303030;
}

.pdate
{
	margin-top : -3%;
	font-size:80%;
	color: #808080;
}

.pskill
{
 	margin-bottom:-1%;
}

/* BARRES DE PROGRESSIONS */


.progressbar-wrapper {
  background-color: #ffffff;
  border-radius: 15px;
  width: 50%;
  height: 10px;
   	margin-bottom:3%;
}

.progressbar {
  background-color: #303030;
  border-radius: 15px;
  height: 10px;
  margin-bottom:3%;
  color:#e2e2e2;
}