+ -->

- - @@ -51,7 +58,7 @@ diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/clear_choix.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/clear_choix.html Wed Jan 16 08:26:00 2013 +0100 @@ -0,0 +1,45 @@ + + + + + The End - @todo + + + + + + + + + + + + +

+ + +

EFFACEMENT DE L'ENREGISTREMENT DES TIRAGES DE VIDEOS

+ + + + + + + + + + \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/credit.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/credit.html Wed Jan 16 08:26:00 2013 +0100 @@ -0,0 +1,226 @@ + + + + + The End - @todo + + + + + + + + + + + + + + + + + + + +

+ +

Géraldine Michelon

présente

THE END, ETC.

+ +

Une coproduction

FRANCE TÉLÉVISIONS - MEMO PROD

+ +

Avec la participation du

Centre National du Cinéma et de l’Image Animée

Incandescence

Institut de recherche et de l'innovation du Centre Georges Pompidou

+ +

Un projet écrit et réalisé par

+ +

LAETITIA MASSON

+
+ +

avec

+
+

FICTION

+ +

Élodie Bouchez

Jérôme Kircher

Avec la participation d’Aurore Clément et d’André Wilms

Gil Ingrand

Tom Roberts

+
+ +

PORTRAITS

(par ordre alphabétique)

+ +

Élodie Bouchez

Aurore Clément

Haïm Cohen

Kristina Dariosecq

Catherine Dolto

David Germain

Dominique Glories

Denis Jeambar

Jérôme Kircher

Isaïe Théodore Korenfeld

Cynthia Liméa

Virginie Maréchal-Ossoukine

Farid Mokart

Elliot Perlman

Fred Raillard

Didier Schneider

Jean-Pierre Tagliaferri

Christian Tortu

Margot Vaz-Pinto

Philippe Vénère

André Wilms

+
+

MUSIQUE

+ +

Jean-Louis Murat

+ +

Accompagné de Slim Batteux, Fred Jimenez, Stéphane Reynaud

Avec la participation amicale de Jeanne Cherhal

Et l’aimable autorisation de Barclay, Universal Music France

+ +

Musique originale produite par Scarlett Productions

Composée par JLM Bergheaud

Interprétée par Jean-Louis Murat

Réalisée par Jean-Louis Murat

Avec l’aimable autorisation de V2 Music (Universal Music France)

Enregistrées par Maxime Le Guil au Studio +30

Chœurs : Jeanne Cherhal, Fred Jimenez

Guitare : Jean-Louis Murat

Basse : Fred Jimenez

Batterie : Stéphane Reynaud

Piano : Slim Batteux

+
+

LA MARSEILLAISE

Auteur : Rouget de L’Isle (1792) – Compositeur : JLM Bergheaud

Scarlett Productions Éditions

+
+

L’INTERNATIONALE

Auteur : Eugène Pottier (1888) – Compositeur : JLM Bergheaud

Scarlett Productions Éditions

+
+

L’IDÉE

Auteur : Charles D’Avray (1898) – Compositeur : JLM Bergheaud

Scarlett Productions Éditions

+
+

NI DIEU NI MAITRE

Auteur : Achille Le Roy (1892) – Compositeur : JLM Bergheaud

Scarlett Productions Éditions

+
+

L’ENVERS DU ZÉBU

Auteur/Compositeur : JLM Bergheaud

Scarlett Productions Éditions

+
+

ÉQUIPE TECHNIQUE

+ +

1er Assistant Réalisateur Hadrien Bichet

Chef Opérateur Image Fabien Chauvier, Frédéric Rozot

Chef Opérateur Son Laurent Trapenard, Ali Benmoussa

Chef Décorateur Pascale Consigny

Assistant Décorateur Jonathan Israel

Chef Costumière Carole Gérard

Chef Maquilleuse Sandrine Cirilli

Chef Monteur Image Olivier Michaut

Assistante Monteuse Image Isabelle Bassaglia

Chef Monteur Son Bruno Reiland, Gabriel Mathé

Mixeur Gilles Benardeau

Etalonneur Gregory Arvanitis

Directrice de production Sylvie Balland

