@font-face { font-family: "Existence"; src: url('fonts/Existence-Light.ttf'); }

html { background-color: black; }
body
{
    width: 1024px; margin: 1em auto 1em auto;
    font-family: "Existence"; font-size: 1.5em; color: #c7c3ba;
}
img { width: 14px; height: 14px; }

#projet { width: 1024px; height: 576px; background-image:url(projet.gif); }
.ligne  { width: 1024px; height:   6px; background-image:url(ligne.gif); margin: 1.2em 0 1em 0; opacity: 0.7; }
#autoc  { width:  420px; height: 298px; background-image:url(imageweb.png); margin: 1.6em auto 1.6em auto; }

.case  { width: calc(1024px - 2em); padding: 1em; }
.titre { color: #6a6459; font-weight: bold; margin-bottom: 0.75em; }

p { margin-left: 0.8em; }

a        { color: #a17050; }
a:hover  { color: #885941; }
a:active { color: #5b4331; }

.alinea  { margin-left: 1.2em; }

audio { vertical-align: sub; }




/* RECCURENCES/OPTIONS */

.center   { text-align: center; }
.right    { text-align: right; }
.left     { text-align: left; }
.justifie { text-align: justify; }

.centerm { margin: 0 auto 0 auto; }

.bold { font-weight: bold; }

.linhgt2 { line-height: 2em; }