|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
2 <html class="js" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" dir="ltr" lang="fr"> |
|
3 <head> |
|
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
|
5 |
|
6 <title>Festival d'Art Lyrique d'Aix en Provence</title> |
|
7 |
|
8 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
|
9 <link rel="shortcut icon" type="image/x-icon" href="http://www.festival-aix.com/sites/all/themes/festivalaix/favicon.ico"> |
|
10 <link href="index_files/style.css" rel="stylesheet" type="text/css" media="screen"> |
|
11 |
|
12 <body class="node-type-contenuprincipal section-909"> |
|
13 <div id="fb-root"></div> |
|
14 |
|
15 <div id="entourage" style="position:relative;"> |
|
16 <!--/////////////////////////////////TOP/////////////////////////////////--> |
|
17 <div id="haut"> |
|
18 |
|
19 <!-- LOGO --> |
|
20 <div style="display: block;" id="logo"> |
|
21 <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> |
|
22 </div> |
|
23 |
|
24 <!-- MENU ANNEXE --> |
|
25 <div style="display: block;" id="menu-annexe"> |
|
26 <div style="float:left; padding-top:16px; padding-left:20px;"> |
|
27 <a href="http://www.festival-aix.com/fr/" class="on">FR</a>|<a href="http://www.festival-aix.com/en/">EN</a> |
|
28 </div> |
|
29 |
|
30 <div style="float:right; padding-top:10px; padding-right:20px;"> |
|
31 <form action="/fr/node/13" accept-charset="UTF-8" method="post" id="fuzzysearch-box-form"> |
|
32 <div> |
|
33 <span class="recherche"> |
|
34 <div class="form-item" id="edit-keys-wrapper"> |
|
35 <input maxlength="128" name="keys" id="edit-keys" size="15" value="Rechercher" onfocus="this.value=''" class="form-text champs" type="text"> |
|
36 </div> |
|
37 <input name="op" id="edit-submit" value="" class="form-submit bt" type="submit"> |
|
38 </span> |
|
39 <input name="form_build_id" id="form-fdf4510abe1e288ea8b571faf94fcc13" value="form-fdf4510abe1e288ea8b571faf94fcc13" type="hidden"> |
|
40 <input name="form_id" id="edit-fuzzysearch-box-form" value="fuzzysearch_box_form" type="hidden"> |
|
41 |
|
42 </div> |
|
43 </form> |
|
44 |
|
45 </div> |
|
46 |
|
47 <div class="infos-comp" style="float:right; padding-top:16px; padding-right:14px;"> |
|
48 <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> |
|
49 </div> |
|
50 |
|
51 </div> |
|
52 |
|
53 <!-- MENU PRINCIPAL --> |
|
54 |
|
55 <div style="display: block;" id="menu"> |
|
56 <a name="gototop" id="gototop"></a> |
|
57 |
|
58 <div class="menu-block-1 menu-name-primary-links parent-mlid-0 menu-level-1"> |
|
59 <ul class="menu"> |
|
60 <li class="expanded first menu-mlid-909"> |
|
61 <a href="#" title="" class="active-trail selected-item">Festival 2013</a> |
|
62 </li> |
|
63 <li class="expanded menu-mlid-910"> |
|
64 <a href="#" title="">Pratique</a> |
|
65 </li> |
|
66 <li class="expanded menu-mlid-911"> |
|
67 <a href="#" title="">Actualité</a> |
|
68 </li> |
|
69 <li class="expanded menu-mlid-1237"> |
|
70 <a href="#" title="">Festival</a> |
|
71 </li> |
|
72 <li class="expanded menu-mlid-1238"> |
|
73 <a href="#" title="">Académie</a> |
|
74 </li> |
|
75 <li class="expanded menu-mlid-1239"> |
|
76 <a href="#" title="">Passerelles</a> |
|
77 </li> |
|
78 <li class="expanded menu-mlid-933"> |
|
79 <a href="#" title="">Nous soutenir</a> |
|
80 </li> |
|
81 <li class="leaf last menu-mlid-6518 active-trail"> |
|
82 <a thref="#" title="">Webdoc</a> |
|
83 <ul class="menu"> |
|
84 <li class="leaf first menu-mlid-1088 active"> |
|
85 <a href="#">Le projet</a> |
|
86 </li> |
|
87 <li class="leaf menu-mlid-937 has-children"> |
|
88 <a href="#" title="">Programme des projections</a> |
|
89 </li> |
|
90 <li class="leaf menu-mlid-940 has-children"> |
|
91 <a href="#" title="" class="active-trail active">Les webdocs</a> |
|
92 </li> |
|
93 </ul> |
|
94 </li> |
|
95 </ul> |
|
96 </div> |
|
97 |
|
98 </div> |
|
99 </div> |
|
100 |
|
101 <div style="background-color: rgb(133, 15, 69); display: block;" id="sous-menu-aplat"></div> |
|
102 |
|
103 <!--/////////////////////////////////BANDEAU/////////////////////////////////--> |
|
104 <div id="bandeau"> |
|
105 <div id="bandeau-image"> |
|
106 <div id="bandeau-titrage" style="display: block;"> |
|
107 <span class="surtitre">Festival 2013</span> |
|
108 <h1>Webdoc</h1> |
|
109 |
|
110 </div> |
|
111 |
|
112 </div> |
|
113 |
|
114 </div> |
|
115 <div id="content"> |
|
116 <div id="ariane"> |
|
117 <div class="breadcrumb"> |
|
118 <a href="http://www.festival-aix.com/fr">Accueil</a> › <a href="#" title="">Webdoc</a> › Les Webdocs |
|
119 </div> |
|
120 </div> |
|
121 <div class="centre"> |
|
122 |
|
123 <div id="toolkit"> |
|
124 <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> |
|
125 <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> |
|
126 </div> |
|
127 |
|
128 <iframe src="../player/index.html" width="1000" height="700" frameborder="0"></iframe> |
|
129 |
|
130 </div> |
|
131 <div class="cleaner"></div> |
|
132 </div> |
|
133 |
|
134 <!--/////////////////////////////////FOOTER/////////////////////////////////--> |
|
135 <div id="footer1"> |
|
136 |
|
137 <div class="centrer" id="footercentrer"> |
|
138 <div id="main-partner"> |
|
139 <span class="titrehaut">le festival a le soutien de</span> |
|
140 <div class="partner"> |
|
141 <a href="http://www.vivendi.fr/" target="_blank"><img src="index_files/vivendi.png" alt="Vivendi"></a> |
|
142 </div> |
|
143 <span class="titrebas">partenaire officiel</span> |
|
144 </div> |
|
145 <div id="other-partner"> |
|
146 <span class="titrehaut"></span> |
|
147 <div class="partner"> |
|
148 <ul style="position: relative; height: auto;" class="partner-logo innerfade"> |
|
149 <li style="z-index: 5; position: absolute; display: list-item;"><img src="index_files/laposte.jpg"> |
|
150 </li> |
|
151 </ul> |
|
152 </div> |
|
153 <div class="partner"> |
|
154 <ul style="position: relative; height: auto;" class="partner-logo innerfade"> |
|
155 <li style="z-index: 5; position: absolute; display: list-item;"><img src="index_files/orange.jpg"> |
|
156 </li> |
|
157 </ul> |
|
158 </div> |
|
159 <span class="titrebas">partenaires</span> |
|
160 </div> |
|
161 <a href="http://www.festival-aix.com/node/98" class="bonus pair">faire un don</a> |
|
162 <!--<a href="http://e-boutique.festival-aix.com" class="bonus impair" target="_blank">e-boutique</a>--> |
|
163 <a href="http://www.festival-aix.com/blog" class="bonus impair" target="_blank">Blog</a> |
|
164 <a href="http://www.festival-aix.com/fr/redirect/node/108" class="bonus pair">goodies</a> |
|
165 <a href="http://www.festival-aix.com/fr/rss" class="rss" title="s'abonner aux flux rss" target="_blank">rss</a> |
|
166 <a href="http://twitter.com/Festival_dAix" title="suivre le festival sur twitter" class="tw" target="_blank">twitter</a> |
|
167 <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> |
|
168 <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> |
|
169 <div class="cleaner"></div> |
|
170 </div> |
|
171 </div> |
|
172 <div id="footer2"> |
|
173 <div class="menu-block-4 menu-name-secondary-links parent-mlid-1699 menu-level-1"> |
|
174 <ul class="menu"> |
|
175 <li class="leaf first menu-mlid-1700"> |
|
176 <a href="http://www.festival-aix.com/fr/node/61">Nous contacter</a> |
|
177 </li> |
|
178 <li class="leaf menu-mlid-2077"> |
|
179 <a href="http://www.festival-aix.com/fr/sitemap" title="">Plan du site</a> |
|
180 </li> |
|
181 <li class="leaf menu-mlid-1813"> |
|
182 <a href="http://www.festival-aix.com/fr/node/102">Mentions légales</a> |
|
183 </li> |
|
184 <li style="background-image: none;" class="leaf last menu-mlid-1814"> |
|
185 <a href="http://www.festival-aix.com/fr/node/103">Crédits</a> |
|
186 </li> |
|
187 </ul> |
|
188 </div> |
|
189 </div> |
|
190 </body> |
|
191 </html> |