This is CSS that i use to make Ebooks with indesign. It's must be in a file with .css :

/* Feuille de style */

body {margin:0 5%;}
@page {margin: 20% 0%;}
@font-face {
font-family:"optima";
src: url("../Fonts/OptimaLTPro-Roman.otf");}
@font-face {
font-family:"optimabold";
src: url("../Fonts/OptimaLTStd-Bold.otf");}
@font-face {
font-family:"optimaital";
src: url("../Fonts/OptimaLTPro-Italic.otf");}

p.Author {margin:0 0 2.5em;text-indent:0;text-align:center;font-weight:normal;font-size:1.5em;}
p.Title {margin:0 0 0em;text-indent:0;text-align:center;font-style:normal;font-weight:bold;font-size:2em;-webkit-hyphens:n;}
p.translator {margin:0 0 0em;text-indent:0;text-align:center;font-size:0.8em;}
p.Cycle {margin:0 0 0em;text-indent:0;text-align:center;font-weight:normal;font-size:1em;}
p.Volume {margin:0 0 1.5em;text-indent:0;text-align:center;font-weight:normal;font-size:1em;}
p.Collection {text-indent:0;text-align:center;font-weight:normal;font-size:1em;}
p.Editor {text-indent:0;text-align:center;font-weight:normal;font-size:1em;}

p {margin:0;text-indent:1.5em;text-align:justify;font-size:.9em;}
p.SemIndent {margin:0;text-indent:0;text-align:justify;font-size:.9em;}
p.Center {margin:0;text-indent:0;text-align:center;font-size:.9em;}
p.Right {margin:0;text-indent:0;text-align:right;font-size:.9em;margin-right:0em;}
p.Left {margin:0;text-indent:0;text-align:left;font-size:.9em;margin-left:5em;}
p.MoreMarging {text-indent:1.5em;text-align:justify;font-size:.9em;margin-left:4em;margin-top:0em;margin-bottom:0em;margin-right:3em;}


h1 {margin:0 0 2em;font-weight:bold;font-size:1.5em;text-indent:0;text-align:center;-webkit-hyphens:n;margin-top:1em;}
h2 {margin:0 0 3em;font-weight:bold;font-size:1.5em;text-indent:0;text-align:center;-webkit-hyphens:n;}
h3 {margin:0 0 3.5em;font-weight:bold;font-size:1.3em;text-indent:0;text-align:center;-webkit-hyphens:n;margin-top:-3.5em;}

span.optima {font-family:"optima";}
strong.optimabold {font-family:"optimabold";}
span.optimaital {font-family:"optimaital";}

span.Ital {font-style:italic;}
span.SmallCap {font-size:75%;}
span.SmallCapItal {font-style:italic;font-size:75%;}
strong.Bold {font-style:bold;}
strong.BoldItal {font-style:italic;font-weight:bold;}
strong.SmallCapBold {font-size:75%;font-weight:bold;}
strong.SmallCapBoldItal {font-style:italic;font-weight:bold;font-size:75%;}
span.Cap {font-size:100%;}
strong.CapBold {font-size:100%;font-weight:bold;}
span.CapItal {font-size:100%;font-style:italic;}
strong.boldund {font-weight:bold;text-decoration:underline;}

span.Superscript {font-size:60%;vertical-align:text-top;font-style:bold;}
strong.SuperscriptBold {font-size:60%;vertical-align:text-top;font-weight:bold;}
strong.SuperscriptBoldItal {font-size:60%;vertical-align:text-top;font-style:italic;font-weight:bold;}
span.SuperscriptItal {font-size:60%;vertical-align:text-top;font-style:italic;}
span.Subscript {font-size:60%;vertical-align:text-bottom;}

span.maior {font-size:120%;}
span.menor {font-size:60%;}
span.menorital {font-style:italic;font-size:60%;}
span.underline {text-decoration:underline;}
strong.boldunderline {font-weight:bold;text-decoration:underline;}
strong.maiorbold {font-size:120%;font-weight:bold;}


span.FootnoteSymbol {}
p.Footnote {margin:0;text-indent:0;text-align:justify;font-size:.8em;margin-bottom:1em;}

div.encadre {border:solid;margin:1em 1em 0;border-width:2px;padding:1em .5em;}
div.centre {text-align:center;}