It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.obs-banyuls.fr/rss.xml

  1.  
  2. <!DOCTYPE html>
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr" >
  5.  
  6. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  7. <!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  8. <!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
  9. <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  10.  
  11. <head>
  12.  
  13. <base href="https://www.obs-banyuls.fr/fr/" />
  14. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  15. <meta name="keywords" content="OOB, observatoire, Observatoire Océanologique, Observatoire Océanologique Banyuls-sur-Mer, Observatoire Océanologique de Banyuls-sur-Mer, Banyuls-sur-Mer, Banyuls, laboratoire arago, arago, station marine, Sorbonne Université, CNRS, recherche, observation, formation, accueil, médiation scientifique, développement, sciences, scientifiques, enseignement, mer méditerranée, observatory, Oceanological Observatory, Banyuls-sur-Mer Oceanological Observatory, Banyuls-sur-Mer Oceanological Observatory, Banyuls, arago laboratory, arago, marine station, Sorbonne University, CNRS, research, observation, training, reception, scientific mediation, development, sciences, scientists, teaching, mediterranean sea" />
  16. <meta name="description" content="L’Observatoire Océanologique de Banyuls-sur-Mer (OOB), plus connu sous le nom de « Laboratoire Arago », est placé sous la tutelle conjointe de Sorbonne Université et du Centre National de la Recherche Scientifique. Depuis sa création en 1882 par le zoologiste français Henri de Lacaze-Duthiers, l’Observatoire est un centre d’expérimentation, de formation et de diffusion des connaissances scientifiques accueillant tous les ans de nombreux étudiants et chercheurs du monde entier. Les activités de l’OOB se déclinent en six grandes missions : la recherche, l'observation, la formation, l'accueil, la médiation scientifique, le développement économique." />
  17. <meta name="generator" content="Joomla! - Open Source Content Management" />
  18. <title>Observatoire Océanologique de Banyuls-sur-Mer</title>
  19. <link href="/templates/favourite/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
  20. <link href="https://www.obs-banyuls.fr/fr/component/search/?id=173&amp;format=opensearch" rel="search" title="Valider Observatoire Océanologique de Banyuls-sur-Mer" type="application/opensearchdescription+xml" />
  21. <link href="/media/com_jce/site/css/content.min.css?badb4208be409b1335b815dde676300e" rel="stylesheet" type="text/css" />
  22. <link href="/media/plg_system_jcemediabox/css/jcemediabox.min.css?7c18c737af0919db884d585b5f82e461" rel="stylesheet" type="text/css" />
  23. <link href="/media/jui/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  24. <link href="/media/jui/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
  25. <link href="/templates/favourite/bootstrap/favth-bootstrap.css" rel="stylesheet" type="text/css" />
  26. <link href="/modules/mod_favsocial/theme/css/favsocial.css" rel="stylesheet" type="text/css" />
  27. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  28. <link href="/media/mod_languages/css/template.css?a0db9b878a6300686143dcd880d591a9" rel="stylesheet" type="text/css" />
  29. <script src="/media/jui/js/jquery.min.js?a0db9b878a6300686143dcd880d591a9" type="text/javascript"></script>
  30. <script src="/media/jui/js/jquery-noconflict.js?a0db9b878a6300686143dcd880d591a9" type="text/javascript"></script>
  31. <script src="/media/jui/js/jquery-migrate.min.js?a0db9b878a6300686143dcd880d591a9" type="text/javascript"></script>
  32. <script src="/media/system/js/caption.js?a0db9b878a6300686143dcd880d591a9" type="text/javascript"></script>
  33. <script src="/media/plg_system_jcemediabox/js/jcemediabox.min.js?7c18c737af0919db884d585b5f82e461" type="text/javascript"></script>
  34. <script src="/media/jui/js/bootstrap.min.js?a0db9b878a6300686143dcd880d591a9" type="text/javascript"></script>
  35. <!--[if lt IE 9]><script src="/media/system/js/html5fallback.js?a0db9b878a6300686143dcd880d591a9" type="text/javascript"></script><![endif]-->
  36. <script type="text/javascript">
  37. jQuery(window).on('load',  function() {
  38. new JCaption('img.caption');
  39. });
  40. jQuery(document).ready(function(){WfMediabox.init({"base":"\/","theme":"standard","width":"","height":"","lightbox":0,"shadowbox":0,"icons":1,"overlay":1,"overlay_opacity":0.8,"overlay_color":"#000000","transition_speed":500,"close":2,"scrolling":"fixed","labels":{"close":"Fermer","next":"Suivant","previous":"Pr\u00e9c\u00e9dent","cancel":"Annuler","numbers":"{{numbers}}","numbers_count":"{{current}} sur {{total}}","download":"T\u00e9l\u00e9charger"},"swipe":true});});
  41. jQuery(function($){ initTooltips(); $("body").on("subform-row-add", initTooltips); function initTooltips (event, container) { container = container || document;$(container).find(".hasTooltip").tooltip({"html": true,"container": "body"});} });
  42. </script>
  43.  
  44.  
  45. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  46.  
  47. <!-- STYLESHEETS -->
  48.  
  49.  <!-- icons -->
  50. <link rel="stylesheet" href="/templates/favourite/icons/css/font-awesome.css" type="text/css" />
  51.  <!-- admin -->
  52.  <link rel="stylesheet" href="/templates/favourite/admin/admin.css" type="text/css" />
  53.  <!-- template -->
  54.  <link rel="stylesheet" href="/templates/favourite/css/template.css" type="text/css" />
  55.  <!-- style -->
  56.  <link rel="stylesheet" href="/templates/favourite/css/style.css" type="text/css" />
  57.  <!-- styles -->
  58.  <link rel="stylesheet" href="/templates/favourite/css/styles/style1.css" type="text/css" />
  59.  <!-- custom -->
  60.  <link rel="stylesheet" href="/templates/favourite/css/custom.css" type="text/css" />
  61.  
  62.  <!-- PARAMETERS -->
  63. <style type="text/css">
  64.  
  65.  #fav-offlinewrap {
  66.    background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;;
  67.  }
  68.  #fav-containerwrap {
  69.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  70.  }
  71.  #fav-topbarwrap {
  72.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  73.  }
  74.  #fav-topbarwrap {
  75.    background-color: #242424;
  76.  }
  77.  #fav-topbarwrap p {
  78.    color: #FFFFFF;
  79.  }
  80.  #fav-topbarwrap a {
  81.    color: #FFFFFF;
  82.  }
  83.  #fav-slidewrap {
  84.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  85.  }
  86.  #fav-introwrap {
  87.    background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;;
  88.  }
  89.  #fav-leadwrap {
  90.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  91.  }
  92.  #fav-promowrap {
  93.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  94.  }
  95.  #fav-primewrap {
  96.    background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;;
  97.  }
  98.  #fav-showcasewrap {
  99.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  100.  }
  101.  #fav-featurewrap {
  102.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  103.  }
  104.  #fav-focuswrap {
  105.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  106.  }
  107.  #fav-portfoliowrap {
  108.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  109.  }
  110.  #fav-screenwrap {
  111.    background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;;
  112.  }
  113.  #fav-topwrap {
  114.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  115.  }
  116.  #fav-maintopwrap {
  117.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  118.  }
  119.  #fav-mainbottomwrap {
  120.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  121.  }
  122.  #fav-bottomwrap {
  123.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  124.  }
  125.  #fav-notewrap {
  126.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  127.  }
  128.  #fav-basewrap {
  129.    background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;;
  130.  }
  131.  #fav-blockwrap {
  132.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  133.  }
  134.  #fav-userwrap {
  135.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  136.  }
  137.  #fav-footerwrap {
  138.    background-repeat: repeat; background-attachment: initial; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;;
  139.  }
  140.  .media-logo {
  141.    padding: 15px;
  142.  }
  143.  .text-logo,
  144.  .text-logo:hover,
  145.  .text-logo:focus {
  146.    color: #00579D;
  147.  }
  148.  .retina-logo {
  149.    height: 52px;
  150.  }
  151.  .retina-logo {
  152.    width: 188px;
  153.  }
  154.  .retina-logo {
  155.    padding: 0px;
  156.  }
  157.  .retina-logo {
  158.    margin: 0px;
  159.  }
  160.  @media (max-width: 768px) {
  161.    #fav-navbar ul.nav-child {
  162.      display: initial;
  163.    }
  164.  }
  165.  @media (max-width: 480px) {
  166.    #fav-main img,
  167.    .moduletable .custom img,
  168.    div[class^="moduletable-"] div[class^="custom-"] img,
  169.    div[class*=" moduletable-"] div[class*=" custom-"] img,
  170.    .img-left,
  171.    .img-right {
  172.      display: inline-base;
  173.    }
  174.  }
  175.  
  176. </style>
  177.  
  178.  <!-- GOOGLE FONT -->
  179.  
  180.  <!-- text logo -->
  181.  <link href='//fonts.googleapis.com/css?family=:400normal' rel='stylesheet' type='text/css' />
  182.  
  183.  <!-- default -->
  184.  <link href='//fonts.googleapis.com/css?family=Roboto:400,500,300' rel='stylesheet' type='text/css'>
  185.  
  186.  <!-- GOOGLE ANALYTICS TRACKING CODE -->
  187.  <script async src="https://www.googletagmanager.com/gtag/js?id=G-NCMZGH3D0W"></script>
  188. <script>
  189.  window.dataLayer = window.dataLayer || [];
  190.  function gtag(){dataLayer.push(arguments);}
  191.  gtag('js', new Date());
  192.  
  193.  gtag('config', 'G-NCMZGH3D0W');
  194. </script>
  195.  
  196.  <!-- BACKTOP -->
  197. <script src="/templates/favourite/js/backtop/backtop.js"></script>
  198.  
  199. </head>
  200.  
  201. <body>
  202.  
  203.  <div id="fav-containerwrap" class="clearfix">
  204.    <div class="fav-transparent">
  205.  
  206.    <!-- NAVBAR -->
  207.    <div id="fav-navbarwrap" class="container-fluid">
  208.   <div class="row-fluid">
  209.   <div id="fav-navbar" class="clearfix">
  210.   <div class="navbar">
  211.   <div class="navbar-inner">
  212.  
  213.                <div id="fav-logomobile" class="clearfix">
  214.                                                        <h1>
  215.                      <a class="media-logo" href="/">
  216.                        <img src="/images/logo-OOB.gif" style="border:0;" alt="Observatoire Océanologique de Banyuls/Mer" />
  217.                      </a>
  218.                    </h1>
  219.                                                        <h1>
  220.                      <a class="text-logo" href="/">Observatoire Océanologique de Banyuls-sur-Mer</a>
  221.                    </h1>
  222.                                                                          <div class="slogan">Laboratoire Arago</div>
  223.                                  </div>
  224.  
  225.                <div id="fav-navbar-btn" class="clearfix">
  226.     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  227.  
  228.                    
  229.                      <span id="fav-mobilemenutext">
  230.                        Menu                      </span>
  231.  
  232.                    
  233.     <span class="icon-bar"></span>
  234.     <span class="icon-bar"></span>
  235.     <span class="icon-bar"></span>
  236.     </a>
  237.                </div>
  238.  
  239.   <div class="nav-collapse collapse">
  240.     <div id="fav-navbar-collapse" class="span12">
  241.   <div class="moduletable" ><ul class="nav menunav-pills mod-list">
  242. <li class="item-106 default current active"><a href="/fr/" ><img src="/images/icones/icone_house2.png" alt="Accueil" /></a></li><li class="item-109 parent"><a href="/fr/oob.html" >OOB</a></li><li class="item-111 parent"><a href="/fr/rechercher.html" >Rechercher</a></li><li class="item-115 parent"><a href="/fr/observer.html" >Observer</a></li><li class="item-117 parent"><a href="/fr/former.html" >Former</a></li><li class="item-119 parent"><a href="/fr/accueillir.html" >Accueillir</a></li><li class="item-121 parent"><a href="/fr/partager.html" >Partager</a></li><li class="item-123 parent"><a href="/fr/developper.html" >Développer</a></li></ul>
  243. </div>
  244.   </div>
  245.     </div>
  246.  
  247.   </div>
  248.   </div>
  249.   </div>
  250.   </div>
  251.    </div>
  252.  
  253.   <div id="fav-container">
  254.  
  255.        <div class="fav-light">
  256.  
  257.          <!-- NOTICE -->
  258.          
  259.          <!-- TOPBAR -->
  260.          
  261.                      
  262.            <div class="container-fluid" id="fav-topbarwrap">
  263.              <div class="fav-transparent">
  264.                <div class="row-fluid">
  265.                  <div id="fav-topbar" class="clearfix">
  266.  
  267.                                                                                                                                                                                                                                                            
  268.                          <div id="fav-topbar6" class="span12">
  269.  
  270.                            <div class="moduletable langues" ><div class="mod-languages langues">
  271.  
  272. <ul class="lang-inline" dir="ltr">
  273. <li class="lang-active">
  274. <a href="https://www.obs-banyuls.fr/fr/?option=com_content&view=article&id=173">
  275. <img src="/media/mod_languages/images/fr_fr.gif" alt="Français (France)" title="Français (France)" /> </a>
  276. </li>
  277. <li>
  278. <a href="/en/">
  279. <img src="/media/mod_languages/images/en_gb.gif" alt="English (United Kingdom)" title="English (United Kingdom)" /> </a>
  280. </li>
  281. </ul>
  282.  
  283. </div>
  284. </div><div class="moduletable menutete" ><ul class="nav menu mod-list">
  285. <li class="item-346"><a href="https://wwwphp.obs-banyuls.fr/annuaire/index_frame.php" target="_blank" rel="noopener noreferrer">Annuaire</a></li><li class="item-321"><a href="https://extranet.obs-banyuls.fr" target="_blank" rel="noopener noreferrer">Extranet</a></li></ul>
  286. </div><div class="moduletable recherche" ><div class="search recherche">
  287. <form action="/fr/" method="post" class="form-inline" role="search">
  288. <label for="mod-search-searchword90" class="element-invisible">Rechercher</label> <input name="searchword" id="mod-search-searchword90" maxlength="200"  class="inputbox search-query input-medium" type="search" placeholder="Recherche..." /> <input type="image" alt="Valider" class="button" src="/templates/favourite/images/searchButton.gif" onclick="this.form.searchword.focus();"/> <input type="hidden" name="task" value="search" />
  289. <input type="hidden" name="option" value="com_search" />
  290. <input type="hidden" name="Itemid" value="" />
  291. </form>
  292. </div>
  293. </div>
  294.  
  295.                          </div>
  296.  
  297.                                          
  298.                  </div>
  299.                </div>
  300.              </div>
  301.            </div>
  302.  
  303.          
  304.          <!-- HEADER -->
  305.          <div class="container-fluid" id="fav-headerwrap">
  306.            <div class="row-fluid">
  307.  
  308.                <div id="fav-header" class="span12 clearfix">
  309.  
  310.                  <div id="fav-logo" class="span12">
  311.                      <h1>
  312.                                                                <a class="media-logo" href="/">
  313.                          <img src="/images/logo-OOB.gif" style="border:0;" alt="Observatoire Océanologique de Banyuls/Mer" />
  314.                        </a>
  315.                                                                <a class="text-logo" href="/">Observatoire Océanologique de Banyuls-sur-Mer</a>
  316.                                          </h1>
  317.                                                              <div class="slogan">Laboratoire Arago</div>
  318.                                      </div>
  319.  
  320.                                            <div id="fav-nav" class="span12">
  321.                          <div class="favnav">
  322.                            <div class="navigation">
  323.                              <div class="moduletable" ><ul class="nav menunav-pills mod-list">
  324. <li class="item-106 default current active"><a href="/fr/" ><img src="/images/icones/icone_house2.png" alt="Accueil" /></a></li><li class="item-109 parent"><a href="/fr/oob.html" >OOB</a></li><li class="item-111 parent"><a href="/fr/rechercher.html" >Rechercher</a></li><li class="item-115 parent"><a href="/fr/observer.html" >Observer</a></li><li class="item-117 parent"><a href="/fr/former.html" >Former</a></li><li class="item-119 parent"><a href="/fr/accueillir.html" >Accueillir</a></li><li class="item-121 parent"><a href="/fr/partager.html" >Partager</a></li><li class="item-123 parent"><a href="/fr/developper.html" >Développer</a></li></ul>
  325. </div>
  326.                            </div>
  327.                          </div>
  328.                        </div>
  329.                    
  330.                </div>
  331.  
  332.            </div>
  333.          </div>
  334.  
  335.          <!-- SLIDE -->
  336.          
  337.     <!-- INTRO -->
  338.    
  339.    
  340.          <!-- BREADCRUMBS -->
  341.                      <div class="container-fluid">
  342.              <div class="row-fluid">
  343.                <div id="fav-breadcrumbs" class="span12">
  344.                  <div class="moduletable" >
  345. <ul itemscope itemtype="http://schema.org/BreadcrumbList" class="breadcrumb">
  346. <li class="active">
  347. <span class="divider icon-location"></span>
  348. </li>
  349. <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
  350. <span itemprop="name">
  351. Accueil </span>
  352. <meta itemprop="position" content="1">
  353. </li>
  354. </ul>
  355. </div>
  356.                </div>
  357.              </div>
  358.            </div>
  359.          
  360.          <!-- LEAD -->
  361.          
  362.          
  363.     <!-- PROMO -->
  364.          
  365.          
  366.          <!-- PRIME -->
  367.          
  368.          
  369.     <!-- SHOWCASE -->
  370.          
  371.          
  372.          <!-- FEATURE -->
  373.          
  374.          
  375.          <!-- FOCUS -->
  376.          
  377.          
  378.          <!-- PORTFOLIO -->
  379.          
  380.          
  381.          <!-- SCREEN -->
  382.          
  383.          
  384.     <!-- TOP -->
  385.          
  386.          
  387.     <!-- MAINTOP -->
  388.    
  389.     <!-- MAIN -->
  390.     <div class="container-fluid" id="fav-mainwrap">
  391.     <div class="row-fluid">
  392.  
  393.     <div id="fav-main" class="clearfix">
  394.  
  395.         <div id="fav-sidebar1" class="span3">
  396.    
  397.     </div>
  398.     <div id="fav-maincontent" class="span9">
  399.     <div id="system-message-container">
  400. </div>
  401.  
  402.     <div class="item-page" itemscope itemtype="https://schema.org/Article">
  403. <meta itemprop="inLanguage" content="fr-FR" />
  404. <div class="fav-article-details">
  405.  
  406. </div>
  407.  
  408. <div itemprop="articleBody">
  409. <p style="text-align: center;"><span style="font-size: 300%;">Oups !</span></p>
  410. <p style="text-align: center;"><span style="font-size: 200%;">Erreur 404</span></p>
  411. <div style="text-align: center;"><a class="jcepopup" href="/images/error404.png" data-mediabox="1"><img src="/images/error404.png" alt="error404" width="700" height="400" /></a></div>
  412. <p style="text-align: center;"><span style="font-size: 150%;">La page que vous recherchez semble introuvable.</span></p>
  413. <p style="text-align: center;"><a class="btn" dir="ltr" title="Retour à l'accueil" href="/fr/" target="_self">Retour à l'accueil</a></p> </div>
  414.  
  415. </div>
  416.  
  417.     </div>
  418.    
  419.     </div>
  420.  
  421.     </div>
  422.     </div>
  423.  
  424.     <!-- MAINBOTTOM -->
  425.    
  426.     <!-- BOTTOM -->
  427.          
  428.          
  429.          <!-- NOTE -->
  430.          
  431.          
  432.          <!-- BASE -->
  433.          
  434.          
  435.          <!-- BLOCK -->
  436.          
  437.          
  438.          <!-- USER -->
  439.          
  440.                      
  441.            <div class="container-fluid" id="fav-userwrap">
  442.              <div class="fav-transparent">
  443.                <div class="row-fluid">
  444.                  <div id="fav-user" class="clearfix">
  445.  
  446.                                                                    <div id="fav-user1" class="span3">
  447.  
  448.                            <div class="moduletable" >
  449.  
  450. <div class="custom"  >
  451. Observatoire Océanologique<br />de Banyuls-sur-Mer<br />1 avenue Pierre Fabre<br />66650 Banyuls-sur-Mer<br /> <a dir="ltr" title="Site de Sorbonne Université" href="https://www.sorbonne-universite.fr/" target="_blank" rel="noopener"><img style="margin-right: 10px; padding: 5px;" src="/images/logo_SU_B.png" alt="logo Sorbonne Université" width="130" height="52" /></a> <a dir="ltr" title="Site du CNRS" href="http://www.cnrs.fr/" target="_blank" rel="noopener"><img style="padding: 5px;" src="/images/LOGO-CNRS-2019_BLANC.png" alt="LOGO CNRS 2019 BLANC" width="71" height="71" /></a></div>
  452. </div><div class="moduletable" >
  453.  
  454. <div class="custom"  >
  455. <a dir="ltr" title="Site de EMBRC-france" href="https://www.embrc-france.fr/fr" target="_blank" rel="noopener"><img src="/images/logo_embrc_blanc.png" alt="logo embrc blanc" width="180" height="90" /></a></div>
  456. </div>
  457.  
  458.                          </div>
  459.                                              <div id="fav-user2" class="span9">
  460.  
  461.                            <div class="moduletable" >
  462.  
  463. <div class="custom"  >
  464. Nos projets de développement sont soutenus par :<br /><img style="padding: 6px;" src="/images/oob/projets/CPER_2014-2020/logos/logo_etat_RF.png" alt="logo etat RF" width="109" height="65" /><img style="padding: 6px;" src="/images/oob/projets/CPER_2014-2020/logos/logo_cper.png" alt="logo cper" width="175" height="65" /><img style="padding: 6px;" src="/images/oob/projets/CPER_2014-2020/logos/LOGO_SU_HORIZ_SEUL_CMJN.jpg" alt="logo Sorbonne Université" width="146" height="65" /><img style="padding: 6px;" src="/images/oob/projets/CPER_2014-2020/logos/logo_europe-s-engage.png" alt="logo L'Europe s'engage" width="125" height="65" /><img style="padding: 6px;" src="/images/oob/projets/CPER_2014-2020/logos/Logo_UE_texte.png" alt="Logo UE texte" width="84" height="65" /><img style="padding: 6px;" src="/images/oob/projets/CPER_2014-2020/logos/logo_region_occitanie.png" alt="logo region occitanie" width="147" height="65" /></div>
  465. </div>
  466.  
  467.                          </div>
  468.                                                              
  469.                                                                                                                                                                                            
  470.                  </div>
  471.                </div>
  472.              </div>
  473.            </div>
  474.  
  475.          
  476.     <!-- FOOTER -->
  477.          
  478.          
  479.     <!-- COPYRIGHT -->
  480.    
  481.            <div class="container-fluid" id="fav-copyrightwrap">
  482.              <div class="row-fluid">
  483.  
  484.                  
  485.                  
  486.                    <div id="fav-copyright" class="clearfix">
  487.  
  488.                                              <div id="fav-showcopyright"
  489.                          class="span3">
  490.                            <p>&#0169; 2024
  491.                              <a href="http://www.obs-banyuls.fr" target="_blank">
  492.                                OOB                              </a>
  493.  
  494.                            </p>
  495.  
  496.                        </div>
  497.                      
  498.                                                <div id="fav-copyright1"
  499.                            class="span6">
  500.  
  501.                            <div class="moduletable-mentions" >
  502.  
  503. <div class="custom-mentions"  >
  504. <a href="/fr/mentions-legales.html" target="_self" title="Mentions légales">Mentions légales</a></div>
  505. </div>
  506.  
  507.                          </div>
  508.                      
  509.                                                    <div id="fav-copyright2"
  510.                          class="span3">
  511.  
  512.                          <div class="moduletable" >
  513. <div id="favsocial-19180"
  514.    style="width:100%;">
  515.  
  516.  <ul id="favsocial-list"
  517.      class="favsocial-right">
  518.  
  519.    
  520.      <li id="favsocial-icon1">
  521.        <a href="https://twitter.com/OOBanyuls" target="_blank"
  522.          style="background-color: #00ACED;
  523.                padding: 0.5em;
  524.                -webkit-border-radius: 50%;
  525.                -moz-border-radius: 50%;
  526.                border-radius: 50%">
  527.  
  528.          <span class="favsocial">
  529.            <i class="fa fa-twitter"
  530.              style="color: #FFFFFF;
  531.                    font-size: 22px;">
  532.            </i>
  533.          </span>
  534.  
  535.        </a>
  536.      </li>
  537.  
  538.    
  539.      <li id="favsocial-icon2">
  540.        <a href="https://www.facebook.com/observatoire.oceanologique.banyuls.sur.mer/" target="_blank"
  541.          style="background-color: #FFFFFF;
  542.                padding: 0.5em;
  543.                -webkit-border-radius: 50%;
  544.                -moz-border-radius: 50%;
  545.                border-radius: 50%">
  546.  
  547.          <span class="favsocial">
  548.            <i class="fa fa-facebook"
  549.              style="color: #00579D;
  550.                    font-size: 22px;">
  551.            </i>
  552.          </span>
  553.  
  554.        </a>
  555.      </li>
  556.  
  557.    
  558.      <li id="favsocial-icon4">
  559.        <a href="https://www.youtube.com/channel/UC-7qDVK3eEtC235cap0JBqA" target="_blank"
  560.          style="background-color: #E81D07;
  561.                padding: 0.5em;
  562.                -webkit-border-radius: 50%;
  563.                -moz-border-radius: 50%;
  564.                border-radius: 50%">
  565.  
  566.          <span class="favsocial">
  567.            <i class="fa fa-youtube "
  568.              style="color: #FFFFFF;
  569.                    font-size: 21px;">
  570.            </i>
  571.          </span>
  572.  
  573.        </a>
  574.      </li>
  575.  
  576.    
  577.  </ul>
  578.  
  579. </div>
  580. </div>
  581.  
  582.                        </div>
  583.                      
  584.                    </div>
  585.                  
  586.              </div>
  587.            </div>
  588.  
  589.          
  590.     <!-- DEBUG -->
  591.    
  592.     <!-- BACKTOP -->
  593.     <div class="container-fluid">
  594.     <div class="row-fluid">
  595.         <div id="fav-backtop" class="span12">
  596.     <a href="/" class="backtop" title="BACK TO TOP">
  597.                    <i class="fa fa-angle-up"></i>
  598.     </a>
  599.     </div>
  600.         </div>
  601.     </div>
  602.  
  603.        </div><!-- /dark/light versions -->
  604.  
  605.   </div><!-- /fav-container -->
  606.  
  607.    </div><!-- /fav-overlay -->
  608.  </div><!-- /fav-containerwrap -->
  609.  
  610. <!--[if lte IE 7]><script src="/templates/favourite/js/ie6/warning.js"></script><script>window.onload=function(){e("/templates/favourite/js/ie6/")}</script><![endif]-->
  611. </body>
  612. </html>
  613.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda