/* General */
body {
	background-color: #f2f2f2;
	font-family: "Lato";
	font-weight: 300;
	font-size: 16px;
	color: #555;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Raleway";
	font-weight: 300;
	color: #333;
}

section {
	height: 40px;
}

.navbar-inverse .navbar-brand {
	color: white;
}


.navbar-nav a:focus {
	color: #9d9d9d !important;
}

.fa-at {
	font-size: 0.9em;
}

.fa-linkedin {
	color: white;
}

.fa-linkedin:hover {
	color: #E0E0E0;
}







/* Header */
#headerwrap {
	background: url(../images/backgroundheader.jpg) no-repeat center top;
	padding-top: 140px;
	text-align: center;
	background-attachment: relative;
	background-position: center center;
	min-height: 500px;
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#headerwrap.green {
	background: url(../images/backgroundheader2.jpg) no-repeat center top;
	background-attachment: relative;
	background-position: center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#headerwrap.headernonavbar {
	margin-top: 0;
	min-height: 300px;
	padding-top: 60px;
}

#headerwrap h1 {
	font-size: 5em;
	color: white;
}

#headerwrap h2 {
	color: white;
}

#headerwrap h3 {
	font-size: 1.5em;
	color: white;
}

@media (max-width: 767px) {
	#headerwrap h1 {
		font-size: 2em;
	}
	#headerwrap h3 {
		font-size: 1.3em;
	}
	#headerwrap {
		padding-top: 70px;
		min-height: 230px;
	}
	#headerwrap.headernonavbar {
		padding-top: 30px;
		min-height: 190px;
	}
}






/* Projects */
#projetswrap {
	padding-left: 20px;
	margin-bottom: 40px;
}

#projetswrap img {
	opacity: 1;
	max-width: 100%;
}

#projetswrap img:hover {
	opacity: 0.8;
}






/* Skills */
#competenceswrap {
	background: url(../images/backgroundblock.jpg) no-repeat center top;
	margin-top: 50px;
	padding-bottom: 70px;
	padding-left: 20px;
	background-attachment: relative;
	background-position: center center;
	min-height: 200px;
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#competences-dev .progress-bar-success {
	background-color: #237296;
}
#competences-bdd .progress-bar-success {
	background-color: #8FA1C1;
}
#competences-dev-soft .progress-bar-success {
	background-color: #6EA7A6;
}
#competences-methodo .progress-bar-success {
	background-color: #337D88;
}
#competences-tools .progress-bar-success {
	background-color: #2B2B2D;
}

.progress {
	height: 10px;
}







/* Contact */
#contactwrap {
	background: url(../images/backgroundheader.jpg) no-repeat center top;
	padding-bottom: 70px;
	padding-left: 20px;
	background-attachment: relative;
	background-position: center center;
	min-height: 200px;
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#contactwrap h2, #contactwrap h4, #contactwrap h5, #contactwrap h6 {
	color: white;
}








/* Donate */
#donatewrap {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 40px;
}

.nyoogle {
	width: 100px;
	margin-bottom: 10px;
}










/* Trad */
#tradwrap {
	text-align: center;
	padding-bottom: 40px;
}

textarea {
    width: 650px;
	max-width: 90%;
	height: 100px;
	padding: 5px;
}

.textefrancais {
	background-color: #F7F5F1;
}

.btn {
	width: 650px;
	max-width: 90%;
	margin-bottom: 20px;
}

strong {
	color: #5E91A0;
}

#debug {
	width: 650px;
	max-width: 90%;
	text-align: left;
	margin: 0 auto;
	background-color: #E6F7E7;
	border: 1px solid #989898;
	padding: 5px;
	margin-bottom: 20px;
}

.debugchange {
    border-bottom: 1px solid #D2D2D2;
    margin-right: 0px;
    margin-left: 0px;
}

#debugstack :nth-child(even) {
    background-color: #F9F9F9;
}

.replace {
	background-color: initial !important;
}