body, html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background-color:#fff;
  font-family: "blissful thinking", bold;
}

header {
 background-color: rgba(142, 84, 52);
 height: 64px;
 margin: -8;
 box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 10);
}
 
.left {float: left;}
.right{float: right;}
 
.container {
 width: 1000px;
 margin: auto;
}
 
.menu {
 margin: 0;padding: 0;
}
 
.menu .title {
 display: inline-block;
 float: left;
 position: relative;
 padding: 23px 10px;
 transition: 1s;
}
 
.menu .title a {
 color: #fff;
 text-decoration: none;
 text-transform: uppercase;
 font-weight: 700;
 font-size: 16px;
}
 
.menu .title:hover {
 background-color: rgba(15, 5, 107);
 transform: none;
}
 
.menu .sous_menu {
 display: block;
 position: absolute;
 visibility: hidden;
 height: 0;
 top: 64px;
 left: 0;
 transform: scaleY(0);
 transform-origin: 50% 0;
 transition: transform 0.5s ease;
 background-color: #fff;
 box-shadow: 0 2px 3px rgba(34, 36, 38,.15);
 border: 1px solid rgba(34, 36, 38,.15);
 border-radius:0 0 5px 5px;
}
 
.menu .title:hover .sous_menu {
 visibility: visible;
 height: auto;
 transform: scaleY(1);
}
 
.menu .sous_menu li {
 padding: 0;
 display: inline-block;
 color: #000;
 float: left;
 width: 150px;
 margin-left: -40px;
 padding: 5px;
 transition: 1s; 
}
 
.menu .sous_menu li a {
 text-transform: none;
 color: #242424;
 padding:0 0 0 5px;
 font-weight: normal;
 font-size: 14px;
}
 
.menu .sous_menu li:hover {
 background-color: #f9f9f9;
 border-left: 3px solid #2E4053; 
}

.element {
  margin-top: 50vh; 
  transform: translateY(-50%);
}

P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 1000px ;
}

H1.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 640px ;
}
H2.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 250px ;
}
H4.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 220px ;
}

body {
color: rgb(23, 5, 109);
background-color: white;
background-image:url(images/image_de_fond.png);
}

blockquote {
 margin: 20px;
 padding: 20px;
}

footer {
  text-align: center;
  padding: 20px;
  background-color: #111;
  color: white;
}