.page
  .content{:style => "width:500px;box-sizing:border-box;padding:1em;font-size:0.99em;"} 
    %h1{:style => "margin-bottom:-5px;z-index:2;position:relative;"} La vie du tilleul.
  .sortable_quizz.vie-arbre-place
    
  
    
    %table.vie-arbre
      %tr
        %td
          %a.img{:"data-img" => "/assets/plaquettes/vie-arbre/1.jpg"}=image_tag "/assets/plaquettes/vie-arbre/1.jpg"
        %td  
          %a.img{:"data-img" => "/assets/plaquettes/vie-arbre/2.jpg"}=image_tag "/assets/plaquettes/vie-arbre/2.jpg"
          
          
        %td  
          %a.img{:"data-img" => "/assets/plaquettes/vie-arbre/3.jpg"}=image_tag "/assets/plaquettes/vie-arbre/3.jpg"
         
        %td  
          %a.img{:"data-img" => "/assets/plaquettes/vie-arbre/4.jpg"}=image_tag "/assets/plaquettes/vie-arbre/4.jpg"
          
        %td
          %a.img{:"data-img" => "/assets/plaquettes/vie-arbre/5.jpg"}=image_tag "/assets/plaquettes/vie-arbre/5.jpg"
          
          
      %table.vie-arbre.story
        %tr
          %td{:"data-order" => 5}
            %p Il ne reste que la souche. Le bois va faire le régal de dizaine d’insectes et de larve. Le tilleul va laisser la place à un autre jeune arbre qui accueillera à son tour une foule d’êtres vivants.
          
          %td{:"data-order" => 3}
            %p 10 ans ont passé, la foudre ou le vent lui a cassé une branche. Des cavités se forment. Elles servent de cachettes pour des animaux. La branche tombée au sol sera décomposée.
          
          
          %td{:"data-order" => 1}      
            %p Ce tilleul est jeune, à 10 ans il est encore petit. De nombreuses plantes poussent près de lui.
          
          
          %td{:"data-order" => 4}
            %p 
              Le tilleul est centenaire. Toutes ses branches sont mortes, sauf une qui porte encore des feuilles au printemps. Personne n’a coupé l’arbre : heureusement pour la chouette qui trouve refuge dans cette 
              chandelle
              ="."
            
          %td{:"data-order" => 2}     
            %p 
              Le tilleul a terminé sa 
              %a.img{:data => {:img => "/assets/plaquettes/croissance.jpg", :legend => "Développement progressif d'une plante"}} croissance.
              Son tronc est devenu très large et il possède de nombreuses branches feuillues. Des animaux viennent trouver de l’ombre à son pied. 
      
      .success{:style => "position:absolute;bottom:0px;left:80px;color:green;display:none;text-align:center;"}
        %h3{:style => "text-align:center;"}
          Bravo tu as réussi à remettre l'histoire dans l'ordre.
          .btn.reset Rejouer
      

  :css
  
    .vie-arbre{
      width:1020px;
    }
    .vie-arbre td{
      vertical-align:top;
      width:204px;
      padding:0px;
      max-width:200px;
      border:0px !important;
    }
    
    .vie-arbre img{
      vertical-align:top;
   
      
    }
    
    
    
    
    
    
    
      
  .prev_slide
    <
  .next_slide
    >