Les outils éducatifs

<portal id="1212" name="outils-educatifs" title="Les outils éducatifs" slug="outils-educatifs" description="Des outils éducatifs sont élaborés par les équipes de la Philharmonie de Paris : guides d'écoutes, pièces participatives, jeux, portraits de compositeurs et œuvres..." keywords="outils éducatifs, pédagogie, dossiers pédagogiques, philharmonie de Paris, guides d'écoutes, pièces participatives, jeux, éveil musical, portraits de compositeurs, parcours éducation artistique et culturelle" style="dossier-oe-modele" icon="http://drop.philharmoniedeparis.fr/homepage/edutheque/images/portraits-outils-educatifs-boite-a-outils.jpg" disabled="false" securityAccess="" isSystem="false" mobileEnabled="false" useForFront="true" hidden="false" categoryId="6" application="" scope="" scopeDescription="" creationDate="2015-05-20T15:20:53.047+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.333+01:00" lastUpdateUser="Goubault Floriane" layoutData="<?xml version="1.0" encoding="utf-16"?><portal><layout id="1" size="100%" orientation="Vertical"><zone id="2" size="100%" orientation="Vertical" /><layout id="3" size="100%" orientation="Horizontal"><zone id="4" size="50%" orientation="Vertical" /><zone id="5" size="50%" orientation="Vertical" /></layout><zone id="6" size="100%" orientation="Vertical" /></layout></portal>" status="1" cultureId="1036" cultureName="fr-FR" cultureNativeName="français (France)" parentId="" canView="true" canEdit="false" canChangeStatus="false" canModifyLayout="false" canDisable="false" canDelete="false" canEditTemplate="false" hasPendingChanges="false" publicationRequested="false" pendingChangesOwner="" typeId="1" indexable="true" template="1025" templateApplicationAlias="" templateScopeAlias="">
      <webFrames>
        <frame id="3787" type="Ermes - Carousel" state="0" creationDate="2015-05-20T15:20:53.05+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.287+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="10" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<h2>Les œuvres</h2>
