.page

  .sortable_quizz
    %h1{:style => "margin-bottom:-5px;z-index:2;position:relative;"} La vie du tilleul.
  
    
    %table.vie-arbre
      %tr
        %td
          %a.img{:"data-img" => "/assets/plaquettes/vie-arbre/1.jpg"}=image_tag "plaquettes/vie-arbre/1.jpg"
        %td  
          %a.img{:"data-img" => "/assets/plaquettes/vie-arbre/2.jpg"}=image_tag "plaquettes/vie-arbre/2.jpg"
          
          
        %td  
          %a.img{:"data-img" => "/assets/plaquettes/vie-arbre/3.jpg"}=image_tag "plaquettes/vie-arbre/3.jpg"
         
        %td  
          %a.img{:"data-img" => "/assets/plaquettes/vie-arbre/4.jpg"}=image_tag "plaquettes/vie-arbre/4.jpg"
          
        %td
          %a.img{:"data-img" => "/assets/plaquettes/vie-arbre/5.jpg"}=image_tag "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 sont passés, un orage 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, il a environ 10 ans, il est encore petit. De l’herbe et 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 
              croissance*
              ="."
              il a fini de grandir)
              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;"}
        %h3 
          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
    >