first commit
This commit is contained in:
Sébastien
@@ -0,0 +1,660 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Conférences EESAB — Rennes</title>
|
||||
<link rel="stylesheet" href="styles.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="impression.css" type="text/css"/>
|
||||
<script src="jquery-3.1.1.min.js"></script> <!-- jQuery (à placer en premier) -->
|
||||
<script src="jquery.color-2.1.2.min.js"></script> <!-- jQuery plugins (à placer à la suite) -->
|
||||
<script type="text/javascript" src="jquery.marquee.js"></script>
|
||||
<script src="script.js"></script> <!-- Le script (à placer à la suite)-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<div id="header">
|
||||
|
||||
<div id="marquee">
|
||||
<h1 id="titre">Conférences EESAB—site de Rennes <span>Conférences EESAB—site de Rennes </span>Conférences EESAB—site de Rennes <span>Conférences EESAB—site de Rennes </span>Conférences EESAB—site de Rennes <span>Conférences EESAB—site de Rennes </span>Conférences EESAB—site de Rennes <span>Conférences EESAB—site de Rennes </span></h1>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="categories">
|
||||
|
||||
<div>
|
||||
<label for="passees" class="container">
|
||||
<input class="check_box" type="checkbox" id="passees" name="passees">
|
||||
Conférences du semestre précédent
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="futures" class="container">
|
||||
<input class="check_box" type="checkbox" id="futures" name="futures" checked>
|
||||
Conférences de ce semestre
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="impr" onclick="javascript:window.print()">
|
||||
<p>🖨️ <span id="txt">Imprimer le programme de ce semestre</span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div id="contenu">
|
||||
|
||||
<div class="conf pss">
|
||||
<div class="barre">
|
||||
<h2 id="date">25 septembre</h2>
|
||||
<h2 id="conferencier">Didier Lucas • responsale commercial d’Euro‑Shelter</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<span class="spec">Invité dans le cadre de l’atelier “Matériaux structurels innovants”.</span><br><br>
|
||||
En 2019-2020, les étudiant·e·s de 4<sup>e</sup> et 5<sup>e</sup> années travailleront en partenariat avec l’entreprise Euro-Shelter de Rennes.
|
||||
Euro-Shelter travaille avec les matériaux structurels sandwich (nid d’abeille) en mêlant la technologie et l’artisanat avec un savoir-faire d’excellence. Grâce à ces matériaux, il est aujourd’hui possible de faire cohabiter la légèreté et la performance structurelle.<br>
|
||||
Les étudiant·e·s seront appelé·e·s à concevoir des “objets drapeaux” et innovants, aptes à valoriser le potentiel des matériaux Euro-Shelter. Les technicien·ne·s de l’entreprise collaboreront avec l’EESAB-site de Rennes dans le suivi des projets afin de les orienter vers la faisabilité.<br>
|
||||
Une sélection des projets réalisés in fine par Euro-Shelter seront ensuite exposés.
|
||||
</p>
|
||||
</div>
|
||||
<iframe src="https://player.vimeo.com/video/365800064" allow="autoplay; fullscreen" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf pss">
|
||||
<div class="barre">
|
||||
<h2 id="date">26 septembre</h2>
|
||||
<h2 id="conferencier">Mark Newgarden • auteur de bandes dessinées</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<span class="spec">Invité dans le cadre d’Azimut #3, en partenariat avec Spéléographies</span><br><br>
|
||||
L’EESAB — site de Rennes, et Spéléographies — biennale des écritures de Rennes et alentour s’associent au festival Formula Bula (Paris) pour accueillir l’auteur de bandes dessinées américain Mark Newgarden, collaborateur du magazine expérimental Raw (dirigé par Françoise Mouly et Art Spiegelman) comme du New-York Times. Outre la co-création (toujours avec Spiegelman) des Crados, célèbres poupées parodiques à destination des mouflets, et son implication dans des séries animées pour la télévision, il est le co-auteur, avec Paul Karasik, du livre How to read Nancy. Sur près de 100 pages, ce dernier décortique un strip de la série Nancy, classique de la bande dessinée américaine signé Ernie Bushmiller. En 2018, cet ouvrage a été récompensé par le prestigieux prix Will Eisner.
|
||||
</p>
|
||||
</div>
|
||||
<iframe src="https://player.vimeo.com/video/365783315" allow="autoplay; fullscreen" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf pss">
|
||||
<div class="barre">
|
||||
<h2 id="date">2 octobre</h2>
|
||||
<h2 id="conferencier">Pierre Lucas • DJ et musicien</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
Musicien professionnel depuis une quinzaine d’années au sein de différentes formations pop, urbaine ou électronique Pierre Lucas joue dans de nombreuses salles et festivals en France et à l’étranger. Que ce soit en tant que membre du groupe Fortune, DJ avec Abstrackt Keal Agram, musicien auprès de Perez et du rappeur Arm... En parallèle de son activité il collabore avec des artistes plasticiens tel que Bruno Peinado, Eva Taulois, It’s Our Playground, Benoît-Marie Moriceau ou encore Yoan Sorin. En 2015, il a composé la musique du deuxième volet du film de Hoël Duret: “La vie héroïque de B.S.” et en 2016, Virginie Barré l’a invité à composer la musique du “Rêve géométrique”.
|
||||
</p>
|
||||
</div>
|
||||
<iframe src="https://player.vimeo.com/video/366773854" allow="autoplay; fullscreen" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf pss">
|
||||
<div class="barre">
|
||||
<h2 id="date">8 octobre</h2>
|
||||
<h2 id="conferencier">Yann Deval • designer interactif, motion designer et compositeur musical</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<span class="spec">Invité dans le cadre du festival Maintenant, en partenariat avec l’association Electrioni-K</span><br><br>
|
||||
<i>Réalités virtuelles & augmentées: Exploration de nouveaux langages artistiques</i><br><br>
|
||||
Yann Deval questionne et augmente la réalité pour créer des expériences interactives et explorer de nouveaux langages. Entre réalités étendues, graphisme animé et lutheries digitales, Yann Deval présentera son parcours interdisciplinaire et sa démarche artistique transversale. Au programme de cette conférence, des questionnements autour de l’utilisation de technologies émergentes dans un cadre artistique, de la réalité virtuelle performative et de la création collaborative.<br>
|
||||
Après une licence en Histoire du cinéma à la Sorbonne et des études de montage audiovisuel à Cannes, Yann Deval s’installe à Bruxelles en 2006, où il développe une activité de graphiste (motion-designer), de compositeur musical, et de designer interactif. Il travaille pour le cinéma (<i>Le Tout Nouveau Testament</i> de Jaco Van Dormael, <i>L’Écume des Jours</i> de Michel Gondry), le clip-vidéo (Puggy, Sacha Toorop), le documentaire (identité graphique de <i>Babel Express</i> pour Arte), la télévision (<i>Détectives</i>), la communication (Exposition Universelle Shangaï 2010), le théâtre… Il forme occasionnellement de futurs professionnels lors d’ateliers de création numérique (école Arts² Mons, EMMD Bruxelles…). Entre 2012 et 2017, il co-réalise la performance de réalité virtuelle <i>Immersio</i>, qui mélange musique live et arts numériques.<br>
|
||||
Dans le cadre du festival Maintenant 2019 avec la scénographe Marie-G Losseau, ils présentent l'exposition <i>Atlas</i> proposant une triple expérience des réalités: physique, augmentée et virtuelle.
|
||||
</p>
|
||||
</div>
|
||||
<iframe src="https://player.vimeo.com/video/366946521" allow="autoplay; fullscreen" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf pss">
|
||||
<div class="barre">
|
||||
<h2 id="date">14 octobre</h2>
|
||||
<h2 id="conferencier">Jean-Simon Roch • designer et enseignant à l’EESAB</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
“Comment animer l’inanimé? C’est la question qui habite mon travail depuis mon projet de diplôme à l’ENSCI les Ateliers en 2015.<br/>
|
||||
Depuis, que ce soit pour le Prix Emile Hermès en 2016, pour des dispositifs de médiation en musée, de la direction artistique pour de l’événementiel ou lors d’installations personnelles, je tente de donner vie à ce qui m’entoure en explorant divers médium. Un peu comme Geppetto, tout part souvent d’un petit morceau de bois manipulé à l’Atelier Commode que j’occupe depuis 2017 à Montreuil.”
|
||||
</p>
|
||||
</div>
|
||||
<iframe src="https://player.vimeo.com/video/369279865" allow="autoplay; fullscreen" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf pss">
|
||||
<div class="barre">
|
||||
<h2 id="date">15 octobre</h2>
|
||||
<h2 id="conferencier">Julie C. Fortier • artiste et enseignante à l’EESAB</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
Depuis ses débuts en vidéo et performance, le travail de Julie C. Fortier enregistre le passage du temps à travers la mise en évidence de processus d’effacement et d’évidement. Depuis 2013, elle a ajouté à son répertoire de travail, une recherche expérimentale avec les odeurs et les arômes qui prennent la forme de parfums, d’installations et de dessins ou encore de performances culinaires et olfactives. La puissance mnésique et affective des odeurs modifie les manières de mettre en jeu la mémoire dans les représentations et les récits qu’elle compose. Cet aspect paradoxal d’une absence pourtant présente, invisible mais intimement pénétrante la captive.<br/>
|
||||
Julie C. Fortier est née en 1973 à Sherbrooke (Québec, Canada) et vit à Rennes depuis 2001. Diplômée en 2015 de l’école de parfumerie Le Cinquième Sens à Paris, elle est aussi titulaire d’une maîtrise de l’École des arts visuels et médiatiques de l’Université du Québec à Montréal. Son travail fera l’objet d’une exposition personnelle à Volume à Vern-sur-Seiche en novembre 2019 et au Château de Oiron en juin 2020. Il a aussi été exposé au centre d’art Rurart à Rouillé (2019), à la Galerie Luis Adelantado à Valencia (ES) (2019), à Micro-Onde à Vélizy Villacoublay (2018), au Musée des Beaux-arts de Rennes (2017), lors de La nuit blanche de Toronto (2016), à Lille 3000 au Tripostal (2015) et Art by Telephone au Emily Harvey Foundation à New York (2012).
|
||||
</p>
|
||||
</div>
|
||||
<iframe src="https://player.vimeo.com/video/369286919" allow="autoplay; fullscreen" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf pss">
|
||||
<div class="barre">
|
||||
<h2 id="date">24 octobre</h2>
|
||||
<h2 id="conferencier">Eva Taulois • artiste et enseignante à l’EESAB</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
Eva Taulois a grandi au bord de la mer. Après plusieurs années passées à Paris, elle vit désormais à Nantes, où elle a installé son atelier dans une ancienne piscine. Elle raconte des histoires avec des formes et donne très souvent des titres de morceaux de musique à ses œuvres. Elle aime s’assoir dans des expositions comme on s’assoit devant un paysage.<br/>
|
||||
Depuis sa formation à l’école des beaux-arts de Brest, Eva Taulois s’intéresse à la souplesse des matériaux, à leur capacité à recouvrir un objet. Elle regarde de près des savoir-faire artisanaux et industriels et se les approprie. Elle dessine, taille, recouvre, modèle, peint, orchestre des scénographies. Ses œuvres et agencements d’objets sont marqués par le purisme, défini en 1918 par Amédée Ozenfant et Le Corbusier, doctrine moderne préconisant une fusion de l’art et de la vie, autour de formes simples, permutant peinture, sculpture, architecture, design, mobilier, vêtement.<br/>
|
||||
Dans ses récentes propositions, l’exposition devient le théâtre des objets qu’elle crée. Elle se plaît à imaginer ses œuvres comme des personnages qui dialogueraient entre eux, qui “vivraient leur vie”. Ces formes, à la fois accessoires de scène, actrices à part entière pendant une performance et sculptures dans l’espace d’exposition, rappellent les objets géométriques inventés par Guy de Cointet en Californie dans les années 1970. Comme ce dernier, Eva Taulois cherche un pont entre art minimal et art de la scène ainsi qu’entre abstraction et codes culturels.<br/>
|
||||
Chez Eva Taulois, tout est affaire de matière et de surface: la profondeur d’un velours, les reflets synthétiques d’un plastique, la rugosité du crépi... les couleurs occupent également une place à part entière: flamboyantes, elles créent une rythmique et une atmosphère accueillante pour le visiteur.
|
||||
</p>
|
||||
</div>
|
||||
<iframe src="https://player.vimeo.com/video/374922524" allow="autoplay; fullscreen" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf pss">
|
||||
<div class="barre">
|
||||
<h2 id="date">5 novembre</h2>
|
||||
<h2 id="conferencier">Sébastien Marchal • dessinateur de caractères et designer graphique</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
Sébastien Marchal, né en 1979, ayant grandi dans un village de Franche-Comté, monte à Paris en 1998 pour intégrer l’ENSCI (École Nationale Supérieure de Création Industrielle). Il commence dès lors à militer, en pleine effervescence du mouvement altermondialiste. La rencontre avec Vincent Perrottet puis Gérard Paris-Clavel (l’un des fondateurs de Grapus), et l’expérience de ses premières affiches politiques, déplacent peu à peu son intérêt de l’objet vers l'image. Tout en passant une licence en Arts Plastiques à l’université Paris 8, il effectue un stage à l’Atelier de création graphique fin 2005, puis un autre à Nous travaillons ensemble début 2006 (deux ateliers issus de Grapus). Après avoir collaboré durant un an à l’atelier Fabrication maison, il élabore une vaste famille de caractères, la Commune, durant le post-diplôme en typographie de l’ESAD d’Amiens en 2008. Il poursuit depuis un travail de création graphique centré sur des préoccupations sociales, politiques et culturelles, dont les thématiques varient au fil des collaborations avec associations, syndicats, collectifs, chercheurs ou artistes.
|
||||
</p>
|
||||
</div>
|
||||
<iframe src="https://player.vimeo.com/video/374934988" allow="autoplay; fullscreen" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf pss">
|
||||
<div class="barre">
|
||||
<h2 id="date">6 novembre</h2>
|
||||
<h2 id="conferencier">Audrey Muratet & Myr Muratet • docteure en écologie & photographe</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<i>Écologie des villes</i><br/><br/>
|
||||
Des changements environnementaux importants se produisent à de multiples échelles dans les territoires urbanisés. La destruction, la fragmentation, la modification, le renouvellement régulier des habitats, les pollutions lumineuse, sonore, de l’air, de l’eau, des sols, les besoins en ressources ont pour conséquence une transformation importante des paysages comme des communautés animales et végétales qu’ils abritent. La taille croissante des métropoles actuelles amplifie ces effets de l’urbanisation sur les conditions environnementales d’accueil et de maintien de la biodiversité. Les réponses des organismes vivants qui peuplent ces aires urbaines sont multiples, ils tolèrent, s’adaptent, évoluent, périclitent… Nous proposons un tour d’horizon de l’état des connaissances acquises sur le fonctionnement naturel des villes — leur écologie — en s’arrêtant longuement sur le cas des friches urbaines; ces communs méconnus abritent une nature luxuriante riche en espèces et en interactions. Les friches sont aussi un lieu-refuge d’un bon nombre d’êtres humains. Nous les rendons visibles.
|
||||
</p>
|
||||
</div>
|
||||
<iframe src="https://player.vimeo.com/video/374947623" allow="autoplay; fullscreen" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf pss">
|
||||
<div class="barre">
|
||||
<h2 id="date">7 novembre</h2>
|
||||
<h2 id="conferencier">Antoine Viviani et Pierre-Alain Giraud • Invités TNB</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<i>SOLASTALGIA Présentation de l’installation et de l’expérience</i><br/><br/>
|
||||
Solastalgie est un néologisme inventé en 2003 par le philosophe australien Glenn Albrecht. À partir des mots maison, terroir (sol), et douleur (algie) il décrit une forme de crise existentielle, de mélancolie, causée par les changements d’un environnement naturel, familier.<br/>
|
||||
Notre foi dans la technologie, notre contribution au réseau n’ont jamais été aussi grandes. Nous passons nos vies connectés presque en permanence à Internet. Le réseau et la technologie sont devenus porteurs de tous nos espoirs: le progrès technologique est notre horizon. Il nous rendra non seulement plus puissants, et, qui sait, il pourrait peut-être même nous sauver.<br/>
|
||||
L’installation Solastalgia nous invite à voyager dans un étrange futur, à explorer la surface d’une planète dépeuplée et hostile, sur laquelle survit un mystérieux réseau de données… Un futur imaginaire que nous allons pouvoir vivre: nous embarquons dans une expérience unique qui mêle installation d’art immersive et réalité augmentée.<br/>
|
||||
L’application AR Solastalgia nous permettra de faire la même expérience dans notre environnement personnel, notre appartement, notre maison d’enfance... en nous faisant découvrir les vestiges de nos espaces intimes, dans un futur lointain...Dans ce no man’s land, nos sens sont progressivement captés par des sons et des visions fantomatiques. Nous nous connectons à un étrange esprit numérique, qui semble contenir en lui tous nos vestiges numériques, nos rêves et nos cauchemars.<br/>
|
||||
Et s’il ne restait de nous que le réseau? Qu’est-ce que cela raconterait de notre espèce?
|
||||
</p>
|
||||
</div>
|
||||
<iframe src="https://player.vimeo.com/video/375366304" allow="autoplay; fullscreen" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf pss">
|
||||
<div class="barre">
|
||||
<h2 id="date">12 novembre</h2>
|
||||
<h2 id="conferencier">Sarah Kremer • dessinatrice de caractères</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
Le <i>Französisches Etymologisches Wörterbuch</i> (FEW), dictionnaire historique et étymologique du français, est en cours d’informatisation. La conversion numérique des 16000 pages d’articles s’appuie notamment sur la production d’outils typographiques spécifiques. Cette présentation abordera les réflexions engagées dans le cadre de la conception d’une série d’alphabets pour ce dictionnaire, abordant leur dessin, leur encodage et leur utilisation au sein d’interfaces de saisie et de consultation.
|
||||
</p>
|
||||
</div>
|
||||
<iframe src="https://player.vimeo.com/video/375363133" allow="autoplay; fullscreen" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf pss">
|
||||
<div class="barre">
|
||||
<h2 id="date">21 novembre</h2>
|
||||
<h2 id="conferencier">Nataša Petrešin-Bachelez • critique et commissaire d’exposition</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
“Comment pouvons-nous travailler au sein et avec les institutions d’aujourd’hui, en tant que travailleur·euse·s culturel·le·s et artistes, en cette période de racialisation violente et de crise écologique profonde, alors que la surveillance accrue renforce les abus gouvernementaux organisés et transnationaux des ressources naturelles et des biens communs?<br/>
|
||||
Ayant vécu dans les pays du Nord dont les gouvernements provoquent et contribuent à des guerres civiles inhumaines et à des frappes de drones dans certaines régions du monde, obligeant des milliers de personnes à se déplacer et à être dépossédées de leurs biens, je souhaite discuter de la nécessité d'engager divers groupes institutionnels de l'art de ces régions à travers leur propre pratique curatoriale.<br/>
|
||||
En examinant mes propres projets curatoriaux, pour lesquels j’ai été invité à travailler dans des zones géographiques distinctes mais dans une réalité géopolitique entrecroisée, j’essaierai lors de cette rencontre d’aborder la nécessité de ralentir sa façon de travailler et d’être, d’imaginer de nouvelles écologies de soins comme pratique continue et d’écouter avec attention les sentiments qui naissent de rencontres avec des objets et des sujets. Ceci à travers l’exemple de mon projet le plus récent, <i>Contour Biennale 9: Coltan as Cotton</i>, je parlerai de la possibilité d’ouvrir nos frontières institutionnelles et de montrer comment cela fonctionne ou non, et de les rendre plus palpables, audibles, sensibles, doux, poreux et surtout décoloniales et anti-patriarcales.”
|
||||
</p>
|
||||
</div>
|
||||
<iframe src="https://player.vimeo.com/video/379059691" allow="autoplay; fullscreen" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf pss">
|
||||
<div class="barre">
|
||||
<h2 id="date">25 novembre</h2>
|
||||
<h2 id="conferencier">Corinne Morel Darleux • militante écosocialiste, auteure et chroniqueuse</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
Née en 1973, Corinne Morel Darleux a d'abord été consultante avant de claquer la porte du CAC40 et de s’engager au Parti de Gauche où elle a développé le projet écosocialiste jusqu'en 2018. Installée au pied du Vercors, elle prône désormais l'archipélisation des îlots de résistance et la désobéissance civique face à la dégradation brutale du climat et de la biodiversité, et aborde les questions d’effondrement en mêlant politique et poétique, écologie radicale et justice sociale, fictions d'anticipation et dignité du présent.
|
||||
</p>
|
||||
</div>
|
||||
<iframe src="https://player.vimeo.com/video/379068906" allow="autoplay; fullscreen" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
|
||||
|
||||
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Mercredi 8 janvier — 18h</h2>
|
||||
<h2 id="conferencier">Claude Iverné • photographe</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
“Je nourris depuis une vingtaine d’année un corpus hétérogène d’images, de mots, films, sons et objets liés aux territoires du Soudan en Afrique. J’accumule ces signes comme autant de pièces d’un puzzle descriptif géographique, mental et intime.<br/>
|
||||
L’espace d’exposition comme celui de l’imprimé puisent dans cette collecte pour autant d’interprétations ouvertes, de brouillons, d’esquisses descriptives.<br/>
|
||||
La collection SudanPhotoGraphs déploie ainsi en six volumes une invitation au public à errer sur un territoire qui lui demeure à priori inconnu. Il s’agit d’abord de s’égarer, tout comme moi, se désencombrer des clichés associés à cette terre, autant que de nos usages de l’image et des mots. D’abord se perdre donc avant de s’y retrouver, peut-être, à force d’intuition.<br/>
|
||||
Des rébus plus ou moins clair, des énigmes, des correspondances entre légendes, textes et documents tissent une toile plus large. En lieu de pagination, des combinaisons de lettres plus ou moins aléatoires signalent les planches non reliées et parfois indépendantes.<br/>
|
||||
Le montage de l’ensemble réside en autant d’articulations potentielles. Chaque planche de chaque volume trouve librement sa place selon l’intention du lecteur, et recèle des indices selon l’endroit ou il se trouve alors. Le lecteur explorera le territoire à mesure des empreintes gravées au devant de sa lecture. Tout d’abord une narration lyrique selon la mise en page en cahier, qui ébauche les contours de la fable. Puis le choix du jeu : défaire tout ou partie, inverser, retourner une, deux, trois planches... faire le mur...<br/>
|
||||
Les invités de la collection, artistes et scientifiques liés au Soudan, renforcent l’esprit de cette collection, qui assume l’usage de la subjectivité comme instrument de description. Leurs contributions libres appellent le lecteur à affranchir à son tour son regard.”
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/imga.jpg"/>
|
||||
<p class="legende">Claude Iverné<br/><i>Salon de barbier de Mohamed Salih Yussif Saalis Hallak</i><br/>Peuple Haoussa du Nigeria<br/>né à Geneina, Dar-Massalit, Darfour Ouest<br/>Décembre 2007</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Vendredi 10 janvier — 11h → 13h</h2>
|
||||
<h2 id="conferencier">“Critiques d’art, commissaires d’exposition: contamination”</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<span class="spec">Une “rencontre aléatoire” proposée par l’AICA (Association Internationale des Critiques d'Art) en partenariat avec C-E-A / Association française des commissaires d’exposition</span><br><br>
|
||||
La porosité des pratiques critiques et curatoriales sera à l'honneur dans une discussion réunissant des professionnels qui oeuvrent à l'articulation des deux activités dans un contexte artistique et culturel renouvelé. En effet, d’importantes questions de société apparaissent (écologie, anthropocène, post- ou néo-colonialisme, féminisme,..) qui sont l’indice de pratiques aux accents politiques, révélatrices d’une nouvelle conception de l’espace public. Ces orientations témoignent de l'invention de théories en acte, où se mêlent l'engagement intellectuel et la recherche-création. Comment le commissariat et la critique coévoluent-ils dans ce contexte ? Quels nouveaux cadres d’expression et de langage se développent-ils avec les artistes, au cœur ou en marge de l’art contemporain?
|
||||
Modération : Marion Zilio et Damien Airault. En présence notamment d'Anabelle Lacroix, commissaire de La puce à l'oreille, une exposition réalisée à partir du fonds des Archives de la critique d'art, présentée à la Galerie Art et Essai, Université Rennes 2, jusqu'au 16 janvier.
|
||||
Les "rencontres aléatoires" sont des temps de partage d'idées et de pratiques proposés par l'AICA, selon des formats changeants et conviviaux qui permettent une libre circulation de la parole. Cette rencontre est la troisième du cycle.
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/img1.jpg"/>
|
||||
<p class="legende">Documents de travail<br>issus des dossiers «Gina Pane» (fonds François Pluchart) et «Duchamp» (fonds Pierre Cabanne)<br>Inha – collection Archives de la critique d’art.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Lundi 13 janvier — 18h</h2>
|
||||
<h2 id="conferencier">Bevis Martin et Charlie Youle • artistes</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
Bevis Martin et Charlie Youle collaborent depuis 2004. Travaillant essentiellement la sculpture, ils explorent nos modes de connaissance du monde, s’amusant avec les glissements de sens notamment dans les ouvrages de transmission de savoirs, les manuels pédagogiques et les dessins d’enfants.<br/><br/>
|
||||
“Toutes les formes qui adviennent entre leurs quatre mains sont déduites de savoirs incomplets, de traductions approximatives, d’interprétations déviantes, le plus souvent dictées par des esprits innocents et avides de connaissance. […] C’est ainsi que les artistes travaillent à améliorer l’inadéquation originelle entre l’idée et son image, qu’ils ramifient la branche fabuleuse menant au vrai par l’assimilation du faux ou encore, encouragent la confusion entre la représentation et la métaphore.”<br><br>
|
||||
— Julie Portier
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/imgb.jpg"/>
|
||||
<p class="legende"><i>The real world</i><br>Bevis Martin et Charlie Youle<br>Photographie: Marc Domage</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Mercredi 15 janvier — 18h</h2>
|
||||
<h2 id="conferencier">Jérôme Dupeyrat • critique d’art, chercheur, enseignant et commissaire d’exposition</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<span class="spec">Dans le cadre de l’Atelier de recherche et de création<br>“Des mots et des choses”</span><br><br>
|
||||
Jérôme Dupeyrat est l'auteur d'une thèse de doctorat consacrée aux livres d'artistes (Les Livres d'artistes entre pratiques alternatives à l'exposition et pratiques d'exposition alternatives, sous la direction de Leszek Brogowski, Université Rennes 2, 2012). Ses activités, souvent collectives (L'agence du doute, BAT éditions et < o > future < o >, La Bibliothèque grise) incluent la recherche, la critique, l'édition, le commissariat d'exposition et l'enseignement. Depuis 2010, il est professeur d'histoire de l'art contemporain à l'Institut supérieur des Arts de Toulouse, où il est également co-responsable du programme de recherche «LabBooks – écritures éditoriales».
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/img2.jpg"/>
|
||||
<p class="legende"><i>A Stack of Books</i><br>Triin Tamm<br>2011<br></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Mardi 21 janvier — 18h</h2>
|
||||
<h2 id="conferencier">Johan Brunel • designer</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<i>-Consilio consolationis: Réconfort in design-</i><br><br>
|
||||
Designer d’origine finlandaise, Johan Brunel est né en 1977.<br>
|
||||
En marge des projets publics et privés qu’il mène depuis 2003 en concepteur et constructeur éco-attentif, il ménage un espace d’expression pour cet héritage culturel du Nord.
|
||||
Ses premiers souvenirs se dessinent en Laponie, sur des lacs silencieux et immobiles où l’homme, lui-même d’ordinaire silencieux et brut, semble réserver sa parole au moment du sauna.<br>
|
||||
Où le langage semble naître de l’hospitalité d’un sauna réussi, qui commence toute vraie rencontre.<br>
|
||||
En 2014, il est lauréat du 1er Prix Émile Hermès pour La Capsule Ventilée, un refuge de relaxation bioclimatique.<br>
|
||||
En 2015, nommé pensionnaire à la Villa Médicis, il réalise un projet autour de la question de l’eau et des cultures thermales.<br>
|
||||
En 2018, il poursuit cette recherche au Japon en tant que résident à la Villa Kujoyama de Kyoto, interrogeant la notion de réconfort collectif en étudiant les japonais aux bains chauds.<br>
|
||||
En plus de tout ça, associé à Nicolas Omet au sein du studio LOMA, Johan Brunel cherche à accompagner la naissance ou la renaissance de lieux à dimension humaine, à trouver les bonnes équations d’échelles, d’économie, de matériaux et de postures, à rassembler les conditions et outils pour favoriser la compréhension, la rencontre et la collaboration entre les porteurs de projets et les usagers.<br><br>
|
||||
|
||||
<a href="http://www.johanbrunel.com/" target="_blank">www.johanbrunel.com</a><br>
|
||||
<a href="https://www.loma.paris/" target="_blank">www.loma.paris</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/img3.jpg"/>
|
||||
<!-- <p class="legende">Légende de l’image</p> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Jeudi 23 janvier — 18h</h2>
|
||||
<h2 id="conferencier">Stéphanie Solinas • photographe, docteure en arts plastiques</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<i>Identités</i><br><br>
|
||||
Stéphanie Solinas (1978, France) explore la pensée à l’œuvre dans l’opération même de «voir» et le tissage complexe du visible et de l’invisible, du rationnel et de la croyance, de la dynamique entre soi et l’autre, qui forme nos identités. Formée à la photographie à l’ENS Louis Lumière, docteure en Arts Plastiques, son champ d’investigation s’étend du XIX<sup>e</sup> siècle jusqu’au XXI<sup>e</sup> siècle, d’Alphonse Bertillon à l’intelligence artificielle.<br>
|
||||
Son travail a fait l’objet de nombreuses expositions personnelles en France et à l’étranger (Rencontres d’Arles, Carré d’Art de Nîmes, Fraenkel LAB et Headlands Center for the Arts à San Francisco, FOAM à Amsterdam, La Maison Rouge à Paris, etc.) Stéphanie Solinas a publié Dominique Lambert, Sans titre (Monsieur Bertillon) et Déserteurs aux éditions RVB Books. Elle a reçu le Prix SCAM de l’Oeuvre Expérimentale pour Ne Me Regarde Pas, son court-métrage pour l’Opéra de Paris / 3<sup>e</sup> Scène, la bourse franco-américaine pour l’art contemporain Etant Donnés de l’Institut Français pour son travail aux USA, le Prix Edouard Barbe (CNAC Le Magasin). Stéphanie Solinas était pensionnaire 2017-18 de la Villa Médicis, Académie de France à Rome.
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/imgc.jpg"/>
|
||||
<p class="legende">Dominique lambert<br>©stephanie solinas</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Mercredi 29 janvier — 18h</h2>
|
||||
<h2 id="conferencier">Stéphane Boudin-Lestienne • chercheur et commissaire d’exposition</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<i>Les fêtes d’art: le bal comme pratique artistique</i><br><br>
|
||||
Léonard de Vinci composait des divertissements pour la cour de Milan, Michel-Ange participait à diverses célébrations à Rome ou Florence. L’implication des créateurs dans ce champ hybride d’événements festifs, a pu parfois susciter des expériences remarquables. De par sa nature éphémère ce type d’exercice a pu être souligné ici ou là mais fut le plus souvent traité de manière marginale, anecdotique. Pourtant depuis le XIXe siècle les bals deviennent un sujet pour les artistes, non plus seulement comme prestataires répondant à des commandes, mais aussi pour eux-mêmes devenant porteurs de propositions festives. N’y aurait-il pas quelque intérêt à considérer cette réappropriation de la fête par les artistes comme une pratique en soi, une production à part, un langage singulier? A la lisière des arts appliqués, du spectacle, de l’architecture et des beaux-arts, la fête, peut s’envisager comme un carrefour pluridisciplinaire, une plateforme d’échange synesthésique: elle sort l’artiste de ses pratiques habituelles et nous propose de dévier des pratiques courantes de consommation esthétique. Fédérant des groupes très divers, le bal d’artistes réunit et brasse les catégories socio-culturelles, devenant un point de rencontre intense entre l’art et la société. De fait, sous l’aspect superficiel, la fête exprime un message, une réponse aux données de l’époque dans laquelle elle s’inscrit.<br>
|
||||
Stéphane Boudin-Lestienne, docteur en histoire de l’art et de l’architecture, est commissaire et chercheur. Il travaille en binôme avec Alexandre Mare à la villa Noailles, à Hyères, dont ils assurent la programmation des expositions historiques. Ensemble ils se sont consacrés à la redécouverte de créateurs des années 1920-30: Marcel Breuer, Elise Djo-Bourgeois, Georges Hugnet, Jean Hugo, Robert Mallet-Stevens. Dans cette logique d’exploration des sources inédites, ils ont livré un important ouvrage sur Charles et Marie-Laure de Noailles, mécènes du 20ème siècle et travaillent régulièrement avec la fondation Civa à Bruxelles. Stéphane Boudin-Lestienne qui s’apprête à publier la première monographie sur Paul Tissier, architecte des fêtes des Années Folles, enseigne à l’Ecole Camondo et collabore également à différents titres de presse: Artpress, Hippocampe, etc. et participe à divers événements liés à la scène contemporaine.
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/imgd.jpg"/>
|
||||
<p class="legende"><i>Le bal des Matières</i><br>donné par Charles et Marie-Laure de Noailles en juin 1929<br>dans leur hôtel particulier de la place des États-Unis</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Luni 3 février — 18h</h2>
|
||||
<h2 id="conferencier">Jean-Marie Appriou • artiste</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<span class="spec">Dans le cadre de la commande artistique de la ligne de métro B — place de la Gare</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/imge.jpg"/>
|
||||
<p class="legende">Jean-Marie Appriou<br>Gertraud Presenhuber<br>Courtesy Galerie Eva Presenhuber, Zurich / New York</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Jeudi 4 février — 9h30 → 17h</h2>
|
||||
<h2 id="conferencier">Design & Sécrétions: vers de nouveaux rituels</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
Pendant des décennies, les designers semblent avoir travaillé pour des usagers dont les corps jamais ne devaient sécréter. Grâce aux “pulsairs” et autres brise-soleil conçus par Le Corbusier, les aisselles du Modulor ne risquaient pas, elles, d’être auréolées. Josephine, la femme américaine moyenne inventée par Henry Dreyfuss, n’était pas inquiétée par son aménorrhée. Embarqués très tôt dans la course vers le confort, les designers – d’objets comme d’interfaces – ont contribué à l’invisibilisation de nos sécrétions, jugées rebutantes, et par là même à la normalisation de nos cadres de vie, de nos mœurs, de nos rapports de genre...<br>
|
||||
Aujourd’hui, de la gigantesque infrastructure des égouts au plus intime des dispositifs contraceptifs en passant par le mécanisme de la chasse d’eau dont est tributaire l’habitabilité même du gratte-ciel, partout, “l’utopie d’un corps incorporel” craque. Lors de cette journée d’étude, des designers, artistes, anthropologues s'immisceront dans ces récentes brèches et ouvriront, pour les corps qui sécrètent, de nouvelles perspectives.<br><br>
|
||||
|
||||
<a href="https://www.facebook.com/events/628658251296699/" target="_blank">Évènement Facebook</a><br>
|
||||
<a href="https://www.eesab.fr/site/assets/files/programme_non_de_taille.pdf" target="_blank">Programme non détaillé</a><br>
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/imgf.jpg"/>
|
||||
<p class="legende">Visuel réalisé par Eugénie Bidaut, Anaïs Déal,<br>Justine Herbel et Mathilde Laplace</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Lundi 10 février — 18h</h2>
|
||||
<h2 id="conferencier">Gilles Clément • jardinier, paysagiste, botaniste, entomologiste, biologiste et écrivain français</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
Description à venir.
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/img7.jpg"/>
|
||||
<!-- <p class="legende">Légende de l’image</p> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Mardi 11 février — 18h</h2>
|
||||
<h2 id="conferencier">Antonio Viola • architecte et théoricien</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<i>La maison idéale</i><br><br>
|
||||
Les hommes et les femmes dont nous tombons amoureux ne sont pas toujours les plus beaux ni plus intelligents ni encore les plus riches. Ce sont celles et ceux que nous reconnaissons. La rencontre avec notre maison n’est pas différente. Nous en visitons mille et tombons amoureux d’une seule. Lorsqu’on nous demande: pourquoi lui ou elle? Nous évoquons les sensations, les émotions, qu’un siècle de littérature psychologique nous a appris à verbaliser. Mais si on nous demande pourquoi nous sommes tombés amoureux de notre maison, en plus de dire qu’elle est grande ou petite, lumineuse ou bien exposée, comment pouvons-nous verbaliser les sensations et les émotions qu’elle nous donne à ressentir? Quels mots avons-nous pour raconter notre maison idéale?
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/imgg.jpg"/>
|
||||
<p class="legende"><i>Les Maisons des Arcanes</i><br>Antonio Viola<br>2019</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Jeudi 13 février — 18h</h2>
|
||||
<h2 id="conferencier">Soizic Lebrat • musicienne violoncelliste</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
Soizic présentera son travail de création en musique qui s’est structuré depuis 2009 autour d’une démarche de «recherche-création», à partir d’exemples (Ope1000, Fabrique de musique, Bleu solo, Double Frictional Wheel, Radiophonium, Solo Suite, Bach to 3D, IN(ec)OUT…).
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/img8.jpg"/>
|
||||
<p class="legende">Soizic Lebrat<br>Photographie: Fokale 32</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Mercredi 26 février — 18h</h2>
|
||||
<h2 id="conferencier">Anne Bertrand • photographe</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<i>- Lewis Baltz, de la photographie aux textes -</i><br><br>
|
||||
Né en 1945 à Newport Beach en Californie, mort en 2014 à Paris, l’artiste américain Lewis Baltz a commencé à la fin des années 1960 aux États-Unis une carrière de photographe influencée par l’art conceptuel et caractérisée par une recherche d’objectivité. Parallèlement à son activité plastique, il écrit bientôt des textes critiques sur d’autres photographes, de Walker Evans à Robert Adams, ainsi que sur son propre travail.<br>
|
||||
En 1985 il s’installe en Europe et se livre désormais à une création hybride, se référant toujours à l’art conceptuel et utilisant encore le médium photographique, mais de façon non exclusive, procédant par projets divers dont certains ne seront pas réalisés. Il écrit par ailleurs sur ses pairs, photographes et artistes contemporains, de Jeff Wall à Felix Gonzalez-Torres, mais aussi sur le cinéma, et aborde le traitement de sujets politiques en art. Avec <i>The Deaths in Newport</i> (1995), il atteint enfin à une réussite littéraire saisissante.<br>
|
||||
Critique d’art et enseignante, Anne Bertrand a établi l’édition française des <i>Textes</i> de Lewis Baltz, publiée en par la Haute école des arts du Rhin à Strasbourg.
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/img9.jpg"/>
|
||||
<!-- <p class="legende">Légende de l’image</p> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Mardi 10 mars — 18h</h2>
|
||||
<h2 id="conferencier">Mathias Courtet • commissaire</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
<i>De l’Or dans les mains</i><br><br>
|
||||
Depuis quelques années nous assistons à une porosité des nomenclatures sagement définies. Le mot Design est utilisé à foison, tout autant que celui de savoir faire ou bien des métiers d’art. Les apprentissages du Design ont intégré les Écoles des Beaux arts, on y soude comme on y moule. Après avoir fait disparaître des ateliers de pratiques, ces grandes écoles d’art renforcent à tour de bras les compétences intellectuelles et techniques en re-créant ces ateliers disparus ou en jachère. Toutes ces écoles structurantes ont ouvert les vannes. Depuis les premières années 2000, on assiste de nouveau à des rapprochements féconds aussi bien dans les formes que dans une langue commune. Nous sommes témoins d’une renaissance à bien des égards entre ce que l’on peut encore nommer Artisan et Artiste.<br>
|
||||
Au travers d’exemples précis dans l’histoire des arts et aussi sur ce salon résonance[s] nous tenterons de voir et de comprendre comment cette relation entre l’Artiste et l’Artisan se retisse avec une certaine évidence. De l’art dans les mains, tout autant que dans les esprits.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/imgh.jpg"/>
|
||||
<p class="legende">Simon Ballen<br>Colombie</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Mardi 17 mars — 18h</h2>
|
||||
<h2 id="conferencier">Martin Thoft • photographe</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
Martin Toft (Danois), basé à Jersey, présentera quelques-uns de ses récents projets de recherche photographique présentés sous forme de journaux, de livres de photos et d'expositions.<br><br>
|
||||
<span class="spec">conférence en anglais</span><br><br>
|
||||
<img class="logos_thoft" src="img/logo2.jpg"><img class="logos_thoft" src="img/logo1.jpg">
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/imgi.jpg"/>
|
||||
<p class="legende">Martin Thoft</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Mardi 24 mars — 18h</h2>
|
||||
<h2 id="conferencier">Didier Faustino • architecte</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
Artiste et architecte français, Didier Faustino travaille sur la relation entre corps et espace. À la frontière entre art, design et architecture, sa pratique a débuté dès la fin de ses études en 1995. Son approche est multiforme, allant de l’installation à l’expérimentation, de la création d’œuvres subversives à celle d’espaces propices à l’exacerbation des sens.
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/img11.jpg"/>
|
||||
<p class="legende"><i>XYZ Lounge</i><br>Didier Faustino<br>Gand, 2018<br>Photographie: Felipe Ribon et David Boureau</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conf ftr">
|
||||
<div class="barre">
|
||||
<h2 id="date">Mardi 31 mars — 18h</h2>
|
||||
<h2 id="conferencier">Pinaffo Pluvinage • studio de designers</h2>
|
||||
</div>
|
||||
<div class="cache">
|
||||
<div class="texte">
|
||||
<p>
|
||||
Description à venir.
|
||||
</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="img/img12.jpg"/>
|
||||
<p class="legende">Extraits de <i>Papier Machine</i> vol.0</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p id="gros_bloc">
|
||||
Ce programme vous est proposé en lien avec les trois options enseignées à l’EESAB – site de Rennes: Art, Design et Design graphique.<br><br>
|
||||
Les conférences ont lieu à l’auditorium de l’école, sont gratuites et ouvertes à toutes et à tous, dans la limite des places disponibles.<br><br><br>
|
||||
Ce programme est susceptible de subir des modifications. Nous vous invitons à consulter régulièrement cette page ainsi que <a target="_blank" href="https://www.facebook.com/eesabrennes/">notre compte Facebook</a>. Abonnez-vous également à notre lettre d’informations pour recevoir le programme mensuel!<br><br>
|
||||
Vous avez manqué une conférence à l’EESAB – site de Rennes?<br>
|
||||
Retrouvez la captation de nos conférences sur <a target="_blank" href="https://vimeo.com/eesab">notre compte Vimeo</a>!
|
||||
</p>
|
||||
|
||||
<p class="petits_blocs">
|
||||
Pour tout savoir sur <br>l’actualité de l’école<br><br>
|
||||
<span class="logos"><a target="_blank" href="https://www.facebook.com/eesabrennes/">f</a> <a target="_blank" href="https://twitter.com/eesabrennes?lang=fr">t</a> <a target="_blank" href="https://www.instagram.com/eesabrennes/">c</a> <a target="_blank" href="https://vimeo.com/eesab">9</a></span><br><br>
|
||||
EESAB – site de Rennes<br>
|
||||
34, rue Hoche<br>
|
||||
35000 RENNES<br>
|
||||
02 23 62 22 60<br>
|
||||
<a href=mailto:contact.rennes@eesab.fr>contact.rennes@eesab.fr</a><br>
|
||||
<a target="_blank" href="https://www.eesab.fr/rennes/">www.eesab.fr</a><br><br>
|
||||
<span class="logos" id="logos_partenaires">à é</span><br><br><br>
|
||||
|
||||
</p>
|
||||
|
||||
<p class="petits_blocs">
|
||||
Caractères utilisés:<br><br>
|
||||
<span class="typo">Theinhardt</span><br> Optimo Type Foundry<br><br>
|
||||
<span class="typo">Compagnon Roman</span><br> Juliette Duhé <br>et Léa Pradine<br><br>
|
||||
<span class="typo">Compagnon Script</span><br> Chloé Lozano<br><br><br>
|
||||
Design graphique <br>et développement:<br><br>
|
||||
<a target="_blank" href="https://xn--eugniebidaut-deb.eu/">Eugénie Bidaut</a><br><br><br>
|
||||
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 420 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 696 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 203 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 802 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 507 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 802 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 226 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 657 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 410 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 297 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 229 KiB |
+127
@@ -0,0 +1,127 @@
|
||||
@media print{
|
||||
|
||||
.pss{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cache{
|
||||
display: block;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.affiche{
|
||||
display: block;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.conf{
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.spec{
|
||||
text-decoration-color: black;
|
||||
}
|
||||
html{
|
||||
font-size: 41%;
|
||||
margin: -6.5mm;
|
||||
}
|
||||
#header{
|
||||
display: none;
|
||||
}
|
||||
#header h1 a span{
|
||||
color: black;
|
||||
}
|
||||
h1 a{
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#imprimer{
|
||||
display: none;
|
||||
}
|
||||
#contenu{
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin: 20px;
|
||||
width: 95vw;
|
||||
}
|
||||
|
||||
.barre{
|
||||
border-top: 0.5px solid black;
|
||||
border-bottom: 0.5px solid black;
|
||||
padding: 8px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#date{
|
||||
width: 300px;
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
#conferencier{
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.texte{
|
||||
float: left;
|
||||
width: 90vw;
|
||||
/*margin-bottom: 10px;*/
|
||||
padding: 0 10px 10px 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.spec{
|
||||
border-bottom: none;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.image{
|
||||
float: left;
|
||||
width: 90vw;
|
||||
margin-left: 0;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.image img{
|
||||
width: 50vw;
|
||||
filter: none;
|
||||
}
|
||||
|
||||
.legende{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logos_thoft{
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: 50px;
|
||||
padding-left: 30px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
#gros_bloc{
|
||||
column-count: 1;
|
||||
width: 8cm;
|
||||
margin: 0;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.petits_blocs{
|
||||
color: black;
|
||||
width: 4cm;
|
||||
min-width: 4cm;
|
||||
float: right;
|
||||
margin: 0;
|
||||
padding: 10px 0 10px 5px;
|
||||
}
|
||||
|
||||
.petits_blocs a{
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
Vendored
+4
File diff suppressed because one or more lines are too long
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,488 @@
|
||||
/**
|
||||
* jQuery.marquee - scrolling text like old marquee element
|
||||
* @author Aamir Afridi - aamirafridi(at)gmail(dot)com / http://aamirafridi.com/jquery/jquery-marquee-plugin
|
||||
*/;
|
||||
(function($) {
|
||||
$.fn.marquee = function(options) {
|
||||
return this.each(function() {
|
||||
// Extend the options if any provided
|
||||
var o = $.extend({}, $.fn.marquee.defaults, options),
|
||||
$this = $(this),
|
||||
$marqueeWrapper, containerWidth, animationCss, verticalDir, elWidth,
|
||||
loopCount = 3,
|
||||
playState = 'animation-play-state',
|
||||
css3AnimationIsSupported = false,
|
||||
|
||||
// Private methods
|
||||
_prefixedEvent = function(element, type, callback) {
|
||||
var pfx = ["webkit", "moz", "MS", "o", ""];
|
||||
for (var p = 0; p < pfx.length; p++) {
|
||||
if (!pfx[p]) type = type.toLowerCase();
|
||||
element.addEventListener(pfx[p] + type, callback, false);
|
||||
}
|
||||
},
|
||||
|
||||
_objToString = function(obj) {
|
||||
var tabjson = [];
|
||||
for (var p in obj) {
|
||||
if (obj.hasOwnProperty(p)) {
|
||||
tabjson.push(p + ':' + obj[p]);
|
||||
}
|
||||
}
|
||||
tabjson.push();
|
||||
return '{' + tabjson.join(',') + '}';
|
||||
},
|
||||
|
||||
_startAnimationWithDelay = function() {
|
||||
$this.timer = setTimeout(animate, o.delayBeforeStart);
|
||||
},
|
||||
|
||||
// Public methods
|
||||
methods = {
|
||||
pause: function() {
|
||||
if (css3AnimationIsSupported && o.allowCss3Support) {
|
||||
$marqueeWrapper.css(playState, 'paused');
|
||||
} else {
|
||||
// pause using pause plugin
|
||||
if ($.fn.pause) {
|
||||
$marqueeWrapper.pause();
|
||||
}
|
||||
}
|
||||
// save the status
|
||||
$this.data('runningStatus', 'paused');
|
||||
// fire event
|
||||
$this.trigger('paused');
|
||||
},
|
||||
|
||||
resume: function() {
|
||||
// resume using css3
|
||||
if (css3AnimationIsSupported && o.allowCss3Support) {
|
||||
$marqueeWrapper.css(playState, 'running');
|
||||
} else {
|
||||
// resume using pause plugin
|
||||
if ($.fn.resume) {
|
||||
$marqueeWrapper.resume();
|
||||
}
|
||||
}
|
||||
// save the status
|
||||
$this.data('runningStatus', 'resumed');
|
||||
// fire event
|
||||
$this.trigger('resumed');
|
||||
},
|
||||
|
||||
toggle: function() {
|
||||
methods[$this.data('runningStatus') == 'resumed' ? 'pause' : 'resume']();
|
||||
},
|
||||
|
||||
destroy: function() {
|
||||
// Clear timer
|
||||
clearTimeout($this.timer);
|
||||
// Unbind all events
|
||||
$this.find("*").addBack().off();
|
||||
// Just unwrap the elements that has been added using this plugin
|
||||
$this.html($this.find('.js-marquee:first').html());
|
||||
}
|
||||
};
|
||||
|
||||
// Check for methods
|
||||
if (typeof options === 'string') {
|
||||
if ($.isFunction(methods[options])) {
|
||||
// Following two IF statements to support public methods
|
||||
if (!$marqueeWrapper) {
|
||||
$marqueeWrapper = $this.find('.js-marquee-wrapper');
|
||||
}
|
||||
if ($this.data('css3AnimationIsSupported') === true) {
|
||||
css3AnimationIsSupported = true;
|
||||
}
|
||||
methods[options]();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
/* Check if element has data attributes. They have top priority
|
||||
For details https://twitter.com/aamirafridi/status/403848044069679104 - Can't find a better solution :/
|
||||
jQuery 1.3.2 doesn't support $.data().KEY hence writting the following */
|
||||
var dataAttributes = {},
|
||||
attr;
|
||||
$.each(o, function(key, value) {
|
||||
// Check if element has this data attribute
|
||||
attr = $this.attr('data-' + key);
|
||||
if (typeof attr !== 'undefined') {
|
||||
// Now check if value is boolean or not
|
||||
switch (attr) {
|
||||
case 'true':
|
||||
attr = true;
|
||||
break;
|
||||
case 'false':
|
||||
attr = false;
|
||||
break;
|
||||
}
|
||||
o[key] = attr;
|
||||
}
|
||||
});
|
||||
|
||||
// Reintroduce speed as an option. It calculates duration as a factor of the container width
|
||||
// measured in pixels per second.
|
||||
if (o.speed) {
|
||||
o.duration = parseInt($this.width(), 10) / o.speed * 1000;
|
||||
}
|
||||
|
||||
// Shortcut to see if direction is upward or downward
|
||||
verticalDir = o.direction == 'up' || o.direction == 'down';
|
||||
|
||||
// no gap if not duplicated
|
||||
o.gap = o.duplicated ? parseInt(o.gap) : 0;
|
||||
|
||||
// wrap inner content into a div
|
||||
$this.wrapInner('<div class="js-marquee"></div>');
|
||||
|
||||
// Make copy of the element
|
||||
var $el = $this.find('.js-marquee').css({
|
||||
'margin-right': o.gap,
|
||||
'float': 'left'
|
||||
});
|
||||
|
||||
if (o.duplicated) {
|
||||
$el.clone(true).appendTo($this);
|
||||
}
|
||||
|
||||
// wrap both inner elements into one div
|
||||
$this.wrapInner('<div style="width:100000px" class="js-marquee-wrapper"></div>');
|
||||
|
||||
// Save the reference of the wrapper
|
||||
$marqueeWrapper = $this.find('.js-marquee-wrapper');
|
||||
|
||||
// If direction is up or down, get the height of main element
|
||||
if (verticalDir) {
|
||||
var containerHeight = $this.height();
|
||||
$marqueeWrapper.removeAttr('style');
|
||||
$this.height(containerHeight);
|
||||
|
||||
// Change the CSS for js-marquee element
|
||||
$this.find('.js-marquee').css({
|
||||
'float': 'none',
|
||||
'margin-bottom': o.gap,
|
||||
'margin-right': 0
|
||||
});
|
||||
|
||||
// Remove bottom margin from 2nd element if duplicated
|
||||
if (o.duplicated) $this.find('.js-marquee:last').css({
|
||||
'margin-bottom': 0
|
||||
});
|
||||
|
||||
var elHeight = $this.find('.js-marquee:first').height() + o.gap;
|
||||
|
||||
// adjust the animation duration according to the text length
|
||||
if (o.startVisible && !o.duplicated) {
|
||||
// Compute the complete animation duration and save it for later reference
|
||||
// formula is to: (Height of the text node + height of the main container / Height of the main container) * duration;
|
||||
o._completeDuration = ((parseInt(elHeight, 10) + parseInt(containerHeight, 10)) / parseInt(containerHeight, 10)) * o.duration;
|
||||
|
||||
// formula is to: (Height of the text node / height of the main container) * duration
|
||||
o.duration = (parseInt(elHeight, 10) / parseInt(containerHeight, 10)) * o.duration;
|
||||
} else {
|
||||
// formula is to: (Height of the text node + height of the main container / Height of the main container) * duration;
|
||||
o.duration = ((parseInt(elHeight, 10) + parseInt(containerHeight, 10)) / parseInt(containerHeight, 10)) * o.duration;
|
||||
}
|
||||
|
||||
} else {
|
||||
// Save the width of the each element so we can use it in animation
|
||||
elWidth = $this.find('.js-marquee:first').width() + o.gap;
|
||||
|
||||
// container width
|
||||
containerWidth = $this.width();
|
||||
|
||||
// adjust the animation duration according to the text length
|
||||
if (o.startVisible && !o.duplicated) {
|
||||
// Compute the complete animation duration and save it for later reference
|
||||
// formula is to: (Width of the text node + width of the main container / Width of the main container) * duration;
|
||||
o._completeDuration = ((parseInt(elWidth, 10) + parseInt(containerWidth, 10)) / parseInt(containerWidth, 10)) * o.duration;
|
||||
|
||||
// (Width of the text node / width of the main container) * duration
|
||||
o.duration = (parseInt(elWidth, 10) / parseInt(containerWidth, 10)) * o.duration;
|
||||
} else {
|
||||
// formula is to: (Width of the text node + width of the main container / Width of the main container) * duration;
|
||||
o.duration = ((parseInt(elWidth, 10) + parseInt(containerWidth, 10)) / parseInt(containerWidth, 10)) * o.duration;
|
||||
}
|
||||
}
|
||||
|
||||
// if duplicated then reduce the duration
|
||||
if (o.duplicated) {
|
||||
o.duration = o.duration / 2;
|
||||
}
|
||||
|
||||
if (o.allowCss3Support) {
|
||||
var
|
||||
elm = document.body || document.createElement('div'),
|
||||
animationName = 'marqueeAnimation-' + Math.floor(Math.random() * 10000000),
|
||||
domPrefixes = 'Webkit Moz O ms Khtml'.split(' '),
|
||||
animationString = 'animation',
|
||||
animationCss3Str = '',
|
||||
keyframeString = '';
|
||||
|
||||
// Check css3 support
|
||||
if (elm.style.animation !== undefined) {
|
||||
keyframeString = '@keyframes ' + animationName + ' ';
|
||||
css3AnimationIsSupported = true;
|
||||
}
|
||||
|
||||
if (css3AnimationIsSupported === false) {
|
||||
for (var i = 0; i < domPrefixes.length; i++) {
|
||||
if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
|
||||
var prefix = '-' + domPrefixes[i].toLowerCase() + '-';
|
||||
animationString = prefix + animationString;
|
||||
playState = prefix + playState;
|
||||
keyframeString = '@' + prefix + 'keyframes ' + animationName + ' ';
|
||||
css3AnimationIsSupported = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (css3AnimationIsSupported) {
|
||||
animationCss3Str = animationName + ' ' + o.duration / 1000 + 's ' + o.delayBeforeStart / 1000 + 's infinite ' + o.css3easing;
|
||||
$this.data('css3AnimationIsSupported', true);
|
||||
}
|
||||
}
|
||||
|
||||
var _rePositionVertically = function() {
|
||||
$marqueeWrapper.css('transform', 'translateY(' + (o.direction == 'up' ? containerHeight + 'px' : '-' + elHeight + 'px') + ')');
|
||||
},
|
||||
_rePositionHorizontally = function() {
|
||||
$marqueeWrapper.css('transform', 'translateX(' + (o.direction == 'left' ? containerWidth + 'px' : '-' + elWidth + 'px') + ')');
|
||||
};
|
||||
|
||||
// if duplicated option is set to true than position the wrapper
|
||||
if (o.duplicated) {
|
||||
if (verticalDir) {
|
||||
if (o.startVisible) {
|
||||
$marqueeWrapper.css('transform', 'translateY(0)');
|
||||
} else {
|
||||
$marqueeWrapper.css('transform', 'translateY(' + (o.direction == 'up' ? containerHeight + 'px' : '-' + ((elHeight * 2) - o.gap) + 'px') + ')');
|
||||
}
|
||||
} else {
|
||||
if (o.startVisible) {
|
||||
$marqueeWrapper.css('transform', 'translateX(0)');
|
||||
} else {
|
||||
$marqueeWrapper.css('transform', 'translateX(' + (o.direction == 'left' ? containerWidth + 'px' : '-' + ((elWidth * 2) - o.gap) + 'px') + ')');
|
||||
}
|
||||
}
|
||||
|
||||
// If the text starts out visible we can skip the two initial loops
|
||||
if (!o.startVisible) {
|
||||
loopCount = 1;
|
||||
}
|
||||
} else if (o.startVisible) {
|
||||
// We only have two different loops if marquee is duplicated and starts visible
|
||||
loopCount = 2;
|
||||
} else {
|
||||
if (verticalDir) {
|
||||
_rePositionVertically();
|
||||
} else {
|
||||
_rePositionHorizontally();
|
||||
}
|
||||
}
|
||||
|
||||
// Animate recursive method
|
||||
var animate = function() {
|
||||
if (o.duplicated) {
|
||||
// When duplicated, the first loop will be scroll longer so double the duration
|
||||
if (loopCount === 1) {
|
||||
o._originalDuration = o.duration;
|
||||
if (verticalDir) {
|
||||
o.duration = o.direction == 'up' ? o.duration + (containerHeight / ((elHeight) / o.duration)) : o.duration * 2;
|
||||
} else {
|
||||
o.duration = o.direction == 'left' ? o.duration + (containerWidth / ((elWidth) / o.duration)) : o.duration * 2;
|
||||
}
|
||||
// Adjust the css3 animation as well
|
||||
if (animationCss3Str) {
|
||||
animationCss3Str = animationName + ' ' + o.duration / 1000 + 's ' + o.delayBeforeStart / 1000 + 's ' + o.css3easing;
|
||||
}
|
||||
loopCount++;
|
||||
}
|
||||
// On 2nd loop things back to normal, normal duration for the rest of animations
|
||||
else if (loopCount === 2) {
|
||||
o.duration = o._originalDuration;
|
||||
// Adjust the css3 animation as well
|
||||
if (animationCss3Str) {
|
||||
animationName = animationName + '0';
|
||||
keyframeString = $.trim(keyframeString) + '0 ';
|
||||
animationCss3Str = animationName + ' ' + o.duration / 1000 + 's 0s infinite ' + o.css3easing;
|
||||
}
|
||||
loopCount++;
|
||||
}
|
||||
}
|
||||
|
||||
if (verticalDir) {
|
||||
if (o.duplicated) {
|
||||
|
||||
// Adjust the starting point of animation only when first loops finishes
|
||||
if (loopCount > 2) {
|
||||
$marqueeWrapper.css('transform', 'translateY(' + (o.direction == 'up' ? 0 : '-' + elHeight + 'px') + ')');
|
||||
}
|
||||
|
||||
animationCss = {
|
||||
'transform': 'translateY(' + (o.direction == 'up' ? '-' + elHeight + 'px' : 0) + ')'
|
||||
};
|
||||
} else if (o.startVisible) {
|
||||
// This loop moves the marquee out of the container
|
||||
if (loopCount === 2) {
|
||||
// Adjust the css3 animation as well
|
||||
if (animationCss3Str) {
|
||||
animationCss3Str = animationName + ' ' + o.duration / 1000 + 's ' + o.delayBeforeStart / 1000 + 's ' + o.css3easing;
|
||||
}
|
||||
animationCss = {
|
||||
'transform': 'translateY(' + (o.direction == 'up' ? '-' + elHeight + 'px' : containerHeight + 'px') + ')'
|
||||
};
|
||||
loopCount++;
|
||||
} else if (loopCount === 3) {
|
||||
// Set the duration for the animation that will run forever
|
||||
o.duration = o._completeDuration;
|
||||
// Adjust the css3 animation as well
|
||||
if (animationCss3Str) {
|
||||
animationName = animationName + '0';
|
||||
keyframeString = $.trim(keyframeString) + '0 ';
|
||||
animationCss3Str = animationName + ' ' + o.duration / 1000 + 's 0s infinite ' + o.css3easing;
|
||||
}
|
||||
_rePositionVertically();
|
||||
}
|
||||
} else {
|
||||
_rePositionVertically();
|
||||
animationCss = {
|
||||
'transform': 'translateY(' + (o.direction == 'up' ? '-' + ($marqueeWrapper.height()) + 'px' : containerHeight + 'px') + ')'
|
||||
};
|
||||
}
|
||||
} else {
|
||||
if (o.duplicated) {
|
||||
|
||||
// Adjust the starting point of animation only when first loops finishes
|
||||
if (loopCount > 2) {
|
||||
$marqueeWrapper.css('transform', 'translateX(' + (o.direction == 'left' ? 0 : '-' + elWidth + 'px') + ')');
|
||||
}
|
||||
|
||||
animationCss = {
|
||||
'transform': 'translateX(' + (o.direction == 'left' ? '-' + elWidth + 'px' : 0) + ')'
|
||||
};
|
||||
|
||||
} else if (o.startVisible) {
|
||||
// This loop moves the marquee out of the container
|
||||
if (loopCount === 2) {
|
||||
// Adjust the css3 animation as well
|
||||
if (animationCss3Str) {
|
||||
animationCss3Str = animationName + ' ' + o.duration / 1000 + 's ' + o.delayBeforeStart / 1000 + 's ' + o.css3easing;
|
||||
}
|
||||
animationCss = {
|
||||
'transform': 'translateX(' + (o.direction == 'left' ? '-' + elWidth + 'px' : containerWidth + 'px') + ')'
|
||||
};
|
||||
loopCount++;
|
||||
} else if (loopCount === 3) {
|
||||
// Set the duration for the animation that will run forever
|
||||
o.duration = o._completeDuration;
|
||||
// Adjust the css3 animation as well
|
||||
if (animationCss3Str) {
|
||||
animationName = animationName + '0';
|
||||
keyframeString = $.trim(keyframeString) + '0 ';
|
||||
animationCss3Str = animationName + ' ' + o.duration / 1000 + 's 0s infinite ' + o.css3easing;
|
||||
}
|
||||
_rePositionHorizontally();
|
||||
}
|
||||
} else {
|
||||
_rePositionHorizontally();
|
||||
animationCss = {
|
||||
'transform': 'translateX(' + (o.direction == 'left' ? '-' + elWidth + 'px' : containerWidth + 'px') + ')'
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// fire event
|
||||
$this.trigger('beforeStarting');
|
||||
|
||||
// If css3 support is available than do it with css3, otherwise use jQuery as fallback
|
||||
if (css3AnimationIsSupported) {
|
||||
// Add css3 animation to the element
|
||||
$marqueeWrapper.css(animationString, animationCss3Str);
|
||||
var keyframeCss = keyframeString + ' { 100% ' + _objToString(animationCss) + '}',
|
||||
$styles = $marqueeWrapper.find('style');
|
||||
|
||||
// Now add the keyframe animation to the marquee element
|
||||
if ($styles.length !== 0) {
|
||||
// Bug fixed for jQuery 1.3.x - Instead of using .last(), use following
|
||||
$styles.filter(":last").html(keyframeCss);
|
||||
} else {
|
||||
$('head').append('<style>' + keyframeCss + '</style>');
|
||||
}
|
||||
|
||||
// Animation iteration event
|
||||
_prefixedEvent($marqueeWrapper[0], "AnimationIteration", function() {
|
||||
$this.trigger('finished');
|
||||
});
|
||||
// Animation stopped
|
||||
_prefixedEvent($marqueeWrapper[0], "AnimationEnd", function() {
|
||||
animate();
|
||||
$this.trigger('finished');
|
||||
});
|
||||
|
||||
} else {
|
||||
// Start animating
|
||||
$marqueeWrapper.animate(animationCss, o.duration, o.easing, function() {
|
||||
// fire event
|
||||
$this.trigger('finished');
|
||||
// animate again
|
||||
if (o.pauseOnCycle) {
|
||||
_startAnimationWithDelay();
|
||||
} else {
|
||||
animate();
|
||||
}
|
||||
});
|
||||
}
|
||||
// save the status
|
||||
$this.data('runningStatus', 'resumed');
|
||||
};
|
||||
|
||||
// bind pause and resume events
|
||||
$this.on('pause', methods.pause);
|
||||
$this.on('resume', methods.resume);
|
||||
|
||||
if (o.pauseOnHover) {
|
||||
$this.on('mouseenter', methods.pause);
|
||||
$this.on('mouseleave', methods.resume);
|
||||
}
|
||||
|
||||
// If css3 animation is supported than call animate method at once
|
||||
if (css3AnimationIsSupported && o.allowCss3Support) {
|
||||
animate();
|
||||
} else {
|
||||
// Starts the recursive method
|
||||
_startAnimationWithDelay();
|
||||
}
|
||||
|
||||
});
|
||||
}; // End of Plugin
|
||||
// Public: plugin defaults options
|
||||
$.fn.marquee.defaults = {
|
||||
// If you wish to always animate using jQuery
|
||||
allowCss3Support: true,
|
||||
// works when allowCss3Support is set to true - for full list see http://www.w3.org/TR/2013/WD-css3-transitions-20131119/#transition-timing-function
|
||||
css3easing: 'linear',
|
||||
// requires jQuery easing plugin. Default is 'linear'
|
||||
easing: 'linear',
|
||||
// pause time before the next animation turn in milliseconds
|
||||
delayBeforeStart: 1000,
|
||||
// 'left', 'right', 'up' or 'down'
|
||||
direction: 'left',
|
||||
// true or false - should the marquee be duplicated to show an effect of continues flow
|
||||
duplicated: false,
|
||||
// duration in milliseconds of the marquee in milliseconds
|
||||
duration: 5000,
|
||||
// Speed allows you to set a relatively constant marquee speed regardless of the width of the containing element. Speed is measured in pixels per second.
|
||||
speed: 0,
|
||||
// gap in pixels between the tickers
|
||||
gap: 20,
|
||||
// on cycle pause the marquee
|
||||
pauseOnCycle: false,
|
||||
// on hover pause the marquee - using jQuery plugin https://github.com/tobia/Pause
|
||||
pauseOnHover: false,
|
||||
// the marquee is visible initially positioned next to the border towards it will be moving
|
||||
startVisible: false
|
||||
};
|
||||
})(jQuery);
|
||||
@@ -0,0 +1,72 @@
|
||||
$(document).ready(function () {
|
||||
|
||||
|
||||
$("#passees").click(function () {
|
||||
$(".cache").removeClass("affiche");
|
||||
$(".barre").removeClass("barre_active");
|
||||
|
||||
if ($(this).is(":checked")) {
|
||||
$(".pss").show();
|
||||
$(".ftr").hide();
|
||||
$("#futures").prop("checked", false);
|
||||
} else {
|
||||
$(".conf").show();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$("#futures").click(function () {
|
||||
$(".cache").removeClass("affiche");
|
||||
$(".barre").removeClass("barre_active");
|
||||
|
||||
if ($(this).is(":checked")) {
|
||||
$(".ftr").show();
|
||||
$(".pss").hide();
|
||||
$("#passees").prop("checked", false);
|
||||
} else {
|
||||
$(".conf").show();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$(".conf").mousedown(function(){
|
||||
$(".cache",this).slideToggle("slow");
|
||||
$(".cache",this).toggleClass("affiche");
|
||||
$(".barre",this).toggleClass("barre_active");
|
||||
$('.affiche').mousedown(function(){return false;});
|
||||
});
|
||||
|
||||
$("#header").mouseenter(function(){
|
||||
$("#categories").slideDown(300);
|
||||
});
|
||||
|
||||
$("#header").mouseleave(function(){
|
||||
$("#categories").slideUp(300);
|
||||
});
|
||||
|
||||
// $(".conf").click(function(){
|
||||
// $(".cache",this).toggleClass("affiche");
|
||||
// $(".barre",this).toggleClass("barre_active");
|
||||
// $('.affiche').click(function(){return false;});
|
||||
// });
|
||||
|
||||
|
||||
$('#titre').marquee({
|
||||
allowCss3Support:true,
|
||||
css3easing:'linear',
|
||||
easing:'linear',
|
||||
direction:'left',
|
||||
duplicated:true,
|
||||
duration: 170000,
|
||||
pauseOnCycle:false,
|
||||
pauseOnHover:false,
|
||||
startVisible:true,
|
||||
delayBeforeStart: 0,
|
||||
gap:0,
|
||||
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
+533
@@ -0,0 +1,533 @@
|
||||
RESET */
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
background-color: white;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
*, *:before, *:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Compagnon';
|
||||
font-size: 17px;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
/**/
|
||||
|
||||
/* LES STYLES COMMENCENT ICI */
|
||||
|
||||
@font-face {
|
||||
font-family: 'Theinhardt';
|
||||
src: url('fonts/Theinhardt-Medium.woff2') format('woff2'),
|
||||
url('fonts/Theinhardt-Medium.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Compagnon';
|
||||
src: url('fonts/Compagnon-Roman.woff2') format('woff2'),
|
||||
url('fonts/Compagnon-Roman.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Compagnon';
|
||||
src: url('fonts/Compagnon-Bold.woff2') format('woff2'),
|
||||
url('fonts/Compagnon-Bold.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Logo';
|
||||
src: url('fonts/fontsocialmedia.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
::selection {
|
||||
background: rgba(127,226,216,0.99);
|
||||
}
|
||||
|
||||
|
||||
h1, h2{
|
||||
font-family: 'Theinhardt';
|
||||
font-weight: normal;
|
||||
line-height: 1.03;
|
||||
font-size: 195%;
|
||||
}
|
||||
|
||||
h1 a{
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#header{
|
||||
border-bottom: 2px solid black;
|
||||
padding: 0;
|
||||
top: -5px;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
background-color: black;
|
||||
color: white;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#marquee{
|
||||
display: inline-block;
|
||||
padding-bottom: 6px;
|
||||
margin: 0;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#header h1 span{
|
||||
line-height: 1.2;
|
||||
color: rgb(127,226,216);
|
||||
}
|
||||
|
||||
#categories{
|
||||
display: none;
|
||||
z-index: 1;
|
||||
width: 100vw;
|
||||
float: right;
|
||||
padding: 8px 0 8px 0;
|
||||
line-height: 1.4;
|
||||
background-color:black;
|
||||
color: white;
|
||||
font-size: 100%;
|
||||
/*border-top: white solid 2px;*/
|
||||
}
|
||||
|
||||
#categories div{
|
||||
display: inline-block;
|
||||
margin-left: 25px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
|
||||
/*PERSONNALISATION DES CHECKBOXES*/
|
||||
|
||||
/* Customize the label (the container) */
|
||||
.container {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding-left: 30px;
|
||||
margin-bottom: 7px;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* Hide the browser's default checkbox */
|
||||
.container input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
/* Create a custom checkbox */
|
||||
.checkmark {
|
||||
position: absolute;
|
||||
bottom: 3px;
|
||||
left: 0;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
background-color: white;
|
||||
border: 2px solid white;
|
||||
}
|
||||
|
||||
/* On mouse-over, add a grey background color */
|
||||
.container:hover input ~ .checkmark {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
/* When the checkbox is checked, add a blue background */
|
||||
.container input:checked ~ .checkmark {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.container:hover{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/*FIN DE LA PERSONNALISATION DES CHECKBOX*/
|
||||
|
||||
|
||||
#impr{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*#impr:hover{
|
||||
font-style: italic;
|
||||
}
|
||||
*/
|
||||
#impr:hover #txt{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/*#header:hover #categories{
|
||||
display: block;
|
||||
}*/
|
||||
|
||||
#contenu{
|
||||
width: 150vw;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-top: 65px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
|
||||
.conf{
|
||||
width: 150vw;
|
||||
background-color: white;
|
||||
display: inline-block;
|
||||
/* height: 70vh;*/
|
||||
}
|
||||
|
||||
.barre{
|
||||
user-select: none;
|
||||
padding: 20px;
|
||||
background-color: white;
|
||||
border-top: 2px solid black;
|
||||
cursor: pointer;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.barre:hover{
|
||||
background-color: rgb(127,226,216);
|
||||
}
|
||||
|
||||
.barre_active{
|
||||
background-color: rgb(127,226,216);
|
||||
}
|
||||
|
||||
.barre h2{
|
||||
font-size: 115%;
|
||||
color: black;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#date{
|
||||
width: 25vw;
|
||||
min-width: 340px;
|
||||
}
|
||||
|
||||
#conferencier{
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
.cache{
|
||||
display: none;
|
||||
border-top: 2px solid black;
|
||||
background-color: white;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*.affiche{
|
||||
display: block;
|
||||
border-top: 2px solid black;
|
||||
background-color: white;
|
||||
padding: 0;
|
||||
}*/
|
||||
|
||||
.image{
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 56vw;
|
||||
/*max-width: 800px;
|
||||
min-width: 300px;*/
|
||||
|
||||
}
|
||||
|
||||
.image img{
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
width: 56vw;
|
||||
filter: grayscale(100%);
|
||||
transition: 0.5s ease-in all;
|
||||
/*max-width: 800px;
|
||||
min-width: 300px;*/
|
||||
|
||||
}
|
||||
|
||||
.image img:hover{
|
||||
filter: none;
|
||||
}
|
||||
|
||||
|
||||
.legende{
|
||||
font-size: 75%;
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: -13px;
|
||||
padding: 1px 8px 7px 8px;
|
||||
/*width: inherit;*/
|
||||
/*max-width: 800px;
|
||||
min-width: 300px;*/
|
||||
background-color: rgb(127,226,216);
|
||||
color: black;
|
||||
/*font-size: 80%;*/
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
|
||||
.image:hover .legende{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pss{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pss .affiche{
|
||||
height: 630px;
|
||||
}
|
||||
|
||||
|
||||
iframe{
|
||||
background-color: black;
|
||||
margin:0;
|
||||
margin-bottom: -5px;
|
||||
margin-left: 20px;
|
||||
width: 51vw;
|
||||
height: 630px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
.texte{
|
||||
vertical-align: top;
|
||||
padding: 10px 10px 15px 20px;
|
||||
display: inline-block;
|
||||
width: 45vw;
|
||||
/* max-width: 800px;
|
||||
min-width: 300px;*/
|
||||
}
|
||||
|
||||
.spec{
|
||||
border-bottom: 3px solid rgb(127,226,216);
|
||||
}
|
||||
|
||||
|
||||
.texte p{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: top;
|
||||
color: black;
|
||||
/*margin-bottom: 20px;*/
|
||||
}
|
||||
|
||||
.texte p a{
|
||||
text-decoration: underline;
|
||||
color: black;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.texte p a:hover{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.logos_thoft{
|
||||
display: inline-block;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
footer{
|
||||
border-top: 2px solid black;
|
||||
background-color:rgb(127,226,216);
|
||||
position: relative;
|
||||
float: left;
|
||||
width:100vw;
|
||||
}
|
||||
|
||||
footer a{
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
footer a:hover{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
footer p{
|
||||
margin: 0;
|
||||
height: inherit;
|
||||
padding-top: 25px;
|
||||
padding-left: 25px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
#gros_bloc{
|
||||
color: black;
|
||||
float: left;
|
||||
display: inline-block;
|
||||
min-width: 350px;
|
||||
width: 48vw;
|
||||
column-count: 2;
|
||||
column-gap: 36px;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
#gros_bloc a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#gros_bloc::selection {
|
||||
background: rgba(255,255,255,0.99);
|
||||
}
|
||||
|
||||
footer p .logos{
|
||||
font-family: "Logo";
|
||||
font-size: 280%;
|
||||
}
|
||||
|
||||
footer p .logos a:hover{
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#logos_partenaires {
|
||||
font-size: 395%;
|
||||
}
|
||||
|
||||
.petits_blocs{
|
||||
color: white;
|
||||
float: right;
|
||||
display: inline-block;
|
||||
width: 17vw;
|
||||
min-width: 300px;
|
||||
background-color: black;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.petits_blocs a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.typo{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.logos a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*///////////////////////////////////////////////////////////////////////////////
|
||||
/////////////////////////////////////////////////////////////////////////////////
|
||||
/////////////////////////////////////////////////////////////////////////////////
|
||||
/////////////////////////////////////////////////////////////////////////////////
|
||||
/////////////////////////////////////////////////////////////////////////////////*/
|
||||
|
||||
|
||||
|
||||
/*TÉLÉPHONE*/
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
|
||||
html, body{
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#header{
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#marquee{
|
||||
padding-top: 4px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.container{
|
||||
padding-left: 23px;
|
||||
}
|
||||
|
||||
.checkmark{
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
bottom: 3px;
|
||||
}
|
||||
|
||||
#impr{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#contenu{
|
||||
margin-top: 56px;
|
||||
}
|
||||
|
||||
.texte{
|
||||
padding: 13px 15px 17px 15px;
|
||||
width: 90vw;
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
.texte p{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: inherit;
|
||||
min-width: inherit;
|
||||
}
|
||||
|
||||
.image{
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.image img{
|
||||
width: 100vw;
|
||||
|
||||
}
|
||||
|
||||
.legende{
|
||||
bottom: -8.3px;
|
||||
}
|
||||
|
||||
.pss .affiche{
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
iframe{
|
||||
height: 300px;
|
||||
width: 100vw;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
footer p{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#gros_bloc{
|
||||
column-count: 1;
|
||||
min-width: 100px;
|
||||
min-height: 200px;
|
||||
width: 90vw;
|
||||
padding: 13px 15px 17px 15px;
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
.petits_blocs{
|
||||
float: left;
|
||||
width: 100vw;
|
||||
padding: 13px 15px 17px 15px;
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
|
||||
/*TÉLÉPHONE FIN*/
|
||||
Reference in New Issue
Block a user