<div class="modele-4-col model-html">
<div class="row">
<div class="pattern">
<div class="col-xs-12 col-sm-6 col-md-3 media"><a title="Le Bourgeois Gentilhomme - Lully" href="./0732491-le-bourgeois-gentilhomme-l-oeuvre-lully.aspx"><img class="media-object img-noresponsive" alt="Chateau de Chambord, Loir et Cher - L. Goblain © BNF" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/dossier-concert-educatif-chateau-chambord-[dessin]-_L-Goblain©BNF_LQ.jpg" height="250" width="250" /></a>
<div class="media-body border">
<p class="evene">Oeuvre</p>
<hr />
<h3 class="media-heading"><em>Le Bourgeois Gentilhomme</em> - Lully</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" title="Le Bourgeois Gentilhomme - Lully" href="./0732491-le-bourgeois-gentilhomme-l-oeuvre-lully.aspx">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="./0823561-le-bourgeois-gentilhomme-l-oeuvre-strauss.aspx"><img class="media-object img-noresponsive" title="Oeuvre de Richard Strauss" alt="Oeuvre de Richard Strauss" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/dossier-concert-educatif-Richard-Strauss-par-Emil-Orlik-1916_LQ.jpg" height="250" width="250" /></a>
<div class="media-body border">
<p class="evene">Oeuvre</p>
<hr />
<h3 class="media-heading"><em>Le Bourgeois Gentilhomme</em> - Strauss</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="./0823561-le-bourgeois-gentilhomme-l-oeuvre-strauss.aspx">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="#"><img class="media-object img-noresponsive" alt="Image Alt Text" src="imageplaceholder.ashx?w=250&amp;h=250" height="250" width="250" /></a>
<div class="media-body border">
<p class="evene">Oeuvre</p>
<hr />
<h3 class="media-heading">NOM DE L'OEUVRE XX XXX XXX XXXX - COMPOSITEUR</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="#">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="#"><img class="media-object img-noresponsive" alt="Image Alt Text" src="imageplaceholder.ashx?w=250&amp;h=250" height="250" width="250" /></a>
<div class="media-body border">
<p class="evene">Oeuvre</p>
<hr />
<h3 class="media-heading">NOM DE L'OEUVRE XX XXX XXX XXXX - COMPOSITEUR</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="#">Consulter</a></div>
</div>
</div>
<div> </div>
</div>
</div>
<p><a class="btn btn-default tous" role="button" href="#">Consulter toutes les oeuvres étudiées</a></p>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="3788" type="Ermes - Carousel" state="0" creationDate="2015-05-20T15:20:53.13+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.287+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="9" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<h2>Les portraits de compositeurs</h2>
<div class="modele-4-col model-html">
<div class="row">
<div class="pattern">
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="./0042582-biographie-jean-baptiste-lully.aspx"><img class="media-object img-noresponsive" title="Jean-Baptiste Lully, secrétaire du Roy et sur-intendant de sa musique / Paulus Mignard © BNF" alt="Jean-Baptiste Lully, secrétaire du Roy et sur-intendant de sa musique / Paulus Mignard © BNF" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/Jean-Baptiste-Lully_Paulus-Mignard©BNF_LQ.jpg" height="250" width="250" /></a>
<div class="media-body border">
<p class="evene">Biographie</p>
<hr />
<h3 class="media-heading">Jean-Baptiste Lully (1632-1687)</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="./0042582-biographie-jean-baptiste-lully.aspx">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="./0048854-biographie-richard-strauss.aspx"><img class="media-object img-noresponsive" title="Richard Strauss premier chef d'orchestre de l'opéra de Berlin © BnF" alt="Biographie du compositeur Richard Strauss" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/M-Richard-Strauss-Premier-chef-d-orchestre-de-l-Opera-de-Berlin©BNF_LQ.jpg" height="250" width="250" /></a>
<div class="media-body border">
<p class="evene">Biographie</p>
<hr />
<h3 class="media-heading">Richard Strauss (1864-1949)</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="./0048854-biographie-richard-strauss.aspx">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="./0038954-biographie-ludwig-van-beethoven.aspx"><img class="media-object img-noresponsive" title="Beethoven composant la Missa Solemnis par Joseph Carl Stieler portrait à l'huile 1819 ou 1820 © Beethoven Haus Bonn" alt="Beethoven composant la Missa Solemnis par Joseph Carl Stieler portrait à l'huile 1819 ou 1820 © Beethoven Haus Bonn" src="http://drop.philharmoniedeparis.fr/biographies/Van-beethoven-ludwig/Beethoven-composant-la-Missa-Solemnis-par-Joseph-Carl-Stieler-portrait-a-l-huile-1819-ou-1820©Beethoven-Haus-Bonn_LD.jpg" height="250" width="250" /></a>
<div class="media-body border">
<p class="evene">Biographie</p>
<hr />
<h3 class="media-heading">Ludwig Van Beethoven (1770-1827)</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="./0038954-biographie-ludwig-van-beethoven.aspx">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="./0051746-biographie-de-claude-debussy.aspx"><img class="media-object img-noresponsive" title="Claude Debussy d'après le portrait de Marcel Baschet 1884  © Bnf" alt="Claude Debussy d'après le portrait de Marcel Baschet 1884  © Bnf" src="http://drop.philharmoniedeparis.fr/biographies/Debussy-claude/Claude-Debussy-D-apres-le-portrait-de-Marcel-Baschet-1884©bnf_LD.jpg" height="250" width="250" /></a>
<div class="media-body border">
<p class="evene">Biographie</p>
<hr />
<h3 class="media-heading">Claude Debussy (1862-1918)</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="./0051746-biographie-de-claude-debussy.aspx">Consulter</a></div>
</div>
</div>
</div>
</div>
<p><a class="btn btn-default tous" role="button" href="#">Consulter tous les portraits de compositeurs</a></p>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="3789" type="Ermes - Carousel" state="0" creationDate="2015-05-20T15:20:53.153+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.287+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="9" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<h2>Les guides d'écoute</h2>
<div class="modele-4-col model-html">
<div class="row">
<div class="pattern">
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="http://media.citedelamusique.fr/CMDA/public/CMDA100000100/"><img class="media-object img-noresponsive" alt="Concert éducatif - Guide écoute Marche pour la cérémonie des turcs" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/dossier-concert-educatif-guide-ecoute-marche-des-turcs-lully.jpg" height="250" width="250" /></a>
<div class="media-body border">
<p class="evene">Guide d'écoute</p>
<hr />
<h3 class="media-heading"><em>Marche pour la cérémonie des Turcs</em> - Lully</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="http://media.citedelamusique.fr/CMDA/public/CMDA100000100/">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="http://media.citedelamusique.fr/CMDA/public/CMDA100002600/"><img class="media-object img-noresponsive" title="Guide d'écoute Menuet" alt="Guide d'écoute Menuet" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/dossier-concert-educatif-guide-ecoute-menuet-de-lully-strauss.jpg" /></a>
<div class="media-body border">
<p class="evene">Guide d'écoute</p>
<hr />
<h3 class="media-heading"><em>Menuet de Lully</em> - Strauss</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="http://media.citedelamusique.fr/CMDA/public/CMDA100002600/">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="http://media.citedelamusique.fr/CMDA/public/CMDA900003200/"><img class="media-object img-noresponsive" title="Guide d'écoute &quot;Friggya&quot;, Jasser Haj Youssef" alt="Guide d'écoute &quot;Friggya&quot;, Jasser Haj Youssef" src="http://drop.philharmoniedeparis.fr/outils-educatifs/guides/CMDA900003200.jpg" /></a>
<div class="media-body border">
<p class="evene">Guide d'écoute</p>
<hr />
<h3 class="media-heading"><em>Friggya</em>, Jasser Haj Youssef</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="http://media.citedelamusique.fr/CMDA/public/CMDA900003200/">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a title="Symphonie fantastique, Marche au supplice d'Hector Berlioz" href="http://media.citedelamusique.fr/CMDA/public/CMDA100004700/"><img class="media-object img-noresponsive" title="Guide d'écoute Symphonie fantastique d'Hector Berlioz" alt="Guide d'écoute Symphonie fantastique d'Hector Berlioz" src="http://drop.philharmoniedeparis.fr/outils-educatifs/guides/CMDA100004700.jpg" /></a>
<div class="media-body border">
<p class="evene">Guide d'écoute</p>
<hr />
<h3 class="media-heading"><em>Symphonie fantastique, Marche au supplice</em>, d'Hector Berlioz</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" title="Symphonie fantastique, Marche au supplice d'Hector Berlioz" href="http://media.citedelamusique.fr/CMDA/public/CMDA100004700/">Consulter</a></div>
</div>
</div>
<div> </div>
</div>
</div>
<p><a class="btn btn-default tous" role="button" href="http://digital.philharmoniedeparis.fr/search.aspx?SC=SCENARIO_1#/Search/(query:(FacetFilter:'%7B%22_26%22:%22Guides%20d!'%C3%A9coute%22%7D',ForceSearch:!t,Page:0,PageRange:3,QueryString:'*:*',ResultSize:30,ScenarioCode:SCENARIO_1,ScenarioDisplayMode:display-vignet,SearchLabel:'*',SearchTerms:'',SortField:DateOfInsertion_sort,SortOrder:0,TemplateParams:(Scenario:'',Scope:RESSOURCES,Size:!n,Source:'',Support:'')))">Consulter tous les guides d'écoute</a></p>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="3795" type="Ermes - Carousel" state="0" creationDate="2015-05-20T15:37:26.3+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.287+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="0" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<nav>
<ul>
<li><a class="last" href="./outils-educatifs.aspx">Outils éducatifs</a></li>
</ul>
</nav>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="4119" type="Ermes - Carousel" state="0" creationDate="2015-06-15T11:15:27.073+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.287+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="9" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="h2-titre" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<h1>l'éveil musical</h1>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="4120" type="Ermes - Carousel" state="0" creationDate="2015-06-15T11:15:27.09+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.287+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="8" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<h2>Pièces participatives</h2>
<div class="modele-4-col model-html">
<div class="row">
<div class="pattern">
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="http://mediatheque.cite-musique.fr/MediaComposite/CMDP/CMDP000002300/videos/debussy/"><img class="media-object img-noresponsive" alt="Vidéo participative Bodyclapping - les grandes figures de Debussy" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000002300/images/bodyclapping-grandes-figures-debussy-cite-musique.jpg" /></a>
<div class="media-body border">
<p class="evene">Vidéo participative</p>
<hr />
<h3 class="media-heading">Bodyclapping - Les grandes figures de Debussy</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="http://mediatheque.cite-musique.fr/MediaComposite/CMDP/CMDP000002300/videos/debussy/">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="http://education.citedelamusique.fr/CMDA/Public/CMDA100003200/"><img class="media-object img-noresponsive" title="Les ballets Russes - Finale de l'oiseau de feu" alt="Les ballets Russes - Finale de l'oiseau de feu" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001200/images/les-ballets-russes-finale-de-l-oiseau-de-feu.jpg" /></a>
<div class="media-body border">
<p class="evene">Chanson participative</p>
<hr />
<h3 class="media-heading">Les ballets Russes : Finale de l'oiseau de feu</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="http://education.citedelamusique.fr/CMDA/Public/CMDA100003200/">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="http://education.citedelamusique.fr/CMDA/Public/CMDA100005600/"><img class="media-object img-noresponsive" alt="Chanson participative les grandes figures Debussy" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000002300/images/chanson-participative-grandes-figures-debussy.jpg" /></a>
<div class="media-body border">
<p class="evene">Chanson participative</p>
<hr />
<h3 class="media-heading">Chanson participative - Les grandes figures : Debussy</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="http://education.citedelamusique.fr/CMDA/Public/CMDA100005600/">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="#"><img class="media-object img-noresponsive" alt="Image Alt Text" src="imageplaceholder.ashx?w=250&amp;h=250" /></a>
<div class="media-body border">
<p class="evene">Vidéo</p>
<hr />
<h3 class="media-heading">Nom de la vidéo : exemple le bodyclapping</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="#">Consulter</a></div>
</div>
</div>
<div> </div>
</div>
</div>
<p><a class="btn btn-default tous" role="button" href="#">Consulter toutes les vidéos participatives</a></p>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="4121" type="Ermes - Carousel" state="0" creationDate="2015-06-15T11:15:27.2+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.287+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="7" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<h2>Livrets d'apprentissages</h2>
<div class="modele-4-col model-html">
<div class="row">
<div class="pattern">
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="#"><img class="media-object img-noresponsive" alt="Image Alt Text" src="imageplaceholder.ashx?w=250&amp;h=250" /></a>
<div class="media-body border">
<p class="evene">Livret</p>
<hr />
<h3 class="media-heading">Nom du livret</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="#">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="#"><img class="media-object img-noresponsive" alt="Image Alt Text" src="imageplaceholder.ashx?w=250&amp;h=250" /></a>
<div class="media-body border">
<p class="evene">Livret</p>
<hr />
<h3 class="media-heading">Nom du livret</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="#">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="#"><img class="media-object img-noresponsive" alt="Image Alt Text" src="imageplaceholder.ashx?w=250&amp;h=250" /></a>
<div class="media-body border">
<p class="evene">Livret</p>
<hr />
<h3 class="media-heading">Nom du livret</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="#">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="#"><img class="media-object img-noresponsive" alt="Image Alt Text" src="imageplaceholder.ashx?w=250&amp;h=250" /></a>
<div class="media-body border">
<p class="evene">Livret</p>
<hr />
<h3 class="media-heading">Nom du livret</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="#">Consulter</a></div>
</div>
</div>
<div> </div>
</div>
</div>
<p><a class="btn btn-default tous" role="button" href="#">Consulter tous les livrets d'apprentissages</a></p>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="4122" type="Ermes - Carousel" state="0" creationDate="2015-06-15T11:15:27.213+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.287+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title="L'éveil musical" position="4" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<div class="modele-4-col model-html">
<div class="row">
<div class="pattern">
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="#"><img class="media-object img-noresponsive" alt="Image Alt Text" src="imageplaceholder.ashx?w=250&amp;h=250" /></a>
<div class="media-body border">
<p class="evene">Documentaire</p>
<hr />
<h3 class="media-heading">L'éveil musical</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="#">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="#"><img class="media-object img-noresponsive" alt="Image Alt Text" src="imageplaceholder.ashx?w=250&amp;h=250" /></a>
<div class="media-body border">
<p class="evene">Type de support</p>
<hr />
<h3 class="media-heading">Nom du support</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="#">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="#"><img class="media-object img-noresponsive" alt="Image Alt Text" src="imageplaceholder.ashx?w=250&amp;h=250" /></a>
<div class="media-body border">
<p class="evene"><span>Type de support</span></p>
<hr />
<h3 class="media-heading">Nom du support</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="#">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="#"><img class="media-object img-noresponsive" alt="Image Alt Text" src="imageplaceholder.ashx?w=250&amp;h=250" /></a>
<div class="media-body border">
<p class="evene"><span>Type de support</span></p>
<hr />
<h3 class="media-heading">Nom du support</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="#">Consulter</a></div>
</div>
</div>
<div> </div>
</div>
</div>
<p><a class="btn btn-default tous" role="button" href="#">Consulter tous les documents</a></p>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="4842" type="Ermes - Carousel" state="0" creationDate="2015-07-02T15:32:35.93+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.287+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="6" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<div class="modele_13 model-html">
<div class="row">
<div class="pattern">
<h2>Portraits de compositeurs</h2>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" title="Jean-Baptiste Lully, secrétaire du Roy et sur-intendant de sa musique / Paulus Mignard © BNF" href="./0042582-biographie-jean-baptiste-lully.aspx"> <img class="media-object" alt="Image Alt Text" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/Jean-Baptiste-Lully_Paulus-Mignard©BNF_LQ.jpg" height="64" width="64" /> </a>
<div class="media-body">
<p class="line">Biographie</p>
<h3 class="media-heading">Jean-Baptiste Lully (1632-1687)</h3>
</div>
</div>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" title="Portrait de compositeur Richard Strauss" href="./0048854-biographie-richard-strauss.aspx"> <img class="media-object" alt="Richard Strauss premier chef d'orchestre de l'opéra de Berlin © BnF" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/M-Richard-Strauss-Premier-chef-d-orchestre-de-l-Opera-de-Berlin©BNF_LQ.jpg" height="64" width="64" /> </a>
<div class="media-body">
<p class="line">Biographie</p>
<h3 class="media-heading">Richard Strauss (1864-1949)</h3>
</div>
</div>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" title="Portrait de compositeur Ludwig Van Beethoven" href="./0038954-biographie-ludwig-van-beethoven.aspx"> <img class="media-object" alt="Beethoven composant la Missa Solemnis par Joseph Carl Stieler portrait à l'huile 1819 ou 1820 © Beethoven Haus Bonn" src="http://drop.philharmoniedeparis.fr/biographies/Van-beethoven-ludwig/Beethoven-composant-la-Missa-Solemnis-par-Joseph-Carl-Stieler-portrait-a-l-huile-1819-ou-1820©Beethoven-Haus-Bonn_LD.jpg" height="64" width="64" /> </a>
<div class="media-body">
<p class="line">Biographie</p>
<h3 class="media-heading">Ludwig Van Beethoven (1770-1827)</h3>
</div>
</div>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" title="Portrait du compositeur Claude Debussy" href="./0051746-biographie-de-claude-debussy.aspx"> <img class="media-object" alt="Claude Debussy d'après le portrait de Marcel Baschet 1884  © Bnf" src="http://drop.philharmoniedeparis.fr/biographies/Debussy-claude/Claude-Debussy-D-apres-le-portrait-de-Marcel-Baschet-1884©bnf_LD.jpg" height="64" width="64" /> </a>
<div class="media-body">
<p class="line">Biographie</p>
<h3 class="media-heading">Claude Debussy (1862-1918)</h3>
</div>
</div>
</div>
</div>
</div>
<p><a class="btn btn-default tous" role="button" href="#">Tout voir</a></p>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="4843" type="Ermes - Carousel" state="0" creationDate="2015-07-02T15:32:35.93+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.287+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="7" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<div class="modele_13 model-html">
<div class="row">
<div class="pattern">
<h2>Les oeuvres</h2>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" href="./0732491-le-bourgeois-gentilhomme-de-lully.aspx"> <img class="media-object" alt="Chateau de Chambord, Loir et Cher - L. Goblain © BNF" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/dossier-concert-educatif-chateau-chambord-[dessin]-_L-Goblain©BNF_LQ.jpg" height="" width="64" /> </a>
<div class="media-body">
<p class="line">Oeuvre</p>
<h3 class="media-heading"><em>Le Bourgeois Gentilhomme</em> - Lully</h3>
</div>
</div>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" title="Oeuvre de Richard Strauss" href="./0823561-le-bourgeois-gentilhomme-de-strauss.aspx"> <img class="media-object" alt="Oeuvre de Richard Strauss" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/dossier-concert-educatif-Richard-Strauss-par-Emil-Orlik-1916_LQ.jpg" height="" width="64" /> </a>
<div class="media-body">
<p class="line">Oeuvre</p>
<h3 class="media-heading"><em>Le Bourgeois Gentilhomme</em> - Strauss</h3>
</div>
</div>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" href="#"> <img class="media-object" alt="Image Alt Text" src="imageplaceholder.ashx?w=64&amp;h=64" /> </a>
<div class="media-body">
<p class="line">Oeuvre</p>
<h3 class="media-heading">NOM DE L'OEUVRE XX XXX XXX XXXX - COMPOSITEUR</h3>
</div>
</div>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" href="#"> <img class="media-object" alt="Image Alt Text" src="imageplaceholder.ashx?w=64&amp;h=64" /> </a>
<div class="media-body">
<p class="line">Oeuvre</p>
<h3 class="media-heading">NOM DE L'OEUVRE XX XXX XXX XXXX - COMPOSITEUR</h3>
</div>
</div>
</div>
</div>
</div>
<p><a class="btn btn-default tous" role="button" href="#">Tout voir</a></p>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="4844" type="Ermes - Carousel" state="0" creationDate="2015-07-02T15:32:35.933+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.287+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="4" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<div class="modele_13 model-html">
<div class="row">
<div class="pattern">
<h2>Guides d'écoutes</h2>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" title="Concert éducatif - Guide écoute Marche pour la cérémonie des turcs" href="http://media.citedelamusique.fr/CMDA/public/CMDA100000100/"> <img class="media-object" alt="Concert éducatif - Guide écoute Marche pour la cérémonie des turcs" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/dossier-concert-educatif-guide-ecoute-marche-des-turcs-lully.jpg" height="" width="64" /> </a>
<div class="media-body">
<p class="line">Guide d'écoute</p>
<h3 class="media-heading"><em>Marche pour la cérémonie des Turcs</em> - Lully</h3>
</div>
</div>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" title="Guide d'écoute Menuet" href="http://media.citedelamusique.fr/CMDA/public/CMDA100002600/"> <img class="media-object" alt="Guide d'écoute Menuet de Lully" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/dossier-concert-educatif-guide-ecoute-menuet-de-lully-strauss.jpg" height="" width="64" /> </a>
<div class="media-body">
<p class="line">Guide d'écoute</p>
<h3 class="media-heading"><em>Menuet de Lully</em> - Strauss</h3>
</div>
</div>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" title="Guide d'écoute " href="http://media.citedelamusique.fr/CMDA/public/CMDA900003200/"> <img class="media-object" alt="Guide d'écoute " src="http://drop.philharmoniedeparis.fr/outils-educatifs/guides/CMDA900003200.jpg" height="" width="64" /> </a>
<div class="media-body">
<p class="line">Guide d'écoute</p>
<h3 class="media-heading">Guide d'écoute "Friggya", Jasser Haj Youssef</h3>
</div>
</div>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" title="Guide d'écoute Symphonie fantastique d'Hector Berlioz" href="http://media.citedelamusique.fr/CMDA/public/CMDA100004700/"> <img class="media-object" alt="Guide d'écoute Symphonie fantastique d'Hector Berlioz" src="http://drop.philharmoniedeparis.fr/outils-educatifs/guides/CMDA100004700.jpg" height="" width="64" /> </a>
<div class="media-body">
<p class="line">Guide d'écoute</p>
<h3 class="media-heading"><em>Symphonie fantastique, Marche au supplice</em> - Hector Berlioz</h3>
</div>
</div>
</div>
</div>
</div>
<p><a class="btn btn-default tous" role="button" href="http://digital.philharmoniedeparis.fr/search.aspx?SC=SCENARIO_1#/Search/(query:(FacetFilter:'%7B%22_26%22:%22Guides%20d!'%C3%A9coute%22%7D',ForceSearch:!t,Page:0,PageRange:3,QueryString:'*:*',ResultSize:30,ScenarioCode:SCENARIO_1,ScenarioDisplayMode:display-vignet,SearchLabel:'*',SearchTerms:'',SortField:DateOfInsertion_sort,SortOrder:0,TemplateParams:(Scenario:'',Scope:RESSOURCES,Size:!n,Source:'',Support:'')))">Tout voir</a></p>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="4874" type="Ermes - Carousel" state="0" creationDate="2015-07-02T17:11:18.127+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.303+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="5" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<div class="modele_13 model-html">
<div class="row">
<div class="pattern">
<h2>Pièces participatives</h2>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" title="Vidéo participative Bodyclapping - les grandes figures de Debussy" href="http://mediatheque.cite-musique.fr/MediaComposite/CMDP/CMDP000002300/videos/debussy/"> <img class="media-object" alt="Vidéo participative Bodyclapping - les grandes figures de Debussy" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000002300/images/bodyclapping-grandes-figures-debussy-cite-musique.jpg" height="64" width="64" /> </a>
<div class="media-body">
<p class="line">Vidéo participative</p>
<h3 class="media-heading">Bodyclapping - Les grandes figures de Debussy</h3>
</div>
</div>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" title="Pièce participative Les ballets Russes - Finale de l'oiseau de feu" href="http://education.citedelamusique.fr/CMDA/Public/CMDA100003200/"> <img class="media-object" alt="Pièce participative Les ballets Russes - Finale de l'oiseau de feu" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001200/images/les-ballets-russes-finale-de-l-oiseau-de-feu.jpg" height="64" width="64" /> </a>
<div class="media-body">
<p class="line">Chanson participative</p>
<h3 class="media-heading">Les ballets Russes : Finale de l'oiseau de feu</h3>
</div>
</div>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" title="Chanson participative les grandes figures Debussy" href="http://education.citedelamusique.fr/CMDA/Public/CMDA100005600/"> <img class="media-object" alt="Chanson participative les grandes figures Debussy" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000002300/images/chanson-participative-grandes-figures-debussy.jpg" height="64" width="64" /> </a>
<div class="media-body">
<p class="line">Chanson participative</p>
<h3 class="media-heading">Chanson participative - Les grandes figures : Debussy</h3>
</div>
</div>
<div class="col-sm-4 col-md-3 media"><a class="pull-left" title="#" href="#"> <img class="media-object" alt="#" src="http://drop.philharmoniedeparis.fr/CMDP/Bleu.jpg" height="64" width="64" /> </a>
<div class="media-body">
<p class="line">A remplir</p>
<h3 class="media-heading">A remplir</h3>
</div>
</div>
</div>
</div>
</div>
<p><a class="btn btn-default tous" role="button" href="#">Tout voir</a></p>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="4978" type="Ermes - Carousel" state="0" creationDate="2015-07-03T11:12:10.763+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.303+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="5" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<div class="modele-image-gauche-texte-droite model-html">
<div class="row">
<div class="media thumbnail"><a class="pull-left" title="Jean-Baptiste Lully, secrétaire du Roy et sur-intendant de sa musique / Paulus Mignard © BNF" href="./0042582-biographie-jean-baptiste-lully.aspx"> <img class="media-object img-responsive" alt="Jean-Baptiste Lully, secrétaire du Roy et sur-intendant de sa musique / Paulus Mignard © BNF" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/Jean-Baptiste-Lully_Paulus-Mignard©BNF_LQ.jpg" height="240" width="240" /> </a>
<div class="media-body caption border">
<p class="evene">Portrait de compositeur</p>
<hr />
<h3 class="media-heading">Jean-Baptiste Lully (1632-1687)</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" title="Biographie du compositeur" href="./0042582-biographie-jean-baptiste-lully.aspx" target="_blank">Consulter</a></div>
</div>
</div>
</div>
<div class="modele-image-gauche-texte-droite model-html">
<div class="row">
<div class="media thumbnail"><a class="pull-left" title="Jean-Baptiste Lully, secrétaire du Roy et sur-intendant de sa musique / Paulus Mignard © BNF" href="./0042582-biographie-jean-baptiste-lully.aspx"> <img class="media-object img-responsive" alt="Jean-Baptiste Lully, secrétaire du Roy et sur-intendant de sa musique / Paulus Mignard © BNF" src="http://drop.philharmoniedeparis.fr/CMDP/CMDP000001000/images/Jean-Baptiste-Lully_Paulus-Mignard©BNF_LQ.jpg" height="240" width="240" /> </a>
<div class="media-body caption border">
<p class="evene">Portrait de compositeur</p>
<hr />
<h3 class="media-heading">Jean-Baptiste Lully (1632-1687)</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" title="Biographie du compositeur" href="./0042582-biographie-jean-baptiste-lully.aspx" target="_blank">Consulter</a></div>
</div>
</div>
</div>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="4982" type="Ermes - Carousel" state="0" creationDate="2015-07-03T11:19:00.963+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.303+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="4" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<div class="modele_14 model-html">
<div class="row">
<div class="pattern">
<div class="col-sm-6 col-md-6 media"><a class="pull-left" href="#"> <img class="media-object" alt="Image Alt Text" src="imageplaceholder.ashx?w=128&amp;h=128" /> </a>
<div class="media-body">
<h4 class="media-heading">Guides d'écoute</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
</div>
</div>
<div class="col-sm-6 col-md-6 media"><a class="pull-left" href="#"> <img class="media-object" alt="Image Alt Text" src="imageplaceholder.ashx?w=128&amp;h=128" /> </a>
<div class="media-body">
<h4 class="media-heading">Pièces participatives</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
</div>
</div>
<div class="col-sm-6 col-md-6 media"><a class="pull-left" href="#"> <img class="media-object" alt="Image Alt Text" src="imageplaceholder.ashx?w=128&amp;h=128" /> </a>
<div class="media-body">
<h4 class="media-heading">Portraits de compositeurs</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
</div>
</div>
<div class="col-sm-6 col-md-6 media"><a class="pull-left" href="#"> <img class="media-object" alt="Image Alt Text" src="imageplaceholder.ashx?w=128&amp;h=128" /> </a>
<div class="media-body">
<h4 class="media-heading">Oeuvres</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
</div>
</div>
</div>
</div>
</div>
<div> </div>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="5203" type="Ermes - Carousel" state="0" creationDate="2015-07-15T16:12:11.23+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.303+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title="Pour accompagner les parcours EAC" position="4" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<p>Sélections documentaires</p>
<div class="modele-4-col model-html">
<div class="row">
<div class="pattern">
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="http://digital.philharmoniedeparis.fr/selection-musiques-et-cultures-africaines.aspx"><img class="media-object img-noresponsive" alt="Sélection musiques et cultures africaine" src="http://drop.philharmoniedeparis.fr/content/EAC/images/EAC_musiques_africaines.png" /></a>
<div class="media-body border">
<p class="evene">Du CM1 à la terminale</p>
<hr />
<h3 class="media-heading">Musiques et cultures africaines</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="http://digital.philharmoniedeparis.fr/selection-musiques-et-cultures-africaines.aspx">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a href="http://digital.philharmoniedeparis.fr/selection-musiques-et-cultures-hispanophones.aspx"><img class="media-object img-noresponsive" alt="Sélection musiques et cultures hispanonphones" src="http://drop.philharmoniedeparis.fr/content/EAC/images/EAC_musiques_hispanophones.png" /></a>
<div class="media-body border">
<p class="evene">Du CM1 à la terminale</p>
<hr />
<h3 class="media-heading">Musiques et cultures hispanophones</h3>
<p class="describe"> </p>
<a class="btn btn-default" role="button" href="http://digital.philharmoniedeparis.fr/selection-musiques-et-cultures-hispanophones.aspx">Consulter</a></div>
</div>
</div>
</div>
</div>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="5204" type="Ermes - Carousel" state="0" creationDate="2015-07-15T16:25:28.9+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.303+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="4" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<div class="btn-oe"><a class="btn btn-default tous" role="button" href="#">Consulter tous les guides d'écoutes</a></div>
<div class="btn-oe"><a class="btn btn-default tous" role="button" href="#">Consulter toutes les pièces participatives</a></div>
<div class="btn-oe"><a class="btn btn-default tous" role="button" href="#">Consulter tous les jeux</a></div>
<div class="btn-oe"><a class="btn btn-default tous" role="button" href="#">Consulter tous les portraits de compositeurs</a></div>
<div class="btn-oe"><a class="btn btn-default tous" role="button" href="#">Consulter toutes les fiches oeuvres</a></div>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
        <frame id="19144" type="Ermes - Carousel" state="0" creationDate="2016-10-03T09:37:52.967+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:51.617+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Idle" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="0" zone="2" visible="false" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="true" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
          <items>
            <Item htmlContent="<article>
