body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
	background-color:#0f0f0f;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	color:#888888;
}
h1 {
    margin:32px 0 0 0;
	padding:0;
    font-size: 32px;
    font-weight: lighter;
    color:#ff9900;
}
h2 {
    margin:0;
	padding:0;
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    font-weight: bold;
    color:#ff9900;
}
h3 {
    margin:0;
	padding:0;
    font-size: 24px;
    font-weight: bold;
    color:#ff9900;
}
h4 {
    margin:0;
	padding:0;
    font-size: 16px;
    font-weight: bold;
    color:#ff9900;
}

.clear
{clear:both;}

.center {
	width:50%;
    height:auto;
	margin:auto;
	padding:0;
	align-content:center;
}

.place {
    font-style : italic;
}
.job {
    margin:0 0 16px 0;
}
.resume{
    margin-top: 32px;
    padding: 16px 0 16px 0 ;
    background-color: #888;
    color: #000;
    font-size: 24px;
}
.bonjour{
    font-weight: lighter;
    color:#ff9900;
    background-color: #0f0f0f;
    padding: 4px 32px 4px 32px;
    text-decoration: none;
    float: right;
}
/*
.bonjour:hover{
    text-decoration: underline;
}
.bonjour:active{
    text-decoration: underline;
}
*/
.foo {
    color: #ff0000;
}
.foo::before {
    color: #00ff00;
    content: url(img/resume.png);
}
ul{
    margin:0;
}

.block {
    margin-top: 32px;
}

#moi {
    margin-right: 16px;
    width: 92px;
    height: 92px;
    float: left;
}

@media screen and (max-width: 1280px) {
  .center {
    width:66%;
  }
}

@media screen and (max-width: 1024px) {
  .center {
    width:90%;
  }
}