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>Program</h2>
  536.           
  537.     
  539.     
  541.     
  542.     
  543.     
  547.     
  548.     
  550.     
  552.     {#<tr>
  553.         <td colspan="2" class="break">
  554.             Pause café (16H00 – 16H15)
  555.         </td>
  556.     </tr>#}
  557.     
  558. </table>
  560. </div>
  561. </section>
  562. {#<div class="session">
  564.     <div class="chairman">
  565.         Chairman : Pr. Imed Riadh FARAH
  566.     </div>
  568.     <div class="time">
  569.         14H30 – 16H00
  570.     </div>
  572.     <div class="paper">
  573.         <span class="paper-code">SR7-1</span>
  574.         <span class="authors">
  575.             Rui Jian Chu, Noël Richard, Christine Fernandez-Maloigne et Jon Yngve Hardebarg
  576.         </span>
  577.         <span class="title">
  578.             A Metrological Hyperspectral Texture Similarity Measure using Kullback-Leibler Divergence
  579.         </span>
  580.         <span class="affiliation">
  581.             (XLIM / Université de Poitiers, France | Norwegian University of Science and Technology, Norway)
  582.         </span>
  583.     </div>
  585.     <div class="paper">
  586.         <span class="paper-code">SR7-2</span>
  587.         <span class="authors">
  588.             Hermine Chatoux, Noël Richard et Christine Fernandez-Maloigne
  589.         </span>
  590.         <span class="title">
  591.             Étude d’un capteur théorique pour une vision déficiente des couleurs
  592.         </span>
  593.         <span class="affiliation">
  594.             (XLIM / Université de Poitiers, France)
  595.         </span>
  596.     </div>
  598.     <div class="paper">
  599.         <span class="paper-code">SR7-3</span>
  600.         <span class="authors">
  601.             Karim Mansouri, Imed Riadh Farah et Noamen Rebai
  602.         </span>
  603.         <span class="title">
  604.             Extraction des linéaments tectoniques basée sur la fusion radar-optique d’images Sentinel-2A/Sentinel-1A
  605.         </span>
  606.         <span class="affiliation">
  607.             (RIADI / ENSI, Tunisie | Georisk / ENIT, Tunisie)
  608.         </span>
  609.     </div>
  611.     <div class="break">
  612.         Pause café (16H00 – 16H15)
  613.     </div>
  615.     
  617.     
  619. </div>#}
  621. <style>
  622.     
  624.     table {
  625.         width: 100%;
  626.         max-width: 900px;
  627.         margin: auto;
  628.         border-collapse: collapse;
  629.         background: #ffffff;
  630.         border: 1px solid #ccc;
  631.     }
  633.     th {
  634.         background: #000000ff;
  635.         color: white;
  636.         padding: 10px;
  637.         text-align: center;
  638.         font-size: 16px;
  639.     }
  641.     td {
  642.         padding: 12px;
  643.         vertical-align: top;
  644.         border-top: 1px solid #ddd;
  645.         font-size: 14px;
  646.     }
  647.     .black{background: #000000ff;font-size: 14px;}
  649.     tr.blanc td {
  650.     background-color: #fff !important;
  651.     
  652. }
  654.     .time {
  655.         font-weight: bold;
  656.         font-size: 14px;
  657.     }
  659.     .code {
  660.         color: #b30000;
  661.         font-weight: bold;
  662.         white-space: nowrap;
  663.         width: 80px;
  664.     }
  666.     .authors {
  667.         font-weight: bold;
  668.     }
  670.     .title {
  671.         display: block;
  672.         margin-top: 5px;
  673.     }
  675.     .affiliation {
  676.         font-style: italic;
  677.         color: #555;
  678.         display: block;
  679.         margin-top: 4px;
  680.     }
  682.     .break {
  683.         background: #F4B183;
  684.         text-align: center;
  685.         font-weight: bold;
  686.     }
  687.     .lunch {
  688.         background: #d9d9d9;;
  689.         text-align: center;
  690.         font-weight: bold;
  691.     }
  692. </style>
  698. <style>
  700. h2 {
  701.     margin-bottom: 5px;
  702. }
  703. .table-wrapper {
  704.     width: 100%;
  705.     overflow-x: auto;
  706. }
  707. .center {
  708.   text-align: center;
  709.   vertical-align: middle;
  710. }
  711. .agenda {
  712.     width: 60%;
  713.     border-collapse: collapse;
  714.     margin-top: 10px;
  715.     min-width: 460px;
  716. }
  717. .agenda2 {
  718.     width: 100%;
  719.     border-collapse: collapse;
  720.     margin-top: 10px;
  721.     min-width: 460px;
  722. }
  724. .agenda td {
  725.     border: 1px solid #ccc;
  726.     padding: 8px 12px;
  727. }
  729. .blue td {
  730.     background-color: #6CA6D8;
  731.    
  732. }
  734. .green td {
  735.     background-color: #A8D08D;
  736.     
  737. }
  739. .orange td {
  740.     background-color: #F4B183;
  741.     
  742. }
  744. ul {
  745.     margin: 0 0 20px 0;
  746. }
  747. .grey td {
  748.     background-color:   rgba(190, 80, 80, 0.85);
  749.     
  750. }
  751. @media (max-width: 768px) {
  752.   .custom-modal-width {
  753.     max-width: 100%;
  754.     margin: 0;
  755.   }
  757.   .modal-content {
  758.     height: 100vh;
  759.     border-radius: 0;
  760.   }
  762.   .modal-body {
  763.     overflow-y: auto;
  764.     padding: 0.75rem;
  765.   }
  766. }
  768. </style>
  769.         </div> <style>
  770.                     .custom-modal-width {
  771.     max-width: 800px; /* Ou la largeur que vous souhaitez, par exemple 80% */
  772.     width: 100%; /* S'assure qu'il est réactif */
  773. }</style>
  774.                 
  775. <div class="modal fade" id="exampleModal" tabindex="-1" aria-hidden="true">
  776.     <div class="modal-dialog custom-modal-width">
  777.         <div class="modal-content">
  779.             <div class="modal-header">
  780.                 <h5 class="modal-title">Session Poster P1 Details</h5>
  781.                 <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  782.             </div>
  784.             <div class="modal-body">
  785.             <table class="agenda2">
  786.                 <tr>
  787.         <th class ="black" colspan="2">Session Poster P1 </br> Chair Pr. Slim Mhiri (CRISTAL-GRIFT/ENSI,Tunisia)</th>
  788.     </tr>
  790.     <tr>
  791.         <td colspan="2" class="time">09H00 – 10H00</td>
  792.     </tr>
  793.     <tr class="blanc">
  794.         <td class="code center">SP 1 - 1</td>
  795.         <td>
  796.             <span class="authors">
  797.                 Mariem Jendoubi, Mohamed Amine Mezghich, Slim Mhiri
  798.             </span>
  799.             <span class="title">
  800.                 Enhancing U-Net with Invariant Descriptors for Medical Image Segmentation
  801.         
  802.             </span>
  803.             <span class="affiliation">
  804.                 (CRISTAL Laboratory-GRIFT, ENSI)
  805.             </span>
  806.         </td>
  807.     </tr>
  808.     <tr class="blanc">
  809.         <td class="code center">SP 1 - 2</td>
  810.         <td>
  811.             <span class="authors">
  812.                 Nader Belhadj, Mohamed Amine Mezghich, Lassaad Latrach
  813.             </span>
  814.             <span class="title">
  815.                 Multi-Class Diabetic Retinopathy Classification Using Transfer Learning and ROC-Aware Deep Models
  816.         
  817.             </span>
  818.             <span class="affiliation">
  819.                 (HANA Laboratory, ENSI)
  820.             </span>
  821.         </td>
  822.     </tr>
  823.     <tr class="blanc">
  824.         <td class="code center">SP 1 - 3</td>
  825.         <td>
  826.             <span class="authors">
  827.                 Amen Allah Zoghlami, Majdi Jribi
  828.             </span>
  829.             <span class="title">
  830.                 3D Approach for Dementia Detection Using MRI Images
  831.         
  832.             </span>
  833.             <span class="affiliation">
  834.                 (CRISTAL Laboratory-GRIFT, ENSI)
  835.             </span>
  836.         </td>
  837.     </tr>
  838.     <tr class="blanc">
  839.         <td class="code center">SP 1 - 4</td>
  840.         <td>
  841.             <span class="authors">
  842.                 Salma Ferjani, Dorra Dhouib
  843.             </span>
  844.             <span class="title">
  845.                 Automated Malaria Parasite Classification in Microscopic Blood Smear Images Using Machine Learning
  846.             </span>
  847.             <span class="affiliation">
  848.                 (CRISTAL Laboratory-GRIFT, ENSI)
  849.             </span>
  850.         </td>
  851.     </tr>
  852.     <tr class="blanc">
  853.         <td class="code center">SP 1 - 5</td>
  854.         <td>
  855.             <span class="authors">
  856.                 Raja Ibnelbey, Dorsaf Sebai, Faouzi Ghorbel
  857.             </span>
  858.             <span class="title">
  859.                 Camel Welfare Assessment: Frameworks, Influencing Factors, and Emerging Monitoring Approaches
  860.             </span>
  861.             <span class="affiliation">
  862.                 (CRISTAL Laboratory-GRIFT, ENSI)
  863.             </span>
  864.         </td>
  865.     </tr>
  866.      <tr class="blanc">
  867.         <td class="code center">SP 1 - 6</td>
  868.         <td>
  869.             <span class="authors">
  870.                 Hanadi Elsablaoui, Mohamed Amine Mezghich, Ridha Ghayoula, Lasaad Latrach
  871.             </span>
  872.             <span class="title">
  873.                 Hybrid CNN–GNN Model for Deepfake Image Forensics
  874.             </span>
  875.             <span class="affiliation">
  876.                 (HANA Laboratory, ENSI)
  877.             </span>
  878.         </td>
  879.     </tr>
  881.     <tr class="blanc">
  882.         <td class="code center">SP 1 - 7</td>
  883.         <td>
  884.             <span class="authors">
  885.                 Oumayma Cherni, Ines Ben Alaya, Majdi Jribi
  886.             </span>
  887.             <span class="title">
  888.                 Optimisation de l’Acquisition en Imagerie par Résonance Magnétique (IRM) de Diffusion par une Nouvelle Approche Géométrique
  889.             </span>
  890.             <span class="affiliation">
  891.                 (CRISTAL Laboratory-GRIFT, ENSI)
  892.             </span>
  893.         </td>
  894.     </tr>
  895.     <tr class="blanc">
  896.         <td class="code center">SP 1 - 8</td>
  897.         <td>
  898.             <span class="authors">
  899.                 Mohamed Ajili, Mohamed Amine Mezghich,  Slim Mhiri
  900.             </span>
  901.             <span class="title">
  902.                 Towards Automatic Segmentation and 3D Reconstruction of Spinal Vertebrae Using Deep Learning
  903.             </span>
  904.             <span class="affiliation">
  905.                 (CRISTAL Laboratory-GRIFT, ENSI)
  906.             </span>
  907.         </td>
  908.     </tr>
  909.     <tr class="blanc">
  910.         <td class="code center">SP 1 - 9</td>
  911.         <td>
  912.             <span class="authors">
  913.                 Manel Zouaoui, Dorsaf Sebai , Faouzi Ghorbel
  914.             </span>
  915.             <span class="title">
  916.                 Compression d’images par apprentissage fédéré
  917.             </span>
  918.             <span class="affiliation">
  919.                 (CRISTAL Laboratory-GRIFT, ENSI)
  920.             </span>
  921.         </td>
  922.     </tr>
  923.     <tr class="blanc">
  924.         <td class="code center">SP 1 - 10</td>
  925.         <td>
  926.             <span class="authors">
  927.                 Chaima AThimni, Seif Eddine Amara, Mohamed Amine Mezghich, Slim Mhiri
  928.             </span>
  929.             <span class="title">
  930.                 Deep Learning-Based Early Detection of Breast Cancer in Mammography Images: Impact of Image Enhancement Techniques
  931.             </span>
  932.             <span class="affiliation">
  933.                 (CRISTAL Laboratory-GRIFT, ENSI)
  934.             </span>
  935.         </td>
  936.     </tr>
  937.     <tr class="blanc">
  938.         <td class="code center">SP 1 - 11</td>
  939.         <td>
  940.             <span class="authors">
  941.                 Malek Dinari , Enjie GHORBEL, Faouzi GHORBEL
  942.             </span>
  943.             <span class="title">
  944.                 Machine Learning for Vital Signs Estimation
  945.             </span>
  946.             <span class="affiliation">
  947.                 (CRISTAL Laboratory-GRIFT, ENSI)
  948.             </span>
  949.         </td>
  950.     </tr>
  951.     
  952.     <tr class="blanc">
  953.         <td class="code center">SP 1 - 12</td>
  954.         <td>
  955.             <span class="authors">
  956.                 Douha Jerbi
  957.             </span>
  958.             <span class="title">
  959.                 Morphing SA(3)-Équivariant Tripolaire : Augmentation Géométriquement Préservée pour la Reconnaissance 3D
  960.             </span>
  961.             <span class="affiliation">
  962.                (CRISTAL Laboratory-GRIFT, ENSI)
  963.             </span>
  964.         </td>
  965.     </tr>
  966.     </table>
  967.             </div>
  969.             <div class="modal-footer">
  970.                 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
  971.                     Close
  972.                 </button>
  973.             </div>
  975.         </div>
  976.         
  977.     </div>
  978. </div>
  979. <div class="modal fade" id="exampleModal2" tabindex="-1" aria-hidden="true">
  980.     <div class="modal-dialog custom-modal-width">
  981.         <div class="modal-content">
  983.             <div class="modal-header">
  984.                 <h5 class="modal-title">Session Poster P2 Details</h5>
  985.                 <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  986.             </div>
  988.             <div class="modal-body">
  989.             <table class="agenda2">
  990. </tr>
  991.         <th class ="black" colspan="2">Session Poster P2 </br> Chair Dr. Majdi Jribi (CRISTAL-GRIFT/ENSI,Tunisia)</th>
  992.     </tr>
  994.     <tr>
  995.         <td colspan="2" class="time">09H00 – 10H00</td>
  996.     </tr>
  997.     <tr class="blanc">
  998.         <td class="code center">SP 2 - 1</td>
  999.         <td>
  1000.             <span class="authors">
  1001.                 Ahmed Omrane, Mohamed Amine Mezghich, Slim Mhiri
  1002.             </span>
  1003.             <span class="title">
  1004.                 An Enhanced Customer Segmentation Algorithm Based on the RFM Model Using K-Means Clustering
  1005.             </span>
  1006.             <span class="affiliation">
  1007.                 (CRISTAL Laboratory-GRIFT, ENSI)
  1008.             </span>
  1009.         </td>
  1010.     </tr>
  1011.     <tr class="blanc">
  1012.         <td class="code center">SP 2 - 2</td>
  1013.         <td>
  1014.             <span class="authors">
  1015.                 Arwa Habbachi, Majdi Jribi
  1016.             </span>
  1017.             <span class="title">
  1018.                 Recalage ordonne des visages 3D en vue de reconnaissance
  1019.             </span>
  1020.             <span class="affiliation">
  1021.                 (CRISTAL Laboratory-GRIFT, ENSI)
  1022.             </span>
  1023.         </td>
  1024.     </tr>
  1025.     <tr class="blanc">
  1026.         <td class="code center">SP 2 - 3</td>
  1027.         <td>
  1028.             <span class="authors">
  1029.                 Wafa Janhaoui, Imen Ben Mansour, Moncef Tagina
  1030.             </span>
  1031.             <span class="title">
  1032.                 A Comprehensive Survey on Extended Job-Shop Scheduling Problems and Hybrid Reinforcement Learning Evolutionary Algorithms for Intelligent Industrial Systems
  1033.             </span>
  1034.             <span class="affiliation">
  1035.                 (LARIA Laboratory, ENSI)
  1036.             </span>
  1037.         </td>
  1038.     </tr>
  1039.     <tr class="blanc">
  1040.         <td class="code center">SP 2 - 4</td>
  1041.         <td>
  1042.             <span class="authors">
  1043.                 Zeineb Bibani, Emna Ghorbel, Faouzi Ghorbel
  1044.             </span>
  1045.             <span class="title">
  1046.                 Robust 2D Shape Matching via Nonlinear Quadratic Transformation
  1047.             </span>
  1048.             <span class="affiliation">
  1049.                 (CRISTAL Laboratory-GRIFT, ENSI)
  1050.             </span>
  1051.         </td>
  1052.     </tr>
  1053.     
  1054.     <tr class="blanc">
  1055.         <td class="code center">SP 2 - 5</td>
  1056.         <td>
  1057.             <span class="authors">
  1058.                 Bouna Ali Taleb, Chaima Dhaouadi, Mohamed Amine Mezghich
  1059.             </span>
  1060.             <span class="title">
  1061.                 A Realistic Deformation Benchmark for Shape Descriptors
  1062.             </span>
  1063.             <span class="affiliation">
  1064.                 (CRISTAL Laboratory-GRIFT, ENSI)
  1065.             </span>
  1066.         </td>
  1067.     </tr>
  1068.     <tr class="blanc">
  1069.         <td class="code center">SP 2 - 6</td>
  1070.         <td>
  1071.             <span class="authors">
  1072.                 Achraf Antri, Dorsaf Sebai
  1073.             </span>
  1074.             <span class="title">
  1075.                 Enjeux et approches pour la gestion de l’eau en agriculture
  1076.             </span>
  1077.             <span class="affiliation">
  1078.                 (CRISTAL Laboratory-GRIFT, ENSI)
  1079.             </span>
  1080.         </td>
  1081.     </tr>
  1082.     
  1083.     <tr class="blanc">
  1084.         <td class="code center">SP 2 - 7</td>
  1085.         <td>
  1086.             <span class="authors">
  1087.                 Houyeme Baraketi, Mohamed Amine Mezghich, Slim Mhiri
  1088.             </span>
  1089.             <span class="title">
  1090.                 Comparative Study of Deep Learning Architectures for Human Activity Detection
  1091.             </span>
  1092.             <span class="affiliation">
  1093.                 (CRISTAL Laboratory-GRIFT, ENSI)
  1094.             </span>
  1095.         </td>
  1096.     </tr>
  1097.     <tr class="blanc">
  1098.         <td class="code center">SP 2 - 8</td>
  1099.         <td>
  1100.             <span class="authors">
  1101.                 Dalel Ibnelbey, Emna Ghorbel, Faouzi Ghorbel
  1102.             </span>
  1103.             <span class="title">
  1104.                 Data augmentation basée sur le morphing d’image couleur pour la detection des insectes nuisible
  1105.             </span>
  1106.             <span class="affiliation">
  1107.                 (CRISTAL Laboratory-GRIFT, ENSI)
  1108.             </span>
  1109.         </td>
  1110.     </tr>
  1111.     <tr class="blanc">
  1112.         <td class="code center">SP 2 - 9</td>
  1113.         <td>
  1114.             <span class="authors">
  1115.                 Chaima Dhaouadi, Mohamed Amine Mezghich, Faouzi Ghorbel
  1116.             </span>
  1117.             <span class="title">
  1118.                 Enhancing VGG16 with Analytic Fourier–Mellin Invariants
  1119.             </span>
  1120.             <span class="affiliation">
  1121.                 (CRISTAL Laboratory-GRIFT, ENSI)
  1122.             </span>
  1123.         </td>
  1124.     </tr>
  1125.     <tr class="blanc">
  1126.         <td class="code center">SP 2 - 10</td>
  1127.         <td>
  1128.             <span class="authors">
  1129.                 Mayssa Madani
  1130.             </span>
  1131.             <span class="title">
  1132.                 Approches Multimodales EEG–IRMf pour la Reconnaissance des Émotions : Une Revue Systématique
  1133.             </span>
  1134.             <span class="affiliation">
  1135.                 
  1136.             </span>
  1137.         </td>
  1138.     </tr>
  1139.     <tr class="blanc">
  1140.         <td class="code center">SP 2 - 11</td>
  1141.         <td>
  1142.             <span class="authors">
  1143.                 Chaima Chaouachi
  1144.             </span>
  1145.             <span class="title">
  1146.                 Évaluation de la reproductibilité des réseaux de neurones profonds
  1147.             </span>
  1148.             <span class="affiliation">
  1149.                 (CRISTAL Laboratory-GRIFT, ENSI)
  1150.             </span>
  1151.         </td>
  1152.     </tr>
  1153.                 </table>
  1154.             </div>
  1156.             <div class="modal-footer">
  1157.                 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
  1158.                     Close
  1159.                 </button>
  1160.             </div>
  1162.         </div>
  1163.         
  1164.     </div>
  1165. </div>
  1166.     </main>
  1167.     
  1169. {% endblock %}