html {
	background-color: #EFEFEF;
}

body {
	margin : 0;
}

.nav-wrapper li a, .nav-wrapper a {
	color : #212121;
}

#profil-container {
	margin : auto;
	width : 95%;
	max-width: 940px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
}

#profile-box {
	padding : 20px;
	background-color : white;
	margin-bottom: 0px;
}

#photo-profil {
	max-width: 250px;
	width : 100%;
}

#profile-infos {
	display : inline-block;
	padding: 10px 30px 10px 30px;
}

#profil-name{
	font-size: 32px;
	color : #212121;
}

#profil-activity{
	font-size: 16px;
	line-height: 16px;
	color : #757575;
}

#profile-details {
	border-top: 1px solid #e0e0e0 ;
	margin-top: 20px;
}

td{
	padding: 10px;
}

#profile-details .detail-name{
	font-weight: bold;
	color : #212121;
}

#profile-details .detail-value{
	color : #9e9e9e;
}

#profile-bar {
	background-color: #f44336;
	height: 50px;
	position : relative;
	bottom: 0;
}

#profile-bar i{
line-height: 50px;
}

#skills-container, #works-container, #contact-container {
	width : 95%;
	margin : auto;
	max-width: 940px;
}

.skill-detail{
	margin-bottom: 20px;
}

.skill-bar{
	width : 90%;
	height: 5px;
	background-color: #ffcdd2;
}

.skill-progress{
	height: 5px;
	background-color: #f44336;
}

.row {
	margin-bottom: 0px;
}

#contact-container {
	background-color: white;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
	padding : 50px 90px 50px 30px;

}

.input-field input[type=text]:focus, #text:focus, .input-field input[type=email]:focus {
     border-bottom: 1px solid #f44336;
     box-shadow: 0 1px 0 0 #f44336;
   }

   #contact {
   	height : 600px;
   }