Administratrice de production Martine Etchegaray

Régisseur général Maud Quiffet

Assistant Régisseur Adjoint Stéphane Avenard, Marine Longuet

Traducteur – Adaptateur Simon John, Julie Dutertre

Assistante de production web Hélène Adamo

+
+

PRODUCTION WEB

+ +

INCANDESCENCE

+ +

Production Aurélien Bambagioni

Directeur artistique Jean-François Rey

Directeur technique Edwin Razafimahatratra

Intégratrice Web Agnieszka Bacior

+ +

IRI

+ +

Directeur Bernard Stiegler

Directeur Éxécutif Vincent Puig

Responsable Projets Média Nicolas Sauret

Directeur Technique Yves Marie Haussonne

Développeur Raphaël Velt

+
+

PRESTATAIRES TECHNIQUES

+ +

Costumes MARATIER AUTO TELE CINEMA, LE VESTIAIRE

Matériel Caméra U KONCEPT

Matériel Son DCAudiovisuel

Véhicules techniques National/ Citer

Montage image et son - Etalonnage FILM FACTORY

Mixage ARCHIPEL

+
+

ASSURANCE

+ +

CONTINENTAL MEDIA ASSURANCES

+ +
+

CONSEIL JURIDIQUE

Olivier Laude (Laude Esquier Champey)

+ +
+

UNE COPRODUCTION FRANCE TÉLÉVISIONS

+ +

Nouvelles Écritures

Boris Razon

Voyelle Acker

Antonin Lhôte

+ +

Direction de la production

Jean-Louis Navarro

Sandrine Amédée

+ +

France Télévisions Éditions Numériques

Emmanuel Lemoine

Julie Pleno-Bonnet

+ +

Relations presse

Maya Dagnino

+
+

COMMUNICATION DIGITALE

+ +

FRANCE TÉLÉVISIONS

Antoine Allard

+ +

KETSU

Jérôme Reminiac

Ugo Orlando

+
+

REMERCIEMENTS

+ +

Nan Golding, Galerie Yvon Lambert

Naomi Fisher, Galerie Perrotin

Daniele Bluetti, Joseph Glasco, Carl Lessard

+ +

Camille Trumer, Isabelle Grossenbacher, Laure Bergheaud

Marie Audigier, Franck Lellouche, Francis Lucas

Jean-Paul Allegre, Mr Dupin (Les 2 Magots)

+
+
+

2013 FRANCE TÉLÉVISIONS – MEMO PROD

+ + \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/index.html --- a/web/index.html Tue Jan 15 17:17:14 2013 +0100 +++ b/web/index.html Wed Jan 16 08:26:00 2013 +0100 @@ -1,59 +1,79 @@ - + The End - @todo + - - + + + + + + + + + + + + + + + + + - - + -

UNE EXPÉRIENCE DE CINÉMA

THE END, ETC.

DE LAETITIA MASSON

COMPOSEZ VOTRE FILM

+ - - - + + + + var resizePopup = function() { + popupPosition('popUpDiv', 'content'); + } + \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/index_ba.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/index_ba.html Wed Jan 16 08:26:00 2013 +0100 @@ -0,0 +1,141 @@ + + + + + The End, etc. + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ + + + + + + \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/int_fiction.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/int_fiction.html Wed Jan 16 08:26:00 2013 +0100 @@ -0,0 +1,204 @@ + + + + + The End niv1- @todo + + + + + + + + + + + + + + + + + + + +

+ + +

+ +

+ + + + + +

+ + + + + + + + + + + + + \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/int_music.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/int_music.html Wed Jan 16 08:26:00 2013 +0100 @@ -0,0 +1,175 @@ + + + + + The End - @todo + + + + + + + + + + + + + + + + + + + +

+ +

+ +

+ + + +

0'00''

LA MARSEILLAISE

+ + +

0'00''

L'IDÉE

+ +

+ + +

0'00''

L'INTERNATIONALE

+ +

0'00''

NI DIEU NI MAÎTRE

+ +

+ + +

0'00''

L'ENVERS DU ZÉBU

+ +