<p class="presentation-oe">Outils éducatifs</p>
</article>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
          </items>
        </frame>
      </webFrames>
      <layout id="1" size="100%" orientation="Vertical">
        <zone id="2" size="100%" position="1" orientation="Vertical">
          <frame id="3794" type="Ermes - Carousel" state="0" creationDate="2015-05-20T15:34:30.167+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:51.617+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Completed" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="0" zone="2" visible="true" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="true" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
            <items>
              <Item htmlContent="<article>
<p class="presentation-oe">Outils éducatifs</p>
</article>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
            </items>
            <CarouselFrameData>
              <Items>
                <CarouselWebFramePropertySet>
                  <ItemKey>e4ad0fb1-c4b0-4724-ae08-683a15025d61</ItemKey>
                  <DateActivation nil="true" />
                  <DateExpiration nil="true" />
                  <HtmlContent><article>
<p class="presentation-oe">Outils éducatifs</p>
</article></HtmlContent>
                  <RoleConsultation nil="true" />
                </CarouselWebFramePropertySet>
              </Items>
              <RenderResult>{"controlNavigation":"bullets","slidesOrientation":"horizontal","transitionType":"fade","loop":true,"globalCaption":false,"globalCaptionInside":false,"autoHeight":true,"thumbs":null,"visibleNearby":null,"autoPlay":null,"fullscreen":null,"randomizeSlides":false,"imageScaleMode":"fit","labels":{"rsNavSelected":", sélectionné"},"renderType":"htmlCarousel","fixedHeight":false,"autoScaleSlider":false,"imageAlignCenter":true}</RenderResult>
            </CarouselFrameData>
          </frame>
          <frame id="4831" type="Ermes - Carousel" state="0" creationDate="2015-07-02T14:31:46.29+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.287+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Completed" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title="Pour préparer les élèves au concert" position="1" zone="2" visible="true" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="oe-accroche" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
            <items>
              <Item htmlContent="<article>
