html, body {
 margin: 0;
 padding: 0;
 }

 .parallax {
   background-image: url("img/text.jpg");
   min-height: 400px;
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .parrallax-background{
   background-image: url("img/background.jpg");
   height: 100%;
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }

body {
 background-color: #00000;
 font-family: 'Roboto', sans-serif;
 font-size: 100%;
 font-weight: 400;
 }

h1 {
font-family: 'Roboto',sans-serif;
 font-size: 300%;
 font-weight: bolder;
 color: #000066;
 }

p,ul,li,td {
  margin-left:2%;
  font-size: 100%;
  color: black;
  max-width: 30em;
}
a {
  font-size: 100%;
  color: black;
  font-style: normal;
}
a:hover {
  font-size: 100%;
  color: #000066;
  font-style: normal;
}

pre{
  color: black;
  font-size: 120%;
  font-family: 'Roboto',sans-serif;
  color: #FF9595;
}

div#colonne1 {
  padding:1%;
	float: left;
	width: 30%;
}
div#colonne2 {
  padding:1%;
	float: right;
	width: 70%;
}

div#container {
width: 100%;
}
img{
width: 100%;
position: center;
}
div#button-float{
      position: fixed;
      bottom:0px;
      right:0px;
}

button[type="submit"]{
    background-color: #FF9595;
    color: white;
    font-size: 100%;
    border-style: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

button[type="submit"]:hover
{
background-image:none;
background-color:#000066;
}

footer {
  text-align: center;
}