anchor.diff:    Because these files are co-located with the component,
     it would be nice to refer to them by name without also having to specify a path back to the root of the application.
   
  +  Nous incluons les fichiers du modèle HTML et du CSS en utilisant les propriétés de métadata `templateUrl` et `styleUrls` respectivement.
  +  Parceque ces fichiers sont co-localisés avec le composant, il serait intéressant de se référer à eux par leur nom
  +  sans avoir à spécifier de chemin depuis la racine de l'application.
  +
  +
   block module-id
     :marked
       We can change the way Angular calculates the full URL be setting the component metadata's `moduleId` property to `module.id`.
   
  +    Nous pouvons changer la façon dont Angular calcule l'URL complète en configurant la propriété de métadata du composant à `module.id`.
     +makeExample('component-styles/ts/app/quest-summary.component.ts','', 'app/quest-summary.component.ts')
     :marked
       Learn more about `moduleId` in the [Component-Relative Paths](../cookbook/component-relative-paths.html) chapter.
   
  +    En apprendre plus sur `moduleId` dans le chapitre [Component-Relative Paths](../cookbook/component-relative-paths.html).
  
positive.code:     background-color: white;
      border: 1px solid #777;
    }
    
  :marked
    These are the styles we wrote, post-processed so that each selector is augmented
    with `_nghost` or `_ngcontent` attribute selectors. 
    These extra selectors enable the scoping rules described in this guide.
    
    We'll likely live with *emulated* mode until shadow DOM gains traction.
    
  a#relative-urls
  .l-main-section
  :marked
    ## Appendix 2: Loading Styles with Relative URLs
    
    It's common practice to split a component's code, HTML, and CSS into three separate files in the same directory:
    
  code-example(format='').
    quest-summary.component.ts
    quest-summary.component.html
  
negative.code:   which is why `Emulated` view encapsulation is the default mode and recommended
    in most cases.
  
    L'encapsulation de vue `Native` ne marche que pour les [navigateurs qui supportent nativement le Shadow DOM](http://caniuse.com/#feat=shadowdom).
    Ce support est encore limité, c'est la raison pour laquelle l'encapsulation de vue `Emulated` est le mode par défaut et est recommandée dans
    la plupart des cas.
  
  
  
  a#inspect-generated-css
  .l-main-section
  :marked
    ## Appendix 1: Inspecting The CSS Generated in Emulated View Encapsulation
  
    ## Annexe 1: Inspection des styles de composants générés en encapsulation de vue émulée
  
    When using the default emulated view encapsulation, Angular preprocesses
    all component styles so that they approximate the standard Shadow CSS scoping rules.
  
    En mode d'encapsulation de vue émulée, Angular pré-traite tous les styles d'un composant
    de sorte de s'approcher des règles standard de portée du Shadow CSS.
  
    When we inspect the DOM of a running Angular application with emulated view
    encapsulation enabled, we see that each DOM element has some extra attributes
    attached to it:
  
    Quand nous inspectons le DOM d'une application Angular en cours d'éxécution avec le mode d'encapsulation de vue émulée actif,
    nous voyons que chaque élément du DOM a quelques attributs supplémentaires:
  
  code-example(format="").
    &lt;hero-details _nghost-pmm-5>
      &lt;h2 _ngcontent-pmm-5>Mister Fantastic&lt;/h2>
  