<p>Boîtes à outils pour les enseignants qui veulent préparer leurs élèves à la venue au concert : guides d'écoute, <span>portraits de compositeurs, fiches d'œuvres, </span>pièces participatives, jeux, <span>vidéos de présentation</span>...</p>
</article>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
            </items>
            <CarouselFrameData>
              <Items>
                <CarouselWebFramePropertySet>
                  <ItemKey>a71af43e-f701-4387-9e15-0fd15cc74965</ItemKey>
                  <DateActivation nil="true" />
                  <DateExpiration nil="true" />
                  <HtmlContent><article>
<p>Boîtes à outils pour les enseignants qui veulent préparer leurs élèves à la venue au concert : guides d'écoute, <span>portraits de compositeurs, fiches d'œuvres, </span>pièces participatives, jeux, <span>vidéos de présentation</span>...</p>
</article></HtmlContent>
                  <RoleConsultation nil="true" />
                </CarouselWebFramePropertySet>
              </Items>
              <RenderResult>{"controlNavigation":"bullets","slidesOrientation":"horizontal","transitionType":"fade","loop":true,"globalCaption":false,"globalCaptionInside":false,"autoHeight":true,"thumbs":null,"visibleNearby":null,"autoPlay":null,"fullscreen":null,"randomizeSlides":false,"imageScaleMode":"fit","labels":{"rsNavSelected":", sélectionné"},"renderType":"htmlCarousel","fixedHeight":false,"autoScaleSlider":false,"imageAlignCenter":true}</RenderResult>
            </CarouselFrameData>
          </frame>
          <frame id="3786" type="Ermes - Carousel" state="0" creationDate="2015-05-20T15:20:53.047+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.287+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Completed" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="2" zone="2" visible="true" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
            <items>
              <Item htmlContent="<h2>Consulter les dernières boîtes à outils</h2>
