* { padding:0; margin:0; outline:0; }
html, body { height: 100%;}
body {background: #1d252c ;font-family: 'Playfair Display', serif;font-weight:400;font-size:12px;line-height: 16px;color:#323e48;}
#main {line-height: 20px;width: 100%;height:100%;color: #323e48; letter-spacing: 1px;display:flex;  justify-content: center; align-items: center;}
a img { border:0; }
#legal {font-size: 0.8em; text-align: center;height: 64px; padding-top: 40px;width: 96%;}
ul { padding: 12px 0 12px 32px; }
a img { border:0; }
h2 { font-size: 2.4em;line-height:1.6em;font-family: 'Playfair Display', serif;font-weight:400;}
h3 { font-size: 3.2em;line-height:1.6em;font-family: 'Playfair Display', serif;color:#fff;font-weight:400;}
a { color:#fff; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: none; color: #009b9f;cursor:pointer;}
#bg {width:960px;height:680px;position:absolute;z-index:2;} 
#main>div {text-align:center;}
#right{ width: 48%; float: right;background:#fff;min-height:200px;margin:8px auto;}
#left{ width: 48%; float: left;background:#fff;min-height:200px;margin:8px auto;}
#texte {padding-left:200px; padding-top:200px;}