body
{
    background-color:black;
    margin:auto;
    text-align:center;
}
body p
{
    font-family: 'Oxygen Mono', monospace;
}
h2{
    font-family: 'Parisienne', 'Oxygen Mono';
    font-size:32px;
    padding: 5px;
}
h3{
    font-family: 'Oxygen Mono';
}
.lowheight
{
    font-size:13px;
    text-height:16px;
    text-align: center;
}
body div
{
        margin: 0 auto;
        max-width: 600px;
}
.bio
{
    font-size: 13px;
    line-height:16px;
    text-align:justify;
    margin: 0 15% 20px 15%; 
}
#logo_header
{
    padding: 10px; 
    background-color:white;
}
#logo_header img
{
    width: 400px;
}
.fond_1
{
    background-color: rgba(255,255,255,0.2);
    padding: 10px 10px 30px 10px; 
    color: rgba(255,255,255,0.9);
}
.fond_2
{
    
    /*background-color: rgba( 100,150,100, 0.8);*/
    background-color: rgba( 180,20,0, 1);
    background-repeat: no-repeat;
    padding: 10px; 
    background-position: top;
}
.fond_2 table
{
margin: auto; 
}
.fond_3
{
    padding: 10px; 
    background-color: #eedd78;
    background-repeat: no-repeat;
}
.fond_4
{
    padding: 10px; 
    /*background-color: rgba( 200,20,0, 0.8);*/
    background-color: rgba( 100,150,100, 0.9);
    background-repeat: no-repeat;
    background-position: top;
}

footer {
  background: black;
}

footer ul {
  width: 80%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
 text-align: center;
    height:42px;
}
footer span
{
    color: white; 
    font-family: 'Parisienne','Oxygen Mono', monospace;
    /*font-family: helvetica;*/
    margin-top:10px;
    font-size: 18px;
}

footer ul li {
    display: inline-block;
    vertical-align:middle; 
}
footer ul li span{
    display: inline-block;
    vertical-align: middle;
}
footer ul li span img{
    vertical-align:middle;
    margin-top: -8px;
    height:35px;
}


footer .fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

#mailtomrinfo span{

    font-size:10px;
    font-family:sans-serif;
    color:white;
}

#mrinfomailto
{
	text-decoration:none;
    font-size:10px;
	color: rgba(222, 65, 68, 0.8);
}
#mrinfomailto:hover
{
	text-decoration:none;
    font-weight:bold;
    font-size:10px;
	color: rgba(222, 65, 68, 1);
}