<div class="modele-4-col model-html">
<div class="row">
<div class="pattern">
<div class="col-xs-12 col-sm-6 col-md-3 media"><a title="La Boîte à outils : Le Tour d’écrou" href="./boite-a-outils-le-tour-d-ecrou.aspx"><img class="media-object img-noresponsive" style="border: 1px solid #eeeeee;" title="Illustration : Élisa Géhin" alt="Illustration : Élisa Géhin" src="https://drop.philharmoniedeparis.fr/CMDP/CMDP000011700/Chant-ELisa-Gehin.jpg" height="350" width="350" responsive="false" data-not-responsive="true" /></a>
<div class="media-body border">
<p class="evene">Boîte à outils</p>
<hr />
<h3 class="media-heading">Le Tour d’écrou</h3>
<p class="describe">Lundi 8 mars 2021</p>
<a class="btn btn-default" role="button" title="La Boîte à outils : Le Tour d’écrou" href="./boite-a-outils-le-tour-d-ecrou.aspx">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a title="La Boîte à outils : Prométhée" href="./boite-a-outils-promethee.aspx"><img class="media-object img-noresponsive" style="border: 1px solid #eeeeee;" title="Illustration : Élisa Géhin" alt="Illustration : Élisa Géhin" src="https://drop.philharmoniedeparis.fr/CMDP/CMDP000011600/Promethee-Elisa-Gehin.jpg" height="350" width="350" responsive="false" data-not-responsive="true" /></a>
<div class="media-body border">
<p class="evene">Boîte à outils</p>
<hr />
<h3 class="media-heading">Prométhée</h3>
<p class="describe">Mardi 1<sup>er</sup> décembre 2020</p>
<a class="btn btn-default" role="button" title="La Boîte à outils : Prométhée" href="./boite-a-outils-promethee.aspx">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a title="La Boîte à outils : Beethoven jazz" href="./boite-a-outils-beethoven-jazz.aspx"><img class="media-object img-noresponsive" style="border: 1px solid #eeeeee;" title="Illustration : Élisa Géhin" alt="Illustration : Élisa Géhin" src="https://drop.philharmoniedeparis.fr/CMDP/CMDP000011500/Beethoven-jazz-Elisa-Gehin.jpg" height="350" width="350" responsive="false" data-not-responsive="true" /></a>
<div class="media-body border">
<p class="evene">Boîte à outils</p>
<hr />
<h3 class="media-heading">Beethoven jazz</h3>
<p class="describe">Lundi 23 novembre 2020</p>
<a class="btn btn-default" role="button" title="La Boîte à outils : Beethoven jazz" href="./boite-a-outils-beethoven-jazz.aspx">Consulter</a></div>
</div>
</div>
</div>
</div>
<p class="bouton-p"><a class="btn btn-default tous" role="button" href="./pour-se-preparer-au-concert.aspx">Toutes les boîtes à outils</a></p>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
            </items>
            <CarouselFrameData>
              <Items>
                <CarouselWebFramePropertySet>
                  <ItemKey>94dfb2ab-d427-4ff0-b025-ae845e94e504</ItemKey>
                  <DateActivation nil="true" />
                  <DateExpiration nil="true" />
                  <HtmlContent><h2>Consulter les dernières boîtes à outils</h2>
