/* importation de police de caractère */
@font-face { font-family:sspel; src:url("fonts/SourceSansPro/SourceSansPro-ExtraLight.otf"); }
@font-face { font-family:ssp; src:url("fonts/SourceSansPro/SourceSansPro-Regular.otf"); }

/* config basic des attributs html */
* { font-family:ssp,sans-serif; border:none; padding:0em; margin:0em; text-decoration:none; }
body { padding:2em; background-color:#373E48; color:#FFF; }
h1, h2, h3, h4, h5, h6 { font-family:sspel; }
div { margin-bottom:1em; }
ul { margin-left:1em; padding-left:1em; }
a { color:#99f; }
a:hover { color:#ccf; border-bottom:1px solid #f90; }
header {}
footer {}

/* class généric de mises en forme */
.nett { visibility:hidden; clear:both; }
.gras { font-weight:bold; }
.italic { font-style:italic; }
.souligne { text-decoration:underline; }
.gauche { float:left; }
.droit { float:right; }
.rayer { text-decoration:line-through; opacity:0.5; }
.first { margin-top:1em; }

/* Section spécifique */
div.contenu {}

/* Element spécifique */
header h1 { font-size:5em; font-weight:normal; text-shadow:-0.1em 0.1em 0.1em rgba(0,0,0,0.5); }
header h2 { color:#666; font-size:3em; font-weight:bold; transform:rotate(-7deg); width:9em; }