+ + + + + + + \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/int_portraits.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/int_portraits.html Wed Jan 16 08:26:00 2013 +0100 @@ -0,0 +1,98 @@ + + + + + The End - @todo + + + + + + + + + + + + + + + + + + + +

+ +

+ + +

+ +

Dominique Glories&
+ Margot Vaz-Pinto

Denis
Jeambar

Jérôme
Kircher

Isaïe Théodore
Corenfeld

Cynthia
Limea

Virginie
Maréchal-Ossoukine

Elliot
Perlman

Didier
Schneider

Jean-Pierre
Tagliaferri

Christian
Tortu

Philippe
Venere

André
Wilms

+ + + + + + + + \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/inter_choix.html --- a/web/inter_choix.html Tue Jan 15 17:17:14 2013 +0100 +++ b/web/inter_choix.html Wed Jan 16 08:26:00 2013 +0100 @@ -5,24 +5,33 @@ The End - @todo - - - + - - + + - + + + + + + + + + -

+ -->

3 ÉCRANS

@@ -32,20 +41,23 @@

- + \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/menu_bonus.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/menu_bonus.html Wed Jan 16 08:26:00 2013 +0100 @@ -0,0 +1,60 @@ + + + + + The End - @todo + + + + + + + + + + + + + + + + + + + +

+ +

+ + +

+ +

Fiction

Portraits

Musique

+ +

+ + + + + + \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/mindex.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/mindex.html Wed Jan 16 08:26:00 2013 +0100 @@ -0,0 +1,154 @@ + + + + + The End, etc. + + + + + + + + + + + + + + + + + + + + + + + + +

+ + +

+ +

UNE EXPÉRIENCE DE CINÉMA

THE END, ETC.

DE LAETITIA MASSON

+ +

Pour composer votre film, rendez-vous sur une tablette ou sur votre ordinateur.

+ + + + +

+ + + + + + + + \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/niv1_videoplayer.html --- a/web/niv1_videoplayer.html Tue Jan 15 17:17:14 2013 +0100 +++ b/web/niv1_videoplayer.html Wed Jan 16 08:26:00 2013 +0100 @@ -5,36 +5,39 @@ The End niv1- @todo + - - - - - + + + + + + + + + + + + -

- -

- +

@@ -42,21 +45,21 @@

- + - +

- +

0'00''
0'00''

- -

- - + + + +

+ + + + + + \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/partage.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/partage.html Wed Jan 16 08:26:00 2013 +0100 @@ -0,0 +1,83 @@ + + + + + The End - @todo + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ +

THE END, ETC.

+ +

+ + + +

Partagez VOTRE FILM

+ + + + + + + \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/portraits_player.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/portraits_player.html Wed Jan 16 08:26:00 2013 +0100 @@ -0,0 +1,144 @@ + + + + + The End niv1- @todo + + + + + + + + + + + + + + + + + + + +

+ + +

+ +

+ + + + + +

+ + + + + + + + + + + + + + + + \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/prologue.html --- a/web/prologue.html Tue Jan 15 17:17:14 2013 +0100 +++ b/web/prologue.html Wed Jan 16 08:26:00 2013 +0100 @@ -5,44 +5,139 @@ The End - @todo - - - - - - + + - + + + + + + + + + -

- - -

+ +