<div class="modele-4-col model-html">
<div class="row">
<div class="pattern">
<div class="col-xs-12 col-sm-6 col-md-3 media"><a title="La Boîte à outils : Le Tour d’écrou" href="./boite-a-outils-le-tour-d-ecrou.aspx"><img class="media-object img-noresponsive" style="border: 1px solid #eeeeee;" title="Illustration : Élisa Géhin" alt="Illustration : Élisa Géhin" src="https://drop.philharmoniedeparis.fr/CMDP/CMDP000011700/Chant-ELisa-Gehin.jpg" height="350" width="350" responsive="false" data-not-responsive="true" /></a>
<div class="media-body border">
<p class="evene">Boîte à outils</p>
<hr />
<h3 class="media-heading">Le Tour d’écrou</h3>
<p class="describe">Lundi 8 mars 2021</p>
<a class="btn btn-default" role="button" title="La Boîte à outils : Le Tour d’écrou" href="./boite-a-outils-le-tour-d-ecrou.aspx">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a title="La Boîte à outils : Prométhée" href="./boite-a-outils-promethee.aspx"><img class="media-object img-noresponsive" style="border: 1px solid #eeeeee;" title="Illustration : Élisa Géhin" alt="Illustration : Élisa Géhin" src="https://drop.philharmoniedeparis.fr/CMDP/CMDP000011600/Promethee-Elisa-Gehin.jpg" height="350" width="350" responsive="false" data-not-responsive="true" /></a>
<div class="media-body border">
<p class="evene">Boîte à outils</p>
<hr />
<h3 class="media-heading">Prométhée</h3>
<p class="describe">Mardi 1<sup>er</sup> décembre 2020</p>
<a class="btn btn-default" role="button" title="La Boîte à outils : Prométhée" href="./boite-a-outils-promethee.aspx">Consulter</a></div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 media"><a title="La Boîte à outils : Beethoven jazz" href="./boite-a-outils-beethoven-jazz.aspx"><img class="media-object img-noresponsive" style="border: 1px solid #eeeeee;" title="Illustration : Élisa Géhin" alt="Illustration : Élisa Géhin" src="https://drop.philharmoniedeparis.fr/CMDP/CMDP000011500/Beethoven-jazz-Elisa-Gehin.jpg" height="350" width="350" responsive="false" data-not-responsive="true" /></a>
<div class="media-body border">
<p class="evene">Boîte à outils</p>
<hr />
<h3 class="media-heading">Beethoven jazz</h3>
<p class="describe">Lundi 23 novembre 2020</p>
<a class="btn btn-default" role="button" title="La Boîte à outils : Beethoven jazz" href="./boite-a-outils-beethoven-jazz.aspx">Consulter</a></div>
</div>
</div>
</div>
</div>
<p class="bouton-p"><a class="btn btn-default tous" role="button" href="./pour-se-preparer-au-concert.aspx">Toutes les boîtes à outils</a></p></HtmlContent>
                  <RoleConsultation nil="true" />
                </CarouselWebFramePropertySet>
              </Items>
              <RenderResult>{"controlNavigation":"bullets","slidesOrientation":"horizontal","transitionType":"fade","loop":true,"globalCaption":false,"globalCaptionInside":false,"autoHeight":true,"thumbs":null,"visibleNearby":null,"autoPlay":null,"fullscreen":null,"randomizeSlides":false,"imageScaleMode":"fit","labels":{"rsNavSelected":", sélectionné"},"renderType":"htmlCarousel","fixedHeight":false,"autoScaleSlider":false,"imageAlignCenter":true}</RenderResult>
            </CarouselFrameData>
          </frame>
          <frame id="5002" type="Ermes - Carousel" state="0" creationDate="2015-07-03T12:17:40.637+02:00" owner="AdminEXPLOITATION" lastUpdateDate="2021-01-12T17:23:09.303+01:00" lastUpdateUser="Goubault Floriane" portalType="Page" statut="Completed" processingTime="0" height="350" width="600" renderType="htmlCarousel" transitionType="" displayType="" duration="0" randomizeSlides="false" fullScreenMode="false" expertConfig="" displayIfEmpty="false" displayMode="" titleLevel="h2" title=" " position="3" zone="2" visible="true" computeOnClient="false" locked="false" allowVisibilityChange="true" collapsed="false" allowCollapse="true" allowMove="true" securityAccess="" editSecurityAccess="" description="" activationDate="" expirationDate="" style="" shared="false" allowSharing="false" isSystem="false" mobileEnabled="false" icon="" indexable="true" visiblePhone="true" visibleTablet="true" visibleDesktop="true" itemKey="">
            <items>
              <Item htmlContent="<article class="oe-composant edu-guide">
