body { margin-left:2cm ; width:21cm ; font-size:20px }

p { text-align:justify }   b { color:red }

h3 { text-align:center ; text-shadow:2px 2px 6px silver ; color:maroon }
   
textarea.source.HTML { width:100% ; height:20em ; resize:vertical }
input.URL { width:100% }
table.matrice td { width:7em ; height:3.5em }
      
[id="la feuille"]
   { position:fixed ; top:50px ; left:18cm ; width:12cm ; padding:1.5em ;
     border:solid 1px silver ; font-size:16px ;
     border-top-left-radius:4em 2em ; border-top-right-radius:4em 2em ;
     transform-origin:0 0 }
      
[id="la feuille"]:hover
   { background-color:rgba(105,165,180,0.9) ; /* outline:solid 1000px rgba(0,0,0,0.4) */ }
      
[id="la feuille"].fuyante { background-color:silver ;
   box-shadow:2px 2px 6px black ;
   transition-property:left, top ; transition-duration:0.5s ; transition-delay:0s }

[id="le lien Internet"][href=""] { color:silver ; text-decoration:none }
[id="le lien Internet"][href=""]:after { content:' (actuellement vide)' ; color:red ; text-decoration:none }