- - + - \ No newline at end of file diff -r 0055b4bee4e3 -r 8c3f0b94d056 web/static/res/css/style_1024.css --- a/web/static/res/css/style_1024.css Tue Jan 15 17:17:14 2013 +0100 +++ b/web/static/res/css/style_1024.css Wed Jan 16 08:26:00 2013 +0100 @@ -3,9 +3,8 @@ /*----------------------------------------------*/ /* 1- Mentions */ -/* 2- Color codes */ -/* 3- Reset */ -/* 4- Base styles */ +/* 2- Reset */ +/* 3- Base styles */ /* 5- Video */ /* 6- Controls */ /* 7- Sidebar */ @@ -13,25 +12,20 @@ /* 9- Footer */ /*----------------------------------------------*/ -/* 1- Mentions */ +/* 1- Mentions */ /*----------------------------------------------*/ /* @client : The End */ /* @date : octobre 2012 */ /*----------------------------------------------*/ -/* 2- Color codes */ -/*----------------------------------------------*/ - -/*----------------------------------------------*/ -/* 3- Reset */ +/* 2- Reset */ /*----------------------------------------------*/ html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,button,textarea,select,figure,p,blockquote,th,td { margin:0; padding:0; } - /* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using `em` units */ /* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom.*/ html { @@ -44,6 +38,14 @@ font-weight: normal; font-style: normal; } +a, +a:link, +a:visited, +a:active, +a:hover, +a:focus { + text-decoration: none; +} li { list-style: none; } @@ -74,7 +76,6 @@ vertical-align: middle; font-size: 100%; } - /* 1. Removes default vertical scrollbar in IE 6/7/8/9 */ /* 2. Improves readability and alignment in all browsers */ /* 2. Allow only vertical resizing of textareas */ @@ -83,21 +84,18 @@ vertical-align: top; /* 2 */ resize: vertical; /* 3 */ } - fieldset, img, button { border: 0; } -img, table, td, blockquote, code, pre, textarea, input, object, embed/*, video */ { +img, table, td, blockquote, code, pre, textarea, input, object, embed /*, video */ { max-width: 100%; } - /* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } - /* Prevents `sub` and `sup` affecting `line-height` in all browsers */ sub, sup { @@ -117,80 +115,125 @@ header, footer, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, figure, figcaption, time, dialog { display: block; } - +dl, +menu, +ol, +ul { + margin: 1em 0; +} +/*----------------------------------------------*/ +/* 3- Base styles */ /*----------------------------------------------*/ -/* 4- Base styles */ -/*----------------------------------------------*/ +@font-face { + font-family: "arial_blackregular"; + src: url('../font/arial_black-webfont.eot'); + src: url('../font/arial_black-webfont.eot?#iefix') format('embedded-opentype'), + url('../font/arial_black-webfont.woff') format('woff'), + url('../font/arial_black-webfont.ttf') format('truetype'), + url('../font/arial_black-webfont.svg#arial_blackregular') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: "arialbold"; + src: url('../font/arial_bold-webfont.eot'); + src: url('../font/arial_bold-webfont.eot?#iefix') format('embedded-opentype'), + url('../font/arial_bold-webfont.woff') format('woff'), + url('../font/arial_bold-webfont.ttf') format('truetype'), + url('../font/arial_bold-webfont.svg#arialbold') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "arialregular"; + src: url('../font/arial-webfont.eot'); + src: url('../font/arial-webfont.eot?#iefix') format('embedded-opentype'), + url('../font/arial-webfont.woff') format('woff'), + url('../font/arial-webfont.ttf') format('truetype') + url('../font/arial-webfont.svg#arialregular') format('svg'); + font-weight: normal; + font-style: normal; +} +html { + overflow: hidden; + /* reset de metanav France */ + padding-top: 0 !important; + background-position: 0 0 !important; +} body { - background-color: black; + background-color: #000000; font-size: 1em; line-height: 1; } -h1 { - font-family: "Arial Black", sans-serif; + +#content h1 { + margin: 1em 0; + font-family: "Arial Black", "arial_blackregular", sans-serif; font-size: 43px; color: #ffffff; text-transform: uppercase; } -h2 { - font-family: Arial, sans-serif; +#content h2 { + margin: 1em 0; + font-family: Helvetica, Arial,"arialregular", sans-serif; font-size: 24px; - color: #bfbfbf; + color: #9b9a9a; text-transform: uppercase; } -h3 { - +#content h3 { + margin: 1em 0; + font-family: "Arial Black", "arial_blackregular", sans-serif; + font-size: 18px; + color: #ffffff; + text-transform: uppercase; } -h4 { - +#content h4 { + margin: 1em 0; + font-family: "Arial Bold", "arialbold", sans-serif; + font-size: 14px; + color: #ffffff; } h5 { + margin: 1em 0; + font-family: Helvetica, Arial,"arialregular", sans-serif; + font-size: 16px; + color: #ffffff; } h6 { } -p, -pre { +#content p, +#content pre { margin: 1em 0; - font-family: Arial, sans-serif; + font-family: Arial, "arialregular", Helvetica, sans-serif; + font-size: 14px; + /* font-size: 0.875em; 14px/16px*/ color: #ffffff; } -dl, -menu, -ol, -ul { - margin: 1em 0; -} b, strong, .bold { font-weight: bold; } -.uppercase{ - text-transform:uppercase; - } -a, -a:link, -a:visited, -a:active { - text-decoration: none; - } -a:hover, -a:focus { - } - +/* if the image is too large to div it decreases image */ +footer img, +#bottom img, +#content #bgimage { + min-width: 100%; +} + /* Clearfix: contain floats For modern browsers */ /* 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class */ /* 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements */ - .clearfix:before, .clearfix:after { content: " "; /* 1 */ @@ -199,11 +242,19 @@ .clearfix:after { clear: both; } - /* For IE 6/7 only. Include this rule to trigger hasLayout and contain floats */ .clearfix { *zoom: 1; } + +.box_transparance { + opacity :1; +} + +#content .uppercase{ + text-transform:uppercase; + } + .txt_hidden { text-indent: -9999em; } @@ -217,6 +268,7 @@ a.link_img:focus { opacity: 1; } + .floatL { float: left; } @@ -224,38 +276,69 @@ float: right; } -.big_link { - font-family: "Arial Black", sans-serif; +#content .big_link { + font-family: "Arial Black", "arial_blackregular", sans-serif; font-size: 21px; text-align: center; - padding: 14px 0 16px 0; - margin: 0; - + margin: 14px 0 16px 0; + text-transform: uppercase; +} +.metanav { + z-index: 1000; + position: fixed !important; +} +.text_lowercase { + text-transform: none; +} +#content .marginBottom { + margin-bottom: 40px ; +} +#content .header_txt p { +/*font-family: "Arial Bold", "arialbold", sans-serif;*/ } /*----------------------------------------------*/ -/* site takes all the space of the browser */ +/* site takes all the space of the browser */ /*----------------------------------------------*/ html, body { height: 100%; + width: 100%; } #content{ - width: 98%; + width: 100%; /* a changer pour 100% et tester le footer*/ min-height: 100%; - position: relative; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; margin: 0 auto; + padding-top: 28px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +/* exception index : width: 98%; margin left and margin right have 1% */ +#content.smallMargin{ + width: 98%; /* le footer adapte sa largeur */ +} +#content.hugeMargin { + width: 76.5625%; +} + +/* exception index for footer position:absolute; */ #content #content_top { + height: 100%; margin-top: 0; margin-bottom: 0; padding-bottom: 70px; /* height of

Géraldine Michelon

THE END, ETC.

FRANCE TÉLÉVISIONS - MEMO PROD

Centre National du Cinéma et de l’Image Animée

Incandescence

Institut de recherche et de l'innovation du Centre Georges Pompidou

LAETITIA MASSON

FICTION

PORTRAITS

MUSIQUE

ÉQUIPE TECHNIQUE

PRODUCTION WEB

INCANDESCENCE

IRI

PRESTATAIRES TECHNIQUES

ASSURANCE

CONTINENTAL MEDIA ASSURANCES

CONSEIL JURIDIQUE

Olivier Laude (Laude Esquier Champey)

UNE COPRODUCTION FRANCE TÉLÉVISIONS

Nouvelles Écritures

Direction de la production

France Télévisions Éditions Numériques

Relations presse

COMMUNICATION DIGITALE

FRANCE TÉLÉVISIONS

KETSU

REMERCIEMENTS

THE END, ETC. de Laetitia Masson.

UNE EXPÉRIENCE DE CINÉMA

PROLONGER L’EXPÉRIENCE

ETC.

Mentions légales

DONNEES PERSONNELLES

CREDITS

LOGICIELS

THE END, ETC. de Laetitia Masson.

UNE EXPÉRIENCE DE CINÉMA

PROLONGER L’EXPÉRIENCE

ETC.

THE END, ETC. de Laetitia Masson.

UNE EXPÉRIENCE DE CINÉMA

PROLONGER L’EXPÉRIENCE

ETC.