<h2>Guides d'écoute</h2>
<a class="btn btn-default" role="button" title="Les guides d'écoutes de la Philharmonie de Paris" href="http://digital.philharmoniedeparis.fr/search.aspx?SC=SCENARIO_1#/Search/(query:(FacetFilter:'%7B%22_26%22:%22Guides%20d!'%C3%A9coute%22%7D',ForceSearch:!t,Page:0,PageRange:3,QueryString:'*:*',ResultSize:30,ScenarioCode:SCENARIO_1,ScenarioDisplayMode:display-vignet,SearchLabel:'*',SearchTerms:'',SortField:DateOfInsertion_sort,SortOrder:0,TemplateParams:(Scenario:'',Scope:RESSOURCES,Size:!n,Source:'',Support:'')))" target="_blank">Tout voir</a></article>
<article class="oe-composant">
<h2>Portraits</h2>
<a class="btn btn-default" role="button" title="Les portraits de compositeurs" href="./portraits.aspx">Tout voir</a></article>
<article class="oe-composant">
<h2>Fiches œuvres</h2>
<a class="btn btn-default" role="button" title="Les fiches œuvres" href="./les-fiches-oeuvres.aspx">Tout voir</a></article>
<article class="oe-composant edu-guide">
<h2>Fiches thématiques</h2>
<a class="btn btn-default" role="button" title="Les fiches thématiques" href="./fiches-thematiques.aspx">Tout voir</a></article>
<article class="oe-composant">
<h2>Pièces participatives</h2>
<a class="btn btn-default" role="button" title="Les pièces participatives" href="./les-pieces-participatives.aspx">Tout voir</a></article>" dateActivation="" dateExpiration="" roleConsultation="" itemKey="" />
            </items>
            <CarouselFrameData>
              <Items>
                <CarouselWebFramePropertySet>
                  <ItemKey>9807358c-daed-47d1-af99-9a3977364d0e</ItemKey>
                  <DateActivation nil="true" />
                  <DateExpiration nil="true" />
                  <HtmlContent><article class="oe-composant edu-guide">
