<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="js" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" dir="ltr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Festival d'Art Lyrique d'Aix en Provence</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="http://www.festival-aix.com/sites/all/themes/festivalaix/favicon.ico">
<link href="index_files/style.css" rel="stylesheet" type="text/css" media="screen">
<body class="node-type-contenuprincipal section-909">
<div id="fb-root"></div>
<div id="entourage" style="position:relative;">
<!--/////////////////////////////////TOP/////////////////////////////////-->
<div id="haut">
<!-- LOGO -->
<div style="display: block;" id="logo">
<a href="http://www.festival-aix.com/fr"><img src="index_files/logo.png" alt="Festival International d'Art Lyrique d'Aix-en-Provence"></a>
</div>
<!-- MENU ANNEXE -->
<div style="display: block;" id="menu-annexe">
<div style="float:left; padding-top:16px; padding-left:20px;">
<a href="http://www.festival-aix.com/fr/" class="on">FR</a>|<a href="http://www.festival-aix.com/en/">EN</a>
</div>
<div style="float:right; padding-top:10px; padding-right:20px;">
<form action="/fr/node/13" accept-charset="UTF-8" method="post" id="fuzzysearch-box-form">
<div>
<span class="recherche">
<div class="form-item" id="edit-keys-wrapper">
<input maxlength="128" name="keys" id="edit-keys" size="15" value="Rechercher" onfocus="this.value=''" class="form-text champs" type="text">
</div>
<input name="op" id="edit-submit" value="" class="form-submit bt" type="submit">
</span>
<input name="form_build_id" id="form-fdf4510abe1e288ea8b571faf94fcc13" value="form-fdf4510abe1e288ea8b571faf94fcc13" type="hidden">
<input name="form_id" id="edit-fuzzysearch-box-form" value="fuzzysearch_box_form" type="hidden">
</div>
</form>
</div>
<div class="infos-comp" style="float:right; padding-top:16px; padding-right:14px;">
<a href="#" class="pro">Espace pro</a>|<a href="http://www.festival-aix.com/fr/emplois">Recrutement</a>|<a href="http://www.festival-aix.com/fr/node/876">Newsletter</a>
</div>
</div>
<!-- MENU PRINCIPAL -->
<div style="display: block;" id="menu">
<a name="gototop" id="gototop"></a>
<div class="menu-block-1 menu-name-primary-links parent-mlid-0 menu-level-1">
<ul class="menu">
<li class="expanded first menu-mlid-909">
<a href="#" title="" class="active-trail selected-item">Festival 2013</a>
</li>
<li class="expanded menu-mlid-910">
<a href="#" title="">Pratique</a>
</li>
<li class="expanded menu-mlid-911">
<a href="#" title="">Actualité</a>
</li>
<li class="expanded menu-mlid-1237">
<a href="#" title="">Festival</a>
</li>
<li class="expanded menu-mlid-1238">
<a href="#" title="">Académie</a>
</li>
<li class="expanded menu-mlid-1239">
<a href="#" title="">Passerelles</a>
</li>
<li class="expanded menu-mlid-933">
<a href="#" title="">Nous soutenir</a>
</li>
<li class="leaf last menu-mlid-6518 active-trail">
<a thref="#" title="">Webdoc</a>
<ul class="menu">
<li class="leaf first menu-mlid-1088 active">
<a href="#">Le projet</a>
</li>
<li class="leaf menu-mlid-937 has-children">
<a href="#" title="">Programme des projections</a>
</li>
<li class="leaf menu-mlid-940 has-children">
<a href="#" title="" class="active-trail active">Les webdocs</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div style="background-color: rgb(133, 15, 69); display: block;" id="sous-menu-aplat"></div>
<!--/////////////////////////////////BANDEAU/////////////////////////////////-->
<div id="bandeau">
<div id="bandeau-image">
<div id="bandeau-titrage" style="display: block;">
<span class="surtitre">Festival 2013</span>
<h1>Webdoc</h1>
</div>
</div>
</div>
<div id="content">
<div id="ariane">
<div class="breadcrumb">
<a href="http://www.festival-aix.com/fr">Accueil</a> › <a href="#" title="">Webdoc</a> › Les Webdocs
</div>
</div>
<div class="centre">
<div id="toolkit">
<span> <a href="#" onclick="javascript:window.print()" class="print" title="imprimer" target="_blank">imprimer</a> <a href="mailto:" class="ami" title="envoyer à un ami"></a> <a href="javascript:(function(){window.twttr=window.twttr||{};var%20D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C>A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open('http://twitter.com/share','','left='+H+',top='+G+',width='+D+',height='+A+',personalbar=0,toolbar=0,scrollbars=1,resizable=1');E=F.createElement('script');E.src='http://platform.twitter.com/bookmarklets/share.js?v=1';F.getElementsByTagName('head')[0].appendChild(E)}());" title="Partagez sur twitter" class="tw"></a> </span>
<span class="all-webdocs" style="float: left; color: #f11d84; margin: 0 16px; font-family: Museo900; font-size: 14px; line-height: 40px; text-transform: uppercase;">› Tous les Webdocs</span>
</div>
<iframe src="../player/index.html" width="1000" height="700" frameborder="0"></iframe>
</div>
<div class="cleaner"></div>
</div>
<!--/////////////////////////////////FOOTER/////////////////////////////////-->
<div id="footer1">
<div class="centrer" id="footercentrer">
<div id="main-partner">
<span class="titrehaut">le festival a le soutien de</span>
<div class="partner">
<a href="http://www.vivendi.fr/" target="_blank"><img src="index_files/vivendi.png" alt="Vivendi"></a>
</div>
<span class="titrebas">partenaire officiel</span>
</div>
<div id="other-partner">
<span class="titrehaut"></span>
<div class="partner">
<ul style="position: relative; height: auto;" class="partner-logo innerfade">
<li style="z-index: 5; position: absolute; display: list-item;"><img src="index_files/laposte.jpg">
</li>
</ul>
</div>
<div class="partner">
<ul style="position: relative; height: auto;" class="partner-logo innerfade">
<li style="z-index: 5; position: absolute; display: list-item;"><img src="index_files/orange.jpg">
</li>
</ul>
</div>
<span class="titrebas">partenaires</span>
</div>
<a href="http://www.festival-aix.com/node/98" class="bonus pair">faire un don</a>
<!--<a href="http://e-boutique.festival-aix.com" class="bonus impair" target="_blank">e-boutique</a>-->
<a href="http://www.festival-aix.com/blog" class="bonus impair" target="_blank">Blog</a>
<a href="http://www.festival-aix.com/fr/redirect/node/108" class="bonus pair">goodies</a>
<a href="http://www.festival-aix.com/fr/rss" class="rss" title="s'abonner aux flux rss" target="_blank">rss</a>
<a href="http://twitter.com/Festival_dAix" title="suivre le festival sur twitter" class="tw" target="_blank">twitter</a>
<a href="http://www.facebook.com/pages/Festival-dAix-en-Provence-Page-officielle/168283799859084?v=wall" title="suivre le festival sur Facebook" class="fb" target="_blank">facebook</a>
<div class="fb-like" data-href="http://www.festival-aix.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
<div class="cleaner"></div>
</div>
</div>
<div id="footer2">
<div class="menu-block-4 menu-name-secondary-links parent-mlid-1699 menu-level-1">
<ul class="menu">
<li class="leaf first menu-mlid-1700">
<a href="http://www.festival-aix.com/fr/node/61">Nous contacter</a>
</li>
<li class="leaf menu-mlid-2077">
<a href="http://www.festival-aix.com/fr/sitemap" title="">Plan du site</a>
</li>
<li class="leaf menu-mlid-1813">
<a href="http://www.festival-aix.com/fr/node/102">Mentions légales</a>
</li>
<li style="background-image: none;" class="leaf last menu-mlid-1814">
<a href="http://www.festival-aix.com/fr/node/103">Crédits</a>
</li>
</ul>
</div>
</div>
</body>
</html>