templates/home/program.html.twig line 1

Open in your IDE?
  2. {% extends 'baseFront.html.twig' %}
  4. {% block title %}Hello HomeController!{% endblock %}
  6. {% block body %}
  9.     <main>
  10.         <div class="container px-1 ">
  11.             <section id="program">
  13.                 {#<h1> Program Overview </h1>
  14.                 <h2>Registration and Welcome Reception </h2>
  15.                 <ul>
  16.                     <li> Sunday August 16, 2026 from 17h00 </li>
  17.                 </ul>
  19.                 <h2>Main conference </h2>
  20.                 <ul>
  21.                     <li> first day ICPR conference: Monday August 17 </li>
  22.                     <li> second day ICPR conference: Tuesday August 18 </li>
  23.                     <li> third day ICPR conference: Wednesday August 19 </li>
  24.                     <li> fourth day ICPR conference: Thursday August 20 </li>
  25.                 </ul>
  28.                 <h2>Workshops and tutorials </h2>
  29.                 <ul>
  30.                     <li> Tutorials and workshops: Friday August 21 </li>
  31.                 </ul>
  33.                 <h1>Program at Glance</h1>
  36.                 <div class="container my-5">
  39.                     <div class="table-responsive">
  40.                         <div class="schedule-grid">
  41.                             <!-- Headers -->
  42.                             <div class="cell time">
  43.                                 <span class="long-text"> Time</span>
  44.                                 <span class="med-text"> Time </span>
  45.                                 <span class="short-text">T</span>
  48.                             </div>
  49.                             <div class="cell">
  50.                                 <span class="long-text"> Sunday 16</span>
  51.                                 <span class="med-text"> Sunday 16</span>
  52.                                 <span class="short-text">Su 16</span>
  53.                             </div>
  54.                             <div class="cell">
  55.                                 <span class="long-text"> Monday 17</span>
  56.                                 <span class="med-text"> Monday 17</span>
  57.                                 <span class="short-text">Mo 17</span>
  58.                             </div>
  59.                             <div class="cell">
  60.                                 <span class="long-text"> Tuesday 18</span>
  61.                                 <span class="med-text"> Tuesday 18</span>
  62.                                 <span class="short-text">Tu 18</span>
  66.                             </div>
  67.                             <div class="cell">
  68.                                 <span class="long-text"> Wednesday 19</span>
  69.                                 <span class="med-text"> Wednesday 19</span>
  70.                                 <span class="short-text">We 19</span>
  71.                             </div>
  72.                             <div class="cell">
  73.                                 <span class="long-text"> Thursday 20</span>
  74.                                 <span class="med-text"> Thursday 20</span>
  75.                                 <span class="short-text">Th 18</span>
  78.                             </div>
  79.                             <div class="cell">
  80.                                 <span class="long-text"> Friday 21</span>
  81.                                 <span class="med-text"> Friday 21</span>
  82.                                 <span class="short-text">Fr 21</span>
  84.                             </div>
  85.                             <div class="cell">
  86.                                 <span class="long-text"> Saturday 22</span>
  87.                                 <span class="med-text"> Saturday 22</span>
  88.                                 <span class="short-text">Sat 22</span>
  89.                             </div>
  91.                             <!-- 08:00 -->
  92.                             <div class="cell time">08:00</div>
  93.                             <div class="cell empty" style="grid-row: span 16"></div>
  94.                             <div class="cell registration d-none d-lg-block">
  95.                                 <span class="long-text">Registration</span>
  96.                                 <span class="med-text">Registration</span>
  97.                                 <span class="short-text">Reg.</span>
  98.                             </div>
  99.                             <div class="cell registration d-none d-lg-block">
  100.                                 <span class="long-text">Registration</span>
  101.                                 <span class="med-text">Registration</span>
  102.                                 <span class="short-text">Reg.</span>
  103.                             </div>
  104.                             <div class="cell registration d-none d-lg-block">
  105.                                 <span class="long-text">Registration</span>
  106.                                 <span class="med-text">Registration</span>
  107.                                 <span class="short-text">Reg.</span>
  108.                             </div>
  109.                             <div class="cell registration d-none d-lg-block">
  110.                                 <span class="long-text">Registration</span>
  111.                                 <span class="med-text">Registration</span>
  112.                                 <span class="short-text">Reg.</span>
  113.                             </div>
  114.                             <div class="cell registration d-none d-lg-block">
  115.                                 <span class="long-text">Registration</span>
  116.                                 <span class="med-text">Registration</span>
  117.                                 <span class="short-text">Reg.</span>
  118.                             </div>
  119.                             <div class="cell registration d-none d-lg-block">
  120.                                 <span class="long-text">Registration</span>
  121.                                 <span class="med-text">Registration</span>
  122.                                 <span class="short-text">Reg.</span>
  123.                             </div>
  127.                             <div class="cell registration d-block d-lg-none" ,="" style="grid-column: span 18 ">
  128.                                 <span class="short-text">Registration</span>
  129.                                 <span class="med-text">Registration</span>
  131.                             </div>
  134.                             <!-- 08:30 -->
  135.                             <div class="cell time">08:30</div>
  136.                             <div class="cell ceremony" style="grid-row: span 2">
  137.                                 <span class="long-text"> Opening Ceremony</span>
  138.                                 <span class="med-text"> Opening Ceremony</span>
  139.                                 <span class="short-text"> Opening</span>
  141.                             </div>
  142.                             <div class="cell oral" style="grid-row: span 2">
  143.                                 <span class="long-text">Oral Sessions 3</span>
  144.                                 <span class="med-text">Oral 3</span>
  145.                                 <span class="short-text">Oral 3</span>
  146.                             </div>
  147.                             <div class="cell oral" style="grid-row: span 2">
  148.                                 <span class="long-text">Oral Sessions 6</span>
  149.                                 <span class="med-text">Oral 6</span>
  150.                                 <span class="short-text">Oral 6</span>
  151.                             </div>
  152.                             <div class="cell oral" style="grid-row: span 2">
  153.                                 <span class="long-text">Oral Sessions 9</span>
  154.                                 <span class="med-text">Oral 9</span>
  155.                                 <span class="short-text">Oral 9</span>
  157.                             </div>
  158.                             <div class="cell workshop" style="grid-row: span 7; grid-column: span 1">
  159.                                 <span class="long-text"> Workshops</span>
  160.                                 <span class="med-text vertical-text "> Workshops</span>
  161.                                 <span class="short-text vertical-text"> Workshops</span>
  162.                             </div>
  163.                             <div class="cell findings" style="grid-row: span 7; grid-column: span 2">
  164.                                 <span class="long-text"> Findings Workshop </span>
  165.                                 <span class="med-text vertical-text "> Findings </span>
  166.                                 <span class="short-text vertical-text">Findings </span>
  167.                             </div>
  168.                             <div class="cell workshop" style="grid-row: span 7">
  169.                                 <span class="long-text"> Workshops</span>
  170.                                 <span class="med-text vertical-text"> Workshops</span>
  171.                                 <span class="short-text vertical-text"> Workshops</span>
  172.                             </div>
  175.                             <!-- 09:00 -->
  176.                             <div class="cell time">09:00</div>
  178.                             <!-- 09:30 -->
  179.                             <div class="cell time">09:30</div>
  180.                             <div class="cell prizeLecture" style="grid-row: span 2">
  181.                                 <span class="long-text"> K. S. Fu Prize Lecture </span>
  182.                                 <span class="med-text"> K. S. Fu Prize Lecture </span>
  183.                                 <span class="short-text vertical-text">Fu Prize <br> Lect.</span>
  185.                             </div>
  186.                             <div class="cell prizeLecture" style="grid-row: span 2">
  187.                                 <span class="long-text"> J. K. Aggarwal Prize Lecture </span>
  188.                                 <span class="med-text"> Aggarwal Prize Lecture </span>
  189.                                 <span class="short-text vertical-text "> Aggarwal <br> Prize Lect. </span>
  192.                             </div>
  193.                             <div class="cell prizeLecture" style="grid-row: span 2">
  194.                                 <span class="long-text"> Maria Petrou Prize Lecture </span>
  195.                                 <span class="med-text"> Petrou Prize Lecture </span>
  196.                                 <span class="short-text vertical-text "> Petrou <br> Prize Lect. </span>
  199.                             </div>
  200.                             <div class="cell keynote" style="grid-row: span 2">
  201.                                 <span class="long-text"> Keynote Talk 3</span>
  202.                                 <span class="med-text"> Keynote 3</span>
  203.                                 <span class="short-text vertical-text">Keynote 3 </span>
  205.                             </div>
  207.                             <!-- 10:00 -->
  208.                             <div class="cell time">10:00</div>
  210.                             <!-- 10:30 -->
  211.                             <div class="cell time">10:30</div>
  212.                             <div class="cell coffee d-none d-lg-block">
  213.                                 <span class="long-text"> Coffee Break</span>
  214.                                 <span class="med-text"> Coffee Break</span>
  215.                                 <span class="short-text"> Coffee </span>
  216.                             </div>
  217.                             <div class="cell coffee d-none d-lg-block">
  218.                                 <span class="long-text"> Coffee Break</span>
  219.                                 <span class="med-text"> Coffee Break</span>
  220.                                 <span class="short-text"> Coffee </span>
  221.                             </div>
  222.                             <div class="cell coffee d-none d-lg-block">
  223.                                 <span class="long-text"> Coffee Break</span>
  224.                                 <span class="med-text"> Coffee Break</span>
  225.                                 <span class="short-text"> Coffee </span>
  226.                             </div>
  227.                             <div class="cell coffee d-none d-lg-block">
  228.                                 <span class="long-text"> Coffee Break</span>
  229.                                 <span class="med-text"> Coffee Break</span>
  230.                                 <span class="short-text"> Coffee </span>
  231.                             </div>
  233.                             <div class="cell coffee d-block d-lg-none" style="grid-column: span 12"> Coffee Break </div>
  237.                             <!-- 11:00 -->
  238.                             <div class="cell time">11:00</div>
  239.                             <div class="cell oral" style="grid-row: span 2">
  240.                                 <span class="long-text"> Oral Session 1</span>
  241.                                 <span class="med-text"> Oral 1</span>
  242.                                 <span class="short-text">Oral 1</span>
  243.                             </div>
  244.                             <div class="cell oral" style="grid-row: span 2">
  245.                                 <span class="long-text"> Oral Session 4</span>
  246.                                 <span class="med-text"> Oral 4</span>
  247.                                 <span class="short-text">Oral 4</span>
  248.                             </div>
  250.                             <div class="cell oral" style="grid-row: span 2">
  251.                                 <span class="long-text"> Oral Session 7</span>
  252.                                 <span class="med-text"> Oral 7</span>
  253.                                 <span class="short-text">Oral 7</span>
  254.                             </div>
  255.                             <div class="cell oral" style="grid-row: span 2">
  256.                                 <span class="long-text"> Oral Session 10</span>
  257.                                 <span class="med-text"> Oral 10</span>
  258.                                 <span class="short-text">Oral 10</span>
  259.                             </div>
  261.                             <div class="cell time">12:00</div>
  264.                             <!-- 12:00 -->
  265.                             <div class="cell time">12:30</div>
  266.                             <div class="cell lunch d-none d-lg-block" style="grid-row: span 3 ">
  267.                                 <span class="long-text"> Lunch Break</span>
  268.                                 <span class="med-text"> Lunch Break</span>
  269.                                 <span class="short-text">Lunch </span>
  270.                             </div>
  271.                             <div class="cell lunch d-none d-lg-block" style="grid-row: span 3">
  272.                                 <span class="long-text"> Lunch Break</span>
  273.                                 <span class="med-text"> Lunch Break</span>
  274.                                 <span class="short-text">Lunch </span>
  275.                             </div>
  276.                             <div class="cell lunch d-none d-lg-block" style="grid-row: span 3">
  277.                                 <span class="long-text"> Lunch Break</span>
  278.                                 <span class="short-text">Lunch </span>
  279.                                 <span class="med-text"> Lunch Break</span>
  281.                             </div>
  282.                             <div class="cell lunch d-none d-lg-block" style="grid-row: span 3">
  283.                                 <span class="med-text"> Lunch Break</span>
  284.                                 <span class="long-text"> Lunch Break</span>
  285.                                 <span class="short-text">Lunch </span>
  286.                             </div>
  288.                             <div class="cell lunch d-block d-lg-none" style="grid-row: span 3; grid-column: span 12">
  289.                                 <span class="med-text"> Lunch Break</span>
  290.                                 <span class="long-text"> Lunch Break</span>
  291.                                 <span class="short-text">Lunch </span>
  292.                             </div>
  297.                             <div class="cell lunch" style="grid-row: span 2">
  298.                                 <span class="med-text"> Lunch Break</span>
  299.                                 <span class="long-text"> Lunch Break</span>
  300.                                 <span class="short-text vertical-text">Lunch </span>
  301.                             </div>
  302.                             <div class="cell lunch" style="grid-row: span 2">
  303.                                 <span class="long-text"> Lunch Break</span>
  304.                                 <span class="med-text"> Lunch Break</span>
  305.                                 <span class="short-text vertical-text">Lunch </span>
  306.                             </div>
  308.                             <div class="cell time">13:00</div>
  312.                             <div class="cell time">13:30</div>
  313.                             <div class="cell workshop" style="grid-row: span 7; grid-column: span 1">
  314.                                 <span class="long-text"> Workshops</span>
  315.                                 <span class="med-text vertical-text"> Workshops</span>
  316.                                 <span class="short-text vertical-text"> Workshops</span>
  317.                             </div>
  318.                             <div class="cell findings" style="grid-row: span 7; grid-column: span 2">
  319.                                 <span class="long-text"> Findings Workshop</span>
  320.                                 <span class="med-text vertical-text"> Findings </span>
  321.                                 <span class="short-text vertical-text"> Findings </span>
  322.                             </div>
  323.                             <div class="cell workshop" style="grid-row: span 7">
  324.                                 <span class="long-text"> Workshops</span>
  325.                                 <span class="med-text vertical-text"> Workshops</span>
  326.                                 <span class="short-text vertical-text"> Workshops</span>
  327.                             </div>
  329.                             <!-- 14:00 -->
  330.                             <div class="cell time">14:00</div>
  331.                             <div class="cell keynote" style="grid-row: span 2">
  332.                                 <span class="long-text"> Keynote Talk 1</span>
  333.                                 <span class="med-text"> Keynote 1</span>
  334.                                 <span class="short-text vertical-text"> Keynote 1</span>
  336.                             </div>
  337.                             <div class="cellSmall2 keynote" style="grid-row: span 2">
  338.                                 <span class="long-text"> Keynote Talk 2</span>
  339.                                 <span class="med-text ">Keynote 2</span>
  341.                                 <span class="short-text vertical-text">Keynote 2 </span>
  342.                             </div>
  343.                             <div class="cellSmall1 iapr" style="grid-row: span 16">
  344.                                 <span class="long-text vertical-text"> IAPR Governing Board Meeting</span>
  345.                                 <span class="med-text vertical-text"> IAPR Gov. Board Meeting</span>
  346.                                 <span class="short-text vertical-text ">IAPR Gov. Board Meeting</span>
  348.                             </div>
  349.                             <div class="cell women" style="grid-row: span 2">
  350.                                 <span class="long-text"> Women at ICPR Session </span>
  351.                                 <span class="med-text"> Women at ICPR </span>
  352.                                 <span class="short-text"> Women at ICPR </span>
  355.                             </div>
  356.                             <div class="cell keynote" style="grid-row: span 2">
  357.                                 <span class="long-text"> Keynote Talk 4</span>
  358.                                 <span class="med-text"> Keynote 4</span>
  359.                                 <span class="short-text vertical-text">Keynote 4 </span>
  361.                             </div>
  363.                             <div class="cell time">14:30</div>
  366.                             <div class="cell time">15:00</div>
  368.                             <div class="cellSmall2 poster" style="grid-row: span 3 ">
  369.                                 <span class="long-text"> Poster Session 1 and Coffee</span>
  370.                                 <span class="med-text"> Poster 1 and Coffee</span>
  371.                                 <span class="short-text vertical-text">Poster 1 </span>
  372.                             </div>
  373.                             <div class="cellSmall1 doctorial" style="grid-row: span 3 ">
  374.                                 <span class="long-text"> Doctoral Consortium Session</span>
  375.                                 <span class="med-text"> Doctoral Consor. </span>
  376.                                 <span class="short-text vertical-text">Doctoral Consor. </span>
  378.                             </div>
  379.                             <div class="cellSmall2 poster" style="grid-row: span 3">
  380.                                 <span class="long-text"> Poster Session 2 and Coffee</span>
  381.                                 <span class="med-text"> Poster 2 and Coffee</span>
  383.                                 <span class="short-text vertical-text">Poster 2 </span>
  384.                             </div>
  385.                             <div class="cellSmall2 poster" style="grid-row: span 3">
  386.                                 <span class="long-text"> Poster Session 3 and Coffee</span>
  387.                                 <span class="med-text"> Poster 3 and Coffee</span>
  388.                                 <span class="short-text vertical-text">Poster 3 </span>
  390.                             </div>
  391.                             <div class="cellSmall1 iapr" style="grid-row: span 3">
  392.                                 <span class="long-text vertical-text "> IAPR TC</span>
  393.                                 <span class="med-text vertical-text"> IAPR TC</span>
  394.                                 <span class="short-text vertical-text">IAPR TC </span>
  398.                             </div>
  399.                             <div class="cellSmall2 poster" style="grid-row: span 3">
  400.                                 <span class="long-text"> Poster Session 4 and Coffee</span>
  401.                                 <span class="med-text"> Poster 4 and Coffee</span>
  402.                                 <span class="short-text vertical-text">Poster 4 </span>
  406.                             </div>
  407.                             <div class="cellSmall1 indus" style="grid-row: span 3">
  408.                                 <span class="long-text"> Industry Paper Award Session </span>
  409.                                 <span class="med-text"> Ind. Paper Award </span>
  410.                                 <span class="short-text vertical-text ">Ind. Paper Award </span>
  414.                             </div>
  416.                             <div class="cell time">15:30</div>
  417.                             <div class="cell time">16:00</div>
  423.                             <div class="cell time">16:30</div>
  424.                             <div class="cell registration" style="grid-row: span 5">
  425.                                 <span class="long-text"> Registration</span>
  426.                                 <span class="med-text vertical-text"> Registration</span>
  428.                                 <span class="short-text vertical-text">Registration</span>
  431.                             </div>
  432.                             <div class="cell oral" style="grid-row: span 2">
  433.                                 <span class="long-text"> Oral Session 2</span>
  434.                                 <span class="med-text"> Oral 2</span>
  435.                                 <span class="short-text vertical-text">Oral 2 </span>
  436.                             </div>
  437.                             <div class="cellSmall2 oral" style="grid-row: span 2">
  438.                                 <span class="long-text"> Oral Session 5 </span>
  439.                                 <span class="med-text"> Oral 5 </span>
  440.                                 <span class="short-text vertical-text">Oral 5 </span>
  441.                             </div>
  443.                             <div class="cell oral" style="grid-row: span 2">
  444.                                 <span class="long-text">Oral Session 8</span>
  445.                                 <span class="med-text">Oral 8</span>
  446.                                 <span class="short-text vertical-text">Oral 8 </span>
  447.                             </div>
  448.                             <div class="cell ceremony" style="grid-row: span 1">
  449.                                 <span class="long-text"> Closing Ceremony &amp; Awards</span>
  450.                                 <span class="med-text"> Closing &amp; Awards</span>
  451.                                 <span class="short-text ">Closing Awards </span>
  455.                             </div>
  456.                             <div class="cell time">17:00</div>
  457.                             <div class="cell empty" style="grid-column: span 9"></div>
  460.                             <div class="cell time">17:30</div>
  461.                             <div class="cell empty" style="grid-column: span 5"></div>
  462.                             <div class="cell empty" style="grid-column: span 12"></div>
  463.                             <div class="cell time">18:00</div>
  464.                             <div class="cell empty" style="grid-column: span 5"></div>
  465.                             <div class="cell empty" style="grid-column: span 12"></div>
  466.                             <div class="cell time">18:30</div>
  467.                             <div class="cell empty" style="grid-column: span 5"></div>
  469.                             <div class="cell ceremony" style="grid-column: span 3; grid-row: span 9 ">
  470.                                 <span class="long-text"> Conference Banquet</span>
  471.                                 <span class="med-text"> Conference Banquet</span>
  472.                                 <span class="short-text vertical-text"> Conference Banquet</span>
  475.                             </div>
  476.                             <div class="cell empty" style="grid-column: span 9"></div>
  480.                             <div class="cell time">19:00</div>
  481.                             <div class="cell ceremony" style="grid-row: span 6">
  482.                                 <span class="long-text"> Welcome Reception</span>
  483.                                 <span class="med-text"> Welcome Reception</span>
  485.                                 <span class="short-text vertical-text"> Welcome Reception</span>
  488.                             </div>
  489.                             <div class="cell empty" style="grid-column: span 5"></div>
  490.                             <div class="cell empty" style="grid-column: span 9"></div>
  493.                             <div class="cell time">19:30</div>
  494.                             <div class="cell empty" style="grid-column: span 5"></div>
  495.                             <div class="cell empty" style="grid-column: span 9"></div>
  498.                             <div class="cell time">20:00</div>
  499.                             <div class="cell empty" style="grid-column: span 5"></div>
  500.                             <div class="cell empty" style="grid-column: span 9"></div>
  503.                             <div class="cell time">20:30</div>
  504.                             <div class="cell empty" style="grid-column: span 5"></div>
  505.                             <div class="cell empty" style="grid-column: span 9"></div>
  508.                             <div class="cell time">21:00</div>
  509.                             <div class="cell empty" style="grid-column: span 5"></div>
  510.                             <div class="cell empty" style="grid-column: span 9"></div>
  512.                             <div class="cell time">21:30</div>
  513.                             <div class="cell empty" style="grid-column: span 5"></div>
  514.                             <div class="cell empty" style="grid-column: span 9"></div>
  516.                             <div class="cell time">22:00</div>
  517.                             <div class="cell empty" style="grid-column: span 9"></div>
  518.                             <div class="cell empty" style="grid-column: span 9"></div>
  519.                             <div class="cell time">22:30</div>
  520.                             <div class="cell empty" style="grid-column: span 9"></div>
  521.                             <div class="cell empty" style="grid-column: span 9"></div>
  522.                             <div class="cell time">23:00</div>
  523.                             <div class="cell empty" style="grid-column: span 21"></div>
  526.                         </div>
  529.                     </div>
  531.                 </div>
  534.             </section>#}
  535.             <h2>Themes</h2>
  536. <ul>
  537.     <li>Thursday 08/01/2025</li>
  538. </ul>
  539. <div class="table-wrapper">
  540. <table class="agenda">
  541.     <tr><td>8H→9H</td> <td><strong>Registration</strong></td></tr>
  542.     <tr><td>9H→9H30</td> <td>Opening</td></tr>
  544.     <tr class="blue"><td>9H30→10H30</td> 
  545.         <td>Session Poster P1 : Chair Pr. Slim Mhiri</td>
  546.     </tr>
  548.     <tr class="orange"><td>10H30→10H50</td> <td>Coffee Break</td></tr>
  550.     <tr class="green"><td>10H50→12H</td> 
  551.         <td>Opening conference : Pr. Liming Chen</td>
  552.     </tr>
  554.     <tr><td>12H→12H30</td> <td>Pr. Boulbaba Ben Amor</td></tr>
  556.     <tr><td>12H30→14H</td> <td>Lunch</td></tr>
  558.     <tr class="blue"><td>14H→17H</td> 
  559.         <td>Session Orale 1 : Chair Emna Ghorbel</td>
  560.     </tr>
  562.     <tr><td>14H→14H30</td> <td>Pr. Slim Mhiri</td></tr>
  563.     <tr><td>14H30→15H00</td> <td>Dr. Engie Ghorbel</td></tr>
  564.     <tr><td>15H00→15H30</td> <td>Pr. Valerie Burdin</td></tr>
  566.     <tr class="orange"><td>15H30→16H00</td> <td>Coffee Break</td></tr>
  568.     <tr><td>16H00→16H30</td> <td>Dr. Majdi Iribi</td></tr>
  569.     <tr><td>16H30→17H00</td> 
  570.         <td>Dr. Med Amine MEZGHICH : Invariant and Deep</td>
  571.     </tr>
  572. </table>
  573. </br>
  574. <ul>
  575.     <li>Friday 09/01/2025</li>
  576. </ul>
  578. <table class="agenda">
  579.     <tr class="blue">
  580.         <td>9H00→10H00</td>
  581.         <td>Session Poster P2 : Chair Dr. Majdi Iribi</td>
  582.     </tr>
  584.     <tr class="orange">
  585.         <td>10H00→10H20</td>
  586.         <td>Coffee Break</td>
  587.     </tr>
  589.     <tr class="green">
  590.         <td>10H20→12H30</td>
  591.         <td>
  592.             Tutoriel : Pr. Faouzi Ghorbel : Riemanian and invariants<br>
  593.             Chair : Pr. Noel Richard
  594.         </td>
  595.     </tr>
  597.     <tr>
  598.         <td>12H30→14H</td>
  599.         <td>Lunch</td>
  600.     </tr>
  602.     <tr class="blue">
  603.         <td>14H→17H</td>
  604.         <td>Session Orale 2 : Chair Med Amine MEZGHICH</td>
  605.     </tr>
  607.     <tr>
  608.         <td>14H→14H30</td>
  609.         <td>Pr. Noel Richard</td>
  610.     </tr>
  612.     <tr>
  613.         <td>14H30→15H00</td>
  614.         <td>Pr. Imed Riadh Ferah</td>
  615.     </tr>
  617.     <tr class="orange">
  618.         <td>15H00→15H30</td>
  619.         <td>Coffee Break</td>
  620.     </tr>
  622.     <tr>
  623.         <td>15H30→16H00</td>
  624.         <td>Dr. Sinda El Ghoul : Riemanian Recalibration</td>
  625.     </tr>
  627.     <tr>
  628.         <td>16H00→16H30</td>
  629.         <td>Dr. Hermine Châteaux</td>
  630.     </tr>
  632.     <tr>
  633.         <td>17H</td>
  634.         <td>Sightseeing tour & gala evening</td>
  635.     </tr>
  636. </table>
  637. </div>
  638. </section>
  639. <style>body {
  640.     font-family: Arial, sans-serif;
  641.    
  642. }
  644. h2 {
  645.     margin-bottom: 5px;
  646. }
  647. .table-wrapper {
  648.     width: 100%;
  649.     overflow-x: auto;
  650. }
  652. .agenda {
  653.     width: 60%;
  654.     border-collapse: collapse;
  655.     margin-top: 10px;
  656.     min-width: 460px;
  657. }
  659. .agenda td {
  660.     border: 1px solid #ccc;
  661.     padding: 8px 12px;
  662. }
  664. .blue td {
  665.     background-color: #6CA6D8;
  666.     font-weight: bold;
  667. }
  669. .green td {
  670.     background-color: #A8D08D;
  671.     font-weight: bold;
  672. }
  674. .orange td {
  675.     background-color: #F4B183;
  676.     font-weight: bold;
  677. }
  679. ul {
  680.     margin: 0 0 20px 0;
  681. }
  682. </style>
  683.         </div>
  685.     </main>
  688. {% endblock %}