<h2>Guides d'écoute</h2>
<a class="btn btn-default" role="button" title="Les guides d'écoutes de la Philharmonie de Paris" href="http://digital.philharmoniedeparis.fr/search.aspx?SC=SCENARIO_1#/Search/(query:(FacetFilter:'%7B%22_26%22:%22Guides%20d!'%C3%A9coute%22%7D',ForceSearch:!t,Page:0,PageRange:3,QueryString:'*:*',ResultSize:30,ScenarioCode:SCENARIO_1,ScenarioDisplayMode:display-vignet,SearchLabel:'*',SearchTerms:'',SortField:DateOfInsertion_sort,SortOrder:0,TemplateParams:(Scenario:'',Scope:RESSOURCES,Size:!n,Source:'',Support:'')))" target="_blank">Tout voir</a></article>
<article class="oe-composant">
<h2>Portraits</h2>
<a class="btn btn-default" role="button" title="Les portraits de compositeurs" href="./portraits.aspx">Tout voir</a></article>
<article class="oe-composant">
<h2>Fiches œuvres</h2>
<a class="btn btn-default" role="button" title="Les fiches œuvres" href="./les-fiches-oeuvres.aspx">Tout voir</a></article>
<article class="oe-composant edu-guide">
<h2>Fiches thématiques</h2>
<a class="btn btn-default" role="button" title="Les fiches thématiques" href="./fiches-thematiques.aspx">Tout voir</a></article>
<article class="oe-composant">
<h2>Pièces participatives</h2>
<a class="btn btn-default" role="button" title="Les pièces participatives" href="./les-pieces-participatives.aspx">Tout voir</a></article></HtmlContent>
                  <RoleConsultation nil="true" />
                </CarouselWebFramePropertySet>
              </Items>
              <RenderResult>{"controlNavigation":"bullets","slidesOrientation":"horizontal","transitionType":"fade","loop":true,"globalCaption":false,"globalCaptionInside":false,"autoHeight":true,"thumbs":null,"visibleNearby":null,"autoPlay":null,"fullscreen":null,"randomizeSlides":false,"imageScaleMode":"fit","labels":{"rsNavSelected":", sélectionné"},"renderType":"htmlCarousel","fixedHeight":false,"autoScaleSlider":false,"imageAlignCenter":true}</RenderResult>
            </CarouselFrameData>
          </frame>
        </zone>
        <layout id="3" size="100%" orientation="Horizontal">
          <zone id="4" size="50%" position="2" orientation="Vertical" />
          <zone id="5" size="50%" position="3" orientation="Vertical" />
        </layout>
        <zone id="6" size="100%" position="4" orientation="Vertical" />
      </layout>
    </portal>

Outils éducatifs

Pour préparer les élèves au concert

Boîtes à outils pour les enseignants qui veulent préparer leurs élèves à la venue au concert : guides d'écoute, portraits de compositeurs, fiches d'œuvres, pièces participatives, jeux, vidéos de présentation...