Attention: si vous n’avez jamais vu l’excellent film “Le sixième sens” de Night Shyamalan, le billet qui suit peut poser problème. Il contient des extraits de scénarios pour des scènes majeures du film et leur lecture peut sérieusement gâcher le plaisir de découvrir le film pour la première fois… Je tiens également a préciser que les règles de formattage ci-dessous sont spécifiques aux films américains.
Les règles de formatage d’un scénario sont très strictes: la fonte doit être “courrier new 12 points”, les marges sont définies pour tous les éléments du scénario (scène heading, action, character, dialogue, etc…).
Un logiciel comme Final Draft vous permet d’adhérer à ses règles sans avoir à vous en soucier.
La raison pour laquelle ces règles sont édictées est que cela permet au lecteur de se faire une idée de la longueur du film: ainsi formattée, une page de scénario représente 1 mn de film.
Ceci a également comme conséquence que la plupart des scénarios font entre 100 et 120 pages, car les films font rarement plus de 2 heures.
Le respect de ces règles de formatage est impossible sur le Kindle, en particulier en ce qui concerne les marges de droite puisque que le Kindle ne supporte pas l’attribut “margin-right“.
De la même façon, l’emploi d’une fonte non proportionnelle (afin de donner une présentation similaire au “courrier new 12 point”) ne rend pas bien, en particulier dans les dialogues:
La solution qui me semble la plus adaptée pour le rendu dans un Kindle est:
- d’utiliser la fonte par défaut du kindle pour tous les éléments du scénario
- de jouer sur la marge de gauche pour différentier les différents éléments du scénario
- de retirer les informations de scénario non nécessaires à une lecture “ludique” d’un scénario (comme les informations de transition entre scènes)
Cela donne un résultat comme celui-ci:
La feuille CSS pour les différents élements de scénario est comme ceci:
p.character {
text-indent: 0em;
text-align: center;
margin-top: 10px;
}
p.parenthetical {
margin-left: 50px;
text-indent: 0em;
font-style: italic;
}
p.dialogue {
margin-left: 50px;
text-indent: 0em;
}
p.sceneheading: {
margin-top: 10px;
text-indent: 0em;
}
p.action {
text-indent: 0em;
margin-top: 10px;
}


