/* Géneral */

body
{
	box-sizing: border-box;
	margin:0;
	text-align:center;
}

ul
{
	list-style-type: none;
	padding-left:0;
}

h1
{
	font-family: 'Lobster', serif;
}

h2
{
	font-family: 'Lobster', serif;
	margin: 30px 0;
	padding-left: 5px;
	padding-right: 5px;
}

h3
{
	font-family: 'Lobster', serif;
	padding:15px 0;
	background-color: #139A43;
	margin-top: 50px;
	margin-bottom: 25px;
}

a
{
	text-decoration: none;
	color: black;
}

span
{
	font-weight: bold;
}

/* HEADER */

.header
{
	background-color: #139A43;
	border:1px solid transparent;
}

.header-img
{
	margin-top: 20px;
	border:1px solid black;
}

.header-nav li
{
	display: inline-block;
}

.header-nav a
{
	padding: 5px 20px;
	background-color: black;
	color:  #139A43;
}


/* BODY */


.cv-experience h3
{
	margin-top: 0px;
}

.cv-experience h3:before
{
	content: url(../img/work.png) ;
	margin-right: 10px;
	vertical-align: middle;
}

.cv-experience h3:after
{
	content: url(../img/work.png) ;
	margin-left: 10px;
	vertical-align: middle;
}

.cv-formation h3:before
{
	content: url(../img/formation.png) ;
	margin-right: 10px;
	vertical-align: middle;
}

.cv-formation h3:after
{
	content: url(../img/formation.png) ;
	margin-left: 10px;
	vertical-align: middle;
}

.competences h3:before
{
	content: url(../img/skill.png) ;
	margin-right: 10px;
	vertical-align: middle;
}

.competences h3:after
{
	content: url(../img/skill.png) ;
	margin-left: 10px;
	vertical-align: middle;
}

.divers h3:before
{
	content: url(../img/divers.png) ;
	margin-right: 10px;
	vertical-align: middle;
}

.divers h3:after
{
	content: url(../img/divers.png) ;
	margin-left: 10px;
	vertical-align: middle;
}

.reseaux h3:before
{
	content: url(../img/reseau.png) ;
	margin-right: 10px;
	vertical-align: middle;
}

.reseaux h3:after
{
	content: url(../img/reseau.png) ;
	margin-left: 10px;
	vertical-align: middle;
}

.contact h3:before
{
	content: url(../img/mail.png) ;
	margin-right: 10px;
	vertical-align: middle;
}

.contact h3:after
{
	content: url(../img/mail.png) ;
	margin-left: 10px;
	vertical-align: middle;
}
body p
{
	margin:16px 16px;
}

aside
{
	background-color:#e6f9ed; 
	padding-bottom: 34px;
}

/* FORMULAIRE */

form
{
	background-color: #e6f9ed;
	padding-bottom: 34px;
	padding-top: 15px;
}

input , #message
{
	padding: 0 20px;
	width:80%;
	height: 40px;
	background-color: #fafafa;
	border:none;
	border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
}
#nom
{
	margin-bottom: 16px;
}

#mail
{
	margin-bottom: 16px;
}
#message
{
	padding:20px;
	height: 100px;
	margin-bottom: 16px;
}

#envoi
{
	padding: initial;
	display: block;
	width:25%;
	margin: auto;
}


@media only screen and (min-width: 600px)
{

	#contact{
		width: 100%;
	}

	.bloc-contact{
		display: flex;
		justify-content: space-around;
	}

	.bloc-contact input{
		width: 30%;
	}

	#envoi{
		max-width: 200px;
	}


	.footer-bloc{
		display: flex;
		justify-content: center;
		max-width: 1900px;
		margin-left: auto;
		margin-right: auto;
	}

	.footer-bloc div{
		width: 30%;
	}
}

@media only screen and (min-width: 760px)
{
	.main{
		display: flex;
		max-width: 1900px;
		margin-left: auto;
		margin-right: auto;
	}

	.cv{
		order: 2;
		flex:1;
		border-right: 2px solid #e6f9ed;
	}

	aside{
		margin-top: 0;
		order: 1;
		width: 30%;
	}

	.competences h3{
		margin-top: 18px;
	}
}
/* FOOTER */
footer
{
	background-color: #139A43;
	border:1px solid transparent;
}

footer h3
{
	margin-top: 0px;
}

footer a
{
	display: inline-block;
	margin-bottom: 25px;
}

.contact a
{
	background-color: black;
	color:  #139A43;
	padding:10px 10px;
}

footer p
{
	font-size: 12px;
}