html {
  height: 100%;
  width: 100%;
  display: table;
}
body{
  display: table-row;
	color: white;
	font: normal 400 12px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #000;
	text-align: center;
}
a{
	color: white;
	font-weight: bold;
}
.wrapper {
  display: table-cell;
  border: 5px solid #d43931;
  padding: 0px;
}



#resolution .block {
    display: flex;
    justify-content: space-between;
}
img.titre {
width: 100%;
max-width: 720px;
	margin-top: 20px;
}

p.date {
	font-size: 122px;
	line-height: 120px;
	font-weight: bold;
    font-family: 'Amatic SC', cursive;
	color: #bf9b5d;
}


#resolution p{
	font-size: 44px;
	line-height: 52px;
	font-family: 'Lobster', cursive;
}
#resolution p#baseline{
	font-size: 45px;
	line-height: 52px;
    font-family: 'Amatic SC', cursive;
	color: #bf9b5d;
}
#resolution p#temps{
	font-size: 20px;
	line-height: 52px;
	color: #bf9b5d;
}



a.btn{
    background: #d43931 no-repeat center center;
    border-radius: 50%;
	width: 40px;
	height: 40px;
	display: block;
	position: relative;
	top: 12px;
}

a.btn.prev{
	background-image: url(../images/prev.png);
	float: right;
	text-indent: -2000px;
	margin-right: 30px;
}
a.btn.next{
	background-image: url(../images/next.png);
	float: left;
	text-indent: -4000px;
	margin-left: 30px;
}

.left, .right{
	margin-top: 30px;
}
.right{
	float: right;
}
.left{
	float: left;
}
a.btn:hover{
	background-color: #bf9b5d;
}
a.twitter{
	background-image: url(../images/twitter.png);
}
a.flow{
	background-image: url(../images/flow.png);
}
p.note{
	width: 82px;
	margin-top: 14px;
	text-align: center;
}
.signature{
	margin-top: 50px;
}

.twitter {
	margin-top: 30px;
	height: 30px;
}
.signature img{
	float: left;
	padding-right: 10px;
}
.signature p{
	text-align: left;
	overflow: hidden;
}
.signature p span{
	color: #292929;
}
@media (min-width: 768px) {

body{
	background:url(../images/back1.gif) repeat-y left top,
	url(../images/back2.gif) repeat-y right top;
	background-color: #000;
}
.wrapper {
  border: 15px solid #d43931;
  padding: 10px;
}
.col-center{
	width: 88%;
}
p.date {
	font-size: 142px;
	line-height: 138px;
}
#resolution p {
	font-size: 48px;
	line-height: 58px;
}
#resolution p#baseline{
	font-size: 56px;
	line-height: 58px;
}
#resolution p#temps{
	font-size: 20px;
	line-height: 58px;
}
#resolution .block {
    display: flex;
    justify-content: center;
}
}