body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;

	background-color: #7a838c;
} 

p {
	text-align:justify;
}

acronym {
	cursor:help;
	color: #b37400;
	border-bottom:dotted 1px #b37400;
}

div.center {
	margin: 0;
	padding: 0;
	width: 100%;

	padding-bottom: 15px;
	
	background: rgb(217,223,228);
	background: -moz-linear-gradient(left, rgba(217,223,228,1) 0%, rgba(247,248,249,1) 50%, rgba(217,223,228,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(217,223,228,1)), color-stop(50%,rgba(247,248,249,1)), color-stop(100%,rgba(217,223,228,1)));
	background: -webkit-linear-gradient(left, rgba(217,223,228,1) 0%,rgba(247,248,249,1) 50%,rgba(217,223,228,1) 100%);
	background: -o-linear-gradient(left, rgba(217,223,228,1) 0%,rgba(247,248,249,1) 50%,rgba(217,223,228,1) 100%);
	background: -ms-linear-gradient(left, rgba(217,223,228,1) 0%,rgba(247,248,249,1) 50%,rgba(217,223,228,1) 100%);
	background: linear-gradient(to right, rgba(217,223,228,1) 0%,rgba(247,248,249,1) 50%,rgba(217,223,228,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dfe4', endColorstr='#d9dfe4',GradientType=1 );
}

div.centerBackground {
	width: 807px;
	margin: auto;
	height: auto;
}

div.haut {
	font-family: Comfortaa, arial;
	width : 807px;
	height : 100px;
	line-height: 100px;
	font-size: 48px;
}

div.haut > a {
	color: orange;
	text-shadow: 0px 0px 1px rgba(255,165,0, 0.6);
}

div.haut > a:hover {
	color : #696c83;
	text-shadow: 0px 0px 1px rgba(105,108,131, 0.6);
}

.haut span {
	float: right;
}

.youtube, .linkedin, .bitbucket, .github {
	color : #696c83;
}

.youtube:hover {
	color: #cc181e;
}

.linkedin:hover {
	color: #4da7c9;
}

.bitbucket:hover {
	color: #003366;
}

.github:hover {
	color: #000;
}

#menu {
	height: 45px;
}

#menu ul {
	padding: 0px;
	margin : 0px;
	width: 807px;
	float: left;
	height: 45px;
	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	background: rgb(109,179,242);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2OTBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTI5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(21,41,153,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(21,41,153,1)));
	background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(21,41,153,1) 100%);
	background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(21,41,153,1) 100%);
	background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(21,41,153,1) 100%);
	background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(21,41,153,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#152999',GradientType=0 );

	box-shadow: 0px 0px 3px rgba(0,0,0, 0.6);
}

#menu ul li {
	display: inline-block;
	list-style: none;
	margin: 10px;
}

#menu ul li a {
	float: left;
	height: 15px;
	font-size: 16px;
	font-family: arial;
	line-height: 15px;	
	text-align : center;
	
	text-shadow: 0px 0px 3px rgba(0,0,0, 0.8);
	font-weight: bold;
	
	padding: 5px;
}


div.fond {
	margin-top: 15px;
	
	margin-right: 10px;

	width : 787px;
	
	background-color : #fafbfc;
	padding-top: 1px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 20px;
	font-size: 12px;
	font-family: arial;
	color : #181c48;	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	box-shadow: 0px 0px 3px rgba(0,0,0, 0.6);
}

div.footer {
	text-align: center;

	width : 100%;
	height : 50px;

	background : #313138;
	line-height: 24px;
	text-align: right;
	font-size: 13px;
	font-family: arial;
	color : white;
	
	background: rgb(97,104,109);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxNjg2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YTgzOGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(97,104,109,1) 0%, rgba(122,131,140,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,104,109,1)), color-stop(100%,rgba(122,131,140,1)));
	background: -webkit-linear-gradient(top,  rgba(97,104,109,1) 0%,rgba(122,131,140,1) 100%);
	background: -o-linear-gradient(top,  rgba(97,104,109,1) 0%,rgba(122,131,140,1) 100%);
	background: -ms-linear-gradient(top,  rgba(97,104,109,1) 0%,rgba(122,131,140,1) 100%);
	background: linear-gradient(to bottom,  rgba(97,104,109,1) 0%,rgba(122,131,140,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61686d', endColorstr='#7a838c',GradientType=0 );
	
	box-shadow:inset 0px 2px 2px rgba(0,0,0, 0.3);
}

div.copyright {
	font-size: 10px;
	font-family: arial;
	color : #aaaaaa;
	line-height: 34px;	
	text-align : center;
}

div.bas {
	padding: 10px;
}

a {
	text-decoration : none;
	color : #0a0b1e;
}

a:hover {
	text-decoration : none;
	color : #696c83;
}


a.aPlus {
	color: white;
}

a.aPlus:hover {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
}

a.aPlusSelected {
	color: #ffc04d;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);

}

a.aPlusSelected:hover {

}

a.bas {
	color : #aaaaaa;
	margin: 10px;
}

a.bas:hover {
	color : #cccccc;
}

div.presentation a {
	color: #b37400;
}

div.presentation a :hover {
	text-decoration : none;
	color : #696c83;
}

div.currentProjectDesc {
	width: 520px
}

div.currentProjectImg {
	width: 250px
}

div.currentProjectLeft {
	float: left;
}

div.currentProjectRight {
	float: right
}

div.currentProjectEnd {
	clear: both;
}


div.currentLe

img {
	border : 0px;
}

img.imgPlus {
	margin : 15px;
}

img.border {
	border : 1px solid black;
}

h1.hrPlus {
	color : #245B84;
	font-size: 25px;
	font-family: arial;	
	padding-bottom: 3px;
}

hr.hrPlus {
	width: 750px;
	border : 0px;	
	border-bottom: 1px solid #245B84;
	color : #245B84;
	padding-bottom: 3px;
}

h2 {
	font-size: 11px;
	text-align:center;	
}

td.dlImg {
	width:100px;
}

td.dlImg a {
	text-align: center;
}

td.dlImgRight {
	width : 190px;
	padding-left: 20px;
	padding-right: 20px;
}

td.alignRight {
	width : 400px;
	text-align : right;
}

table.tableauProgrammes {
	margin-left: 15px;
	width: 750px;
	text-align:justify;
}

table.big {
	width : 100%;
}

div.presentation {
	font-size: 14px;
}

.centerText {
	text-align: center !important;
}

.boutton {
	border:1px solid black;
	color:black;
	background-color:#98a9c9
}

.cv-category {
	width: 100%;
	padding-top: 20px;
	clear: both;
}

.cv-float {
	float: left; 
	width: 250px
}

.cv-header {
	border-bottom:1px solid black;
	margin-bottom: 5px;
	color: #2884e0;
	font-weight:bold
}

.cv-formation {
	margin-top: 15px;
	margin-left: 30px;
	font-weight:bold
}

.cv-location {
	margin-left: 70px;
}

.contact-title {
	float: left; 
	width: 100px;
	clear: both;
	font-weight:bold
}

.contact-method {
	width: 350px
}

td.cv{
	border-bottom:1px solid black;
	color: #2884e0;
	font-weight:bold
}

li.cv, a.cv {
	color: #185da2;
}

.contact-list {
	margin-left: 30px;
}