<!doctype html> <html class="no-js" lang="zxx"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>Divan dit vent</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:title" content="Divan dit vent"> <meta property="og:image" content="https://camelia-studio.org/branches/divan-dit-vent/img/about/about_1.png"> <meta property="og:description" content="Podcast de l'association Camélia Studio. On y partage tout ce qui nous passionne ! Retrouvez « Un amour de saison » où l'on parle de notre coup de cœur de la dernière saison d'animés et divers hors-série."> <!-- <link rel="manifest" href="site.webmanifest"> --> <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png"> <!-- Place favicon.ico in the root directory --> <!-- CSS here --> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/themify-icons.css"> <link rel="stylesheet" href="css/nice-select.css"> <link rel="stylesheet" href="css/audioplayer.css"> <link rel="stylesheet" href="css/flaticon.css"> <link rel="stylesheet" href="css/gijgo.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="css/slick.css"> <link rel="stylesheet" href="css/slicknav.css"> <link rel="stylesheet" href="css/style.css"> <!-- <link rel="stylesheet" href="css/responsive.css"> --> </head> <body> <!--[if lte IE 9]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> <![endif]--> <!-- header-start --> <header> <div class="header-area "> <div id="sticky-header" class="main-header-area"> <div class="container-fluid"> <div class="header_bottom_border"> <div class="row align-items-center"> <div class="col-xl-3 col-lg-2"> <div class="logo"> <a href="index.html"> <img src="img/logo.png" alt=""> </a> </div> </div> <div class="col-xl-6 col-lg-7"> <div class="main-menu d-none d-lg-block"> <nav> <ul id="navigation"> <li><a class="active" href="index.html">Accueil</a></li> <li><a href="about.html">Infos</a></li> <li><a href="track.html">Les émissions</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="recherche.html">Recherche</a></li> </ul> </nav> </div> </div> <div class="col-xl-3 col-lg-3 d-none d-lg-block"> <div class="social_icon text-right"> <ul> <li><a href="https://discord.gg/nBuZ9vJ" target="_blank"> <i class="fa fa-comments-o" aria-hidden="true"></i> </a></li> <li><a href="https://twitter.com/Asso_Camelia" target="_blank"> <i class="fa fa-twitter"></i> </a></li> <li><a href="https://camelia-studio.org/branches/divan-dit-vent/rss.php" target="_blank"> <i class="fa fa-rss"></i> </a></li> </ul> </div> </div> <div class="col-12"> <div class="mobile_menu d-block d-lg-none"></div> </div> </div> </div> </div> </div> </div> </header> <!-- header-end --> <!-- slider_area_start --> <div class="slider_area"> <div class="single_slider d-flex align-items-center slider_bg_1 overlay2"> <div class="container"> <div class="row"> <div class="col-xl-12"> <div class="slider_text text-center "> <h3>Divan dit vent</h3> </div> </div> </div> </div> </div> </div> <!-- slider_area_end --> <!-- music_area --> <div class="music_area"> <div class="container"> <div class="row align-items-center justify-content-center"> <div class="col-xl-10"> <div class="row align-items-center"> <div class="col-xl-9 col-md-9"> <div class="music_field"> <div class="thumb"> <img src="img/pochettes/104912353.jpg" alt=""> </div> <div class="audio_name"> <div class="name"> <h4>06 | Le corbeau bleu de Mercure joue du rock</h4> <p>28 janvier 2023</p> </div> <audio preload="auto" controls> <source src="mp3/06.mp3"> </audio> </div> </div> </div> <div class="col-xl-3 col-md-3"> <div class="music_btn"> <a href="06.html" class="boxed-btn">Fiche de l'émission</a> </div> </div> </div> </div> </div> </div> </div> <!-- music_area end --> <!-- link that opens popup --> <!-- JS here --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"> </script> <script src="js/vendor/modernizr-3.5.0.min.js"></script> <script src="js/vendor/jquery-1.12.4.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/isotope.pkgd.min.js"></script> <script src="js/ajax-form.js"></script> <script src="js/waypoints.min.js"></script> <script src="js/jquery.counterup.min.js"></script> <script src="js/imagesloaded.pkgd.min.js"></script> <script src="js/audioplayer.js"></script> <script src="js/scrollIt.js"></script> <script src="js/jquery.scrollUp.min.js"></script> <script src="js/wow.min.js"></script> <script src="js/nice-select.min.js"></script> <script src="js/jquery.slicknav.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/plugins.js"></script> <script src="js/gijgo.min.js"></script> <script src="js/slick.min.js"></script> <!--contact js--> <script src="js/contact.js"></script> <script src="js/jquery.ajaxchimp.min.js"></script> <script src="js/jquery.form.js"></script> <script src="js/jquery.validate.min.js"></script> <script src="js/mail-script.js"></script> <script src="js/main.js"></script> <script> $(function() { $('audio').audioPlayer({ }); }); </script> </body> </html>