diff --git a/.streamlit/config.toml b/.streamlit/config.toml
new file mode 100644
index 0000000000000000000000000000000000000000..6509e75916f24b3837ed102387c52886234d8009
--- /dev/null
+++ b/.streamlit/config.toml
@@ -0,0 +1,6 @@
+[theme]
+primaryColor="#F63366"
+backgroundColor="#FFFFFF"
+secondaryBackgroundColor="#F0F2F6"
+textColor="#262730"
+font="sans serif"
\ No newline at end of file
diff --git a/Main.py b/App.py
similarity index 92%
rename from Main.py
rename to App.py
index 5eb7570188a98242a87736a3c2a12d6c859ea056..252370d4fd600c4baac189771e19e4ceb6058bf9 100644
--- a/Main.py
+++ b/App.py
@@ -22,7 +22,6 @@ from content import merged_df, fetch_movie_info
tmdbIds = merged_df['tmdbId'].tolist()
-
############### APPLICATION ###############
# Titre de l'application Streamlit
@@ -76,9 +75,10 @@ for i in range(0, len(unique_tmdbIds), num_columns):
for idx, tmdbId in enumerate(row_tmdbIds):
title, poster_url = fetch_movie_info(tmdbId)
if poster_url:
+ title = title.get("title", "Unknown Title")
# Assurez-vous que le lien correspond à l'URL locale servie par votre serveur HTTP
html_file_url = f"http://localhost:8501/{title.replace(' ', '_')}.html"
# Afficher le poster du film avec un lien cliquable
cols[idx].markdown(f'<div style="margin-right: 20px; margin-top: 20px; margin-bottom: 5px;"><a href="{html_file_url}" target="_blank"><img src="{poster_url}" alt="{title}" style="width:150px;height:225px;"></a></div>', unsafe_allow_html=True)
- # Afficher le titre du film avec un lien cliquable
- cols[idx].markdown(f'<div style="margin-right: 20px; margin-bottom: 10px; text-align: center;"><a href="{html_file_url}" target="_blank" style="color: black; text-decoration: none; font-size: 14px; white-space: nowrap;">{title}</a></div>', unsafe_allow_html=True)
+ # Afficher le titre du film avec un lien cliquable en gras
+ cols[idx].markdown(f'<div style="margin-right: 20px; margin-bottom: 10px; text-align: center;"><a href="{html_file_url}" target="_blank" style="color: white; text-decoration: none; font-size: 14px; white-space: nowrap;"><b>{title}</b></a></div>', unsafe_allow_html=True)
diff --git a/content.py b/content.py
index 6f7892be59846d46138afa385af1d0c22c5b6b26..1b889efa18da36f481037b8d48f9e24a5580b6c5 100644
--- a/content.py
+++ b/content.py
@@ -142,16 +142,7 @@ def merge_csv_files(file1, file2, file3, file4):
# Exemple d'utilisation de la fonction merge_csv_files
merged_df = merge_csv_files("data/small/content/movies.csv", 'data/small/content/links.csv', 'data/small/content/tags.csv', 'data/small/evidence/ratings.csv')
-for idx, tmdbId in enumerate(row_tmdbIds):
- movie_info, poster_url = fetch_movie_info(tmdbId)
- if movie_info:
- # Mettre à jour les valeurs dans merged_df en fonction du tmdbId
- merged_df.loc[merged_df['tmdbId'] == tmdbId, 'title'] = movie_info.get('title')
- merged_df.loc[merged_df['tmdbId'] == tmdbId, 'release_date'] = movie_info.get('release_date')
- # Continuer avec les autres colonnes de merged_df que vous souhaitez mettre à jour
-
-# Une fois la boucle terminée, vous pouvez vérifier les modifications apportées au DataFrame
-print(merged_df.head())
+
def calculate_year_range(df):
diff --git a/sitehtml/8_Seconds.html b/sitehtml/8_Seconds.html
index 88dbdb59b3f2a378d63f2564a3d8e0b967ae8d4d..fbc09d4798b8b7e266e0b57a8d6175a2492979ac 100644
--- a/sitehtml/8_Seconds.html
+++ b/sitehtml/8_Seconds.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Bronx_Tale.html b/sitehtml/A_Bronx_Tale.html
index 5419632ab003f6b61c0ad620ad05d055c3427671..26025d49659cf3af1fcf4eddc841ae64e159cbd4 100644
--- a/sitehtml/A_Bronx_Tale.html
+++ b/sitehtml/A_Bronx_Tale.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Close_Shave.html b/sitehtml/A_Close_Shave.html
index 7779b7721510025c20425f97ab26e23b7553d4f5..66f408204e3c30231c34eb3a90f8145b9e632038 100644
--- a/sitehtml/A_Close_Shave.html
+++ b/sitehtml/A_Close_Shave.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Family_Thing.html b/sitehtml/A_Family_Thing.html
index 911b7836286182c755538429752b8439bf4b183b..cfb8a9c758adbe733ca0af47eedfde9c606cfa63 100644
--- a/sitehtml/A_Family_Thing.html
+++ b/sitehtml/A_Family_Thing.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Goofy_Movie.html b/sitehtml/A_Goofy_Movie.html
index b14e2d2819ef944485cf81ffeba83ca6347a6e30..972ea46ee9ed46ada8de39afe044578c3d9a8d47 100644
--- a/sitehtml/A_Goofy_Movie.html
+++ b/sitehtml/A_Goofy_Movie.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Kid_in_King_Arthur's_Court.html b/sitehtml/A_Kid_in_King_Arthur's_Court.html
index 59652acb7aa25933ccdd374dead2d7c4fa71f29a..2def46f4bbbf9064a5d285474fbef6b5044962d5 100644
--- a/sitehtml/A_Kid_in_King_Arthur's_Court.html
+++ b/sitehtml/A_Kid_in_King_Arthur's_Court.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Little_Princess.html b/sitehtml/A_Little_Princess.html
index 9308603f23eebb2a02414f5d4ca65b8b447899c0..e86d70c051ee06e243937a5d6935a5c5470947c4 100644
--- a/sitehtml/A_Little_Princess.html
+++ b/sitehtml/A_Little_Princess.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Low_Down_Dirty_Shame.html b/sitehtml/A_Low_Down_Dirty_Shame.html
index 53f14370175106ee926b8c02f529aec93f6b9e2d..2836aa98960d7fe57794d2c16887c199f91de89e 100644
--- a/sitehtml/A_Low_Down_Dirty_Shame.html
+++ b/sitehtml/A_Low_Down_Dirty_Shame.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Month_by_the_Lake.html b/sitehtml/A_Month_by_the_Lake.html
index 316f61c46bf29807d751274ecf5297e4067a07cf..e563b9ac11a30e73a70c4bae445decb34f677677 100644
--- a/sitehtml/A_Month_by_the_Lake.html
+++ b/sitehtml/A_Month_by_the_Lake.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Perfect_World.html b/sitehtml/A_Perfect_World.html
index 945248e4e4d98833ae76aaba6896c88390304709..e5b6f177692a2570a5e764553b9bbb974909a724 100644
--- a/sitehtml/A_Perfect_World.html
+++ b/sitehtml/A_Perfect_World.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Pyromaniac's_Love_Story.html b/sitehtml/A_Pyromaniac's_Love_Story.html
index d92682d88f073463ffde42471ee9946848b5c11a..3257b3b78eae6bdef07740842007b0ecf6a5fa6b 100644
--- a/sitehtml/A_Pyromaniac's_Love_Story.html
+++ b/sitehtml/A_Pyromaniac's_Love_Story.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Simple_Twist_of_Fate.html b/sitehtml/A_Simple_Twist_of_Fate.html
index dbfcf888fccee80a23dcd3d37aaae33c459cea3f..b0c4579e0b24916d93e3287e34fba0ab98ce4b14 100644
--- a/sitehtml/A_Simple_Twist_of_Fate.html
+++ b/sitehtml/A_Simple_Twist_of_Fate.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Thin_Line_Between_Love_and_Hate.html b/sitehtml/A_Thin_Line_Between_Love_and_Hate.html
index 16435d882324d06ab4fe2a42d9ed2bcf890093e2..6e752960e103829617f50b0d2869e626c0c6af96 100644
--- a/sitehtml/A_Thin_Line_Between_Love_and_Hate.html
+++ b/sitehtml/A_Thin_Line_Between_Love_and_Hate.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Time_to_Kill.html b/sitehtml/A_Time_to_Kill.html
index c23126df1a00375afbe5418be9e3fa9439a7a1ab..e67a5f74ebdf9673887c081255f5ad197f2830ba 100644
--- a/sitehtml/A_Time_to_Kill.html
+++ b/sitehtml/A_Time_to_Kill.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Very_Brady_Sequel.html b/sitehtml/A_Very_Brady_Sequel.html
index e15ab6f1e7f8186fa785e34725134a2614e60d6c..c308ad9b1c01b134b6a92c9263dcde26999fb10f 100644
--- a/sitehtml/A_Very_Brady_Sequel.html
+++ b/sitehtml/A_Very_Brady_Sequel.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/A_Walk_in_the_Clouds.html b/sitehtml/A_Walk_in_the_Clouds.html
index 613cbe10ba7e8811599ba2f04633ecc50be710f1..36cee168e2941e96cd81c381020b308e9fbd7684 100644
--- a/sitehtml/A_Walk_in_the_Clouds.html
+++ b/sitehtml/A_Walk_in_the_Clouds.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Above_the_Rim.html b/sitehtml/Above_the_Rim.html
index 455ca796733e2c1cfa37a32514f58d7d79c37f5c..3c0ffaf5a276515ad50fe15da2d5c8802d0c4744 100644
--- a/sitehtml/Above_the_Rim.html
+++ b/sitehtml/Above_the_Rim.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Ace_Ventura:_Pet_Detective.html b/sitehtml/Ace_Ventura:_Pet_Detective.html
index ae841818f633e268e9f506e94d3e610d716512ff..9f018c663be0f8c8cbdbc506bfbc8651c3c6bc8a 100644
--- a/sitehtml/Ace_Ventura:_Pet_Detective.html
+++ b/sitehtml/Ace_Ventura:_Pet_Detective.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Ace_Ventura:_When_Nature_Calls.html b/sitehtml/Ace_Ventura:_When_Nature_Calls.html
index cce1ad0411294addd15d1d6a6f2ba6fc56d34988..9613a1d2b0c4a6df8eca42b10077cc0eaa7f2845 100644
--- a/sitehtml/Ace_Ventura:_When_Nature_Calls.html
+++ b/sitehtml/Ace_Ventura:_When_Nature_Calls.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Ace Ventura: When Nature Calls</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/wcinCf1ov2D6M3P7BBZkzQFOiIb.jpg" alt="Ace Ventura: When Nature Calls">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Summoned from an ashram in Tibet, Ace finds himself on a perilous journey into the jungles of Africa to find Shikaka, the missing sacred animal of the friendly Wachati tribe. He must accomplish this before the wedding of the Wachati's Princess to the prince of the warrior Wachootoos. If Ace fails, the result will be a vicious tribal war.</p>
-
+
<h2>Genres</h2>
<p class="genres">Crime, Comedy, Adventure</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 30m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">63%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Jim Carrey, Ian McNeice, Simon Callow, Maynard Eziashi, Bob Gunton, Sophie Okonedo, Tommy Davidson, Adewale Akinnuoye-Agbaje, Danny Daniels, Sam Phillips</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">kidnapping, africa, indigenous, human animal relationship, bat, stupidity, slapstick comedy, animal, pets</p>
</div>
diff --git a/sitehtml/Across_the_Sea_of_Time.html b/sitehtml/Across_the_Sea_of_Time.html
index 6ed517a69dc307b3a4ed6f88bf35600ea0895e90..5a3390c9c2c922766f773c8774230b3076696467 100644
--- a/sitehtml/Across_the_Sea_of_Time.html
+++ b/sitehtml/Across_the_Sea_of_Time.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Across the Sea of Time</h1>
-
+
<div class="movie-image">
<img src="None" alt="Across the Sea of Time">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A young Russian boy, Thomas Minton, travels to New York as a passenger on a Russian freighter. Close to Ellis Island he gets off and thus starts his journey to America the same way as all immigrants in former times. Thomas is searching for the family of one of his ancestors, who had emigrated decades ago, but once sent a letter home together with a sample of his new profession: 3D-Photography.</p>
-
+
<h2>Genres</h2>
<p class="genres">Adventure, History, Drama, Family</p>
-
+
<h2>Durée</h2>
<p class="runtime">0h 51m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">52%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Peter Reznick, John McDonough, Avi Hoffman, Matt Malloy, Abby Lewis, Victor Steinbach, Peter Boyden, Philip Levy, Nick Muglia, Luigi Petrozza</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords"></p>
</div>
diff --git a/sitehtml/Addams_Family_Values.html b/sitehtml/Addams_Family_Values.html
index 4e81dc541795ae96fce79313e975f580ec8d0c97..35f46a4be4b81948bf987341c7dd8b09ec709013 100644
--- a/sitehtml/Addams_Family_Values.html
+++ b/sitehtml/Addams_Family_Values.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Airheads.html b/sitehtml/Airheads.html
index 1fb1b55230cbf934488ef3c0024aa5f732908556..c02b5fec5a1974e63b405060e630f2f4f9312d56 100644
--- a/sitehtml/Airheads.html
+++ b/sitehtml/Airheads.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Aladdin.html b/sitehtml/Aladdin.html
index 76493da38386fbe0c1a6eba742aa8c52836bbfd4..eb16220520a7530eaae4e8152d8620cc953b103e 100644
--- a/sitehtml/Aladdin.html
+++ b/sitehtml/Aladdin.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Alaska.html b/sitehtml/Alaska.html
index 5084a1ffc782911864425b1dd36b967b2b74ae33..df9bee66ac8c762f5107ed86e4ebedfc17566921 100644
--- a/sitehtml/Alaska.html
+++ b/sitehtml/Alaska.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/All_Dogs_Go_to_Heaven_2.html b/sitehtml/All_Dogs_Go_to_Heaven_2.html
index 1aa45f79f82e9f73c8d1dce83f41177963783e84..ad25fa832a57760950405ce886dc006997fa860b 100644
--- a/sitehtml/All_Dogs_Go_to_Heaven_2.html
+++ b/sitehtml/All_Dogs_Go_to_Heaven_2.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Alphaville.html b/sitehtml/Alphaville.html
index 29a1de1fa8cce5991d5fb0b917bd1134e4f59527..83c4e5eda43d81359b33020fb241e3cf913f812a 100644
--- a/sitehtml/Alphaville.html
+++ b/sitehtml/Alphaville.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Amateur.html b/sitehtml/Amateur.html
index 8781ea9d61abaef05f942347b5c67f127a820a7e..cd0ef0f97248036fe8b7ac77484b8ec675d77db5 100644
--- a/sitehtml/Amateur.html
+++ b/sitehtml/Amateur.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Amateur</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/mjooOyiOQcGYilCkcBx8lcdyuZi.jpg" alt="Amateur">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A man wakes up in an alley, bleeding and with no memory of who he is. He stumbles into a coffee shop and is befriended by a charitable ex-nun who is failing in her attempts to write marketable pornography.</p>
-
+
<h2>Genres</h2>
<p class="genres">Crime, Comedy, Drama, Thriller</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 45m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1994</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">63%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Isabelle Huppert, Martin Donovan, Elina Löwensohn, Damian Young, Chuck Montgomery, Dave Simonds, Pamela Stewart, Erica Gimpel, Jan Leslie Harding, Terry Alexander</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">baffled</p>
</div>
diff --git a/sitehtml/American_Buffalo.html b/sitehtml/American_Buffalo.html
index f8a071761d914645dbeb87c95ee5533bb48e6270..ec37dfbc3ae4a23b452500e46b77c167e92b5ee6 100644
--- a/sitehtml/American_Buffalo.html
+++ b/sitehtml/American_Buffalo.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/An_Awfully_Big_Adventure.html b/sitehtml/An_Awfully_Big_Adventure.html
index 7edf6f0f8e3238255d5e4a53c41dd27f1f13c4b3..636028d32f5fd2978010157f8c0544ab743d9673 100644
--- a/sitehtml/An_Awfully_Big_Adventure.html
+++ b/sitehtml/An_Awfully_Big_Adventure.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>An Awfully Big Adventure</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/tfXBuRBMbyu9IF9KCFz3kXeWQDT.jpg" alt="An Awfully Big Adventure">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Liverpool. 1947. Right after World War II, a star struck naive teenage girl joins a shabby theatre troupe in Liverpool. During a winter production of Peter Pan, the play quickly turns into a dark metaphor for youth as she becomes drawn into a web of sexual politics and intrigue and learns about the grown-up world of the theater.</p>
-
+
<h2>Genres</h2>
<p class="genres">Romance, Drama, Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 53m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">65%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Alan Rickman, Hugh Grant, Georgina Cates, Alun Armstrong, Peter Firth, Prunella Scales, Rita Tushingham, Alan Cox, Edward Petherbridge, Nicola Pagett</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">based on novel or book, england, liverpool, england, theatre company, 1940s</p>
</div>
diff --git a/sitehtml/Andre.html b/sitehtml/Andre.html
index ada92b5f5b465db5468e214f7d91806d8d9cd882..51fe1d0910a8c0794926b4cfab5fd66ecc339b88 100644
--- a/sitehtml/Andre.html
+++ b/sitehtml/Andre.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Angela.html b/sitehtml/Angela.html
index b14311f90ae409e0fbc67c4f1c30b747fe80a06a..db4c8d892a148bfea3a955b02d1f1ef7f9e6a4bc 100644
--- a/sitehtml/Angela.html
+++ b/sitehtml/Angela.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Angela</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/fhxU3jFzC2tlBgqFhB7NqO4qAFe.jpg" alt="Angela">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A ten year old girl named Angela leads her six year old sister, Ellie, through various regimens of 'purification' in an attempt to rid themselves of their evil, which she believes to be the cause of their mother's mental illness. Precocious, to say the least, Angela has visions of Lucifer coming to take her and her sister away, and one of her remedies for this is for them to remain within a circle of their dolls and toys until they see a vision of the virgin Mary come to them. But such thinking can only lead to an ending befitting of her own mental state.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 39m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">57%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Miranda Rhyne, Charlotte Eve Blythe, Anna Thomson, John Ventimiglia, iO Tillett Wright, Vincent Gallo, Ruth Maleczech, Garrett Bemer, Peter Facinelli, Hynden Walch</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">woman director</p>
</div>
diff --git a/sitehtml/Angels_and_Insects.html b/sitehtml/Angels_and_Insects.html
index c3dce136391cc7c07e5c659c1b4f76cedf52cdb5..2da61eddb46610c4f4a582464a97b70620b82015 100644
--- a/sitehtml/Angels_and_Insects.html
+++ b/sitehtml/Angels_and_Insects.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Angels and Insects</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/w1i5JdddoLuzSmnKo5ORDoKdMm2.jpg" alt="Angels and Insects">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>In Victorian England, wealthy patriarch Sir Harald Alabaster invites an impoverished biologist, William Adamson, into his home. There, William tries to continue his work, but is distracted by Alabaster's seductive daughter, Eugenia. William and Eugenia begin a torrid romance, but as the couple become closer, the young scientist begins to realize that dark, disturbing things are happening behind the closed doors of the Alabaster manor.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 58m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">64%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Mark Rylance, Kristin Scott Thomas, Patsy Kensit, Jeremy Kemp, Douglas Henshall, Annette Badland, Chris Larkin, Anna Massey</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">class society, insect, rich woman poor man, victorian england, scientist, incest, based on short story, naturalist</p>
</div>
diff --git a/sitehtml/Angus.html b/sitehtml/Angus.html
index 7acc253fa0e67afaf56d6385211c04d465b9d525..b53bbcbeedae22d79b859e93427d94c61eb0caf4 100644
--- a/sitehtml/Angus.html
+++ b/sitehtml/Angus.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Anne_Frank_Remembered.html b/sitehtml/Anne_Frank_Remembered.html
index 9501e16f7e8a674922e2ce7739e0f545d1cbc49e..b8a32d036ec22b664c0833c399dfff2a02037221 100644
--- a/sitehtml/Anne_Frank_Remembered.html
+++ b/sitehtml/Anne_Frank_Remembered.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Anne Frank Remembered</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/6nyhzrSGimCbdxiY8DEO7kI7xx4.jpg" alt="Anne Frank Remembered">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Using previously unreleased archival material in addition to contemporary interviews, this Academy Award-winning documentary tells the story of the Frank family and presents the first fully-rounded portrait of their brash and free-spirited daughter Anne, perhaps the world's most famous victim of the Holocaust.</p>
-
+
<h2>Genres</h2>
<p class="genres">Documentary, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 57m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">77%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Kenneth Branagh, Glenn Close, Anne Frank, Otto Frank</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">fascism, auschwitz-birkenau concentration camp, victim, typhus, interview, prejudice, burglary, rabbit</p>
</div>
diff --git a/sitehtml/Another_Stakeout.html b/sitehtml/Another_Stakeout.html
index eecc3129a02358bd76808004d3f5732eb7e5ed6e..41cb1972f692efe99a71258e8ebd6ac7b8f1d213 100644
--- a/sitehtml/Another_Stakeout.html
+++ b/sitehtml/Another_Stakeout.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Antonia's_Line.html b/sitehtml/Antonia's_Line.html
index dc2fb299532a6bd245f14191b49817b97a1542c9..74060a69162793590b92f58a63c1053a4009e779 100644
--- a/sitehtml/Antonia's_Line.html
+++ b/sitehtml/Antonia's_Line.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Antonia's Line</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/nUCVi6bBIL7LGC61nYaCqikAhIA.jpg" alt="Antonia's Line">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>After World War II, Antonia and her daughter, Danielle, go back to their Dutch hometown, where Antonia's late mother has bestowed a small farm upon her. There, Antonia settles down and joins a tightly-knit but unusual community. Those around her include quirky friend Crooked Finger, would-be suitor Bas and, eventually for Antonia, a granddaughter and great-granddaughter who help create a strong family of empowered women.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 42m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">70%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Willeke van Ammelrooy, Els Dottermans, Dora van der Groen, Veerle van Overloop, Carolien Spoor, Esther Vriesendorp, Thyrza Ravesteijn, Mil Seghers, Jan Decleir, Elsie de Brauw</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">underdog, mentally disabled, suicide, right and justice, rape, free love, parent child relationship, loss of loved one, village life, philosophy, widow, freedom, peasant, village, world war ii, mathematics, feminism, indian summer , family history, single, male homosexuality, domestic violence, university, woman director</p>
</div>
diff --git a/sitehtml/Apollo_13.html b/sitehtml/Apollo_13.html
index 64fda5372da029ca78f666f7725c9bc13408d5c5..0f7bd394e82066364e9d83f93c76decc1617ff5f 100644
--- a/sitehtml/Apollo_13.html
+++ b/sitehtml/Apollo_13.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Apollo 13</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/kzj95o9FlVxKziQq36mjES3wxel.jpg" alt="Apollo 13">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>The true story of technical troubles that scuttle the Apollo 13 lunar mission in 1970, risking the lives of astronaut Jim Lovell and his crew, with the failed journey turning into a thrilling saga of heroism. Drifting more than 200,000 miles from Earth, the astronauts work furiously with the ground crew to avert tragedy.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, History</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 20m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">74%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Tom Hanks, Bill Paxton, Kevin Bacon, Gary Sinise, Ed Harris, Kathleen Quinlan, David Andrews, Xander Berkeley, Christian Clemenson, Brett Cullen</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">rescue, florida, race against time, moon, nasa, spaceman, based on true story, houston, survival, space, disaster, explosion, astronaut, hypothermia, apollo program, lunar mission, spacecraft accident</p>
</div>
diff --git a/sitehtml/Apur_Sansar.html b/sitehtml/Apur_Sansar.html
index 8c4d1aad71279b37ba4c17188881ef2e26e48bd5..7da44d5da35bebeba1e2c3a375952d2bb64128ec 100644
--- a/sitehtml/Apur_Sansar.html
+++ b/sitehtml/Apur_Sansar.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Ashes_of_Time.html b/sitehtml/Ashes_of_Time.html
index b419cb909af0b24e20bd130f788410dcf654facb..035fe0632e6b89417bcbc39278ff7c08c5e203e3 100644
--- a/sitehtml/Ashes_of_Time.html
+++ b/sitehtml/Ashes_of_Time.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Assassins.html b/sitehtml/Assassins.html
index 9bb04bb941815f13e216a08c6021e6836967c5ed..ebdb913b81292b3cadae2d2bf617c65d69ef87ed 100644
--- a/sitehtml/Assassins.html
+++ b/sitehtml/Assassins.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Assassins</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/kgqS4jn60E8UIExfceMUExB3ZKK.jpg" alt="Assassins">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Assassin Robert Rath arrives at a funeral to kill a prominent mobster, only to witness a rival hired gun complete the job for him -- with grisly results. Horrified by the murder of innocent bystanders, Rath decides to take one last job and then return to civilian life. But finding his way out of the world of contract killing grows ever more dangerous as Rath falls for his female target and becomes a marked man himself.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Adventure, Crime, Thriller</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 12m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">65%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Sylvester Stallone, Antonio Banderas, Julianne Moore, Anatoli Davydov, Muse Watson, Steve Kahan, Kelly Rowan, Reed Diamond, Kai Wulff, Kerry Skalsky</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">rescue, cia, hitman, cat, bank, mexican standoff, seattle, washington, mission of murder, hidden camera, rivalry, shootout, police chase, sniper rifle, detroit, michigan, silencer, double cross, caribbean sea</p>
</div>
diff --git a/sitehtml/Babe.html b/sitehtml/Babe.html
index eddbd510c780080ea2674b14c3d2357adf07c2de..0315ff408479af38549dd4d5fa282acb2c206356 100644
--- a/sitehtml/Babe.html
+++ b/sitehtml/Babe.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Babe</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/zKuQMtnbVTz9DsOnOJmlW71v4qH.jpg" alt="Babe">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Babe is a little pig who doesn't quite know his place in the world. With a bunch of odd friends, like Ferdinand the duck who thinks he is a rooster and Fly the dog he calls mum, Babe realises that he has the makings to become the greatest sheep pig of all time, and Farmer Hogget knows it. With the help of the sheep dogs, Babe learns that a pig can be anything that he wants to be.</p>
-
+
<h2>Genres</h2>
<p class="genres">Fantasy, Drama, Comedy, Family</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 31m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">62%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Christine Cavanaugh, Miriam Margolyes, Danny Mann, Hugo Weaving, Miriam Flynn, James Cromwell, Magda Szubanski, Russi Taylor, Roscoe Lee Browne, Evelyn Krape</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">farm, sheep, pig, alarm clock, cat, duck, heroism, affection, piglet, anthropomorphism, based on children's book, dog, separation, farmer, grandson, sheepdog, talking pig, christmas</p>
</div>
diff --git a/sitehtml/Backbeat.html b/sitehtml/Backbeat.html
index aaa9aa51231ed3f10f3c72738a2c01a1d1f38cf9..d07804edae25bdcd590772bf3e6b7f02d893aa78 100644
--- a/sitehtml/Backbeat.html
+++ b/sitehtml/Backbeat.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Bad_Boys.html b/sitehtml/Bad_Boys.html
index 08da24fb6128048cfc40da8b1919e28e20a24cde..7f3b9cdbfc859077a0aed69b4784f2e121aa61a2 100644
--- a/sitehtml/Bad_Boys.html
+++ b/sitehtml/Bad_Boys.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,32 +71,32 @@
<body>
<div class="movie-container">
<h1>Bad Boys</h1>
-
+
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/5nHZ3wflOifKJMUcTCw0isKhmCv.jpg" alt="Bad Boys">
+ <img src="https://image.tmdb.org/t/p/original/x1ygBecKHfXX4M2kRhmFKWfWbJc.jpg" alt="Bad Boys">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
- <p>Mick O'Brien is a young Chicago street thug torn between a life of petty crime and the love of his girlfriend. But when the heist of a local drug dealer goes tragically wrong Mick is sentenced to a brutal juvenile prison where violence is a rite of passage and respect is measured in vengeance.</p>
-
+ <p>Marcus Burnett is a henpecked family man. Mike Lowry is a footloose and fancy free ladies' man. Both Miami policemen, they have 72 hours to reclaim a consignment of drugs stolen from under their station's nose. To complicate matters, in order to get the assistance of the sole witness to a murder, they have to pretend to be each other.</p>
+
<h2>Genres</h2>
- <p class="genres">Crime, Drama, Thriller</p>
-
+ <p class="genres">Action, Comedy, Crime, Thriller</p>
+
<h2>Durée</h2>
- <p class="runtime">2h 3m</p>
-
+ <p class="runtime">1h 59m</p>
+
<h2>Année de sortie</h2>
- <p class="release_year">1983</p>
-
+ <p class="release_year">1995</p>
+
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">70%</p>
-
+ <p class="user_rating">67%</p>
+
<h2>Acteurs</h2>
- <p class="actors">Sean Penn, Reni Santoni, Jim Moody, Eric Gurry, Esai Morales, Ally Sheedy, Clancy Brown, Robert Lee Rush, John Zenda, Tony Mockus Jr.</p>
-
+ <p class="actors">Martin Lawrence, Will Smith, Téa Leoni, Tchéky Karyo, Joe Pantoliano, Theresa Randle, Marg Helgenberger, Nestor Serrano, Julio Oscar Mechoso, Saverio Guerra</p>
+
<h2>Mots-clés</h2>
- <p class="keywords">prison, irish-american, juvenile prison</p>
+ <p class="keywords">miami, florida, mexican standoff, male friendship, witness protection, stripper, car crash, strip club, internal affairs, police corruption, gunfight, foot chase, drug lord, murder investigation, hangar, loose cannon, buddy cop, male camaraderie, narcotics detective, action hero, buddy movie, murder witness, buddy detective duo, stolen drugs, police partners</p>
</div>
</div>
</body>
diff --git a/sitehtml/Bad_Company.html b/sitehtml/Bad_Company.html
index b0f1ab4adac186f3c100501a2e51417f13f0ca65..7b0833f3d9bc1c3e00ab2f9b907b03fe226d2b1c 100644
--- a/sitehtml/Bad_Company.html
+++ b/sitehtml/Bad_Company.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>Bad Company</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/umu141mcfIEhRLgyQp7TWlGJFW.jpg" alt="Bad Company">
+ <img src="https://image.tmdb.org/t/p/original/5q5r3cpaTDByz4qko9ZWHlK3gMF.jpg" alt="Bad Company">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>When a Harvard-educated CIA agent is killed during an operation, the secret agency recruits his twin brother.</p>
+ <p>CIA operative Nelson Crowe is tasked with a deadly assignment: infiltrate a highly secret industrial espionage firm. Once inside, he teams with Margaret Wells, a master spy and seductive manipulator, in a plot to overthrow the organization's sinister president, which leads them into a darkly mysterious web of intrigue -- and shocking murder!</p>
<h2>Genres</h2>
- <p class="genres">Action, Adventure, Comedy, Thriller</p>
+ <p class="genres">Action, Crime, Romance, Thriller</p>
<h2>Durée</h2>
- <p class="runtime">1h 56m</p>
+ <p class="runtime">1h 48m</p>
<h2>Année de sortie</h2>
- <p class="release_year">2002</p>
+ <p class="release_year">1995</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">54%</p>
+ <p class="user_rating">48%</p>
<h2>Acteurs</h2>
- <p class="actors">Anthony Hopkins, Chris Rock, Gabriel Macht, Peter Stormare, John Slattery, Kerry Washington, Garcelle Beauvais, Brooke Smith, Irma P. Hall, Matthew Marsh</p>
+ <p class="actors">Laurence Fishburne, Ellen Barkin, Frank Langella, Michael Beach, David Ogden Stiers, Daniel Hugh Kelly, Gia Carides, Spalding Gray, James Hong, Michelle Beaudoin</p>
<h2>Mots-clés</h2>
- <p class="keywords">assassin, cia, undercover agent, ambush, espionage, hustler, nightclub, decoy, mistaken identity, deception, twin brother, hidden camera, betrayal, shootout, terrorism, foot chase, silencer, surveillance, agent, impersonation, doppelgänger, langley virginia, odd couple, amused</p>
+ <p class="keywords">cia, judge, blackmail</p>
</div>
</div>
</body>
diff --git a/sitehtml/Bad_Girls.html b/sitehtml/Bad_Girls.html
index 4b7f291589ab8dc384efd1a282eb60b672ec8c08..c08210604ca9d88d7519e5d4820d8c2ae31687a0 100644
--- a/sitehtml/Bad_Girls.html
+++ b/sitehtml/Bad_Girls.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Balto.html b/sitehtml/Balto.html
index 27402e66326e0f04481da4f405451b57cb46e9d8..738a8fc8e1127371f5539eb185b386a7f72db119 100644
--- a/sitehtml/Balto.html
+++ b/sitehtml/Balto.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Balto</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/dCVcdb5oxDizqFLz0F7TE60NoC9.jpg" alt="Balto">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>An outcast half-wolf risks his life to prevent a deadly epidemic from ravaging Nome, Alaska.</p>
-
+
<h2>Genres</h2>
<p class="genres">Family, Animation, Adventure</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 18m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">72%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Kevin Bacon, Bob Hoskins, Bridget Fonda, Jim Cummings, Phil Collins, Juliette Brewer, Jack Angel, Danny Mann, Robbie Rist, Sandra Dickinson</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">wolf, pet, dog-sledding race, alaska, dog, goose, bear attack, dog sled, pets</p>
</div>
diff --git a/sitehtml/Barb_Wire.html b/sitehtml/Barb_Wire.html
index 0b2fb47f164623c5c9f6b8d72aaa0f1027285284..db70b965e949a676dd18632189d5f69f8e1af587 100644
--- a/sitehtml/Barb_Wire.html
+++ b/sitehtml/Barb_Wire.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Barbarella.html b/sitehtml/Barbarella.html
index b450cd04cb77e3dda9d2a0b721a05dfc9864fded..a96119d327574b7b293bd19d2489243e316e9975 100644
--- a/sitehtml/Barbarella.html
+++ b/sitehtml/Barbarella.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Barcelona.html b/sitehtml/Barcelona.html
index b385f742e24923b75fd04b88b12d15b0ffb4cee9..d1abbbf22d06cefb55b15dcf13e0ab9b6a9757f6 100644
--- a/sitehtml/Barcelona.html
+++ b/sitehtml/Barcelona.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Batman.html b/sitehtml/Batman.html
index 43fef66a2848990d937b808ec12116b2451fcbd2..65c45ec28548ad3a71e7318449cc04bfc844c8ee 100644
--- a/sitehtml/Batman.html
+++ b/sitehtml/Batman.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>Batman</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/zzoPxWHnPa0eyfkMLgwbNvdEcVF.jpg" alt="Batman">
+ <img src="https://image.tmdb.org/t/p/original/cij4dd21v2Rk2YtUQbV5kW69WB2.jpg" alt="Batman">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>The Dynamic Duo faces four super-villains who plan to hold the world for ransom with the help of a secret invention that instantly dehydrates people.</p>
+ <p>Batman must face his most ruthless nemesis when a deformed madman calling himself "The Joker" seizes control of Gotham's criminal underworld.</p>
<h2>Genres</h2>
- <p class="genres">Action, Comedy, Crime</p>
+ <p class="genres">Fantasy, Action, Crime</p>
<h2>Durée</h2>
- <p class="runtime">1h 45m</p>
+ <p class="runtime">2h 6m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1966</p>
+ <p class="release_year">1989</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">64%</p>
+ <p class="user_rating">72%</p>
<h2>Acteurs</h2>
- <p class="actors">Adam West, Burt Ward, Lee Meriwether, Cesar Romero, Burgess Meredith, Frank Gorshin, Alan Napier, Neil Hamilton, Stafford Repp, Madge Blake</p>
+ <p class="actors">Jack Nicholson, Michael Keaton, Kim Basinger, Michael Gough, Jerry Hall, Robert Wuhl, Pat Hingle, Billy Dee Williams, Jack Palance, Tracey Walter</p>
<h2>Mots-clés</h2>
- <p class="keywords">rescue, submarine, missile, superhero, shark attack, parody, based on comic, shark, super power, shark repelent, black cat, super villain, vigilante justice, good versus evil, based on tv series</p>
+ <p class="keywords">dual identity, double life, chemical, crime fighter, superhero, villain, based on comic, mobster, organized crime, criminal, super power, madness, good versus evil</p>
</div>
</div>
</body>
diff --git a/sitehtml/Batman_Forever.html b/sitehtml/Batman_Forever.html
index b4f167f759b8d3cd44a7ba30eee7b66ab0513108..1bbf70b3539ff42c8281de228cd5f5317feb5d8c 100644
--- a/sitehtml/Batman_Forever.html
+++ b/sitehtml/Batman_Forever.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Batman Forever</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/mzzNBVwTiiY94xAXDMWJpNPW2US.jpg" alt="Batman Forever">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Batman must battle a disfigured district attorney and a disgruntled former employee with help from an amorous psychologist and a young circus acrobat.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Crime, Fantasy</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 1m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">54%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Val Kilmer, Tommy Lee Jones, Jim Carrey, Nicole Kidman, Chris O'Donnell, Michael Gough, Pat Hingle, Drew Barrymore, Debi Mazar, Elizabeth Sanders</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">riddle, superhero, villain, rose, based on comic, partner, robin, broken neck, psychologist, criminal, district attorney, millionaire, super power, falling down stairs, tied up, tommy gun, beretta, knocked out, disfigurement, father figure, good versus evil</p>
</div>
diff --git a/sitehtml/Beautiful_Girls.html b/sitehtml/Beautiful_Girls.html
index 11f3763e3c50223f48584402072f00c2f1ccc054..6ffd0ffae443d191d1730772c33c61eb350fb985 100644
--- a/sitehtml/Beautiful_Girls.html
+++ b/sitehtml/Beautiful_Girls.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Beautiful Girls</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/sHcx1fBmrtZYvFmUywU0d5cvIFd.jpg" alt="Beautiful Girls">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>During a snowy winter in the small fictional town of Knight's Ridge, Massachusetts, a group of lifelong buddies hang out, drink and struggle to connect with the women who affect their decisions, dreams and desires.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 52m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">66%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Timothy Hutton, Matt Dillon, Noah Emmerich, Annabeth Gish, Lauren Holly, Uma Thurman, Mira Sorvino, Michael Rapaport, Rosie O'Donnell, Pruitt Taylor Vince</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">friendship, small town, massachusetts, coming of age, hometown, group of friends</p>
</div>
diff --git a/sitehtml/Beauty_and_the_Beast.html b/sitehtml/Beauty_and_the_Beast.html
index 0b4f1d320b509a489184cbbd746c3b55b8ee9043..7a85cb2f1358498117194f631fff840596c6150d 100644
--- a/sitehtml/Beauty_and_the_Beast.html
+++ b/sitehtml/Beauty_and_the_Beast.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>Beauty and the Beast</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/p5PkVvOwVBW2gzFmLXzEFcrbsdj.jpg" alt="Beauty and the Beast">
+ <img src="https://image.tmdb.org/t/p/original/hUJ0UvQ5tgE2Z9WpfuduVSdiCiU.jpg" alt="Beauty and the Beast">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>The story of a gentle-hearted beast in love with a simple and beautiful girl. She is drawn to the repellent but strangely fascinating Beast, who tests her fidelity by giving her a key, telling her that if she doesn't return it to him by a specific time, he will die of grief. She is unable to return the key on time, but it is revealed that the Beast is the genuinely handsome one. A simple tale of tragic love that turns into a surreal vision of death, desire, and beauty.</p>
+ <p>Follow the adventures of Belle, a bright young woman who finds herself in the castle of a prince who's been turned into a mysterious beast. With the help of the castle's enchanted staff, Belle soon learns the most important lesson of all -- that true beauty comes from within.</p>
<h2>Genres</h2>
- <p class="genres">Drama, Fantasy, Romance</p>
+ <p class="genres">Romance, Family, Animation, Fantasy</p>
<h2>Durée</h2>
- <p class="runtime">1h 36m</p>
+ <p class="runtime">1h 24m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1946</p>
+ <p class="release_year">1991</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">74%</p>
+ <p class="user_rating">77%</p>
<h2>Acteurs</h2>
- <p class="actors">Jean Marais, Josette Day, Marcel André, Mila Parély, Nane Germon, Michel Auclair, Raoul Marco, Jean Cocteau, Noël Blin, Christian Marquand</p>
+ <p class="actors">Paige O'Hara, Robby Benson, Richard White, Jerry Orbach, David Ogden Stiers, Angela Lansbury, Rex Everhart, Jesse Corti, Bradley Pierce, Hal Smith</p>
<h2>Mots-clés</h2>
- <p class="keywords">underdog, daughter, monster, beauty, rose</p>
+ <p class="keywords">princess, france, prince, castle, villain, rose, musical, insane asylum, beast, based on fairy tale, eccentric man, toxic masculinity, romantic, whimsical, adoring, cheerful, vibrant</p>
</div>
</div>
</body>
diff --git a/sitehtml/Bed_of_Roses.html b/sitehtml/Bed_of_Roses.html
index 8f4976c27c2d95164ebc309aecc2830c3007258f..d15a7a6fd58c63c9869d665651a21570d8e4896b 100644
--- a/sitehtml/Bed_of_Roses.html
+++ b/sitehtml/Bed_of_Roses.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Bed of Roses</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/e0Eho8TETw1RhvX9MH9i19Xf1iM.jpg" alt="Bed of Roses">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>The seeds of love are planted when Lisa, a high-powered investment banker, receives flowers from a secret admirer. But when his fairy-tale fantasies clash with her workaholic ways, they soon find out that sometimes, it's harder than it seems for love to conquer all.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 27m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">58%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Christian Slater, Mary Stuart Masterson, Pamela Adlon, Josh Brolin, Brian Tarantina, Debra Monk, Mary Alice, Kenneth Cranham, Ally Walker, Anne Pitoniak</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">florist, family relationships</p>
</div>
diff --git a/sitehtml/Before_Sunrise.html b/sitehtml/Before_Sunrise.html
index 8bcda01138bcb0e003489d48156200ca357b3f36..f8d9217c51658d8b0038a6ec9b07ab7a4e624a3d 100644
--- a/sitehtml/Before_Sunrise.html
+++ b/sitehtml/Before_Sunrise.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Before_and_After.html b/sitehtml/Before_and_After.html
index 820514784eb931a5a390dda3c14e6ff7fbcac7f2..34800fbb8e7dd8cb7a6502482e3a0bb76c4e1704 100644
--- a/sitehtml/Before_and_After.html
+++ b/sitehtml/Before_and_After.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Before and After</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/oK8UKDrjFS14OFoihaQPfmmMOyI.jpg" alt="Before and After">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Two parents deal with the effects when their son is accused of murdering his girlfriend.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Thriller, Mystery</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 48m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">59%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Meryl Streep, Liam Neeson, Edward Furlong, Alfred Molina, Julia Weldon, Daniel von Bargen, John Heard, Ann Magnuson, Alison Folland, Bernadette Quigley</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">suspicion of murder, family drama, crime investigation, murdered teen</p>
</div>
diff --git a/sitehtml/Before_the_Rain.html b/sitehtml/Before_the_Rain.html
index 439a57362dc9ec71aca2caf3beefc658d7c3669f..0b26339cc3a1f7a59bcf3a7d7e6a85e8bb65f486 100644
--- a/sitehtml/Before_the_Rain.html
+++ b/sitehtml/Before_the_Rain.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Being_Human.html b/sitehtml/Being_Human.html
index 61b7a6ea6ef03e79bc866491ec81da94036e9ff5..99411e8d2f5e88021b5dd5372ff64607f0bb6d07 100644
--- a/sitehtml/Being_Human.html
+++ b/sitehtml/Being_Human.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Belle_de_Jour.html b/sitehtml/Belle_de_Jour.html
index fb35d94838042139833e915fae699b068921ff36..245b62a0266ba455e6c091363abf2dbf73a4ecad 100644
--- a/sitehtml/Belle_de_Jour.html
+++ b/sitehtml/Belle_de_Jour.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Belle de Jour</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/enq7agj0TPCVpSLCGWehrYHB5tB.jpg" alt="Belle de Jour">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Beautiful young housewife Séverine Serizy cannot reconcile her masochistic fantasies with her everyday life alongside dutiful husband Pierre. When her lovestruck friend Henri mentions a secretive high-class brothel run by Madame Anais, Séverine begins to work there during the day under the name Belle de Jour. But when one of her clients grows possessive, she must try to go back to her normal life.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 41m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1967</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">73%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Catherine Deneuve, Jean Sorel, Michel Piccoli, Geneviève Page, Pierre Clémenti, Françoise Fabian, Macha Méril, Muni, Maria Latour, Claude Cerval</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">adultery, prostitute, jealousy, dream, husband wife relationship, dual identity, double life, brothel, women's sexual identity, masochism</p>
</div>
diff --git a/sitehtml/Beverly_Hills_Cop_III.html b/sitehtml/Beverly_Hills_Cop_III.html
index 4fd04f9b3e050bfaaa13fd53dd3d93c44b90f9c6..d953b8f1308bfe7c6b93f36a09fb2d778d890d14 100644
--- a/sitehtml/Beverly_Hills_Cop_III.html
+++ b/sitehtml/Beverly_Hills_Cop_III.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Beyond_Bedlam.html b/sitehtml/Beyond_Bedlam.html
index 4d59ad20dce68c2ded143670a34b415df48e6836..24d747faa98beebd217e96de5345e670a4738228 100644
--- a/sitehtml/Beyond_Bedlam.html
+++ b/sitehtml/Beyond_Bedlam.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Beyond_Rangoon.html b/sitehtml/Beyond_Rangoon.html
index 0bc60e5b1ce5785c20068235dc783fa11d9722f2..9deb51371a1f1941e13a388880a43e85c72b9b73 100644
--- a/sitehtml/Beyond_Rangoon.html
+++ b/sitehtml/Beyond_Rangoon.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Beyond Rangoon</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/xTiy5kSP3Hetig7xB4E8INq5ron.jpg" alt="Beyond Rangoon">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Dr. Laura Bowman is a young widow who's unwittingly drawn into political turmoil while vacationing in Burma in the late 1980s. Bowman initially left San Francisco with her sister in an attempt to escape painful memories of her husband and son's violent deaths. But her fight to escape to Thailand could prove just as harrowing.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Thriller</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 40m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">66%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Patricia Arquette, U Aung Ko, Frances McDormand, Spalding Gray, Tiara Jacquelina, Ann Howard, Victor Slezak, Ye Myint, Cho Cho Myint, Michael Pickells</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">burma, rangoon, doctor</p>
</div>
diff --git a/sitehtml/Bhaji_on_the_Beach.html b/sitehtml/Bhaji_on_the_Beach.html
index 203709cc7088d090fe5f97c76d9ccd5f4bfbf1ff..403b93bb6dd902ff5a7a3093adefbba3c3e969d1 100644
--- a/sitehtml/Bhaji_on_the_Beach.html
+++ b/sitehtml/Bhaji_on_the_Beach.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Billy_Madison.html b/sitehtml/Billy_Madison.html
index 55c83172202b15b38a94b59c6e987a77f20ac45f..cba303071ec6129e2b8e6ffe3cb81ff6fc9593ad 100644
--- a/sitehtml/Billy_Madison.html
+++ b/sitehtml/Billy_Madison.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Bio-Dome.html b/sitehtml/Bio-Dome.html
index 23ae3b1ea881828801b89c099180df6b8bd51baa..e1fc03e0a0cd22eb937087a3b245a44d2540a167 100644
--- a/sitehtml/Bio-Dome.html
+++ b/sitehtml/Bio-Dome.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Bio-Dome</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/pkL8rqpO0EryTV1DLJJdrhOZ7sL.jpg" alt="Bio-Dome">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Bud and Doyle are two losers who are doing nothing with their lives. Both of their girlfriends are actively involved in saving the environment, but the two friends couldn't care less about saving the Earth. One day, when a group of scientists begin a mission to live inside a "Bio-Dome" for a year without outside contact, Bud and Doyle mistakenly become part of the project themselves.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 35m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">45%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Pauly Shore, Stephen Baldwin, William Atherton, Joey Lauren Adams, Teresa Hill, Henry Gibson, Kevin West, Denise Dowse, Dara Tomanovich, Rose McGowan</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">pollution, biotope, vegetarian, biosphere</p>
</div>
diff --git a/sitehtml/Bitter_Moon.html b/sitehtml/Bitter_Moon.html
index ce0cbbf9f933d8860e4c2dfbac70ee0ec1babc13..bf5f23db7755ff80436a66f206871d4981b8bfe4 100644
--- a/sitehtml/Bitter_Moon.html
+++ b/sitehtml/Bitter_Moon.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Black_Beauty.html b/sitehtml/Black_Beauty.html
index 1360620541b4cb6a1c181c4bed0dc8e0a68ba588..6e7c8c2a26462a6bff62c853f99f044359015d93 100644
--- a/sitehtml/Black_Beauty.html
+++ b/sitehtml/Black_Beauty.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>Black Beauty</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/hsUDY8L6eCakWdWUttdMdGKiOaQ.jpg" alt="Black Beauty">
+ <img src="https://image.tmdb.org/t/p/original/5uH60FBDPQoyAnc4uvU0fIB8JXv.jpg" alt="Black Beauty">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>Anna Sewell's classic 1877 novel beautifully comes to life in this family drama set in England. Told from the point of view of Black Beauty himself, the story sheds light on the details surrounding the colt's birth and his perception of humans (he has various owners throughout his life). While some owners are compassionate -- none more than Joe Evans (Mark Lester), the boy who first owns the colt.</p>
+ <p>The fates of horses, and the people who own and command them, are revealed as Black Beauty narrates the circle of his life.</p>
<h2>Genres</h2>
- <p class="genres">Drama, Family, Western</p>
+ <p class="genres">Family, Adventure, Drama</p>
<h2>Durée</h2>
- <p class="runtime">1h 46m</p>
+ <p class="runtime">1h 28m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1971</p>
+ <p class="release_year">1994</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">60%</p>
+ <p class="user_rating">67%</p>
<h2>Acteurs</h2>
- <p class="actors">Mark Lester, Walter Slezak, Peter Lee Lawrence, Uschi Glas, Patrick Mower, Maria Rohm, Eddie Golden, Clive Geraghty, John Hoey, Patrick Gardiner</p>
+ <p class="actors">Alan Cumming, Docs Keepin Time, Sean Bean, David Thewlis, Jim Carter, Peter Davison, Alun Armstrong, John McEnery, Eleanor Bron, Peter Cook</p>
<h2>Mots-clés</h2>
- <p class="keywords">horse</p>
+ <p class="keywords">horse, country life, woman director</p>
</div>
</div>
</body>
diff --git a/sitehtml/Black_Sheep.html b/sitehtml/Black_Sheep.html
index 0e84d4d4f0222472060b781436a8afa9e425f485..f09186085491ef43613df2fd9d79540f85dd2580 100644
--- a/sitehtml/Black_Sheep.html
+++ b/sitehtml/Black_Sheep.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Black Sheep</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/bqIW5oE4WeHAvk1nh2Y6rfOLGrF.jpg" alt="Black Sheep">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>When dignified Albert Donnelly runs for Governor, his team moves to keep his slow-witted and klutzy younger brother, Mike, out of the eye of the media. To baby-sit Mike, the campaign assigns sarcastic Steve, who gets the experience of a lifetime when he tries to take Mike out of town during the election.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 27m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">59%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Chris Farley, David Spade, Tim Matheson, Gary Busey, Chris Owen, Bruce McGill, Boyd Banks, Grant Heslov, David St. James, Timothy Carhart</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">corrupt politician, nitrous oxide, candid camera, double act, political satire, woman director</p>
</div>
diff --git a/sitehtml/Blade_Runner.html b/sitehtml/Blade_Runner.html
index 381564dbae718d08b203a20e97dc62eb6b00bdeb..8e1f21db6414ea03174cf3983335125e89f0a751 100644
--- a/sitehtml/Blade_Runner.html
+++ b/sitehtml/Blade_Runner.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Blink.html b/sitehtml/Blink.html
index 78edd0c90c1638fa2c443a01fab6855df811c68e..44e0f0e4ce4d23c6aa3ed3a6dedad9ae2f4003d2 100644
--- a/sitehtml/Blink.html
+++ b/sitehtml/Blink.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Bloodsport_II.html b/sitehtml/Bloodsport_II.html
index 5317d5e868ef91c48d31dd48bb1cb9005d371e91..b232ac64ce55a27273cc140ee216e92b11e88778 100644
--- a/sitehtml/Bloodsport_II.html
+++ b/sitehtml/Bloodsport_II.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Blown_Away.html b/sitehtml/Blown_Away.html
index fb67c497192dc4dc423c3343527f9947b90fc276..5fe76c6fcffdee2beb2bff0a52fefc944af8d904 100644
--- a/sitehtml/Blown_Away.html
+++ b/sitehtml/Blown_Away.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Blue_Chips.html b/sitehtml/Blue_Chips.html
index 50894c01a87ddb212699360ee074c8103fbbaf27..21de837cdcbcff0f410c4f6a547d149efd6fb39f 100644
--- a/sitehtml/Blue_Chips.html
+++ b/sitehtml/Blue_Chips.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Blue_Sky.html b/sitehtml/Blue_Sky.html
index 08dc7a8cdbc40222fab95fc19eeae622152a6e2d..d305635a2950c34aebefcfa8aa478379496a25a0 100644
--- a/sitehtml/Blue_Sky.html
+++ b/sitehtml/Blue_Sky.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Blue_in_the_Face.html b/sitehtml/Blue_in_the_Face.html
index 776e9b7afa1803d02e74dc364f9335f39a85bd61..3c25aa3b8a065f6f4ff5374a25ac98de10a1409e 100644
--- a/sitehtml/Blue_in_the_Face.html
+++ b/sitehtml/Blue_in_the_Face.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Blue in the Face</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/yBFNJA95MNiasdNUPCU6otdtJE8.jpg" alt="Blue in the Face">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Auggie runs a small tobacco shop in Brooklyn, New York. The whole neighborhood comes to visit him to buy cigarettes and have some small talk. During the movie Lou Reed tries to explain why he has to have a cut on his health insurance bill if he keeps smoking and Madonna acts as a Singing Telegram.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 23m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">65%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Harvey Keitel, Lou Reed, Michael J. Fox, Roseanne Barr, Lily Tomlin, Giancarlo Esposito, José Zúñiga, Madonna, Mira Sorvino, Keith David</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">smoking, corner shop, cigarette, tobacco</p>
</div>
diff --git a/sitehtml/Body_Snatchers.html b/sitehtml/Body_Snatchers.html
index 9a1c71ebe8073e10193da32004787c6a02f340bf..33a20a807780134e2bb0fffc6b74bd83cb89b33d 100644
--- a/sitehtml/Body_Snatchers.html
+++ b/sitehtml/Body_Snatchers.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Boomerang.html b/sitehtml/Boomerang.html
index 461dcf0ca74b47c64719e63c81849f35230df211..af576ab72c25eb522a294d9c7399b57dec70917a 100644
--- a/sitehtml/Boomerang.html
+++ b/sitehtml/Boomerang.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Boomerang</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/cc9YAZq5NXiIEJsHjW7p2FaHQkp.jpg" alt="Boomerang">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Marcus is a successful advertising executive who woos and beds women almost at will. After a company merger he finds that his new boss, the ravishing Jacqueline, is treating him in exactly the same way. Completely traumatised by this, his work goes badly downhill.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 57m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1992</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">56%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Eddie Murphy, Robin Givens, Halle Berry, David Alan Grier, Grace Jones, Martin Lawrence, Geoffrey Holder, Eartha Kitt, Chris Rock, Tisha Campbell</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">ladykiller, success, ladies' man, chefin, casanova, womanizer</p>
</div>
diff --git a/sitehtml/Bottle_Rocket.html b/sitehtml/Bottle_Rocket.html
index 1ecc72f62fce168f2694133ebb4a9c5dffd50da3..c614855b42e550d61597133ef92cf2395fad8261 100644
--- a/sitehtml/Bottle_Rocket.html
+++ b/sitehtml/Bottle_Rocket.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Bottle Rocket</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/6E7mJ5wpzTFbYFbJvTzzZ8Til9C.jpg" alt="Bottle Rocket">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Upon his release from a mental hospital following a nervous breakdown, the directionless Anthony joins his friend Dignan, who seems far less sane than the former. Dignan has hatched a harebrained scheme for an as-yet-unspecified crime spree that somehow involves his former boss, the (supposedly) legendary Mr. Henry.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Crime, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 31m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">67%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Luke Wilson, Owen Wilson, Robert Musgrave, Lumi Cavazos, James Caan, Andrew Wilson, Teddy Wilson, Donny Caicedo, Ned Dowd, Jenni Tooley</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">robbery, sibling relationship, burglar, motel, language barrier, heist, psychiatric hospital, maid, theft, nervous breakdown, escapade, laundry room, based on short film</p>
</div>
diff --git a/sitehtml/Boxing_Helena.html b/sitehtml/Boxing_Helena.html
index 3dece321e4f3216dd44fc64e133fe866baa01683..cdab68bb659b2b32a6e7737ea1fbb4ecd34a48a9 100644
--- a/sitehtml/Boxing_Helena.html
+++ b/sitehtml/Boxing_Helena.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Boys.html b/sitehtml/Boys.html
index 09c6158e29878081c8d61f2f82030a2c7c949e72..f55a2c8aae9893bc6d736659a517cf30c90b3e1f 100644
--- a/sitehtml/Boys.html
+++ b/sitehtml/Boys.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Boys_Life.html b/sitehtml/Boys_Life.html
index d3984b98544753f243f314efa13368e318340abe..e1571bb3fb6fa7fb99fdd33bc022618e1dbb925a 100644
--- a/sitehtml/Boys_Life.html
+++ b/sitehtml/Boys_Life.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Boys_on_the_Side.html b/sitehtml/Boys_on_the_Side.html
index 05fa136bbbfa54f2cd08bcbbd4604f4e42084cfd..1fdfd30a83208e261878c8aab118536d89212982 100644
--- a/sitehtml/Boys_on_the_Side.html
+++ b/sitehtml/Boys_on_the_Side.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Braveheart.html b/sitehtml/Braveheart.html
index 5db541ceb9acfe3f75b94a9a0c612d71acfb4107..557133a40934ee835ace9d4dfc50e234a467bc9c 100644
--- a/sitehtml/Braveheart.html
+++ b/sitehtml/Braveheart.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Braveheart</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/or1gBugydmjToAEq7OZY0owwFk.jpg" alt="Braveheart">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Enraged at the slaughter of Murron, his new bride and childhood love, Scottish warrior William Wallace slays a platoon of the local English lord's soldiers. This leads the village to revolt and, eventually, the entire country to rise up against English rule.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Drama, History, War</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 57m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">79%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Mel Gibson, Catherine McCormack, Sophie Marceau, Patrick McGoohan, Angus Macfadyen, Brendan Gleeson, James Robinson, James Cosmo, Sean McGinley, Gerda Stevenson</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">勇敢的心, braveheart</p>
</div>
diff --git a/sitehtml/Bread_and_Chocolate.html b/sitehtml/Bread_and_Chocolate.html
index 4fe31ea0f20031b85005a10999fa344beb166a73..bbad86a25008914fb35845ad879462a3b546665f 100644
--- a/sitehtml/Bread_and_Chocolate.html
+++ b/sitehtml/Bread_and_Chocolate.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Broken_Arrow.html b/sitehtml/Broken_Arrow.html
index 5b3960a1d50e305fdb4c860bcbdf225efe863cfc..84cc63198b9dc4470e298c196856d5ea7e6df141 100644
--- a/sitehtml/Broken_Arrow.html
+++ b/sitehtml/Broken_Arrow.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Broken Arrow</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/iBPMwYYJFvdCBkXrwV75peo5Lz2.jpg" alt="Broken Arrow">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>When rogue stealth-fighter pilot Vic Deakins deliberately drops off the radar while on maneuvers, the Air Force ends up with two stolen nuclear warheads -- and Deakins's co-pilot, Riley Hale, is the military's only hope for getting them back. Traversing the deserted canyons of Utah, Hale teams with park ranger Terry Carmichael to put Deakins back in his box.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Thriller, Adventure</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 48m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">60%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">John Travolta, Christian Slater, Samantha Mathis, Delroy Lindo, Frank Whaley, Bob Gunton, Howie Long, Jack Thompson, Kurtwood Smith, Vondie Curtis-Hall</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">canyon, helicopter, captain, underground, river, mexican standoff, countdown, pilot, fistfight, major, betrayal, gunfight, train, explosion, park ranger, desert, military, nuclear device, boxing, stealth aircraft, abandoned mine, action hero, humvee, good versus evil</p>
</div>
diff --git a/sitehtml/Bullets_Over_Broadway.html b/sitehtml/Bullets_Over_Broadway.html
index f1e3b7750d70aae7361c5830909394925f4f57b8..b57e62b071b26322db39415ec6be4ec0ac42e3ad 100644
--- a/sitehtml/Bullets_Over_Broadway.html
+++ b/sitehtml/Bullets_Over_Broadway.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Burnt_by_the_Sun.html b/sitehtml/Burnt_by_the_Sun.html
index 264776f3f6dea59d25bd96b902f56b44aceea6ef..3ad5355ec48297a62b9166a630bdbe145ba7e7c7 100644
--- a/sitehtml/Burnt_by_the_Sun.html
+++ b/sitehtml/Burnt_by_the_Sun.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Butterfly_Kiss.html b/sitehtml/Butterfly_Kiss.html
index 02d25f199308f5f5d524f9b3c19de80892b4fcc4..5234a837f3fad3850b79913e38a2bcf49acb0123 100644
--- a/sitehtml/Butterfly_Kiss.html
+++ b/sitehtml/Butterfly_Kiss.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Bye_Bye_Love.html b/sitehtml/Bye_Bye_Love.html
index e10fc2a5276e52f437ec098faf064e93a354997b..2138793c8ca0bc8277f22c1e1e9c1f829597f1d4 100644
--- a/sitehtml/Bye_Bye_Love.html
+++ b/sitehtml/Bye_Bye_Love.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Cabin_Boy.html b/sitehtml/Cabin_Boy.html
index c609c738762782086feb8f8de2e2b66967b87cc6..1a691af637d0eac35b827dafe2fee8235352d3b4 100644
--- a/sitehtml/Cabin_Boy.html
+++ b/sitehtml/Cabin_Boy.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Canadian_Bacon.html b/sitehtml/Canadian_Bacon.html
index ed062a8caecdf80a810076bfe52ee686b5c58b80..1c4aa77397da3bf26409672dc996daf66809ee11 100644
--- a/sitehtml/Canadian_Bacon.html
+++ b/sitehtml/Canadian_Bacon.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Canadian Bacon</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/bzK2aQ8xUB67kwCR5LHTSY99HtT.jpg" alt="Canadian Bacon">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>The U.S. President, low in the opinion polls, gets talked into raising his popularity by trying to start a cold war with Canada.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 31m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">57%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">John Candy, Alan Alda, Rhea Perlman, Kevin Pollak, Rip Torn, Kevin J. O'Connor, Bill Nunn, G. D. Spradlin, Jim Belushi, Steven Wright</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">the white house, political satire, international relations, war plan red</p>
</div>
diff --git a/sitehtml/Candyman:_Farewell_to_the_Flesh.html b/sitehtml/Candyman:_Farewell_to_the_Flesh.html
index abefca6d74f5da606f48b4234c8e005b58190f3b..4433bbb21bbe85d118b0e5259d049c56a6b41ce9 100644
--- a/sitehtml/Candyman:_Farewell_to_the_Flesh.html
+++ b/sitehtml/Candyman:_Farewell_to_the_Flesh.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Carlito's_Way.html b/sitehtml/Carlito's_Way.html
index ae35772651c3b207a35ab0517075e358e2d1579f..283ba4dbd6ec037372cd18ed2bf0adad5742355a 100644
--- a/sitehtml/Carlito's_Way.html
+++ b/sitehtml/Carlito's_Way.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Carmen_Miranda:_Bananas_Is_My_Business.html b/sitehtml/Carmen_Miranda:_Bananas_Is_My_Business.html
index 758267efff5e37bff516ecc3103825952966c255..7426825e192edaef3bf01d07a0a74ec786aef438 100644
--- a/sitehtml/Carmen_Miranda:_Bananas_Is_My_Business.html
+++ b/sitehtml/Carmen_Miranda:_Bananas_Is_My_Business.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Carried_Away.html b/sitehtml/Carried_Away.html
index 3012af5f7c0d3165bc70e54d735df76b0bed48e8..72b9a472176b982ce181170a2819f8b56bda9490 100644
--- a/sitehtml/Carried_Away.html
+++ b/sitehtml/Carried_Away.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Carrington.html b/sitehtml/Carrington.html
index 8ea4254bec1cf86a8faf3615a3144b8543167922..a1bd8bc21ff7730e89b59095189328e1885fc0d9 100644
--- a/sitehtml/Carrington.html
+++ b/sitehtml/Carrington.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Carrington</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/8NmeBTkC4UQa8XT2GGsBN2R8Bqo.jpg" alt="Carrington">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Painter Dora Carrington develops an intimate but extremely complex bond with writer Lytton Strachey. Though Lytton is a homosexual, he is enchanted by the mysterious Dora and they begin a lifelong friendship that has strangely romantic undertones. Eventually, Lytton and Dora decide to live together, despite the fact that the latter has fallen in love with military man Ralph Partridge, whom she plans to marry.</p>
-
+
<h2>Genres</h2>
<p class="genres">History, Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 1m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">62%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Emma Thompson, Jonathan Pryce, Steven Waddington, Samuel West, Rufus Sewell, Penelope Wilton, Janet McTeer, Jeremy Northam, Alex Kingston, Richard Clifford</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">england, painter, conscientious objector, soldier, polyamory, lgbt interest</p>
</div>
diff --git a/sitehtml/Casino.html b/sitehtml/Casino.html
index 755c85bf42af4f21c69150eba8874ecc5239379e..c62c3d6714bad3b9dcc9f4384c39b2599723b09c 100644
--- a/sitehtml/Casino.html
+++ b/sitehtml/Casino.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Casino</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/4TS5O1IP42bY2BvgMxL156EENy.jpg" alt="Casino">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>In early-1970s Las Vegas, Sam "Ace" Rothstein gets tapped by his bosses to head the Tangiers Casino. At first, he's a great success in the job, but over the years, problems with his loose-cannon enforcer Nicky Santoro, his ex-hustler wife Ginger, her con-artist ex Lester Diamond and a handful of corrupt politicians put Sam in ever-increasing danger.</p>
-
+
<h2>Genres</h2>
<p class="genres">Crime, Drama, History</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 59m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">80%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Robert De Niro, Sharon Stone, Joe Pesci, James Woods, Don Rickles, Alan King, Kevin Pollak, L.Q. Jones, Dick Smothers, Frank Vincent</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">drug abuse, casino, poker, italian american, gambling, 1970s, fbi, greed, overdose, car bomb, rise and fall, money, organized crime, mafia, jewish american, las vegas, desert, 1980s, relaxed</p>
</div>
diff --git a/sitehtml/Casper.html b/sitehtml/Casper.html
index 1b37250b6f0d89d1bcd48d27218c89f385216560..e40bd6bcc5c2348ce15bfb77a7b949894c20dce6 100644
--- a/sitehtml/Casper.html
+++ b/sitehtml/Casper.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Casper</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/2ah8fNJFZVU3vcXhU5xfAYi2eym.jpg" alt="Casper">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Casper is a kind young ghost who peacefully haunts a mansion in Maine. When specialist James Harvey arrives to communicate with Casper and his fellow spirits, he brings along his teenage daughter, Kat. Casper quickly falls in love with Kat, but their budding relationship is complicated not only by his transparent state, but also by his troublemaking apparition uncles and their mischievous antics.</p>
-
+
<h2>Genres</h2>
<p class="genres">Fantasy, Comedy, Family</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 40m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">63%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Christina Ricci, Bill Pullman, Malachi Pearson, Cathy Moriarty, Eric Idle, Joe Alaskey, Joe Nipote, Brad Garrett, Devon Sawa, Dan Aykroyd</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">friendship, afterlife, supernatural, halloween, bullying, treasure hunt, based on comic, friends, teenage girl, ghost hunting, super power, psychiatry, ghost, disorder, young heroes, imaginary, mischievous children, ghost child, mischief, unfinished business</p>
</div>
diff --git a/sitehtml/Castle_Freak.html b/sitehtml/Castle_Freak.html
index 52911abdbbecda7357243bd40ba77a38cfd00f86..e77805e8ec000bc5c3a82198b72ce253906808e9 100644
--- a/sitehtml/Castle_Freak.html
+++ b/sitehtml/Castle_Freak.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Catwalk.html b/sitehtml/Catwalk.html
index e3d479fefdf497876ae613f4a526ef8cfd4e9b43..fcb22187e1582186b38f29f0aea532f6cf634517 100644
--- a/sitehtml/Catwalk.html
+++ b/sitehtml/Catwalk.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Catwalk</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/8Db2Tx2RkTUozzilF1SGMitcHLl.jpg" alt="Catwalk">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A documentary following Christy Turlington and other models during spring fashion week in Milan, Paris and New York.</p>
-
+
<h2>Genres</h2>
<p class="genres">Documentary</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 35m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">75%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Christy Turlington, Azzedine Alaïa, Giorgio Armani, Nadja Auermann, Sandra Bernhard, Kate Betts, Brandi, Carla Bruni, Naomi Campbell, Nino Cerruti</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords"></p>
</div>
diff --git a/sitehtml/Celtic_Pride.html b/sitehtml/Celtic_Pride.html
index 61cbf6bf1c40836bfa704c181544c1e0a2b0b42b..693bb614e4a710c90dd77a0df42492979e39f5ad 100644
--- a/sitehtml/Celtic_Pride.html
+++ b/sitehtml/Celtic_Pride.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Cemetery_Man.html b/sitehtml/Cemetery_Man.html
index d12d906366f16ff5952ccd3fbbb759e5aee3d71a..798528ff5f7d894f4d77cf2840763246f01d8bac 100644
--- a/sitehtml/Cemetery_Man.html
+++ b/sitehtml/Cemetery_Man.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Chasers.html b/sitehtml/Chasers.html
index 8dadfc6b67a095b937ea29f03ecff9e21a3effae..61fa9869b3259c2c76b8e15be66dc9d916619bf7 100644
--- a/sitehtml/Chasers.html
+++ b/sitehtml/Chasers.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Chungking_Express.html b/sitehtml/Chungking_Express.html
index ac9fe4dd779c707c607cb15477122b3bfd690f88..498c6b673d3aded3955890d4500837d93bffe7a3 100644
--- a/sitehtml/Chungking_Express.html
+++ b/sitehtml/Chungking_Express.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Chungking Express</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/43I9DcNoCzpyzK8JCkJYpHqHqGG.jpg" alt="Chungking Express">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Two melancholic Hong Kong policemen fall in love: one with a mysterious underworld figure, the other with a beautiful and ethereal server at a late-night restaurant.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Comedy, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 43m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1994</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">79%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Takeshi Kaneshiro, Brigitte Lin, Tony Leung Chiu-wai, Faye Wong, Valerie Chow, Piggy Chan Kam-Chuen, Kwan Lee-na, Wong Chi-Ming, Leung San, Zhiming Huang</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">drug smuggling, police, ex-girlfriend, girlfriend, snack bar, romance, hong kong, expiration date, flight attendant, cleaning</p>
</div>
diff --git a/sitehtml/Ciao,_Professore!.html b/sitehtml/Ciao,_Professore!.html
index 4c116116db57cd0ea18203581fa865e3bc3f16f9..51e974745a2512c6ef656a8a6fb90d3df256d04c 100644
--- a/sitehtml/Ciao,_Professore!.html
+++ b/sitehtml/Ciao,_Professore!.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Circle_of_Friends.html b/sitehtml/Circle_of_Friends.html
index be3b64c2effea32411ed5184593fa33f53f30ec9..d69111b0fca345e0b519fc5c7408c62dd0a00b03 100644
--- a/sitehtml/Circle_of_Friends.html
+++ b/sitehtml/Circle_of_Friends.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/City_Hall.html b/sitehtml/City_Hall.html
index 7022705d9b4ebbeed103f994ffdc52d93f2c21a9..87d981c0acdbb1c9eba82e29d1f2cb0a7a9702c7 100644
--- a/sitehtml/City_Hall.html
+++ b/sitehtml/City_Hall.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>City Hall</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/tEpefYZtoDZsMflWrPIXbW0OSwN.jpg" alt="City Hall">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>The accidental shooting of a boy in New York leads to an investigation by the Deputy Mayor, and unexpectedly far-reaching consequences.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Thriller</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 51m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">59%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Al Pacino, John Cusack, Bridget Fonda, Danny Aiello, Martin Landau, David Paymer, Anthony Franciosa, Lindsay Duncan, Luna Lauren Velez, Richard Schiff</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">drug dealer, corruption, undercover agent, police, undercover, presidential election, war on drugs, mayor, investigation, drugs</p>
</div>
diff --git a/sitehtml/City_Slickers_II:_The_Legend_of_Curly's_Gold.html b/sitehtml/City_Slickers_II:_The_Legend_of_Curly's_Gold.html
index 491156f9235dafed2ca05a99be2fc146cf4695cc..dd08d3e29d1b60933df62bf205c3b5523293b76f 100644
--- a/sitehtml/City_Slickers_II:_The_Legend_of_Curly's_Gold.html
+++ b/sitehtml/City_Slickers_II:_The_Legend_of_Curly's_Gold.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Clean_Slate.html b/sitehtml/Clean_Slate.html
index dcfcd255f066050896d9ad14edb9335e200d4e66..9344c651723e1aaca6916fa6e680ee92952574d6 100644
--- a/sitehtml/Clean_Slate.html
+++ b/sitehtml/Clean_Slate.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Clear_and_Present_Danger.html b/sitehtml/Clear_and_Present_Danger.html
index 3218314a7bfb98c4e00c3d26bb265fd233c155a1..3ee7807c0ff93c1548a0dd2bac0226ff6e68097d 100644
--- a/sitehtml/Clear_and_Present_Danger.html
+++ b/sitehtml/Clear_and_Present_Danger.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Clerks.html b/sitehtml/Clerks.html
index 5544a68bb9303d3bb9fc9072892e98df98f5cfc9..54b40b19164f943418d8127bf99a238e7dce8a83 100644
--- a/sitehtml/Clerks.html
+++ b/sitehtml/Clerks.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Cliffhanger.html b/sitehtml/Cliffhanger.html
index ce4327a3a3e4f2a27235bb9e0c01f2bd0f360915..d0b0f697935a90d48c0497271e0fb404b78751f1 100644
--- a/sitehtml/Cliffhanger.html
+++ b/sitehtml/Cliffhanger.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Clockers.html b/sitehtml/Clockers.html
index c0238a886bc4ca036049e505917b8bf40c34720e..84b90e2cdec3a8c10d071b3b28191fa49b400fbf 100644
--- a/sitehtml/Clockers.html
+++ b/sitehtml/Clockers.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Clockers</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/c79uqLJleho2a7OQayfrW5Ypphf.jpg" alt="Clockers">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Strike is a young city drug pusher under the tutelage of drug lord Rodney Little. When a night manager at a fast-food restaurant is found with four bullets in his body, Strike’s older brother turns himself in as the killer. Detective Rocco Klein doesn’t buy the story, however, setting out to find the truth, and it seems that all the fingers point toward Strike & Rodney.</p>
-
+
<h2>Genres</h2>
<p class="genres">Mystery, Crime, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 8m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">67%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Harvey Keitel, John Turturro, Delroy Lindo, Mekhi Phifer, Isaiah Washington, Keith David, Peewee Love, Regina Taylor, Thomas Jefferson Byrd, Sticky Fingaz</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">drug pusher, train, drugs, drug lord, brooklyn, new york city, housing project, inner city life</p>
</div>
diff --git a/sitehtml/Clueless.html b/sitehtml/Clueless.html
index 09547b7286496e50680b04fb4d827b74e52cd402..bf489647d65ea3f874996e75235df167afad6ebe 100644
--- a/sitehtml/Clueless.html
+++ b/sitehtml/Clueless.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Clueless</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/8AwVTcgpTnmeOs4TdTWqcFDXEsA.jpg" alt="Clueless">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Shallow, rich and socially successful Cher is at the top of her Beverly Hills high school's pecking scale. Seeing herself as a matchmaker, Cher first coaxes two teachers into dating each other. Emboldened by her success, she decides to give hopelessly klutzy new student Tai a makeover. When Tai becomes more popular than she is, Cher realizes that her disapproving ex-stepbrother was right about how misguided she was -- and falls for him.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Romance, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 37m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">72%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Alicia Silverstone, Stacey Dash, Brittany Murphy, Paul Rudd, Donald Faison, Elisa Donovan, Breckin Meyer, Jeremy Sisto, Dan Hedaya, Aida Linares</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">puberty, high school, based on novel or book, make a match, spoiled child, coming of age, conflict, wedding, makeover, woman director, popular girl, gay theme</p>
</div>
diff --git a/sitehtml/Cobb.html b/sitehtml/Cobb.html
index 1ecd87f30550088baf8a12af9ad2070bca12cbee..3a53e9221972ee4491a3e08414b6d8978824bb20 100644
--- a/sitehtml/Cobb.html
+++ b/sitehtml/Cobb.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Cold_Comfort_Farm.html b/sitehtml/Cold_Comfort_Farm.html
index c639cce0eb56bc289cac7a506189b2f5b343d1b3..c328e82962dadfc891177214ae227caba07fd0d3 100644
--- a/sitehtml/Cold_Comfort_Farm.html
+++ b/sitehtml/Cold_Comfort_Farm.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Colonel_Chabert.html b/sitehtml/Colonel_Chabert.html
index c24f7d29a7d46c0d67ea6b25937da785ba721ef3..babfbc178e71838ccc1aa955daa3dd9deaabc6af 100644
--- a/sitehtml/Colonel_Chabert.html
+++ b/sitehtml/Colonel_Chabert.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Color_of_Night.html b/sitehtml/Color_of_Night.html
index bc87c59e9412b6b484d5e2f146d527ca7dd1fcfe..2f97ade13c4e33a8defb316669ac09e4fc4e9d1e 100644
--- a/sitehtml/Color_of_Night.html
+++ b/sitehtml/Color_of_Night.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Coneheads.html b/sitehtml/Coneheads.html
index f6faa5006885432ea71463a1b0806c754d3b9900..0df644fd74c74ad1b77f549412a35b7d7c1ee38a 100644
--- a/sitehtml/Coneheads.html
+++ b/sitehtml/Coneheads.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Congo.html b/sitehtml/Congo.html
index e3e1a11451a52edf5b91d2d58b45158c0fb7a337..711fe93d2af7967fc3c001d4b6cb10b4565233c4 100644
--- a/sitehtml/Congo.html
+++ b/sitehtml/Congo.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Congo</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/hPNSToNIIpRO6y5Rh973leqQqNr.jpg" alt="Congo">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Eight people embark on an expedition into the Congo, a mysterious expanse of unexplored Africa where human greed and the laws of nature have gone berserk. When the thrill-seekers -- some with ulterior motives -- stumble across a race of killer apes.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Adventure, Science Fiction</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 49m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">55%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Laura Linney, Dylan Walsh, Ernie Hudson, Tim Curry, Grant Heslov, Adewale Akinnuoye-Agbaje, Joe Don Baker, Lorene Noh, Mary Ellen Trainor, Misty Rosas</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">based on novel or book, diamond, gorilla, congo, diamond mine, tribe, survival, zoologist</p>
</div>
diff --git a/sitehtml/Cops_&_Robbersons.html b/sitehtml/Cops_&_Robbersons.html
index 88e288589d2fe6be7568dd39cb077e8813dc5a10..c78abac416056c784d94ff49d35d49721f72aced 100644
--- a/sitehtml/Cops_&_Robbersons.html
+++ b/sitehtml/Cops_&_Robbersons.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Copycat.html b/sitehtml/Copycat.html
index a3b7af22ccfd2d8f55b18b661b94bd1c098886a8..1cacd753f9890b09f3bef0e50411f77438f83aae 100644
--- a/sitehtml/Copycat.html
+++ b/sitehtml/Copycat.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Copycat</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/oMgwJb016znNZcpDR20eXxZoW8A.jpg" alt="Copycat">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>An agoraphobic psychologist and a female detective must work together to take down a serial killer who copies serial killers from the past.</p>
-
+
<h2>Genres</h2>
<p class="genres">Thriller, Crime, Mystery</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 4m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">65%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Sigourney Weaver, Holly Hunter, Dermot Mulroney, William McNamara, Harry Connick Jr., J.E. Freeman, Will Patton, John Rothman, Shannon O'Hurley, Bob Greene</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">police brutality, psychology, police operation, police protection, psychologist, serial killer, cowardliness</p>
</div>
diff --git a/sitehtml/Corrina,_Corrina.html b/sitehtml/Corrina,_Corrina.html
index 3b089a248c09b289aec923f39cd0e4420f88e006..6f4b38c782f1ae94aa573eb58028f10c4d504390 100644
--- a/sitehtml/Corrina,_Corrina.html
+++ b/sitehtml/Corrina,_Corrina.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Cosi.html b/sitehtml/Cosi.html
index dee34bff06f86ff7e59df276a9cc4a87190cc031..76a3942584461ce13bc4dc8a5340c926b71869d5 100644
--- a/sitehtml/Cosi.html
+++ b/sitehtml/Cosi.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Country_Life.html b/sitehtml/Country_Life.html
index 95dcfe506fb71c00c457d6adcdddae1b8a38c5d9..2150483d06127be17712e82dd148b1a8d18ad225 100644
--- a/sitehtml/Country_Life.html
+++ b/sitehtml/Country_Life.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Coup_de_Torchon.html b/sitehtml/Coup_de_Torchon.html
index 05b7254212a1ee12328d9f0612aeb1c23c22e0be..59d1fd1a317e86862ec2dee293c128f4029439f8 100644
--- a/sitehtml/Coup_de_Torchon.html
+++ b/sitehtml/Coup_de_Torchon.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Courage_Under_Fire.html b/sitehtml/Courage_Under_Fire.html
index 2556613a679188676b00c2a57432124fa2189d35..a930735c68ba38e6703a46f43394f178ad98c94a 100644
--- a/sitehtml/Courage_Under_Fire.html
+++ b/sitehtml/Courage_Under_Fire.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Crimson_Tide.html b/sitehtml/Crimson_Tide.html
index 37d532b82f85445c4f63e526f6aecde50850c9a6..207f260eddae0559601a52e0a7c195fb2f79fec6 100644
--- a/sitehtml/Crimson_Tide.html
+++ b/sitehtml/Crimson_Tide.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Crimson Tide</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/21nqRJ6ofEgVvEl68J4O9V26Xzy.jpg" alt="Crimson Tide">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>After the Cold War, a breakaway Russian republic with nuclear warheads becomes a possible worldwide threat. U.S. submarine Capt. Frank Ramsey signs on a relatively green but highly recommended Lt. Cmdr. Ron Hunter to the USS Alabama, which may be the only ship able to stop a possible Armageddon. When Ramsay insists that the Alabama must act aggressively, Hunter, fearing they will start rather than stop a disaster, leads a potential mutiny to stop him.</p>
-
+
<h2>Genres</h2>
<p class="genres">Thriller, Action, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 56m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">71%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Denzel Washington, Gene Hackman, Matt Craven, George Dzundza, Viggo Mortensen, James Gandolfini, Rocky Carroll, Jaime Gomez, Michael Milhoan, Scott Burkholder</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">mutiny, submarine, missile, embassy, nuclear missile, battle for power, u.s. navy, terrorism, military, moral dilemma, post cold war, aircraft carrier, chain of command, launch code, sonar, nuclear submarine</p>
</div>
diff --git a/sitehtml/Cronos.html b/sitehtml/Cronos.html
index ff95cff0e68841989b36ed70ef88fc322d46f5df..67337054f13dcaf6825b728e0dcbd623e90db1c2 100644
--- a/sitehtml/Cronos.html
+++ b/sitehtml/Cronos.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Crooklyn.html b/sitehtml/Crooklyn.html
index 423080857ebff892d012a9cc2e13eb06c0165735..f8d8254a8cab98ff432306e97592b7dd59f6949a 100644
--- a/sitehtml/Crooklyn.html
+++ b/sitehtml/Crooklyn.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Crumb.html b/sitehtml/Crumb.html
index 35990e22ee2c77a787fe977e328138f7bd44cbd6..a6171abbbd0b334865ad197b7d0fd69c0be9f51d 100644
--- a/sitehtml/Crumb.html
+++ b/sitehtml/Crumb.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Crumb</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/oJWGWzaYdYG4mkQK6sbus5Tenho.jpg" alt="Crumb">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>This movie chronicles the life and times of R. Crumb. Robert Crumb is the cartoonist/artist who drew Keep On Truckin', Fritz the Cat, and played a major pioneering role in the genesis of underground comix. Through interviews with his mother, two brothers, wife, and ex-girlfriends, as well as selections from his vast quantity of graphic art, we are treated to a darkly comic ride through one man's subconscious mind.</p>
-
+
<h2>Genres</h2>
<p class="genres">Documentary</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 59m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1994</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">75%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Robert Crumb, Aline Kominsky, Charles Crumb, Maxon Crumb, Robert Hughes, Martin Müller</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">underground, biography, art, brothers</p>
</div>
diff --git a/sitehtml/Cry,_the_Beloved_Country.html b/sitehtml/Cry,_the_Beloved_Country.html
index aefcc1052bcba2299fc6d60ec8e567ee3d77c48c..913b55e082da8f16e0a584f06c5ee66919ede08f 100644
--- a/sitehtml/Cry,_the_Beloved_Country.html
+++ b/sitehtml/Cry,_the_Beloved_Country.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Cry, the Beloved Country</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/kGPsBswFOCjiGzXq4OZwzEAAODa.jpg" alt="Cry, the Beloved Country">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A South-African preacher goes to search for his wayward son who has committed a crime in the big city.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 46m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">67%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Richard Harris, James Earl Jones, Charles S. Dutton, Vusi Kunene, Tsholofelo Wechoemang, Dolly Rathebe, Jack Robinson, Ramalao Makhene, Jennifer Steyn, Ian Roberts</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">based on novel or book, south africa, apartheid, priest, 1940s, race relations</p>
</div>
diff --git a/sitehtml/Cutthroat_Island.html b/sitehtml/Cutthroat_Island.html
index bef008df34f7fb1c7abbda43e628493af5386bc5..73770ec9cda1b597141f32ec81c305b59d950df7 100644
--- a/sitehtml/Cutthroat_Island.html
+++ b/sitehtml/Cutthroat_Island.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Cutthroat Island</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/hYdeBZ4BFXivdouxLfQGWNE6zRx.jpg" alt="Cutthroat Island">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Morgan Adams and her slave, William Shaw, are on a quest to recover the three portions of a treasure map. Unfortunately, the final portion is held by her murderous uncle, Dawg. Her crew is skeptical of her leadership abilities, so she must complete her quest before they mutiny against her. This is made yet more difficult by the efforts of the British crown to end her pirate raids.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Adventure</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 4m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">57%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Geena Davis, Matthew Modine, Frank Langella, Maury Chaykin, Patrick Malahide, Stan Shaw, Rex Linn, Paul Dillon, Christopher Masterson, Jimmie F. Skaggs</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">ship, treasure, exotic island, island, map, scalp, treasure map, sword fight, betrayal, pirate, heroine, swashbuckler, adventurer, pirate ship, 17th century</p>
</div>
diff --git a/sitehtml/Dances_with_Wolves.html b/sitehtml/Dances_with_Wolves.html
index 3b3d45a9aceb1ccfb9b93f9047c06d4b1d37681f..9af0a764ee1e36912c1d9afabae2af59b6e53e36 100644
--- a/sitehtml/Dances_with_Wolves.html
+++ b/sitehtml/Dances_with_Wolves.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Dangerous_Game.html b/sitehtml/Dangerous_Game.html
index fd01154b897a202f81fc0c7ee907dd86dd109baf..ec4a5968c36a4d81b8680938f338dc6a959de01f 100644
--- a/sitehtml/Dangerous_Game.html
+++ b/sitehtml/Dangerous_Game.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Dangerous_Minds.html b/sitehtml/Dangerous_Minds.html
index fbeb1360ae6c3ff1987e600a32eb862dddc413ea..8fef8c8bf7b8a7991dc0759a3a7055d6f473096a 100644
--- a/sitehtml/Dangerous_Minds.html
+++ b/sitehtml/Dangerous_Minds.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Dangerous Minds</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/yWHWC8fJRp2kLgiFrEa8o3krOH9.jpg" alt="Dangerous Minds">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Former Marine Louanne Johnson lands a gig teaching in a pilot program for bright but underachieving teens at a notorious inner-city high school. After having a terrible first day, she decides she must throw decorum to the wind. When Johnson returns to the classroom, she does so armed with a no-nonsense attitude informed by her military training and a fearless determination to better the lives of her students -- no matter what the cost.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 39m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">70%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Michelle Pfeiffer, George Dzundza, Courtney B. Vance, Robin Bartlett, Beatrice Winde, John Neville, Lorraine Toussaint, Renoly Santiago, Wade Dominguez, Bruklin Harris</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">high school, california, rap music, karate, naval officer, teacher, based on memoir or autobiography, amusement park, schoolteacher</p>
</div>
diff --git a/sitehtml/Dave.html b/sitehtml/Dave.html
index cc82914c517bd73d315424976422f168b2b0291f..a6d04f276d4d23000cc16c0061efff33342cff96 100644
--- a/sitehtml/Dave.html
+++ b/sitehtml/Dave.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Daylight.html b/sitehtml/Daylight.html
index 248b02cd3787c4417b405d1d61ce06a95e331419..c20ea4aeb65f8e936ed6d555e0ad798fa2a83ebb 100644
--- a/sitehtml/Daylight.html
+++ b/sitehtml/Daylight.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Dazed_and_Confused.html b/sitehtml/Dazed_and_Confused.html
index 8a63befa00a2915eb1b2bf4bda1a8a807f3dee59..a2420653f0858de8ebf18d359e3e35c0eab1aac9 100644
--- a/sitehtml/Dazed_and_Confused.html
+++ b/sitehtml/Dazed_and_Confused.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Dead_Man.html b/sitehtml/Dead_Man.html
index 3db7d4d12b3e3901dc40b577d5703d71e41d1244..bd5d2185babb068eae45aa03cc62edc8bd973580 100644
--- a/sitehtml/Dead_Man.html
+++ b/sitehtml/Dead_Man.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Dead_Man_Walking.html b/sitehtml/Dead_Man_Walking.html
index 1973172f845ca96665c4fdc9428942cbaa3654db..0c8309172c9ca1c56d7d37e5c5d3190228669d19 100644
--- a/sitehtml/Dead_Man_Walking.html
+++ b/sitehtml/Dead_Man_Walking.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Dead Man Walking</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/wQmmJi5ypfHH2boXrQBmsep7qb2.jpg" alt="Dead Man Walking">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A death row inmate turns for spiritual guidance to a local nun in the days leading up to his scheduled execution for the murders of a young couple.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 2m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">73%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Susan Sarandon, Sean Penn, Robert Prosky, Raymond J. Barry, R. Lee Ermey, Celia Weston, Lois Smith, Scott Wilson, Roberta Maxwell, Margo Martindale</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">prison, death penalty, right and justice, rape, rage and hate, unsociability, court case, court, nun, penalty, therapist, sentence, forgiveness, self-discovery, despair, prison cell, socially deprived family, death row, doomed man, death sentence, lethal injection, charity, mercy petition, cowardliness</p>
</div>
diff --git a/sitehtml/Dead_Presidents.html b/sitehtml/Dead_Presidents.html
index 0a4d7b80f32f76fff0c0f19c197dd9e5b0c16cec..40056fe18e06df570faee1d09423701570869810 100644
--- a/sitehtml/Dead_Presidents.html
+++ b/sitehtml/Dead_Presidents.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Dead Presidents</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/wRLepMZoUCwjLFb1WSbuUT6uVWR.jpg" alt="Dead Presidents">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>On the streets they call cash dead presidents. And that's just what a Vietnam veteran is after when he returns home from the war only to find himself drawn into a life of crime. With the aid of his fellow vets he plans the ultimate heist -- a daring robbery of an armored car filled with unmarked U.S. currency!</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Crime</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 59m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">66%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Larenz Tate, Keith David, Chris Tucker, Freddy RodrÃguez, Rose Jackson, N'Bushe Wright, Clifton Powell, Terrence Howard, Bokeem Woodbine, Clifton Collins Jr.</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">vietnam, drug abuse, post-traumatic stress disorder (ptsd), war veteran, redemption, loss of virginity, heist, money, revolutinoary, mercy killing, armored truck, bronx, new york city, medic, 1960s</p>
</div>
diff --git a/sitehtml/Death_and_the_Maiden.html b/sitehtml/Death_and_the_Maiden.html
index 1c6dec824fc154abe052db599922f4671b8878e6..36d015aee42a3a20803e7d58b942729da8aa371e 100644
--- a/sitehtml/Death_and_the_Maiden.html
+++ b/sitehtml/Death_and_the_Maiden.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Death_in_the_Garden.html b/sitehtml/Death_in_the_Garden.html
index 5294cdeb8642a269eb905e34802c43795cdbd332..df4eacf995682226dec873ae01c2a33869dc7074 100644
--- a/sitehtml/Death_in_the_Garden.html
+++ b/sitehtml/Death_in_the_Garden.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Delta_of_Venus.html b/sitehtml/Delta_of_Venus.html
index 00a44d24bff1db601fcc15ced3930e40b45e7e67..6590ec4ea5093be9d42e2865d9df59d93a447b51 100644
--- a/sitehtml/Delta_of_Venus.html
+++ b/sitehtml/Delta_of_Venus.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Demolition_Man.html b/sitehtml/Demolition_Man.html
index 20eb3c921e961bc0f8901701571892286a30cabf..c218ba32ec0b437deacd0185dfbdf8841da1fe57 100644
--- a/sitehtml/Demolition_Man.html
+++ b/sitehtml/Demolition_Man.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Denise_Calls_Up.html b/sitehtml/Denise_Calls_Up.html
index 4e2ce58a0d5fe57b416ba405cee9ae9c9e8e5d73..8c4ab6c46b181da30bb7a2580368b7f762b769fb 100644
--- a/sitehtml/Denise_Calls_Up.html
+++ b/sitehtml/Denise_Calls_Up.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Desperado.html b/sitehtml/Desperado.html
index 860221ba184ca6751fcd4cb340bf613a02ae20ad..99f6e59d7913ea7a9b3ed825fc387c2244f29e28 100644
--- a/sitehtml/Desperado.html
+++ b/sitehtml/Desperado.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Desperado</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/e3gwpBeXpvGZsxUya9zNym5QXrw.jpg" alt="Desperado">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Mariachi plunges headfirst into the dark border underworld when he follows a trail of blood to the last of the infamous Mexican drug lords, Bucho, for an action-packed, bullet-riddled showdown. With the help of his best friend and a beautiful bookstore owner, the Mariachi tracks Bucho, takes on his army of desperados, and leaves a trail of blood of his own.</p>
-
+
<h2>Genres</h2>
<p class="genres">Thriller, Action, Crime</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 44m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">69%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Antonio Banderas, Salma Hayek Pinault, Joaquim de Almeida, Steve Buscemi, Cheech Marin, Carlos Gómez, Quentin Tarantino, Tito Larriva, Angel Aviles, Danny Trejo</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">gunslinger, showdown, mexico, ambush, hitman, guitar, anti terror, bartender, revenge, tragic hero, shootout, mariachi, explosion, brutality, drug lord, leg brace, concealed weapon, book store</p>
</div>
diff --git a/sitehtml/Destiny_Turns_on_the_Radio.html b/sitehtml/Destiny_Turns_on_the_Radio.html
index deb85a703650da468c3810c40bb6d8d7c5f38643..ac81d90e7f4321bc31f7f3794dfa8889a591e5ed 100644
--- a/sitehtml/Destiny_Turns_on_the_Radio.html
+++ b/sitehtml/Destiny_Turns_on_the_Radio.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Devil_in_a_Blue_Dress.html b/sitehtml/Devil_in_a_Blue_Dress.html
index 52e6251da6f619244ad45e6381b0522a9879f7d5..c721c6f3a373e631441b1062ec23189b539ba66b 100644
--- a/sitehtml/Devil_in_a_Blue_Dress.html
+++ b/sitehtml/Devil_in_a_Blue_Dress.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Devil in a Blue Dress</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/5lcJhwKGavLbPva17QkTBhLfqEk.jpg" alt="Devil in a Blue Dress">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>In late 1940s Los Angeles, Easy Rawlins is an unemployed black World War II veteran with few job prospects. At a bar, Easy meets DeWitt Albright, a mysterious white man looking for someone to investigate the disappearance of a missing white woman named Daphne Monet, who he suspects is hiding out in one of the city's black jazz clubs. Strapped for money and facing house payments, Easy takes the job, but soon finds himself in over his head.</p>
-
+
<h2>Genres</h2>
<p class="genres">Thriller, Crime, Mystery</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 42m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">64%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Denzel Washington, Tom Sizemore, Jennifer Beals, Don Cheadle, Maury Chaykin, Terry Kinney, Mel Winkler, Albert Hall, Lisa Nicole Carson, Jernard Burks</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">based on novel or book, war veteran, jazz club, murder, los angeles, california, private detective, missing person, neo-noir, 1940s</p>
</div>
diff --git a/sitehtml/Diabolique.html b/sitehtml/Diabolique.html
index aad79a54b6c83ae4cc0ea38b70bcd1dab2c3272d..86b34ef23d1f280728b2c83f168f6d5a74f1341d 100644
--- a/sitehtml/Diabolique.html
+++ b/sitehtml/Diabolique.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>Diabolique</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/pNcwhz3Eyfn3KQ2XykTozbARMpr.jpg" alt="Diabolique">
+ <img src="https://image.tmdb.org/t/p/original/zSW4A35r7Vpz0ainYJGb2QVwCh0.jpg" alt="Diabolique">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>The cruel and abusive headmaster of a boarding school, Michel Delassalle, is murdered by an unlikely duo -- his meek wife and the mistress he brazenly flaunts. The women become increasingly unhinged by a series of odd occurrences after Delassalle's corpse mysteriously disappears.</p>
+ <p>The wife and mistress of a cruel school master collaborate in a carefully planned and executed scheme to murder him. The plan goes well until the body, which has been strategically dumped, disappears. The psychological strain starts to weigh on the two women when a retired police investigator begins looking into the man's disappearance on a whim.</p>
<h2>Genres</h2>
- <p class="genres">Drama, Horror, Thriller</p>
+ <p class="genres">Mystery, Thriller, Horror</p>
<h2>Durée</h2>
- <p class="runtime">1h 57m</p>
+ <p class="runtime">1h 47m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1955</p>
+ <p class="release_year">1996</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">78%</p>
+ <p class="user_rating">55%</p>
<h2>Acteurs</h2>
- <p class="actors">Véra Clouzot, Simone Signoret, Paul Meurisse, Charles Vanel, Jean Brochard, Pierre Larquey, Michel Serrault, Yves-Marie Maurin, Georges Poujouly, Thérèse Dorny</p>
+ <p class="actors">Sharon Stone, Isabelle Adjani, Chazz Palminteri, Kathy Bates, Spalding Gray, Shirley Knight, Allen Garfield, Adam Hann-Byrd, Donal Logue, Diana Bellamy</p>
<h2>Mots-clés</h2>
- <p class="keywords">wife, lover (female), morgue, swimming pool, gay interest, teacher, plan gone wrong, mistress, biting, french noir, boys' boarding school, headmaster, philanderer, mischievous children, missing body, abusive husband, abused wife, wicker trunk, frightened woman</p>
+ <p class="keywords">husband wife relationship, violent husband, romantic rivalry, plan gone wrong, conspiracy, mistress, extramarital affair, heart condition, boys' school, abusive husband, sadistic husband, unfaithful husband, poisoned drink, disappeared corpse</p>
</div>
</div>
</body>
diff --git a/sitehtml/Die_Hard:_With_a_Vengeance.html b/sitehtml/Die_Hard:_With_a_Vengeance.html
index 17de61e025d3f5e5a9aadc05fb901b1f929a8444..b4419354e93d52f8496ce7f94f27103a2894057d 100644
--- a/sitehtml/Die_Hard:_With_a_Vengeance.html
+++ b/sitehtml/Die_Hard:_With_a_Vengeance.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Die Hard: With a Vengeance</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/skdHpVja0uRNKVVN9ksviI86I4z.jpg" alt="Die Hard: With a Vengeance">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>New York detective John McClane is back and kicking bad-guy butt in the third installment of this action-packed series, which finds him teaming with civilian Zeus Carver to prevent the loss of innocent lives. McClane thought he'd seen it all, until a genius named Simon engages McClane, his new "partner" -- and his beloved city -- in a deadly game that demands their concentration.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Thriller</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 8m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">72%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Bruce Willis, Samuel L. Jackson, Jeremy Irons, Larry Bryggman, Graham Greene, Anthony Peck, Nicholas Wyman, Kevin Chamberlin, Colleen Camp, Sam Phillips</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">new york city, taxi, gold, helicopter, robbery, police, bomb, riddle, detective, fbi, fistfight, deception, sequel, flashback, revenge, shootout, explosion, cargo ship, simon says, dump truck, aqueduct, bomb threat, action hero, federal reserve bank, nyc subway</p>
</div>
diff --git a/sitehtml/Disclosure.html b/sitehtml/Disclosure.html
index 8461ea6566a940f66c093a91566caf5f76d49cfb..7d9dd4379e951dd955e5feccad2f2d8314faaf4d 100644
--- a/sitehtml/Disclosure.html
+++ b/sitehtml/Disclosure.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Dolores_Claiborne.html b/sitehtml/Dolores_Claiborne.html
index b16160166197459cc8279e060628f6ee4964e6d9..f4d445e87eba6672a78322f0ffc699e01cf345f3 100644
--- a/sitehtml/Dolores_Claiborne.html
+++ b/sitehtml/Dolores_Claiborne.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Don't_Be_a_Menace_to_South_Central_While_Drinking_Your_Juice_in_the_Hood.html b/sitehtml/Don't_Be_a_Menace_to_South_Central_While_Drinking_Your_Juice_in_the_Hood.html
index 25991bafab3b6a598e5981374f732e6bef2b5718..47511201000f361717fac82d203bd122f552bd68 100644
--- a/sitehtml/Don't_Be_a_Menace_to_South_Central_While_Drinking_Your_Juice_in_the_Hood.html
+++ b/sitehtml/Don't_Be_a_Menace_to_South_Central_While_Drinking_Your_Juice_in_the_Hood.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Don't Be a Menace to South Central While Drinking Your Juice in the Hood</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/HZQBF7JDd2e9p4rPSbSHuWHaCC.jpg" alt="Don't Be a Menace to South Central While Drinking Your Juice in the Hood">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>When Ashtray moves to South Central L.A. to live with his father (who appears to be the same age he is) and grandmother (who likes to talk tough and smoke reefer), he falls in with his gang-banging cousin Loc Dog, who along with the requisite pistols and Uzi carries a thermo-nuclear warhead for self-defense. Will Ashtray be able to keep living the straight life?</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 29m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">69%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Shawn Wayans, Marlon Wayans, Tracey Cherelle Jones, Chris Spencer, Vivica A. Fox, Lahmard J. Tate, Rappin' Granny, Suli McCullough, Bernie Mac, Faizon Love</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">hip-hop, slang, date, gangster, cousin, parody, social satire, hood, gang, racism</p>
</div>
diff --git a/sitehtml/Don_Juan_DeMarco.html b/sitehtml/Don_Juan_DeMarco.html
index ff6d02b598f9d56ab013e93898992115f5a6d766..8d330d31f1aa89a1bcdda693baccf1d2c88b3b50 100644
--- a/sitehtml/Don_Juan_DeMarco.html
+++ b/sitehtml/Don_Juan_DeMarco.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Double_Happiness.html b/sitehtml/Double_Happiness.html
index d35cdba0f0de6cc668ddfcaf7bdafc1b6d810ded..5b322e7deb3a9592766019bc338e56d14f63e2f9 100644
--- a/sitehtml/Double_Happiness.html
+++ b/sitehtml/Double_Happiness.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Down_Periscope.html b/sitehtml/Down_Periscope.html
index 75a29aeca2e4f96a9f36a4c91293b93279a5cfed..9cdb84178c9b8da8a983022b3f5a55587b06728c 100644
--- a/sitehtml/Down_Periscope.html
+++ b/sitehtml/Down_Periscope.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Down Periscope</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/brleKcHsirTw7lFqcgUMOfgL2nl.jpg" alt="Down Periscope">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Maverick Navy Lieutenant Commander Tom Dodge will never be a textbook officer, but he's a brilliant seaman who's always wanted to command a nuclear submarine — he's been given one last chance to clean up his record. Unfortunately, Admiral Graham, his nemesis, would rather sink the fleet than give Dodge his own boat. So, Graham stacks the deck against him and assigns Dodge to the Stingray, a diesel-powered WW2 submarine that can barely keep afloat. To make matters worse, Dodge's crew is a collection of maladjusted, mistake-prone misfits. Then, he's tagged the "enemy" in a crucial war game, and ordered to take on the U.S. Navy's best.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 32m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">63%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Kelsey Grammer, Lauren Holly, Rob Schneider, Harry Dean Stanton, Bruce Dern, William H. Macy, Rip Torn, Ken Hudson Campbell, Toby Huss, Duane Martin</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">mutiny, submarine, u.s. navy, misfit, maverick, hijinks, nemesis, navy lieutenant, comradeship, nuclear submarine, navy officer, comedy of errors, navy admiral, band of misfits, war games, naval command</p>
</div>
diff --git a/sitehtml/Dr._Strangelove_or:_How_I_Learned_to_Stop_Worrying_and_Love_the_Bomb.html b/sitehtml/Dr._Strangelove_or:_How_I_Learned_to_Stop_Worrying_and_Love_the_Bomb.html
index bcdbc4a2dde6962b8dab231126d0a70e5e4dc9ed..16ccbfe9b3844c2228f497e7bc846ef15b4ffc65 100644
--- a/sitehtml/Dr._Strangelove_or:_How_I_Learned_to_Stop_Worrying_and_Love_the_Bomb.html
+++ b/sitehtml/Dr._Strangelove_or:_How_I_Learned_to_Stop_Worrying_and_Love_the_Bomb.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Dracula:_Dead_and_Loving_It.html b/sitehtml/Dracula:_Dead_and_Loving_It.html
index 74d356a1769b84d4a43f4aeec71a76262d6461fd..8b9ada9fb4317013ad67951e95cab3b147a3a358 100644
--- a/sitehtml/Dracula:_Dead_and_Loving_It.html
+++ b/sitehtml/Dracula:_Dead_and_Loving_It.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Dracula: Dead and Loving It</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/4rRfZz8YnHNRr16t3CFcJrPdXHi.jpg" alt="Dracula: Dead and Loving It">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>When a lawyer shows up at the vampire's doorstep, he falls prey to his charms and joins him in his search for fresh blood. Enter Professor Van Helsing, who may be the only one able to vanquish the Count.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Horror</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 28m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">61%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Leslie Nielsen, Mel Brooks, Amy Yasbeck, Peter MacNicol, Lysette Anthony, Harvey Korman, Steven Weber, Mark Blankfield, Megan Cavanagh, Gregg Binkley</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">vampire, spoof, dracula</p>
</div>
diff --git a/sitehtml/DragonHeart.html b/sitehtml/DragonHeart.html
index fa234c6335825a1101be3474ee52a835ca596ecd..5a4bda8ad69b6651baffa15d80bf89a5cba08262 100644
--- a/sitehtml/DragonHeart.html
+++ b/sitehtml/DragonHeart.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Drop_Zone.html b/sitehtml/Drop_Zone.html
index 80513be4981322ab221516ea509c3c7b9d17e37f..adc2953b01bb7b8f8c17af5c6d1cba8d4162908f 100644
--- a/sitehtml/Drop_Zone.html
+++ b/sitehtml/Drop_Zone.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Dumb_and_Dumber.html b/sitehtml/Dumb_and_Dumber.html
index 6a2bec1f58f6fbbf1b815c29dfe72bf27511689f..b2d46352a9e46c7f6267a9569a9ba209217f7342 100644
--- a/sitehtml/Dumb_and_Dumber.html
+++ b/sitehtml/Dumb_and_Dumber.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Dunston_Checks_In.html b/sitehtml/Dunston_Checks_In.html
index f22abf24828622c404c39f7797eecc121183c626..40504e896050e650212fe55e8c0b8a0a23f0269a 100644
--- a/sitehtml/Dunston_Checks_In.html
+++ b/sitehtml/Dunston_Checks_In.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Dunston Checks In</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/xR2cWC04kWNr7TBeXNOf4uOqn00.jpg" alt="Dunston Checks In">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Hotel manager Robert Grant is forced by his boss to postpone his family vacation when a hotel critic checks in. Trouble is, the critic is really a villainous jewel thief with an orangutan assistant named Dunston. When Dunston gets loose and tries to escape a life of crime -- aided by Robert's sons -- havoc, hijinks and lots of laughs abound!</p>
-
+
<h2>Genres</h2>
<p class="genres">Family, Comedy, Adventure</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 28m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">54%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Sam the Orangutan, Jason Alexander, Faye Dunaway, Rupert Everett, Graham Sack, Paul Reubens, Glenn Shadix, Nathan Davis, Jennifer Bassey, Eric Lloyd</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">boss, fistfight, bully, orangutan, single father, hotel manager, jewel theft, employer employee relationship, bali, father son relationship, brother brother relationship, mischief</p>
</div>
diff --git a/sitehtml/Eat_Drink_Man_Woman.html b/sitehtml/Eat_Drink_Man_Woman.html
index fa384084aad1c53589165246fc896c63e434c621..1a76ec38dfa5399a517a7568371f17b19e226ea0 100644
--- a/sitehtml/Eat_Drink_Man_Woman.html
+++ b/sitehtml/Eat_Drink_Man_Woman.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Ed.html b/sitehtml/Ed.html
index b0cd0dc903303feaa155cf2b8a8adf4be9e4be3e..d7f17998ff3a744f1115f5e7d266670136eea781 100644
--- a/sitehtml/Ed.html
+++ b/sitehtml/Ed.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Ed_Wood.html b/sitehtml/Ed_Wood.html
index 23c76a7b570b4aeeaa26659a4255400ce2386f79..4d6f174bf39bef8ba0a3a111c72e3b09aa45d007 100644
--- a/sitehtml/Ed_Wood.html
+++ b/sitehtml/Ed_Wood.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Eddie.html b/sitehtml/Eddie.html
index d1329d41d5a99b2b19d58e027ea9441f64a03e76..0358fb745aeeae27b1afafa9b36d82c76cc3e10a 100644
--- a/sitehtml/Eddie.html
+++ b/sitehtml/Eddie.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Eraser.html b/sitehtml/Eraser.html
index 5a940d1c731d326cbf528336130059d7fd7d52fd..f00ae5d65f44e1bdf6028e5c2e3501cf1ec9af72 100644
--- a/sitehtml/Eraser.html
+++ b/sitehtml/Eraser.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Even_Cowgirls_Get_the_Blues.html b/sitehtml/Even_Cowgirls_Get_the_Blues.html
index 67507c05a1e0340c22a324bf9a813d877a1661fc..40f14cc37a30805a9f732af7c254510cbbbe0661 100644
--- a/sitehtml/Even_Cowgirls_Get_the_Blues.html
+++ b/sitehtml/Even_Cowgirls_Get_the_Blues.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Executive_Decision.html b/sitehtml/Executive_Decision.html
index 784d1fa595c230f10c0a62c6e1266adb9ec45632..4faf87cd773210f99611a6d91b0e9318570cd688 100644
--- a/sitehtml/Executive_Decision.html
+++ b/sitehtml/Executive_Decision.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Exit_to_Eden.html b/sitehtml/Exit_to_Eden.html
index a7911635b7d6bea096b4a5073bd40654e5fa34e5..26e101dbeb5eb02248ef2f17c8f8f60d5894cf8d 100644
--- a/sitehtml/Exit_to_Eden.html
+++ b/sitehtml/Exit_to_Eden.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Exotica.html b/sitehtml/Exotica.html
index 642f3a58de6c0140c09aa7c2adac322573c59ec0..18a4bd8c7908aa904728009b32df8b1f60ec3095 100644
--- a/sitehtml/Exotica.html
+++ b/sitehtml/Exotica.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Eye_for_an_Eye.html b/sitehtml/Eye_for_an_Eye.html
index 6a52bfe44bed7c39b900ee401af2b1789e215c05..931dcbef8f4c26d92280ef54806e6a69504ae4f7 100644
--- a/sitehtml/Eye_for_an_Eye.html
+++ b/sitehtml/Eye_for_an_Eye.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Eye for an Eye</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/y2lZSdJ1o0VvLegTw3ad6KFtxra.jpg" alt="Eye for an Eye">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>It's fire and brimstone time as grieving mother Karen McCann takes justice into her own hands when a kangaroo court in Los Angeles fails to convict Robert Doob, the monster who raped and murdered her 17-year-old daughter.</p>
-
+
<h2>Genres</h2>
<p class="genres">Thriller</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 41m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">61%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Sally Field, Kiefer Sutherland, Ed Harris, Beverly D'Angelo, Charlayne Woodard, Joe Mantegna, Olivia Burnette, Alexandra Kyle, Keith David, Philip Baker Hall</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">rape, gun, self-defense, rape and revenge, grieving parents</p>
</div>
diff --git a/sitehtml/Faces.html b/sitehtml/Faces.html
index 917ec33ffe32b18bdb8ff51c69cae97248b02f1b..cbc136ce43c559d73eee914d1e31511c0e545a59 100644
--- a/sitehtml/Faces.html
+++ b/sitehtml/Faces.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Fair_Game.html b/sitehtml/Fair_Game.html
index 443e21c78021a59271c018c61cb73fe73fc2bf5f..08052a7c8033f7b719b39986b5d2465260275cfb 100644
--- a/sitehtml/Fair_Game.html
+++ b/sitehtml/Fair_Game.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Fair Game</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/qcxsWOzBaF7MZNNThtRQWQ9Wrdk.jpg" alt="Fair Game">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Max Kirkpatrick is a cop who protects Kate McQuean, a civil law attorney, from a renegade KGB team out to terminate her</p>
-
+
<h2>Genres</h2>
<p class="genres">Action</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 31m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">50%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">William Baldwin, Cindy Crawford, Steven Berkoff, Christopher McDonald, Miguel Sandoval, Johann Carlo, Salma Hayek Pinault, John Bedford Lloyd, Jenette Goldstein, Paul Dillon</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">hacker, based on novel or book, miami, florida, bomb, chase, sadism, kidnapping, hostage, psychopath, spy, detective, handcuffs, fbi, kgb, pizza, parking garage, police protection, car crash, remake, fugitive, on the run, conspiracy, shootout, gunfight, sadist, foot chase, police detective, police station, held at gunpoint, double cross, machine gun, grenade launcher, rogue agent, woman lawyer, damsel in distress</p>
</div>
diff --git a/sitehtml/Faithful.html b/sitehtml/Faithful.html
index f3a099026fa1d7df5a815d025c9e37023327978a..11df2a0a2899f2fad2debaa8df384931600e9f1f 100644
--- a/sitehtml/Faithful.html
+++ b/sitehtml/Faithful.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Far_from_Home:_The_Adventures_of_Yellow_Dog.html b/sitehtml/Far_from_Home:_The_Adventures_of_Yellow_Dog.html
index 551827b5b538830e35086a99cf31176fc5e34e9c..1636d205a9bd9bc68f5f25d46d6565271b78d0f9 100644
--- a/sitehtml/Far_from_Home:_The_Adventures_of_Yellow_Dog.html
+++ b/sitehtml/Far_from_Home:_The_Adventures_of_Yellow_Dog.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Farewell_My_Concubine.html b/sitehtml/Farewell_My_Concubine.html
index b68f6318d8e41b3fd8b7358ee82dd9f7429463d2..4f7bebcd032fdae3d3648fc4eea7e97cb0d9d0a8 100644
--- a/sitehtml/Farewell_My_Concubine.html
+++ b/sitehtml/Farewell_My_Concubine.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Fargo.html b/sitehtml/Fargo.html
index ba23f42eaf555d504845debfca77f2eeab2c13ed..f32d15ede5211f5ec2d36ab4a3eb6dadbc628f2e 100644
--- a/sitehtml/Fargo.html
+++ b/sitehtml/Fargo.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Farinelli.html b/sitehtml/Farinelli.html
index 59c41c7926c61fd334d9f097ac5a4c360f01bbff..2fcd7b0176ca4286c572f4aba057e1e4a1f184e8 100644
--- a/sitehtml/Farinelli.html
+++ b/sitehtml/Farinelli.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Faster,_Pussycat!_Kill!_Kill!.html b/sitehtml/Faster,_Pussycat!_Kill!_Kill!.html
index 70450cedc087aa24a8aa95f02e0ebff193e23e5d..bd40e97633b45ceebce9a739d013c74216746558 100644
--- a/sitehtml/Faster,_Pussycat!_Kill!_Kill!.html
+++ b/sitehtml/Faster,_Pussycat!_Kill!_Kill!.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Fatal_Instinct.html b/sitehtml/Fatal_Instinct.html
index 62fa26767e70e39b6a43c259b6ac85ae5b553ce5..36dfd9510d14385abab3935ddb5bc764374c1c28 100644
--- a/sitehtml/Fatal_Instinct.html
+++ b/sitehtml/Fatal_Instinct.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Father_of_the_Bride_Part_II.html b/sitehtml/Father_of_the_Bride_Part_II.html
index ac21250e8f634e799e6ea0087702390729e1034e..ee25418fd36679d528c3e365d360fc774ca9aac1 100644
--- a/sitehtml/Father_of_the_Bride_Part_II.html
+++ b/sitehtml/Father_of_the_Bride_Part_II.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Father of the Bride Part II</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/rj4LBtwQ0uGrpBnCELr716Qo3mw.jpg" alt="Father of the Bride Part II">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Just when George Banks has recovered from his daughter's wedding, he receives the news that she's pregnant ... and that George's wife is expecting too. He was planning on selling their home, but that's a plan that—like George—will have to change with the arrival of both a grandchild and a kid of his own.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Family</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 46m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">62%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Steve Martin, Diane Keaton, Martin Short, Kimberly Williams-Paisley, George Newbern, Kieran Culkin, BD Wong, Peter Michael Goetz, Kate McGregor-Stewart, Jane Adams</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">daughter, baby, parent child relationship, midlife crisis, pregnancy, confidence, aging, sequel, remake, los angeles, california, contraception, gynecologist</p>
</div>
diff --git a/sitehtml/Fear.html b/sitehtml/Fear.html
index d81cceaac37be48aca1c2aa878496a3386b6ace7..eb69af9510ad85195ba4324cccdd86b475e74816 100644
--- a/sitehtml/Fear.html
+++ b/sitehtml/Fear.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Fear_of_a_Black_Hat.html b/sitehtml/Fear_of_a_Black_Hat.html
index 57222314445f6d4b50ac1085c1b41c0a71d32181..bf89846f796d6074e96f8d9e0423cae8e0b9a13f 100644
--- a/sitehtml/Fear_of_a_Black_Hat.html
+++ b/sitehtml/Fear_of_a_Black_Hat.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Fearless.html b/sitehtml/Fearless.html
index 81b86ec9bd20611dcae3b2e605632dee08f1f82e..6188ceea520cdd314f007b5a2cdb1b64046ade9f 100644
--- a/sitehtml/Fearless.html
+++ b/sitehtml/Fearless.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Feast_of_July.html b/sitehtml/Feast_of_July.html
index 585a00a39a00abba3beb88272a5c8ec75719441f..e906a019978ab09bed26a07c98227082d1d30569 100644
--- a/sitehtml/Feast_of_July.html
+++ b/sitehtml/Feast_of_July.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Feast of July</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/inUPybROcLlzdG4EQeDIShfFjsD.jpg" alt="Feast of July">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>After an abandoned young woman in late 19th Century England is taken in by a rural couple with three handsome sons, tragic consequences result.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Crime</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 56m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">59%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Embeth Davidtz, Tom Bell, Gemma Jones, James Purefoy, Ben Chaplin, Kenneth Anderson, Greg Wise, Richard Hope, Mark Bazeley, Stephen Frost</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords"></p>
</div>
diff --git a/sitehtml/Feeling_Minnesota.html b/sitehtml/Feeling_Minnesota.html
index 860865529b63e9de1178278401be53b7b1923bff..90cda49a10f77e0803eebe519781625018ceda7d 100644
--- a/sitehtml/Feeling_Minnesota.html
+++ b/sitehtml/Feeling_Minnesota.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/First_Knight.html b/sitehtml/First_Knight.html
index 8663f11533836ff49220c4c9c083ae4953260329..53d30b73f200e16f559e4ff737caaa485d5d62b3 100644
--- a/sitehtml/First_Knight.html
+++ b/sitehtml/First_Knight.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>First Knight</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/xuXkCcrvUTkehVXuTGpnfySsx0Z.jpg" alt="First Knight">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>The timeless tale of King Arthur and the legend of Camelot are retold in this passionate period drama. Arthur is reluctant to hand the crown to Lancelot, and Guinevere is torn between her loyalty to her husband and her growing love for his rival. But Lancelot must balance his loyalty to the throne with the rewards of true love.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Adventure, Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 14m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">60%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Sean Connery, Richard Gere, Julia Ormond, Ben Cross, Liam Cunningham, Christopher Villiers, Valentine Pelka, Colin McCormack, Ralph Ineson, John Gielgud</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">camelot, knight, king arthur, excalibur, knights of the round table, lancelot</p>
</div>
diff --git a/sitehtml/Fled.html b/sitehtml/Fled.html
index 77c583f778ec84f2a3403cab2f99fd3899b8a63a..4dcc72afd81b0904cacc18873f22dad6bef9fb3d 100644
--- a/sitehtml/Fled.html
+++ b/sitehtml/Fled.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Flesh_and_Bone.html b/sitehtml/Flesh_and_Bone.html
index 2c51b5cceca4ffa0563a8b5dedc86bc1ce6d287d..0c48111aeb8a72f8f4bb63b31c5523f8cd6c5767 100644
--- a/sitehtml/Flesh_and_Bone.html
+++ b/sitehtml/Flesh_and_Bone.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Flipper.html b/sitehtml/Flipper.html
index 8b4f82fb2cc5d2769b7b315848ee13596b152e2a..430d6c1f4766cda9a3fe621460871d1f8b6a2560 100644
--- a/sitehtml/Flipper.html
+++ b/sitehtml/Flipper.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>Flipper</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/x8tmePZ3082Na0QTqOgB5zZVb2S.jpg" alt="Flipper">
+ <img src="https://image.tmdb.org/t/p/original/kbsePEyGVpbf3R3vn7yLVnB2lTO.jpg" alt="Flipper">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>Sandy is distraught when, having saved Flipper by pulling out a spear, his father insists the dolphin be released. A grateful Flipper, however, returns the favor when Sandy is threatened by sharks.</p>
+ <p>Sandy Ricks is sent by his mom to Coral Key, a rustic island in the Florida keys, to spend the summer with his uncle Porter Ricks. Sandy dislikes everything about his new environment until a new friend comes into his life, a dolphin named Flipper, that brings uncle and nephew together and leads Sandy on the summer adventure of a lifetime.</p>
<h2>Genres</h2>
- <p class="genres">Adventure, Drama, Family</p>
+ <p class="genres">Adventure, Family</p>
<h2>Durée</h2>
- <p class="runtime">1h 30m</p>
+ <p class="runtime">1h 35m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1963</p>
+ <p class="release_year">1996</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">57%</p>
+ <p class="user_rating">55%</p>
<h2>Acteurs</h2>
- <p class="actors">Chuck Connors, Luke Halpin, Connie Scott, Jane Rose, Joe Higgins, Robertson White, George Applewhite, Kathleen Maguire</p>
+ <p class="actors">Elijah Wood, Paul Hogan, Jonathan Banks, Robert Deacon, Chelsea Field, Mary Jo Faraci, Allison Bertolino, Jessica Wesson, Jason Fuchs, Mark Casella</p>
<h2>Mots-clés</h2>
- <p class="keywords">rescue, florida, dolphin, boat, hurricane, florida keys</p>
+ <p class="keywords">florida, dolphin, florida keys, summer</p>
</div>
</div>
</body>
diff --git a/sitehtml/Flirting_with_Disaster.html b/sitehtml/Flirting_with_Disaster.html
index cd4c451a7f51ed64303c251ff421a7ddd0fb14f5..8e67037809948453e9d8846d626e8f3d237b5dea 100644
--- a/sitehtml/Flirting_with_Disaster.html
+++ b/sitehtml/Flirting_with_Disaster.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Flirting with Disaster</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/sRRdVLuxk8OLCDRd4u4xDrDdwv7.jpg" alt="Flirting with Disaster">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Adopted as a child, new father Mel Colpin decides he cannot name his son until he knows his birth parents, and determines to make a cross-country quest to find them. Accompanied by his wife, Nancy, and an inept yet gorgeous adoption agent, Tina, he departs on an epic road trip that quickly devolves into a farce of mistaken identities, wrong turns, and overzealous and love-struck ATF agents.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 32m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">62%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Ben Stiller, Patricia Arquette, Téa Leoni, Mary Tyler Moore, George Segal, Alan Alda, Lily Tomlin, Richard Jenkins, Josh Brolin, Celia Weston</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">lsd, looking for birth parents, half-brother</p>
</div>
diff --git a/sitehtml/Fluke.html b/sitehtml/Fluke.html
index 0ebedc27b6baaf06d3d78bd9f5dc3122bac82287..11a89700af52a9d6bec66424520a26531c019151 100644
--- a/sitehtml/Fluke.html
+++ b/sitehtml/Fluke.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/For_Love_or_Money.html b/sitehtml/For_Love_or_Money.html
index 1a36822a33d6072f3c2d37d327ded95112eabad1..f3e6b07474ec84df6ce3d5d2c8bf4095aa851e59 100644
--- a/sitehtml/For_Love_or_Money.html
+++ b/sitehtml/For_Love_or_Money.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Force_of_Evil.html b/sitehtml/Force_of_Evil.html
index d3bdcce5473ff0adf0f97cc15ac337dbee991019..66e4dd2b21587a7bec79ea1a58abd6394f488403 100644
--- a/sitehtml/Force_of_Evil.html
+++ b/sitehtml/Force_of_Evil.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Forget_Paris.html b/sitehtml/Forget_Paris.html
index fc463a2dff74846d8b4af579fea0f46d7d1471f8..602999eed8e6b99451ae6e6a1a8588f175ce7689 100644
--- a/sitehtml/Forget_Paris.html
+++ b/sitehtml/Forget_Paris.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Forrest_Gump.html b/sitehtml/Forrest_Gump.html
index e1dbbae2d795d3eb4035774bd40ddc10111115ec..ea9be9d3f98bdf06575442201347564998691cb8 100644
--- a/sitehtml/Forrest_Gump.html
+++ b/sitehtml/Forrest_Gump.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Four_Rooms.html b/sitehtml/Four_Rooms.html
index eed0dad23505e7e4d0d6425f1daea87da586c596..6b022e935c5082b1508d93f262173dabb3287799 100644
--- a/sitehtml/Four_Rooms.html
+++ b/sitehtml/Four_Rooms.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Four Rooms</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/75aHn1NOYXh4M7L5shoeQ6NGykP.jpg" alt="Four Rooms">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>It's Ted the Bellhop's first night on the job...and the hotel's very unusual guests are about to place him in some outrageous predicaments. It seems that this evening's room service is serving up one unbelievable happening after another.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 38m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">58%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Tim Roth, Jennifer Beals, Antonio Banderas, Valeria Golino, David Proval, Sammi Davis, Amanda de Cadenet, Madonna, Ione Skye, Lili Taylor</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">hotel, new year's eve, witch, bet, sperm, hotel room, anthology, los angeles, california, hoodlum, multiple storylines, woman director</p>
</div>
diff --git a/sitehtml/Four_Weddings_and_a_Funeral.html b/sitehtml/Four_Weddings_and_a_Funeral.html
index 3af9e287515298cec07da1ebe195a26fd9984e07..5bc89fb8e0de9ba2b4a1e9a399e720d3f8382fc4 100644
--- a/sitehtml/Four_Weddings_and_a_Funeral.html
+++ b/sitehtml/Four_Weddings_and_a_Funeral.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Foxfire.html b/sitehtml/Foxfire.html
index e84b942bc7b12f11a865e3c9e92d1d645a543888..ceb7f4d89f2b9bdfed61673e372ad2bb7507902c 100644
--- a/sitehtml/Foxfire.html
+++ b/sitehtml/Foxfire.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Frankie_Starlight.html b/sitehtml/Frankie_Starlight.html
index d9f7bfc8b62965fff797d8f45423e305ca315460..26049515ed2db48b10faf6845b47f5d7f856d03c 100644
--- a/sitehtml/Frankie_Starlight.html
+++ b/sitehtml/Frankie_Starlight.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Frankie Starlight</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/6v3VxWhFsr2Qx8qIQkG4WL3f76X.jpg" alt="Frankie Starlight">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>The quirky story of a young boy's adventures growing up with his stunningly beautiful mother and the two very different men who love her.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Romance, War</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 41m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">53%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Matt Dillon, Corban Walker, Gabriel Byrne, Anne Parillaud, Niall TóibÃn, Owen Roe, Colin Farrell, Barbara Alyn Woods</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">flashback, writer, ireland, troop ship</p>
</div>
diff --git a/sitehtml/Free_Willy.html b/sitehtml/Free_Willy.html
index ff76ad14e27cf46cfd8047c3ad668cfe1f15d5dd..a6239a1f2ed0ca16a643a1b6502ea69a3af7adc6 100644
--- a/sitehtml/Free_Willy.html
+++ b/sitehtml/Free_Willy.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Free_Willy_2:_The_Adventure_Home.html b/sitehtml/Free_Willy_2:_The_Adventure_Home.html
index 4d2be7dc1fefa1cac6b590e83215342ad8c8ee3e..312b271d347c8e0aba2552514c19d9707817d212 100644
--- a/sitehtml/Free_Willy_2:_The_Adventure_Home.html
+++ b/sitehtml/Free_Willy_2:_The_Adventure_Home.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Free Willy 2: The Adventure Home</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/3wpug3W5rYBdqeAnhc1UeXLE5ZF.jpg" alt="Free Willy 2: The Adventure Home">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Jesse becomes reunited with Willy three years after the whale's jump to freedom as the teenager tries to rescue the killer whale and other orcas from an oil spill.</p>
-
+
<h2>Genres</h2>
<p class="genres">Family, Adventure, Drama, Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 35m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">59%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Jason James Richter, Michael Madsen, Jayne Atkinson, August Schellenberg, Mary Kate Schellhardt, Francis Capra, Mykelti Williamson, Elizabeth Peña, Jon Tenney, M. Emmet Walsh</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">whale, human animal relationship, killer whale</p>
</div>
diff --git a/sitehtml/French_Kiss.html b/sitehtml/French_Kiss.html
index c9f4feeec1ec5703ffad8140e00427c270a3873a..14f7fd69629f41e28ac5cf1d68f5be3948ff5c9a 100644
--- a/sitehtml/French_Kiss.html
+++ b/sitehtml/French_Kiss.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/French_Twist.html b/sitehtml/French_Twist.html
index 52a41b748fc996702712057140addec47e5a23db..317cf1e4367c14308e9b2b459a886a300d59a30a 100644
--- a/sitehtml/French_Twist.html
+++ b/sitehtml/French_Twist.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>French Twist</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/xlLnHizshGBwMiNrnop2kg2nYzE.jpg" alt="French Twist">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>After learning of her husband's infidelities, a housewife invites an itinerant lesbian to move in with them. None of their lives will ever be the same again.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 35m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">61%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Victoria Abril, Josiane Balasko, Alain Chabat, Ticky Holgado, Catherine Hiegel, Catherine Samie, Catherine Lachens, Katrine Boorman, Véronique Barrault, Telsche Boorman</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">estate agent, van, love triangle, southern france, menage a trois, polyamory, woman director</p>
</div>
diff --git a/sitehtml/Fresh.html b/sitehtml/Fresh.html
index 65313c4349ee73deb69df110355cc2940258ce7f..f9ecc1bdba34f3b737d2a6fc422d68adaf871caa 100644
--- a/sitehtml/Fresh.html
+++ b/sitehtml/Fresh.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Friday.html b/sitehtml/Friday.html
index b83f28cfa4775b21d34fdce1a8583b0487fa6360..a48e6825dde490daaec9ca8e3bb4654cb6e21510 100644
--- a/sitehtml/Friday.html
+++ b/sitehtml/Friday.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Friday</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/2lReF53F8trkC68piGSfk0JVwWU.jpg" alt="Friday">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Craig and Smokey are two guys in Los Angeles hanging out on their porch on a Friday afternoon, smoking and drinking, looking for something to do.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 31m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">71%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Ice Cube, Chris Tucker, Nia Long, Tommy Lister Jr., Anna Maria Horsford, Regina King, Paula Jai Parker, Bernie Mac, Angela Means, Faizon Love</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">drug dealer, rap music, parent child relationship, rapper, male friendship, urban life, slacker, pot smoking, bully, marijuana, los angeles, california, drugs</p>
</div>
diff --git a/sitehtml/From_Dusk_Till_Dawn.html b/sitehtml/From_Dusk_Till_Dawn.html
index e6db5121f78e0b1b5ff8b3ff30e4d7008cc566ad..57f01b0d4e324edebdc5838edd26c628b78bd8d1 100644
--- a/sitehtml/From_Dusk_Till_Dawn.html
+++ b/sitehtml/From_Dusk_Till_Dawn.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>From Dusk Till Dawn</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/sV3kIAmvJ9tPz4Lq5fuf9LLMxte.jpg" alt="From Dusk Till Dawn">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>After kidnapping a father and his two kids, the Gecko brothers head south to a seedy Mexican bar to hide out in safety, unaware of its notorious vampire clientele.</p>
-
+
<h2>Genres</h2>
<p class="genres">Horror, Action, Thriller, Crime</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 48m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">70%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">George Clooney, Quentin Tarantino, Harvey Keitel, Juliette Lewis, Ernest Liu, Salma Hayek Pinault, Cheech Marin, Danny Trejo, Tom Savini, Fred Williamson</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">dancing, showdown, sheriff, sibling relationship, vampire, bank robber, holy water, siege, stripper, priest, bank robbery, preacher, hostage situation, crucifix, recreational vehicle, mexican american border, female stripping, boa constrictor, loss of faith, foot fetish, killer on the run, barefoot</p>
</div>
diff --git a/sitehtml/Georgia.html b/sitehtml/Georgia.html
index f1c825ef10363279c432b2aab9f346a0717c4811..0263b4e9aa1734f82dec12dbd8ac019794779f1d 100644
--- a/sitehtml/Georgia.html
+++ b/sitehtml/Georgia.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Georgia</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/uXjfK404xo7SiVlFcAoRyaFqXR4.jpg" alt="Georgia">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Sadie looks up to her older sister Georgia, a successful folk singer who's happily married with children, but can't break out of the bar-band circuit and hit the big time she desperately covets. It's in part due to her attraction to drugs and booze, and also to her own unwise choice in men. Finally, though, Sadie's Achilles heel is a rough, unlovely voice very different than her sister's crowd-pleasing singing.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 55m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">58%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Jennifer Jason Leigh, Mare Winningham, Ted Levine, Max Perlich, John Doe, John C. Reilly, Jimmy Witherspoon, Jason Carter, Tom Bower, Smokey Hormel</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">sibling relationship, alcohol, heroin, seattle, washington, artist, singer, drugs, folk singer, sister sister relationship</p>
</div>
diff --git a/sitehtml/Germinal.html b/sitehtml/Germinal.html
index fe091eb2492dc68e4bf6ea821c1f122b4da6af16..fa65889c31d26983404e2bbdde86891c6707df61 100644
--- a/sitehtml/Germinal.html
+++ b/sitehtml/Germinal.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Geronimo:_An_American_Legend.html b/sitehtml/Geronimo:_An_American_Legend.html
index 6f90ababc7dc838257563520314bb47f0ba73da2..b69fac320c794cee1678ea9f96c9a05c1799f80e 100644
--- a/sitehtml/Geronimo:_An_American_Legend.html
+++ b/sitehtml/Geronimo:_An_American_Legend.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Get_Shorty.html b/sitehtml/Get_Shorty.html
index e2b9bc46634a5eb4fe96140b3a1c98f55c295f81..93552dabc5f5acc0561b956c0435655014c02af4 100644
--- a/sitehtml/Get_Shorty.html
+++ b/sitehtml/Get_Shorty.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Get Shorty</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/r82SdPhg4fnIcLt0ogIjQxqjdcO.jpg" alt="Get Shorty">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Chili Palmer is a Miami mobster who gets sent by his boss, the psychopathic "Bones" Barboni, to collect a bad debt from Harry Zimm, a Hollywood producer who specializes in cheesy horror films. When Chili meets Harry's leading lady, the romantic sparks fly. After pitching his own life story as a movie idea, Chili learns that being a mobster and being a Hollywood producer really aren't all that different.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Thriller, Crime</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 45m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">64%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">John Travolta, Gene Hackman, Rene Russo, Danny DeVito, Dennis Farina, Delroy Lindo, James Gandolfini, Jon Gries, Renee Props, David Paymer</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">based on novel or book, miami, florida, gambling, gangster, money, murder, travel, mobster, mafia, business, debt, hollywood, drugs, producer, con</p>
</div>
diff --git a/sitehtml/Getting_Even_with_Dad.html b/sitehtml/Getting_Even_with_Dad.html
index 016ad19f6986866259b702bdcd6714d0de93dbca..357a1b29ed87f4fcd6675a8fc9abaca14ddb88d5 100644
--- a/sitehtml/Getting_Even_with_Dad.html
+++ b/sitehtml/Getting_Even_with_Dad.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Ghost.html b/sitehtml/Ghost.html
index baeb4a54fa0db8b5822bb00e085b3f01e898731a..d25d3c60ef5296af108b14f4208958a714582c35 100644
--- a/sitehtml/Ghost.html
+++ b/sitehtml/Ghost.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Ghost_in_the_Shell.html b/sitehtml/Ghost_in_the_Shell.html
index 5b97c2f993a117f2caa7a60a9e36cc2e96846422..f6291f3cce2be58e722a823abab2b817f9526788 100644
--- a/sitehtml/Ghost_in_the_Shell.html
+++ b/sitehtml/Ghost_in_the_Shell.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Girl_6.html b/sitehtml/Girl_6.html
index e87f5d001c91fd857380d71be26c6d68215bc421..6a3d8b57f4408fc2516d88d3388643711f4ef692 100644
--- a/sitehtml/Girl_6.html
+++ b/sitehtml/Girl_6.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Go_Fish.html b/sitehtml/Go_Fish.html
index 34cf7de3676068b02aaf360f26a2fb99d143f28e..d364028e86dcc5bfce518c82ee5641ee6ae7a9f5 100644
--- a/sitehtml/Go_Fish.html
+++ b/sitehtml/Go_Fish.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Gold_Diggers:_The_Secret_of_Bear_Mountain.html b/sitehtml/Gold_Diggers:_The_Secret_of_Bear_Mountain.html
index faf10d35b7c201d06c2c76261d23e5bc56cdf418..a8f01feb5ae3d066aca7cc804abfddaac6d655a9 100644
--- a/sitehtml/Gold_Diggers:_The_Secret_of_Bear_Mountain.html
+++ b/sitehtml/Gold_Diggers:_The_Secret_of_Bear_Mountain.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/GoldenEye.html b/sitehtml/GoldenEye.html
index 3c44a3c296c02a912d87c6f7f5d6a26b4f86fc2a..aaf66c9707981b85082f1c58c0034c121f495382 100644
--- a/sitehtml/GoldenEye.html
+++ b/sitehtml/GoldenEye.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>GoldenEye</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/z0ljRnNxIO7CRBhLEO0DvLgAFPR.jpg" alt="GoldenEye">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>When a powerful satellite system falls into the hands of Alec Trevelyan, AKA Agent 006, a former ally-turned-enemy, only James Bond can save the world from a dangerous space weapon that -- in one short pulse -- could destroy the earth! As Bond squares off against his former compatriot, he also battles Xenia Onatopp, an assassin who uses pleasure as her ultimate weapon</p>
-
+
<h2>Genres</h2>
<p class="genres">Adventure, Action, Thriller</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 10m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">68%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Pierce Brosnan, Sean Bean, Izabella Scorupco, Famke Janssen, Joe Don Baker, Judi Dench, Robbie Coltrane, Tchéky Karyo, Gottfried John, Alan Cumming</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">computer virus, cuba, falsely accused, secret intelligence service, secret identity, secret base, kgb, satellite, special car, cossack, electromagnetic pulse, time bomb, st. petersburg, russia, red army</p>
</div>
diff --git a/sitehtml/Gordy.html b/sitehtml/Gordy.html
index 8d7358b3a69465c073b92999be8c7e3183db371e..25ff4339f0653df37ecae898fbe531b45e9bc575 100644
--- a/sitehtml/Gordy.html
+++ b/sitehtml/Gordy.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Grumpier_Old_Men.html b/sitehtml/Grumpier_Old_Men.html
index 45795900f27ce4732d140d6fbb89b29b70c6744f..d075057a96fd4434c17ab3f91cc6d120882c9c04 100644
--- a/sitehtml/Grumpier_Old_Men.html
+++ b/sitehtml/Grumpier_Old_Men.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Grumpier Old Men</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/1FSXpj5e8l4KH6nVFO5SPUeraOt.jpg" alt="Grumpier Old Men">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A family wedding reignites the ancient feud between next-door neighbors and fishing buddies John and Max. Meanwhile, a sultry Italian divorcée opens a restaurant at the local bait shop, alarming the locals who worry she'll scare the fish away. But she's less interested in seafood than she is in cooking up a hot time with Max.</p>
-
+
<h2>Genres</h2>
<p class="genres">Romance, Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 41m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">65%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Walter Matthau, Jack Lemmon, Ann-Margret, Sophia Loren, Daryl Hannah, Burgess Meredith, Kevin Pollak, Michelle Johnston</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">fishing, sequel, old man, best friend, wedding, italian restaurant, old friends, duringcreditsstinger, pranks</p>
</div>
diff --git a/sitehtml/Guilty_as_Sin.html b/sitehtml/Guilty_as_Sin.html
index 25a4a2c4e6a9c20519263be6051ff8acdb02d490..1c8c8bc7b31610dca85b3f6caf678b28b47f02a7 100644
--- a/sitehtml/Guilty_as_Sin.html
+++ b/sitehtml/Guilty_as_Sin.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Gumby_1.html b/sitehtml/Gumby_1.html
index e79f01475e226c0d2a183378da666994a55fdd00..04569a445bfe984bcce58b0f06d0a5fb9532f126 100644
--- a/sitehtml/Gumby_1.html
+++ b/sitehtml/Gumby_1.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Hackers.html b/sitehtml/Hackers.html
index 19ab42d2d920fa6a8834c67a189951a5c9622c3b..19556b1cae4f79cbe44780c25d7a76a1b8612c5b 100644
--- a/sitehtml/Hackers.html
+++ b/sitehtml/Hackers.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Hackers</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/qfx2EENW1sOpKNVKLzr7VOhlxkt.jpg" alt="Hackers">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Along with his new friends, a teenager who was arrested by the US Secret Service and banned from using a computer for writing a computer virus discovers a plot by a nefarious hacker, but they must use their computer skills to find the evidence while being pursued by the Secret Service and the evil computer genius behind the virus.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Crime, Thriller, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 47m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">63%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Jonny Lee Miller, Angelina Jolie, Jesse Bradford, Matthew Lillard, Renoly Santiago, Fisher Stevens, Alberta Watson, Lorraine Bracco, Laurence Mason, Wendell Pierce</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">new york city, computer, hacker, computer virus, virtual reality, prank, internet, cyberpunk, hacking, secret service, dream sequence</p>
</div>
diff --git a/sitehtml/Happy_Gilmore.html b/sitehtml/Happy_Gilmore.html
index ed2bff987a76666d17495adfd6cf04d6b25e16bd..c8c50a8e301555cfc5d391091837490df801208b 100644
--- a/sitehtml/Happy_Gilmore.html
+++ b/sitehtml/Happy_Gilmore.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Happy Gilmore</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/4RnCeRzvI1xk5tuNWjpDKzSnJDk.jpg" alt="Happy Gilmore">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Failed hockey player-turned-golf whiz Happy Gilmore -- whose unconventional approach and antics on the grass courts the ire of rival Shooter McGavin -- is determined to win a PGA tournament so he can save his granny's house with the prize money. Meanwhile, an attractive tour publicist tries to soften Happy's image.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 32m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">66%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Adam Sandler, Christopher McDonald, Julie Bowen, Frances Bay, Carl Weathers, Allen Covert, Robert Smigel, Bob Barker, Richard Kiel, Dennis Dugan</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">sports, loss of loved one, golf, taxes</p>
</div>
diff --git a/sitehtml/Hard_Target.html b/sitehtml/Hard_Target.html
index 24b7c46d72d81019c47e28959c6fbe97d27078c5..b8a1d3d4514590adfa91e8911406e84ab2745eb4 100644
--- a/sitehtml/Hard_Target.html
+++ b/sitehtml/Hard_Target.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Harriet_the_Spy.html b/sitehtml/Harriet_the_Spy.html
index ccd5cfc2912df7b6597e537f3e82903bdf8b8633..b6f6fef2c06321d9494d027dd7661abbd6f7d1ae 100644
--- a/sitehtml/Harriet_the_Spy.html
+++ b/sitehtml/Harriet_the_Spy.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Heat.html b/sitehtml/Heat.html
index 25b420fb56e366137d7a2367ceba69348dd516f0..c77176020bb4e3b65631b896bb69cfa3ca45bb16 100644
--- a/sitehtml/Heat.html
+++ b/sitehtml/Heat.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Heat</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/umSVjVdbVwtx5ryCA2QXL44Durm.jpg" alt="Heat">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Obsessive master thief Neil McCauley leads a top-notch crew on various daring heists throughout Los Angeles while determined detective Vincent Hanna pursues him without rest. Each man recognizes and respects the ability and the dedication of the other even though they are aware their cat-and-mouse game may end in violence.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Crime, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 50m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">79%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Al Pacino, Robert De Niro, Val Kilmer, Jon Voight, Tom Sizemore, Diane Venora, Amy Brenneman, Ashley Judd, Mykelti Williamson, Wes Studi</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">robbery, chase, obsession, detective, heist, thief, honor, murder, betrayal, gang, los angeles, california, cat and mouse, bank robbery, criminal mastermind, ex-con, one last job, loner, bank job, neo-noir, crime epic, intense</p>
</div>
diff --git a/sitehtml/Heaven's_Prisoners.html b/sitehtml/Heaven's_Prisoners.html
index 2e19b2791f090bf2b676ac4a6eb682479bd72d76..3d2ab3eca3f7cb2a595a397374061c0cc4f36a92 100644
--- a/sitehtml/Heaven's_Prisoners.html
+++ b/sitehtml/Heaven's_Prisoners.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Heaven_&_Earth.html b/sitehtml/Heaven_&_Earth.html
index 07fc339618c7fe4f1eb1258238e9882a0ccf5aae..368260d616bc19793188857c56dd8b5cfab26ca4 100644
--- a/sitehtml/Heaven_&_Earth.html
+++ b/sitehtml/Heaven_&_Earth.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Heavenly_Creatures.html b/sitehtml/Heavenly_Creatures.html
index 407fbb42353b6a1f0c610a66c7fff78c49b10b7d..be740a25e9a3a079cd9243e35ebd976cb4e3c51a 100644
--- a/sitehtml/Heavenly_Creatures.html
+++ b/sitehtml/Heavenly_Creatures.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Heavy.html b/sitehtml/Heavy.html
index 99497c5cf11e1ca8cff2a683e1f8439d569d7c2c..9de0b077653dadc9b16af3a889b4854b98c8a015 100644
--- a/sitehtml/Heavy.html
+++ b/sitehtml/Heavy.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Heavy_Metal.html b/sitehtml/Heavy_Metal.html
index 896761415433ff3780e7e112520bae82f8ac67c9..7ace61e42b2e115a4b7d10bb984a0028026e341e 100644
--- a/sitehtml/Heavy_Metal.html
+++ b/sitehtml/Heavy_Metal.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Heavyweights.html b/sitehtml/Heavyweights.html
index 73e4da4958c9ea3c845ef909c86e3497ce6b4c71..89d2711a576d038711afcd84a3564885afdbe3e2 100644
--- a/sitehtml/Heavyweights.html
+++ b/sitehtml/Heavyweights.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Heidi_Fleiss:_Hollywood_Madam.html b/sitehtml/Heidi_Fleiss:_Hollywood_Madam.html
index 8354fc4dc4e485a107ff61f8f44b671f6503a5a9..43ec23eb510a817c3981e2bf494ee0eab119c06c 100644
--- a/sitehtml/Heidi_Fleiss:_Hollywood_Madam.html
+++ b/sitehtml/Heidi_Fleiss:_Hollywood_Madam.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Heidi Fleiss: Hollywood Madam</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/laPSb9I8TuYslOh1OcgaTByWKnw.jpg" alt="Heidi Fleiss: Hollywood Madam">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A documentary crew from the BBC arrives in L.A. intent on interviewing Heidi Fleiss, a year after her arrest for running a brothel but before her trial. Several months elapse before the interview, so the crew searches for anyone who'll talk about the young woman. Two people have a lot to say to the camera: a retired madam named Alex for whom Fleiss once worked and Fleiss's one-time boyfriend, Ivan Nagy, who introduced her to Alex. Alex and Nagy don't like each other, so the crew shuttles between them with "she said" and "he said." When they finally interview Fleiss, they spend their time reciting what Alex and Nagy have had to say and asking her reaction.</p>
-
+
<h2>Genres</h2>
<p class="genres">Documentary</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 46m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">66%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Nick Broomfield, Heidi Fleiss, Madam Alex, Ivan Nagy, Corinne Bohrer, Ron Jeremy, Daryl Gates, Nina Xining Zuo, Victoria Sellers, Mike Brambles</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">narration, based on true story, hollywood, prostitution, sex crime</p>
</div>
diff --git a/sitehtml/Hellraiser:_Bloodline.html b/sitehtml/Hellraiser:_Bloodline.html
index 001a6e5ddc3adbf29cdecaaa202b0086bca1b69d..e1fe476054b1451c418e2996fc284a852eec55d2 100644
--- a/sitehtml/Hellraiser:_Bloodline.html
+++ b/sitehtml/Hellraiser:_Bloodline.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Hideaway.html b/sitehtml/Hideaway.html
index 47bc378eaa8f2b34912a5b95d9fe24d8a37a7042..4dec99b5f36559d041d7eb5ad661176cdfc8d4c9 100644
--- a/sitehtml/Hideaway.html
+++ b/sitehtml/Hideaway.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/High_School_High.html b/sitehtml/High_School_High.html
index c3755863dee7aeb99417527d3ecd4fd6e21f4219..860ec6280e9ca9eaf5de2252cf5d5757f1a11ccc 100644
--- a/sitehtml/High_School_High.html
+++ b/sitehtml/High_School_High.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Higher_Learning.html b/sitehtml/Higher_Learning.html
index d48bfde651be5cca4f7c27e41f2867bf085a2586..f961a813c18c0362a75bf601cc993b8d697eabcf 100644
--- a/sitehtml/Higher_Learning.html
+++ b/sitehtml/Higher_Learning.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Highlander:_The_Final_Dimension.html b/sitehtml/Highlander:_The_Final_Dimension.html
index c866be1d5706e912cc4e1270e882dadaa985e4b4..6733d9a464e6263ea65202b92ab6f13435daec3d 100644
--- a/sitehtml/Highlander:_The_Final_Dimension.html
+++ b/sitehtml/Highlander:_The_Final_Dimension.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Home_Alone.html b/sitehtml/Home_Alone.html
index 2bb10dd72d508294c65017300b08ace892b42de0..6aa84921116a8eb259f70d42cbd04daa2b813a91 100644
--- a/sitehtml/Home_Alone.html
+++ b/sitehtml/Home_Alone.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Home_for_the_Holidays.html b/sitehtml/Home_for_the_Holidays.html
index d74074c9be816f06774d07d1bbac7319ab93e388..a031279732ca1cf685e041b718c87da92d3f6b77 100644
--- a/sitehtml/Home_for_the_Holidays.html
+++ b/sitehtml/Home_for_the_Holidays.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Home for the Holidays</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/3zqlKdOttWyExzopVxglz50Vjxq.jpg" alt="Home for the Holidays">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>After losing her job, making out with her soon-to-be former boss, and finding out that her daughter plans to spend Thanksgiving with her boyfriend, Claudia Larson faces spending the holiday with her unhinged family.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 43m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">63%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Holly Hunter, Robert Downey Jr., Anne Bancroft, Charles Durning, Dylan McDermott, Geraldine Chaplin, Steve Guttenberg, Cynthia Stevenson, Claire Danes, Emily Ann Lloyd</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">generations conflict, baltimore, usa, thanksgiving, family clan, family conflict, woman director, christmas</p>
</div>
diff --git a/sitehtml/Homeward_Bound_II:_Lost_in_San_Francisco.html b/sitehtml/Homeward_Bound_II:_Lost_in_San_Francisco.html
index 4367eefc78325502ec44cbeb8d264c095482a3c6..2278c52dbc0b6f34254718415c8f883fd10e390f 100644
--- a/sitehtml/Homeward_Bound_II:_Lost_in_San_Francisco.html
+++ b/sitehtml/Homeward_Bound_II:_Lost_in_San_Francisco.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Hoop_Dreams.html b/sitehtml/Hoop_Dreams.html
index f21b13ba249318df4001d893e0c3aba1dc292cea..31186dfdbaa438dbabf2c18bfb9d68d6a41a93a8 100644
--- a/sitehtml/Hoop_Dreams.html
+++ b/sitehtml/Hoop_Dreams.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Hot_Shots!_Part_Deux.html b/sitehtml/Hot_Shots!_Part_Deux.html
index 9e2c3c31058f66a314337e171e32ac42001d3a7e..40d23d8312eba094b9f0f670d86098390c8a518d 100644
--- a/sitehtml/Hot_Shots!_Part_Deux.html
+++ b/sitehtml/Hot_Shots!_Part_Deux.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/House_Party_3.html b/sitehtml/House_Party_3.html
index 8139f262789cea40dac20a44b459686a094699cd..751ec4a7eeeb0ca1d70946050a1c150c15829ca0 100644
--- a/sitehtml/House_Party_3.html
+++ b/sitehtml/House_Party_3.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Houseguest.html b/sitehtml/Houseguest.html
index 260ba16d42c2b26b5c278f4bfdf7a2e91223e7d4..339a28ebc9894be97f72fab7501bc71e3f3b36cd 100644
--- a/sitehtml/Houseguest.html
+++ b/sitehtml/Houseguest.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/How_to_Make_an_American_Quilt.html b/sitehtml/How_to_Make_an_American_Quilt.html
index b6bcd688bb6ec0864149fe2f36f80ac494a205d2..d6bead954084ead0325f7e67b8f1ec32bc535543 100644
--- a/sitehtml/How_to_Make_an_American_Quilt.html
+++ b/sitehtml/How_to_Make_an_American_Quilt.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>How to Make an American Quilt</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/vwYRaERccwXWCYrTzeWRZRarJOo.jpg" alt="How to Make an American Quilt">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Soon-to-be-wed graduate student Finn Dodd develops cold feet when she suspects her fiancé is cheating on her. In order to clear her head, Finn visits her grandmother, Hy, and great aunt, Glady Joe Cleary, in Grasse, Calif. There, Finn learns that Hy and Glady Joe are members of a group of passionate quilters, and over the course of her visit she is regaled with tales of love and life by women who have collected rich experiences and much wisdom.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 56m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">64%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Winona Ryder, Anne Bancroft, Ellen Burstyn, Kate Nelligan, Jean Simmons, Maya Angelou, Alfre Woodard, Dermot Mulroney, Lois Smith, Kate Capshaw</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">marriage proposal, wedding vows, married couple, marriage, monogamy, advice, quilt, love, family holiday, extramarital affair, grandmother, woman director</p>
</div>
diff --git a/sitehtml/I'll_Do_Anything.html b/sitehtml/I'll_Do_Anything.html
index fbf0758352c19840abdae04a884cc2e57000e0a5..9fe8343d8411dc9b66dca6bd0787f3ec07b08a10 100644
--- a/sitehtml/I'll_Do_Anything.html
+++ b/sitehtml/I'll_Do_Anything.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/I.Q..html b/sitehtml/I.Q..html
index 71d59ba2c2f6547dab59058bd66d37b89479dc92..f9bf6b025b1bc56c1e6d7291f4d481aa1361c874 100644
--- a/sitehtml/I.Q..html
+++ b/sitehtml/I.Q..html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/I_Love_Trouble.html b/sitehtml/I_Love_Trouble.html
index f069e4b3402ffe03e68c66b5a8057e4d0cc0bfa2..75fd451a37e7328fa6d429c04f4f86e2bdb72d47 100644
--- a/sitehtml/I_Love_Trouble.html
+++ b/sitehtml/I_Love_Trouble.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/I_Shot_Andy_Warhol.html b/sitehtml/I_Shot_Andy_Warhol.html
index d0a1bb630ca93d6fc415223cf6bcfa9861281097..22df98d786587385a9cb28a8fb38018e8314a82d 100644
--- a/sitehtml/I_Shot_Andy_Warhol.html
+++ b/sitehtml/I_Shot_Andy_Warhol.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/If_Lucy_Fell.html b/sitehtml/If_Lucy_Fell.html
index a828be7ee0056f4fc056951ebee674fc88ddf11a..3ee35ca397754881b3223a7210e63fa7add5c619 100644
--- a/sitehtml/If_Lucy_Fell.html
+++ b/sitehtml/If_Lucy_Fell.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>If Lucy Fell</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/l3Bwmjdon6JBDzJUA3ZSdMZZ7lI.jpg" alt="If Lucy Fell">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Joe and Lucy are roommates and best friends. Lucy, whose love life is embarrassingly dull, convinces Joe, who is infatuated with a neighbor he's never met, that if they don't have stable romances within a month, they must jump off the Brooklyn Bridge.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 32m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">50%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Sarah Jessica Parker, Eric Schaeffer, Ben Stiller, Elle Macpherson, James Rebhorn, Robert John Burke, Scarlett Johansson, Dominic Chianese, Emily Hart, David Thornton</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">roommate, single, love, best friend, brooklyn bridge</p>
</div>
diff --git a/sitehtml/Immortal_Beloved.html b/sitehtml/Immortal_Beloved.html
index 260f087484a7beb4b0f8cbb03ba040d9622e6a58..fb6700db9e5cda152c81017ce26206efb1345e5e 100644
--- a/sitehtml/Immortal_Beloved.html
+++ b/sitehtml/Immortal_Beloved.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/In_the_Army_Now.html b/sitehtml/In_the_Army_Now.html
index 2313875bddd3ae6ccd04ce82e761692876bbb266..09d27497a4aa86119ade7ce50534e29a2660a683 100644
--- a/sitehtml/In_the_Army_Now.html
+++ b/sitehtml/In_the_Army_Now.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/In_the_Bleak_Midwinter.html b/sitehtml/In_the_Bleak_Midwinter.html
index ef068c0814fe33d576a1c543c76778570815eaff..e1d2e724ff944c4c5aa9246109e1a9ff3b16b8ee 100644
--- a/sitehtml/In_the_Bleak_Midwinter.html
+++ b/sitehtml/In_the_Bleak_Midwinter.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>In the Bleak Midwinter</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/lam5mVjru6yhgG8N1MHCqAUrxzL.jpg" alt="In the Bleak Midwinter">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Out of work actor Joe volunteers to help try and save his sister's local church for the community by putting on a Christmas production of Hamlet, somewhat against the advice of his agent Margaretta. As the cast he assembles are still available even at Christmas and are prepared to do it on a 'profit sharing' basis (that is, they may not get paid anything) he cannot expect - and does not get - the cream of the cream. But although they all bring their own problems and foibles along, something bigger starts to emerge in the perhaps aptly named village of Hope.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 39m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">70%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Michael Maloney, Richard Briers, Joan Collins, Nicholas Farrell, Julia Sawalha, Celia Imrie, John Sessions, Jennifer Saunders, Gerard Horan, Mark Hadfield</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">transvestite, theatre group, black and white, hamlet, christmas, gay theme, theater</p>
</div>
diff --git a/sitehtml/In_the_Line_of_Fire.html b/sitehtml/In_the_Line_of_Fire.html
index a436ad33c5b7108e6624c6a2769c4437ec407ecd..983a66d55ef1c7557d9213fe4efb537fe5657d87 100644
--- a/sitehtml/In_the_Line_of_Fire.html
+++ b/sitehtml/In_the_Line_of_Fire.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/In_the_Mouth_of_Madness.html b/sitehtml/In_the_Mouth_of_Madness.html
index 0f80ce973b9080f7966260fb94c614eee938c585..3520a2ae81e60d1f557f7cd702565c49ed5d7cc3 100644
--- a/sitehtml/In_the_Mouth_of_Madness.html
+++ b/sitehtml/In_the_Mouth_of_Madness.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/In_the_Name_of_the_Father.html b/sitehtml/In_the_Name_of_the_Father.html
index 7dff115fb73af487ab44274a3ea077cb86591ac8..8aa10dbcbe49b114451ff4ea109fd8800fb9fb4c 100644
--- a/sitehtml/In_the_Name_of_the_Father.html
+++ b/sitehtml/In_the_Name_of_the_Father.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/In_the_Realm_of_the_Senses.html b/sitehtml/In_the_Realm_of_the_Senses.html
index 685c4cde8e331bbf0bb580ce117ae0c1b45b166c..1e61b701a86bdfecf6c1449c793ef5bcfda5e6c9 100644
--- a/sitehtml/In_the_Realm_of_the_Senses.html
+++ b/sitehtml/In_the_Realm_of_the_Senses.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Independence_Day.html b/sitehtml/Independence_Day.html
index 31893c4e236d49a56a7cf270fd6360fd0659f168..9c300e1bf749f40c49d8b32431339ad7aab1eb3c 100644
--- a/sitehtml/Independence_Day.html
+++ b/sitehtml/Independence_Day.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Interview_with_the_Vampire.html b/sitehtml/Interview_with_the_Vampire.html
index 97928472135606b6ccf1902f571e2fa619e1edec..f3e58f9519ac7d8f659edf2fcf8d50fb578b74fa 100644
--- a/sitehtml/Interview_with_the_Vampire.html
+++ b/sitehtml/Interview_with_the_Vampire.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/It's_My_Party.html b/sitehtml/It's_My_Party.html
index 8b78ebb49798726306552aaf6defd1ec0650dbac..7b2cd1eb86a3f3ada66e8450ad4a511fd05df007 100644
--- a/sitehtml/It's_My_Party.html
+++ b/sitehtml/It's_My_Party.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/It_Could_Happen_to_You.html b/sitehtml/It_Could_Happen_to_You.html
index 9bafcd09a2433f5d09f4d22054b3ab2cab8a4d3d..0bb9e0279348e7d8253eba60538973421c21c5d6 100644
--- a/sitehtml/It_Could_Happen_to_You.html
+++ b/sitehtml/It_Could_Happen_to_You.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/It_Takes_Two.html b/sitehtml/It_Takes_Two.html
index aefb7a48c339b10e3ef50e3ae3adbaa13a10a2a4..a5991a3da8bcd6e1f187eeb04de2e855838944fe 100644
--- a/sitehtml/It_Takes_Two.html
+++ b/sitehtml/It_Takes_Two.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>It Takes Two</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/lEn31TRZTkGYqeqOR8vsMzZRbCY.jpg" alt="It Takes Two">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Identical 9-year-olds from very different backgrounds: orphaned Amanda and wealthy Alyssa meet at summer camp and decide to switch places -- and play matchmaker between Alyssa's dad, Roger, and the kind social worker who cares for Amanda.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Family, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 41m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">64%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Kirstie Alley, Steve Guttenberg, Ashley Olsen, Mary-Kate Olsen, Jane Sibbett, Philip Bosco, Michelle Grisom, Desmond Robertson, Tiny Mills, Shanelle Henry</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">matchmaking, orphan, identical twin, relationship sabotage</p>
</div>
diff --git a/sitehtml/Jack.html b/sitehtml/Jack.html
index efbefef1039e08f760e632191ec96e7b87ddab57..f66d505d98e529e49a97804370c80f48104c064b 100644
--- a/sitehtml/Jack.html
+++ b/sitehtml/Jack.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Jack_&_Sarah.html b/sitehtml/Jack_&_Sarah.html
index 28b3328df60eb4e99a526594fac624f35f60e8c6..c8447fa0321d84cd3bd97b9774f527131f4f986a 100644
--- a/sitehtml/Jack_&_Sarah.html
+++ b/sitehtml/Jack_&_Sarah.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Jade.html b/sitehtml/Jade.html
index 790dec5dd50d761566e4fc963e93689383c21f7d..43fd0ccd91f0c78dcfbd1486cc147ef699d858af 100644
--- a/sitehtml/Jade.html
+++ b/sitehtml/Jade.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Jade</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/8KWiZKDYpAgh8n27lanvTuDquyX.jpg" alt="Jade">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Someone does a nasty hatchet job on a San Francisco big shot and the Assistant D.A. takes charge of the investigation. Through a web of blackmail and prostitution involving the Governor, an old lover of the lawman emerges as a prime suspect and he has to deal with his personal feelings as well as the case.</p>
-
+
<h2>Genres</h2>
<p class="genres">Thriller, Mystery</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 35m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">54%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">David Caruso, Linda Fiorentino, Chazz Palminteri, Michael Biehn, Richard Crenna, Donna Murphy, Kevin Tighe, Holt McCallany, Angie Everhart, David Hunt</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">adultery, call girl, san francisco, california, sexuality, blackmail, investigation, seduction, murder, serial killer, prostitution, erotic thriller</p>
</div>
diff --git a/sitehtml/James_and_the_Giant_Peach.html b/sitehtml/James_and_the_Giant_Peach.html
index 3cba3a47acfed51637b9fdd07f3f8e0c38084900..d91b3b9f05032e07e7ad9e65a3e9fc4507ecf5a9 100644
--- a/sitehtml/James_and_the_Giant_Peach.html
+++ b/sitehtml/James_and_the_Giant_Peach.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Jane_Eyre.html b/sitehtml/Jane_Eyre.html
index 902152b55fd1f345caac2ce3a9aaccac4e877a78..05a581b0404c07accb6feb477a9336a34d39c40b 100644
--- a/sitehtml/Jane_Eyre.html
+++ b/sitehtml/Jane_Eyre.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>Jane Eyre</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/wLPcYhhedyzuF2yNMvZj4wBJmd7.jpg" alt="Jane Eyre">
+ <img src="https://image.tmdb.org/t/p/original/2vyt97wy8dEJYILoDoiPwTzLnzK.jpg" alt="Jane Eyre">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>Jane Eyre is an orphan, sent to Lowood school, and eventually becomes a governess at Thornfield hall to a girl named Adele. While she is there, many strange things happen and eventually she and Edward Rochester, owner of Thornfeild and Adele's guardian, fall in love. Suddenly, when Jane is about to win the happiness she deserves, a dark secret comes to light, and it will take all of her courage, love and understanding to triumph.</p>
+ <p>Jane Eyre is an orphan cast out as a young girl by her aunt, Mrs. Reed, and sent to be raised in a harsh charity school for girls. There she learns to be come a teacher and eventually seeks employment outside the school. Her advertisement is answered by the housekeeper of Thornfield Hall, Mrs. Fairfax.</p>
<h2>Genres</h2>
- <p class="genres">Drama, TV Movie</p>
+ <p class="genres">Drama, Romance</p>
<h2>Durée</h2>
- <p class="runtime">1h 50m</p>
+ <p class="runtime">1h 52m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1970</p>
+ <p class="release_year">1996</p>
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">68%</p>
<h2>Acteurs</h2>
- <p class="actors">Susannah York, George C. Scott, Ian Bannen, Jack Hawkins, Nyree Dawn Porter, Rachel Kempson, Kenneth Griffith, Peter Copley, Clive Morton, Angharad Rees</p>
+ <p class="actors">William Hurt, Charlotte Gainsbourg, Joan Plowright, Anna Paquin, Geraldine Chaplin, Billie Whitelaw, Maria Schneider, Elle Macpherson, Nic Knight, Nicola Howard </p>
<h2>Mots-clés</h2>
- <p class="keywords">æ–‡å¦, å¤æ´›è’‚·勃朗特, 译制片, 上海电影译制厂</p>
+ <p class="keywords">based on novel or book, aunt, gentleman, 19th century</p>
</div>
</div>
</body>
diff --git a/sitehtml/Jason's_Lyric.html b/sitehtml/Jason's_Lyric.html
index a4d8f7eadd20561e3b3908b7b6b3a2a74e4b197f..f2a6609c9e6f4b9c62b42111f238c3add774d49c 100644
--- a/sitehtml/Jason's_Lyric.html
+++ b/sitehtml/Jason's_Lyric.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Jefferson_in_Paris.html b/sitehtml/Jefferson_in_Paris.html
index d0309085eb7d5f15751a4b45d8d51258ce805e7b..41137ea5a75d6a8eedce36be35881430f8f2bc72 100644
--- a/sitehtml/Jefferson_in_Paris.html
+++ b/sitehtml/Jefferson_in_Paris.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Jeffrey.html b/sitehtml/Jeffrey.html
index b5accf8fb72de14226c951990f1e35b2d7e256b7..ff5f3bf4d988ac078b78ad9b4cb6243590e67a8b 100644
--- a/sitehtml/Jeffrey.html
+++ b/sitehtml/Jeffrey.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Jeffrey</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/tHcKImp3QqG7UWdv3PzEHZX8oHT.jpg" alt="Jeffrey">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Jeffrey, a gay man living in New York City with an overwhelming fear of contracting AIDS, concludes that being celibate is the only option to protect himself. As fate would have it, shortly after his declaration of a sex-free existence, he meets the handsome Steve Howard, his dream man -- except for his HIV-positive status. Facing this dilemma, Jeffrey turns to his best friend and an outrageous priest for guidance.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 32m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">62%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Steven Weber, Patrick Stewart, Michael T. Weiss, Sigourney Weaver, Robert Klein, Nathan Lane, Christine Baranski, Bryan Batt, Victor Garber, Peter Maloney</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">new york city, aids, celibacy, based on play or musical, hiv, priest, fate, manhattan, new york city, 1990s, gay friend, male male relationship, gay theme</p>
</div>
diff --git a/sitehtml/Joe's_Apartment.html b/sitehtml/Joe's_Apartment.html
index e91e6d85faee9bc89fe4ca295fbe762dba65aa0e..ec26f60acb4ac6a41dbbaaaa64d3ddc360373aa8 100644
--- a/sitehtml/Joe's_Apartment.html
+++ b/sitehtml/Joe's_Apartment.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Johnny_Mnemonic.html b/sitehtml/Johnny_Mnemonic.html
index da3ea992364d30ff4a25b42ccb1df6069f16f0a4..3d13ade4b39eee9bf185126d7664a9f6d8ffa6d9 100644
--- a/sitehtml/Johnny_Mnemonic.html
+++ b/sitehtml/Johnny_Mnemonic.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Johnny Mnemonic</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/iH8Jgi8qvb7pnBfI8fVGaUbyRna.jpg" alt="Johnny Mnemonic">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>In a dystopian 2021, Johnny is a data trafficker who has an implant that allows him to securely store data too sensitive for regular computer networks. On one delivery run, he accepts a package that not only exceeds the implant's safety limits—and will kill him if the data is not removed in time—but also contains information far more important and valuable than he had ever imagined. On a race against time, he must avoid the assassins sent to kill him and remove the data before it, too, ends his life.</p>
-
+
<h2>Genres</h2>
<p class="genres">Science Fiction, Action, Adventure</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 37m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">57%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Keanu Reeves, Dina Meyer, Takeshi Kitano, Ice-T, Dolph Lundgren, Denis Akiyama, Henry Rollins, Barbara Sukowa, Udo Kier, Tracy Tweed</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">virtual reality, dystopia, pharmaceutical industry, computer chip, courier, cyber, cyberpunk, cyberspace, based on short story</p>
</div>
diff --git a/sitehtml/Judge_Dredd.html b/sitehtml/Judge_Dredd.html
index 4847607df1a539c2b74de6191bcff565da743553..03adf693ce94462b695b6b15cc87e86988d87c08 100644
--- a/sitehtml/Judge_Dredd.html
+++ b/sitehtml/Judge_Dredd.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Judge Dredd</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/cfSnKn8NDU3m8UxihjVcYprA0Aq.jpg" alt="Judge Dredd">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>In a dystopian future, Dredd, the most famous judge (a cop with instant field judiciary powers) is convicted for a crime he did not commit while his murderous counterpart escapes.</p>
-
+
<h2>Genres</h2>
<p class="genres">Science Fiction</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 36m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">57%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Sylvester Stallone, Diane Lane, Armand Assante, Rob Schneider, Jürgen Prochnow, Max von Sydow, Christopher Adamson, Joanna Miles, Joan Chen, Balthazar Getty</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">corruption, judge, dystopia, superhero, post-apocalyptic future, villain, trial, based on comic, cyberpunk, police officer, revenge motive, justice, based on graphic novel, frame up, law enforcement, framed for murder, gene, prosthetic limb, dna testing, futuristic city, action hero, good versus evil, ridiculous</p>
</div>
diff --git a/sitehtml/Judgment_Night.html b/sitehtml/Judgment_Night.html
index c4c08a7494527670051bd2ffeff1cead55811df6..23add71c9cc6ab80b156f7c614bb28b57b6883a1 100644
--- a/sitehtml/Judgment_Night.html
+++ b/sitehtml/Judgment_Night.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Jumanji.html b/sitehtml/Jumanji.html
index de0a6309b30fc1a8dcb889878d6510e84717c131..f6372ea2a21f2a104c025f0561d950547c6fc176 100644
--- a/sitehtml/Jumanji.html
+++ b/sitehtml/Jumanji.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Jumanji</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/vgpXmVaVyUL7GGiDeiK1mKEKzcX.jpg" alt="Jumanji">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>When siblings Judy and Peter discover an enchanted board game that opens the door to a magical world, they unwittingly invite Alan -- an adult who's been trapped inside the game for 26 years -- into their living room. Alan's only hope for freedom is to finish the game, which proves risky as all three find themselves running from giant rhinoceroses, evil monkeys and other terrifying creatures.</p>
-
+
<h2>Genres</h2>
<p class="genres">Adventure, Fantasy, Family</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 44m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">72%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Robin Williams, Kirsten Dunst, Bradley Pierce, Bonnie Hunt, Jonathan Hyde, Bebe Neuwirth, David Alan Grier, Adam Hann-Byrd, Patricia Clarkson, Laura Bell Bundy</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">giant insect, board game, disappearance, jungle, recluse, stampede, based on young adult novel</p>
</div>
diff --git a/sitehtml/Junior.html b/sitehtml/Junior.html
index 4b07424bc04818bad19eefb57f23e5f158ad26ab..bda42f6ee0d714ff0aca6b7953ab76f6fb056c23 100644
--- a/sitehtml/Junior.html
+++ b/sitehtml/Junior.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Jurassic_Park.html b/sitehtml/Jurassic_Park.html
index d218cfadb8bfa08b49aa1c25f4d55a5483185e17..bcac5e8ab3e68c1b27f9a8ffbedf5a375518a7fb 100644
--- a/sitehtml/Jurassic_Park.html
+++ b/sitehtml/Jurassic_Park.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Jury_Duty.html b/sitehtml/Jury_Duty.html
index efd072436bf707e332432b2b1fb77240665427bd..9a700a3a0d9a5f047d4b9777a6afb3b1d09d85f0 100644
--- a/sitehtml/Jury_Duty.html
+++ b/sitehtml/Jury_Duty.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Jury Duty</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/DbKQDPqBE4kCaePj4CHu6r3ZAb.jpg" alt="Jury Duty">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>When jobless Tommy Collins discovers that sequestered jurors earn free room and board as well as $5-a-day, he gets himself assigned to a jury in a murder trial. Once there, he does everything he can to prolong the trial and deliberations and make the sequestration more comfortable for himself.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 28m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">44%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Pauly Shore, Tia Carrere, Stanley Tucci, Richard Riehle, Shelley Winters, Abe Vigoda, Charles Napier, Sean Whalen, Richard Edson, Richard T. Jones</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">stripper, jury, jury duty, verdict</p>
</div>
diff --git a/sitehtml/Just_Cause.html b/sitehtml/Just_Cause.html
index 91cfb5f95749d9761a26d3cfe1af83073d353a1f..62c73d7104030f02a453b1d26b6b1338af35ce9f 100644
--- a/sitehtml/Just_Cause.html
+++ b/sitehtml/Just_Cause.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Kalifornia.html b/sitehtml/Kalifornia.html
index a430b7ac6c6490254fce5a4e8ea15e4b5f54337d..84eabdcd3638a741d96597a80d7373ba17d870e3 100644
--- a/sitehtml/Kalifornia.html
+++ b/sitehtml/Kalifornia.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Kaspar_Hauser.html b/sitehtml/Kaspar_Hauser.html
index dd6a8fa34b1b3d4718974e309cb1a87196c4fc9b..3bf5be8e2f11721eb799487c7951e6811ed661e4 100644
--- a/sitehtml/Kaspar_Hauser.html
+++ b/sitehtml/Kaspar_Hauser.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Kazaam.html b/sitehtml/Kazaam.html
index 0c367631965bfb2b9f2a6001e097ce34f716ecf9..aee057f59df565fb923d6c82c81578e2362d3297 100644
--- a/sitehtml/Kazaam.html
+++ b/sitehtml/Kazaam.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Kicking_and_Screaming.html b/sitehtml/Kicking_and_Screaming.html
index 57d471317e8585aaf2f2e931b4883536b3e66bbb..0ff37bf1343cb9cd074b686d5f0e8a882b8d62d1 100644
--- a/sitehtml/Kicking_and_Screaming.html
+++ b/sitehtml/Kicking_and_Screaming.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Kicking and Screaming</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/ynAtSpTou7snNOq32djzILw9VCA.jpg" alt="Kicking and Screaming">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>After college graduation, Grover's girlfriend Jane tells him she's moving to Prague to study writing. Grover declines to accompany her, deciding instead to move in with several friends, all of whom can't quite work up the inertia to escape their university's pull. Nobody wants to make any big decisions that would radically alter his life, yet none of them wants to end up like Chet, the professional student who tends bar and is in his tenth year of university studies.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 36m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">61%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Josh Hamilton, Olivia d'Abo, Chris Eigeman, Parker Posey, Jason Wiles, Cara Buono, Carlos Jacott, Elliott Gould, Eric Stoltz, Samuel Gould</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">friendship, college, male friendship, campus, video store, graduate</p>
</div>
diff --git a/sitehtml/Kids.html b/sitehtml/Kids.html
index 286e5aac9414d1f81208aec72774f50ccf32010c..7e43af6808049a9a6251dfd4ceaefb22ad06211a 100644
--- a/sitehtml/Kids.html
+++ b/sitehtml/Kids.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Kids</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/8qV8hUVCUnFIQKewzlhaFWhdszK.jpg" alt="Kids">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A day in the life of a group of teens as they travel around New York City skating, drinking, smoking and deflowering virgins.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Crime</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 31m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">68%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Leo Fitzpatrick, Justin Pierce, Chloë Sevigny, Rosario Dawson, Yakira Peguero, Atabey Rodriguez, Harold Hunter, Jon Abrahams, Sajan Bhagat, Sarah Henderson</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">puberty, first time, new york city, drug abuse, hiv, shoplifting, underage sex, sexually transmitted disease, shocking, aggressive, sleeping around, complex, critical, disgusted</p>
</div>
diff --git a/sitehtml/Kids_in_the_Hall:_Brain_Candy.html b/sitehtml/Kids_in_the_Hall:_Brain_Candy.html
index 089c55e587bf315a3c0ab11c3d16571df506bb25..94301ee042f8c92ba032824368d9eccd0e731d74 100644
--- a/sitehtml/Kids_in_the_Hall:_Brain_Candy.html
+++ b/sitehtml/Kids_in_the_Hall:_Brain_Candy.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Kika.html b/sitehtml/Kika.html
index 8c0901db72dba32ada26c666ecaa0e8d721f0f40..1cd5e2fc1af2351d32d71777980e6e79d279cedf 100644
--- a/sitehtml/Kika.html
+++ b/sitehtml/Kika.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Killer.html b/sitehtml/Killer.html
index a2c5a4abb2410fc887189104489903b0e6b2872b..b1d24e91bf2b7489bddf008a34781658eea36985 100644
--- a/sitehtml/Killer.html
+++ b/sitehtml/Killer.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Killing_Zoe.html b/sitehtml/Killing_Zoe.html
index 00ecd588ebeb560bda9dfb60156b24fff4486c65..ca7befc445707e20a141d1e9009b01d6795bcab0 100644
--- a/sitehtml/Killing_Zoe.html
+++ b/sitehtml/Killing_Zoe.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Kim.html b/sitehtml/Kim.html
index 659a221ab682e1c46ecde729a2ed2ff1e5c8e44d..34c21c65f629d823d406abcba6c70810745961bd 100644
--- a/sitehtml/Kim.html
+++ b/sitehtml/Kim.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/King_of_the_Hill.html b/sitehtml/King_of_the_Hill.html
index f717510c9a6d7b2e5269382be8ccaca06a1d3e47..5a5f1cc0c032cee1189c382bcead4f8e6b477dbf 100644
--- a/sitehtml/King_of_the_Hill.html
+++ b/sitehtml/King_of_the_Hill.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Kingpin.html b/sitehtml/Kingpin.html
index 1d7debd1bd482a92d2e815bf5e1e1452ec2b01b2..2aaa8f09151451a3e854ec910677669ab6594de1 100644
--- a/sitehtml/Kingpin.html
+++ b/sitehtml/Kingpin.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Kiss_of_Death.html b/sitehtml/Kiss_of_Death.html
index d7f78180d0fcf94f6c4f9d3f8f584749cc81f7d2..68c20f36e606f3bc30412a29b9e6fac41e31e3e5 100644
--- a/sitehtml/Kiss_of_Death.html
+++ b/sitehtml/Kiss_of_Death.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>Kiss of Death</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/3xenZzofvq2rLsCp9R7bTzIHj8t.jpg" alt="Kiss of Death">
+ <img src="https://image.tmdb.org/t/p/original/2cCxEqeIy6Q8HgVjfT7obOnF5Zi.jpg" alt="Kiss of Death">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>An ex-con trying to go straight must face a crazed criminal out for revenge.</p>
+ <p>Jimmy Kilmartin is an ex-con trying to stay clean and raise a family. When his cousin Ronnie causes him to take a fall for driving an illegal transport of stolen cars, Detective Calvin Hart is injured and Jimmy lands back in prison. In exchange for an early release, he is asked to help bring down a local crime boss named 'Little Junior' Brown. However, he's also sent undercover by Detective Hart to work with Little Junior and infiltrate his operations. As soon as Little Junior kills an undercover Federal agent with Jimmy watching, the unscrupulous DA and the Feds further complicate his life.</p>
<h2>Genres</h2>
- <p class="genres">Crime, Thriller</p>
+ <p class="genres">Crime, Thriller, Drama</p>
<h2>Durée</h2>
- <p class="runtime">1h 39m</p>
+ <p class="runtime">1h 41m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1947</p>
+ <p class="release_year">1995</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">70%</p>
+ <p class="user_rating">56%</p>
<h2>Acteurs</h2>
- <p class="actors">Victor Mature, Brian Donlevy, Coleen Gray, Richard Widmark, Taylor Holmes, Howard Smith, Karl Malden, Anthony Ross, Robert Adler, Rollin Bauer</p>
+ <p class="actors">David Caruso, Nicolas Cage, Samuel L. Jackson, Helen Hunt, Kathryn Erbe, Stanley Tucci, Michael Rapaport, Ving Rhames, Philip Baker Hall, Anthony Heald</p>
<h2>Mots-clés</h2>
- <p class="keywords">prison, orphanage, wheelchair, wheelchair user , film noir, district attorney, ex-con, stolen jewelry, small time crook</p>
+ <p class="keywords">prison, new york city, undercover agent, gangster, psychopath, paranoia, witness protection, remake, revenge, murder, organized crime, recovering alcoholic, federal agent, hoodlum, undercover operation, neo-noir</p>
</div>
</div>
</body>
diff --git a/sitehtml/La_Haine.html b/sitehtml/La_Haine.html
index b4641b995f662e0a742d125fc7fd199941b529af..e1d4a8980c3c9e4e58ab90a154615d403455725e 100644
--- a/sitehtml/La_Haine.html
+++ b/sitehtml/La_Haine.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>La Haine</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/gIMt8wYctUZntMMZTddZdhN5c8k.jpg" alt="La Haine">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>After a chaotic night of rioting in a marginal suburb of Paris, three young friends, Vinz, Hubert and Saïd, wander around unoccupied waiting for news about the state of health of a mutual friend who has been seriously injured when confronting the police.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 38m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">80%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Vincent Cassel, Hubert Koundé, Saïd Taghmaoui, Abdel Ahmed Ghili, Solo, Joseph Momo, Héloïse Rauth, Rywka Wajsbrot, Olga Abrego, Laurent Labasse</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">neo-nazism, police brutality, hip-hop, paris, france, socially deprived family, breakdance, ghetto, male friendship, racism, xenophobia, day in a life, paris suburb, critical, conceited</p>
</div>
diff --git a/sitehtml/Ladybird_Ladybird.html b/sitehtml/Ladybird_Ladybird.html
index 8e4b6aef00ddcc8cbccac0c13e1a8d534363bc9f..e28f35db496081a22170844c797861443cd75452 100644
--- a/sitehtml/Ladybird_Ladybird.html
+++ b/sitehtml/Ladybird_Ladybird.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Lamerica.html b/sitehtml/Lamerica.html
index b3d9d7ec8e1ae0a73e83234946e2250b5c6086ff..32d84461b72c45b604338caf0a591e1ffe054de3 100644
--- a/sitehtml/Lamerica.html
+++ b/sitehtml/Lamerica.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Lamerica</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/nnLpA4mqb3gvhNJQZ00cOyBmeq3.jpg" alt="Lamerica">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Fiore, an Italian conman, arrives in post Communist Albania with Gino, his young apprentice, to set up a shoe factory that will never open. The con requires a native Albanian, so they designate Spiro, an impoverished and confused former political prisoner as chairman of the board. When Fiore returns to Italy to get government funds for the project, Spiro unexpectedly disappears and Gino sets out on a journey to find him. The search leads him to discover Spiro's tragic personal history and witness Albanian poverty firsthand.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 52m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1994</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">72%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Enrico Lo Verso, Michele Placido, Piro Milkani, Carmelo Di Mazzarelli, Elida Janushi, Sefer Pema, Idajet Sejdia, Marjeta Ljarja, Elida Ndreu, Ilir Ara</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords"></p>
</div>
diff --git a/sitehtml/Land_and_Freedom.html b/sitehtml/Land_and_Freedom.html
index 9c9e595d716dca9a3272da15497c3f0744639a2b..fdf36154e4fdfd8f36c0f23f6d648133b124267f 100644
--- a/sitehtml/Land_and_Freedom.html
+++ b/sitehtml/Land_and_Freedom.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Larger_Than_Life.html b/sitehtml/Larger_Than_Life.html
index a6065d60ba7c1b0e6accd85d3d201ed3a7e4b758..07e9fb8232165d0191d8cd5b3c06db1a10380c82 100644
--- a/sitehtml/Larger_Than_Life.html
+++ b/sitehtml/Larger_Than_Life.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Lassie.html b/sitehtml/Lassie.html
index 587ef252907fb52e96a84044d842bb885c3b8f02..30578a9697213b75254c0734a5b9c2556502aa0b 100644
--- a/sitehtml/Lassie.html
+++ b/sitehtml/Lassie.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Last_Action_Hero.html b/sitehtml/Last_Action_Hero.html
index 818b3230cbe0396c513b87c88156c90daf6515a8..83cc199e614b22d86850be14612a8c9c1a560ab0 100644
--- a/sitehtml/Last_Action_Hero.html
+++ b/sitehtml/Last_Action_Hero.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Last_Dance.html b/sitehtml/Last_Dance.html
index 00f152b75c4525bdeba53c706cb4760d0b8efdbc..7ca69511a8fb31bd0045bad878f9530aeb5dce1e 100644
--- a/sitehtml/Last_Dance.html
+++ b/sitehtml/Last_Dance.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Last_Summer_in_the_Hamptons.html b/sitehtml/Last_Summer_in_the_Hamptons.html
index 3775b250fcbfaaef99bf97364d5d11dd4d7f0b94..e0d16c028ec96f28e4864bcc9fcbf85ce74a7cbe 100644
--- a/sitehtml/Last_Summer_in_the_Hamptons.html
+++ b/sitehtml/Last_Summer_in_the_Hamptons.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Last Summer in the Hamptons</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/g3m93gROYRRgu7lyQPzrka612uK.jpg" alt="Last Summer in the Hamptons">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Helena Mora, the head of an eccentric theatrical family, has decided to sell her large estate in the Hamptons because of her recent money troubles. Before she completes the sale, she wants to have one last gathering of family and friends, with dramatic performances. Bringing everyone together, though, creates rivalries and tension, especially for Oona, a temperamental but successful movie actress who seeks the approval of her creative peers.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 48m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">55%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Victoria Foyt, Viveca Lindfors, Jon Robin Baitz, Savannah Smith Boucher, Roscoe Lee Browne, Andre Gregory, Nick Gregory, Melissa Leo, Roddy McDowall, Martha Plimpton</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">theater play, theatre group, theater director, playwright, theater troupe, family home, family dynamics, hamptons, method acting, matriarch, theater community, brother sister relationship, theatrical production, acting lesson, actors, acting career</p>
</div>
diff --git a/sitehtml/Lawnmower_Man_2:_Beyond_Cyberspace.html b/sitehtml/Lawnmower_Man_2:_Beyond_Cyberspace.html
index 53149fc3e78f4e139a88ff56eb18950c1e2bd792..c6f04e16c6ca55ac521c4e80c12a9e3db01d923a 100644
--- a/sitehtml/Lawnmower_Man_2:_Beyond_Cyberspace.html
+++ b/sitehtml/Lawnmower_Man_2:_Beyond_Cyberspace.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Lawnmower Man 2: Beyond Cyberspace</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/nsKDpcdC62krEPlCKKjLSHuMwwu.jpg" alt="Lawnmower Man 2: Beyond Cyberspace">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Jobe is resuscitated by Jonathan Walker. He wants Jobe to create a special computer chip that would connect all the computers in the world into one network, which Walker would control and use. But what Walker doesn't realize is a group of teenage hackers are on to him and out to stop his plan.</p>
-
+
<h2>Genres</h2>
<p class="genres">Science Fiction, Horror, Action, Thriller</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 32m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">29%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Patrick Bergin, Matt Frewer, Austin O'Brien, Ely Pouget, Camille Cooper, Patrick LaBrecque, Crystal Celeste Grant, Sean P. Young, Mathew Valencia, Kevin Conway</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">computer, hacker, virtual reality, technology, sword fight, revenge, cyberpunk, scientist, cyberspace, surveillance, based on short story, world domination, supernatural power</p>
</div>
diff --git a/sitehtml/Leaving_Las_Vegas.html b/sitehtml/Leaving_Las_Vegas.html
index b8a6583a93f5c1ac23b9321e2f197b11966978aa..42bf264cf319c061efed9c56f64cbd367656caa5 100644
--- a/sitehtml/Leaving_Las_Vegas.html
+++ b/sitehtml/Leaving_Las_Vegas.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Leaving Las Vegas</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/wIfP6uLXD9Ptu68SyRx8WuSNNSK.jpg" alt="Leaving Las Vegas">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Ben Sanderson, an alcoholic Hollywood screenwriter who lost everything because of his drinking, arrives in Las Vegas to drink himself to death. There, he meets and forms an uneasy friendship and non-interference pact with prostitute Sera.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 51m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">72%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Nicolas Cage, Elisabeth Shue, Julian Sands, Richard Lewis, Steven Weber, Kim Adams, Emily Procter, Stuart Regen, Valeria Golino, Graham Beckel</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">hotel room, dying and death, individual, prostitute, lovesickness, rage and hate, casino, unsociability, alcohol, love at first sight, movie business, screenwriter, alcoholism, los angeles, california, las vegas, alcohol abuse</p>
</div>
diff --git a/sitehtml/Legends_of_the_Fall.html b/sitehtml/Legends_of_the_Fall.html
index b6fa1124c1e29f1b8d91b921f0f2ce0931157f8b..8894e8928495d728e1dfb991ad57151aeb8afe5b 100644
--- a/sitehtml/Legends_of_the_Fall.html
+++ b/sitehtml/Legends_of_the_Fall.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Les_Miserables.html b/sitehtml/Les_Miserables.html
index 706e947da647e6e7073339075ae21510dd0007aa..f4dcac83e56073bfd99b6c281b1900cc92fad7fb 100644
--- a/sitehtml/Les_Miserables.html
+++ b/sitehtml/Les_Miserables.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Les Miserables</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/czlMyja9zSMnAuXQXTMxJ5Dw7Yc.jpg" alt="Les Miserables">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>In France during World War II, a poor and illiterate man, Henri Fortin, is introduced to Victor Hugo's classic novel Les Misérables and begins to see parallels between the book and his own life.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 55m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">68%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Jean-Paul Belmondo, Michel Boujenah, Alessandra Martines, Salomé Lelouch, Annie Girardot, Philippe Léotard, Philippe Khorsand, Ticky Holgado, Rufus, Nicole Croisille</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">paris, france, nun, boxer, lawyer</p>
</div>
diff --git a/sitehtml/Life_with_Mikey.html b/sitehtml/Life_with_Mikey.html
index 9248b6edc337e774ac1c3bcf91a1a7448b7e04c5..32da1ed1fea357b64116b6f73cfa156e9f1f4c34 100644
--- a/sitehtml/Life_with_Mikey.html
+++ b/sitehtml/Life_with_Mikey.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Lightning_Jack.html b/sitehtml/Lightning_Jack.html
index 303df05c1fe95212fb75e618c684f321b802ea84..e6a3ad44c4dd07e65676329972cf4a9b8237d9eb 100644
--- a/sitehtml/Lightning_Jack.html
+++ b/sitehtml/Lightning_Jack.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Like_Water_for_Chocolate.html b/sitehtml/Like_Water_for_Chocolate.html
index eb940631dd006d73bb25619fa56ada4cd0f56832..326c3486ad68211586ef000b29b9325a1db5a6d9 100644
--- a/sitehtml/Like_Water_for_Chocolate.html
+++ b/sitehtml/Like_Water_for_Chocolate.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Little_Big_League.html b/sitehtml/Little_Big_League.html
index 21b69f605ae539b7f1d2b5788cee16ce167d1fb0..550c010688f39b1e140e317f99aeca2e6d358f3f 100644
--- a/sitehtml/Little_Big_League.html
+++ b/sitehtml/Little_Big_League.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Little_Buddha.html b/sitehtml/Little_Buddha.html
index cd15d17b676eec788628f34010bb3b6ec1ef7604..33fdb87b3b0952ecdd899c66bcf1c406cbde1d91 100644
--- a/sitehtml/Little_Buddha.html
+++ b/sitehtml/Little_Buddha.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Little_Odessa.html b/sitehtml/Little_Odessa.html
index 49d07eadc441c272edcd5cb88073b429c9122b65..8c0c4ccf9eddc66a6507720037ff8a95eef5e7a4 100644
--- a/sitehtml/Little_Odessa.html
+++ b/sitehtml/Little_Odessa.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Little_Women.html b/sitehtml/Little_Women.html
index e1031208a3fc303b686e6857dbe35691bec7340d..712e86aef606ef68900a53400250d2c70ee501c2 100644
--- a/sitehtml/Little_Women.html
+++ b/sitehtml/Little_Women.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>Little Women</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/6jbBsk4uDuSkO2Uxv5YxoPNmVVj.jpg" alt="Little Women">
+ <img src="https://image.tmdb.org/t/p/original/1ZzH1XMcKAe5NdrKL5MfcqZHHsZ.jpg" alt="Little Women">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>Little Women is a coming-of-age drama tracing the lives of four sisters: Meg, Jo, Beth and Amy. During the American Civil War, the girls father is away serving as a minister to the troops. The family, headed by their beloved Marmee, must struggle to make ends meet, with the help of their kind and wealthy neighbor, Mr. Laurence, and his high spirited grandson Laurie.</p>
+ <p>With their father away as a chaplain in the Civil War, Jo, Meg, Beth and Amy grow up with their mother in somewhat reduced circumstances. They are a close family who inevitably have their squabbles and tragedies. But the bond holds even when, later, male friends start to become a part of the household.</p>
<h2>Genres</h2>
- <p class="genres">Drama, Family</p>
+ <p class="genres">Drama, Romance</p>
<h2>Durée</h2>
- <p class="runtime">1h 55m</p>
+ <p class="runtime">1h 59m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1933</p>
+ <p class="release_year">1994</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">67%</p>
+ <p class="user_rating">73%</p>
<h2>Acteurs</h2>
- <p class="actors">Katharine Hepburn, Joan Bennett, Paul Lukas, Edna May Oliver, Jean Parker, Frances Dee, Henry Stephenson, Douglass Montgomery, John Lodge, Spring Byington</p>
+ <p class="actors">Winona Ryder, Gabriel Byrne, Trini Alvarado, Samantha Mathis, Kirsten Dunst, Claire Danes, Christian Bale, Eric Stoltz, John Neville, Mary Wickes</p>
<h2>Mots-clés</h2>
- <p class="keywords">holiday, coming of age, american civil war</p>
+ <p class="keywords">depression, parent child relationship, holiday, pregnancy, sister, desire, chalkboard, nightgown, birth of twins, woman director, christmas, 19th century, christmas romance</p>
</div>
</div>
</body>
diff --git a/sitehtml/Live_Nude_Girls.html b/sitehtml/Live_Nude_Girls.html
index a498182fb93bc936f7b141b32383496d61a10ff0..93edfa3af4f25928cb132651cbaa330c1405b68c 100644
--- a/sitehtml/Live_Nude_Girls.html
+++ b/sitehtml/Live_Nude_Girls.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Living_in_Oblivion.html b/sitehtml/Living_in_Oblivion.html
index 484c8e3250cb4fa2614e6e5dbb6c57c10ffb13e6..f38e50a5149643b3412d4e46755807a8f7f2fadb 100644
--- a/sitehtml/Living_in_Oblivion.html
+++ b/sitehtml/Living_in_Oblivion.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Living in Oblivion</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/b54xDk98oWtEtAso9sj1wjaZDDH.jpg" alt="Living in Oblivion">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Nick is the director of a low-budget indie film. He tries to keep everything together as his production is plagued with an insecure actress, a megalomaniac star, a pretentious, beret-wearing director of photography, and lousy catering.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 30m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">72%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Steve Buscemi, Catherine Keener, Dermot Mulroney, Danielle von Zerneck, James Le Gros, Rica Martens, Peter Dinklage, Kevin Corrigan, Hilary Gilford, Robert Wightman</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">film in film, vomiting, 1990s, crying man</p>
</div>
diff --git a/sitehtml/Loaded.html b/sitehtml/Loaded.html
index 4be772080f65ea3133959fe9ff740c6b46023d2c..2df9e162610a6e60157ef0124101f69fc298c2c6 100644
--- a/sitehtml/Loaded.html
+++ b/sitehtml/Loaded.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Lone_Star.html b/sitehtml/Lone_Star.html
index 6129d78e3f549aac6fab87c4d30a1afc5b56f8e5..42148610155c7b16beb40d94df3d0208ce002465 100644
--- a/sitehtml/Lone_Star.html
+++ b/sitehtml/Lone_Star.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Lord_of_Illusions.html b/sitehtml/Lord_of_Illusions.html
index 1623be4857f138211891317381a0fded27d281d5..cbcf14786d74e1d1803e35b58b7577d1c33f1b54 100644
--- a/sitehtml/Lord_of_Illusions.html
+++ b/sitehtml/Lord_of_Illusions.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Lord of Illusions</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/miQREwapDUNwfInokjeVLt8BiNM.jpg" alt="Lord of Illusions">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>During a routine case in L.A., NY private investigator Harry D'Amour stumbles over members of a fanatic cult who are preparing for the resurrection of their leader Nix, a powerful magician who was killed 13 years earlier.</p>
-
+
<h2>Genres</h2>
<p class="genres">Horror, Fantasy, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 59m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">59%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Scott Bakula, Kevin J. O'Connor, Famke Janssen, Joel Swetow, Daniel von Bargen, Barry Del Sherman, Joseph Latimore, Sheila Tousey, Vincent Schiavelli, Ashley Tesoro</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">supernatural, fanatic, resurrection, occult, sect, wizard</p>
</div>
diff --git a/sitehtml/Losing_Isaiah.html b/sitehtml/Losing_Isaiah.html
index aa23a901261258e173719f3e9bf73b14f50fa688..df0920f5b573366d6cea5911386c8b72589f3247 100644
--- a/sitehtml/Losing_Isaiah.html
+++ b/sitehtml/Losing_Isaiah.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Love_&_Human_Remains.html b/sitehtml/Love_&_Human_Remains.html
index 63075db7005286c84c953b4cde0b23fe191e8ada..388145e59e1aa6ea2dcf53c7722b2210540a010d 100644
--- a/sitehtml/Love_&_Human_Remains.html
+++ b/sitehtml/Love_&_Human_Remains.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Love_Affair.html b/sitehtml/Love_Affair.html
index 52a6abf773a2b8b1c5e40285cd493e6d42c22c7f..2e507126e4408cae0fb3cf037904ad6bb8057922 100644
--- a/sitehtml/Love_Affair.html
+++ b/sitehtml/Love_Affair.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Love_and_a_.45.html b/sitehtml/Love_and_a_.45.html
index 62baa70d6cbe6a7ac0f0680f6f66ba6258d5d733..0afa571d236429f158e0c4673f128a2c45f65fe6 100644
--- a/sitehtml/Love_and_a_.45.html
+++ b/sitehtml/Love_and_a_.45.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git "a/sitehtml/L\303\251on:_The_Professional.html" "b/sitehtml/L\303\251on:_The_Professional.html"
index c12d7090b07207db35bcb6a7b2e3e477cea8356b..50d294be83026961cc1af5302dafcc214d22d2a4 100644
--- "a/sitehtml/L\303\251on:_The_Professional.html"
+++ "b/sitehtml/L\303\251on:_The_Professional.html"
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/M._Butterfly.html b/sitehtml/M._Butterfly.html
index d9e447f849779e37fa66330caf6211534ccb5567..a2778dcc04ae90d31bec46493ca9ffbb0676ac64 100644
--- a/sitehtml/M._Butterfly.html
+++ b/sitehtml/M._Butterfly.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Mad_Love.html b/sitehtml/Mad_Love.html
index 178ebca89ff333878929ab46929ab74adaf68d77..a3de22b1dbb0f3c96e755bab67e1242552a3b97c 100644
--- a/sitehtml/Mad_Love.html
+++ b/sitehtml/Mad_Love.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Made_in_America.html b/sitehtml/Made_in_America.html
index 20ee4ae9bce7f9bdbfcb6e1bb14669f327b8e035..54fef5334974acd141f4c14ba4b0889a784ca310 100644
--- a/sitehtml/Made_in_America.html
+++ b/sitehtml/Made_in_America.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Major_Payne.html b/sitehtml/Major_Payne.html
index fa67ffafb20cb734e9c2d9aa87370158c19670fc..f4ee4cce057f9e76f16029211c3157397ef19254 100644
--- a/sitehtml/Major_Payne.html
+++ b/sitehtml/Major_Payne.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Malice.html b/sitehtml/Malice.html
index 0082ed10f1a4dddfc7151b910d468f93c0ebc296..d94b29f13a5fd4d62598ddd4d9b8d1e990dfa70e 100644
--- a/sitehtml/Malice.html
+++ b/sitehtml/Malice.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Mallrats.html b/sitehtml/Mallrats.html
index bf42c805f1619b2d5333fa5f93c70ec698e63e13..8a19e690b65c490977a78fc07248d112b17986f9 100644
--- a/sitehtml/Mallrats.html
+++ b/sitehtml/Mallrats.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Man_of_the_House.html b/sitehtml/Man_of_the_House.html
index 4eb45b1ed17e75b8b82d7075a97fb4d1a5b35d42..ea2fa7972bbbda5937700c5b61f414c18eab8a9c 100644
--- a/sitehtml/Man_of_the_House.html
+++ b/sitehtml/Man_of_the_House.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Man_of_the_Year.html b/sitehtml/Man_of_the_Year.html
index c5b43e8444b8953b3c96abef44a5994aaef06a88..b990f2eb41c55ab075a2fafe66f0e7f2fbc564a3 100644
--- a/sitehtml/Man_of_the_Year.html
+++ b/sitehtml/Man_of_the_Year.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Man of the Year</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/jVO3Gvsdqe5C9Jr7cE1fSOtW2Op.jpg" alt="Man of the Year">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>First-time director Dirk Shafer also penned this raucous "mockumentary," a blend of fact and fiction that re-creates his 1992 reign as Playgirl magazine's Centerfold of the Year. When Shafer chooses to keep the fact that he's gay a secret from the magazine's editors, he finds himself living the ultimate lie -- and incapable of giving female readers what they really want. Will he succumb to his lover's pressures to come out of the closet?</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 26m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">31%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Dirk Shafer, Mary Stein, Claudette Sutherland, Cal Bartlett, Vivian Paxton, Michael Ornstein, Beth Broderick, Cynthia Szigeti, Dennis Bailey, Charles Sloane</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">mockumentary, male homosexuality, in the closet, gay theme</p>
</div>
diff --git a/sitehtml/Manhattan_Murder_Mystery.html b/sitehtml/Manhattan_Murder_Mystery.html
index 6d098b7771809c5e50b28d0cdab454cfdfeef8bf..3c56cf27bd883394095d80d195862a27407b9b7e 100644
--- a/sitehtml/Manhattan_Murder_Mystery.html
+++ b/sitehtml/Manhattan_Murder_Mystery.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Margaret's_Museum.html b/sitehtml/Margaret's_Museum.html
index db9de027bbe596126fc339a2d29f717ad478816c..c3a22cebe13e32e842320201dadb50db3a3e5ebf 100644
--- a/sitehtml/Margaret's_Museum.html
+++ b/sitehtml/Margaret's_Museum.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Margaret's Museum</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/ulhih7Th6S9zuhR5kOiVdCm8Il4.jpg" alt="Margaret's Museum">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>In a town where half the men die down the coalpit, Margaret MacNeil is quite happy being single in her small Cape Breton island town. Until she meets Neil Currie, a charming and sincere bagpipe-playing, Gaelic-speaking dishwasher. But no matter what you do, you can't avoid the spectre of the pit forever.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 54m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">66%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Helena Bonham Carter, Clive Russell, Craig Olejnik, Kate Nelligan, Kenneth Welsh, Andrea Morris, Paul Young</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">based on novel or book, mining, nova scotia, canada, dance lesson, coal mining, bagpipe, 1940s, cape breton</p>
</div>
diff --git a/sitehtml/Mary_Reilly.html b/sitehtml/Mary_Reilly.html
index 038f9a71a1c73a653493131651b7338d9de8a3c3..d7dd61100ea116317e2293fe6be889ec8e507ca8 100644
--- a/sitehtml/Mary_Reilly.html
+++ b/sitehtml/Mary_Reilly.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Mary Reilly</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/eAOPWQdwytdRaLK3VXi7JFJFqmj.jpg" alt="Mary Reilly">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A housemaid falls in love with Dr. Jekyll and his darkly mysterious counterpart, Mr. Hyde.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Horror, Thriller</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 44m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">58%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Julia Roberts, John Malkovich, George Cole, Michael Gambon, Glenn Close, Kathy Staff, Michael Sheen, Bronagh Gallagher, Linda Bassett, Ciarán Hinds</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">monster, servant, laboratory, jekyll and hyde, housemaid, 19th century</p>
</div>
diff --git a/sitehtml/Mary_Shelley's_Frankenstein.html b/sitehtml/Mary_Shelley's_Frankenstein.html
index eea5891c0ebc295d86d05d353c72344e2e099a8a..a42533a34f51cb17d23c7b20c932b4d9a4f4973b 100644
--- a/sitehtml/Mary_Shelley's_Frankenstein.html
+++ b/sitehtml/Mary_Shelley's_Frankenstein.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Maverick.html b/sitehtml/Maverick.html
index 3cc833e6d9041b1e234016f91611865dd548a9fc..ca4078d32b6981236ab9059dc94ca49c0499891b 100644
--- a/sitehtml/Maverick.html
+++ b/sitehtml/Maverick.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Maya_Lin:_A_Strong_Clear_Vision.html b/sitehtml/Maya_Lin:_A_Strong_Clear_Vision.html
index 9a53930ad4b46c71fd7db4d53a11b123f1ca1674..727d7892ffc9451a4d5d33dd626291107939b46f 100644
--- a/sitehtml/Maya_Lin:_A_Strong_Clear_Vision.html
+++ b/sitehtml/Maya_Lin:_A_Strong_Clear_Vision.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Menace_II_Society.html b/sitehtml/Menace_II_Society.html
index 302b059e012746536d32b9eab534ff93cafbd09b..5a01200d8b23534b9dd7dbb44adcb1a009dc5080 100644
--- a/sitehtml/Menace_II_Society.html
+++ b/sitehtml/Menace_II_Society.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Mi_Vida_Loca.html b/sitehtml/Mi_Vida_Loca.html
index 2909f4307a39bc90e54a654d01d31370c80e910e..4c69ab00a31c08a5727bed1fb8d160a6440ad529 100644
--- a/sitehtml/Mi_Vida_Loca.html
+++ b/sitehtml/Mi_Vida_Loca.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Miami_Rhapsody.html b/sitehtml/Miami_Rhapsody.html
index 9ebb96e39810dd9ebcc2f0113bb09f5d287a3d69..6ff9059872943e7a26791a574e549d3a4873d789 100644
--- a/sitehtml/Miami_Rhapsody.html
+++ b/sitehtml/Miami_Rhapsody.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Mighty_Aphrodite.html b/sitehtml/Mighty_Aphrodite.html
index d4721b5bd414e4fcf3ef7d6784f22869afd0cc83..868f1c6403d79e0f929f1046e937016644f35c7c 100644
--- a/sitehtml/Mighty_Aphrodite.html
+++ b/sitehtml/Mighty_Aphrodite.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Mighty Aphrodite</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/ice135yQZp4iX2SgCmd90nKgS5j.jpg" alt="Mighty Aphrodite">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>When Lenny and his wife, Amanda, adopt a baby, Lenny realizes that his son is a genius and becomes obsessed with finding the boy's biological mother in hopes that she will be brilliant too. But when he learns that Max's mother is Linda Ash, a kindhearted prostitute and porn star, Lenny is determined to reform her immoral lifestyle. A Greek chorus chimes in to relate the plot to Greek mythology in this quirky comedy.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 35m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">67%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Woody Allen, Mira Sorvino, Helena Bonham Carter, F. Murray Abraham, Donald Symington, Claire Bloom, Olympia Dukakis, Michael Rapaport, David Ogden Stiers, Jack Warden</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">prostitute, adoption, adoptive father, childlessness, looking for birth parents, adoptive mother, illegal prostitution, child</p>
</div>
diff --git a/sitehtml/Mighty_Morphin_Power_Rangers:_The_Movie.html b/sitehtml/Mighty_Morphin_Power_Rangers:_The_Movie.html
index c627235270b31475882192ef690afa18f2029d9c..f542efc65e4263976198b454af5fd3e8fc0f59f6 100644
--- a/sitehtml/Mighty_Morphin_Power_Rangers:_The_Movie.html
+++ b/sitehtml/Mighty_Morphin_Power_Rangers:_The_Movie.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Milk_Money.html b/sitehtml/Milk_Money.html
index 2279a3af0d69707e0efa48459146e3ead05d6c80..dc656c9c4bdf898a57741bdfe0c94014fd68edae 100644
--- a/sitehtml/Milk_Money.html
+++ b/sitehtml/Milk_Money.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Miracle_on_34th_Street.html b/sitehtml/Miracle_on_34th_Street.html
index af0d99845c3e7ae407cef283677ddcf9fcf0ee44..7961a4a3deeadcb6e27623570d6a50c13e3f80f1 100644
--- a/sitehtml/Miracle_on_34th_Street.html
+++ b/sitehtml/Miracle_on_34th_Street.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>Miracle on 34th Street</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/qyAc9X9XHloIqy3oJbbZ44Cw0Hm.jpg" alt="Miracle on 34th Street">
+ <img src="https://image.tmdb.org/t/p/original/iUTPKkljdEjPlcPPYgbUz7APnHu.jpg" alt="Miracle on 34th Street">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>Kris Kringle, seemingly the embodiment of Santa Claus, is asked to portray the jolly old fellow at Macy's following his performance in the Thanksgiving Day parade. His portrayal is so complete that many begin to question if he truly is Santa Claus, while others question his sanity.</p>
+ <p>Six-year-old Susan Walker has doubts about childhood's most enduring miracle—Santa Claus. Her mother told her the secret about Santa a long time ago, but, after meeting a special department store Santa who's convinced he's the real thing, Susan is given the most precious gift of all—something to believe in.</p>
<h2>Genres</h2>
- <p class="genres">Comedy, Drama, Family</p>
+ <p class="genres">Fantasy, Drama, Family</p>
<h2>Durée</h2>
- <p class="runtime">1h 36m</p>
+ <p class="runtime">1h 54m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1947</p>
+ <p class="release_year">1994</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">74%</p>
+ <p class="user_rating">67%</p>
<h2>Acteurs</h2>
- <p class="actors">Maureen O'Hara, John Payne, Edmund Gwenn, Natalie Wood, Porter Hall, Philip Tonge, Alvin Greenman, Harry Antrim, James Seay, Jerome Cowan</p>
+ <p class="actors">Mara Wilson, Richard Attenborough, Dylan McDermott, Elizabeth Perkins, J.T. Walsh, James Remar, Robert Prosky, Jack McGee, Jennifer Morrison, Jane Leeves</p>
<h2>Mots-clés</h2>
- <p class="keywords">court, judge, parent child relationship, holiday, department store, santa claus, thanksgiving, psychologist, lawyer, little girl, black and white, single mother, district attorney, skepticism, holiday season, commercialism, christmas, rationalism, loss of faith, mother daughter relationship</p>
+ <p class="keywords">new love, holiday, competition, department store, santa claus, miracle, wish, remake, christmas</p>
</div>
</div>
</body>
diff --git a/sitehtml/Mirage.html b/sitehtml/Mirage.html
index f04a5b0585777d337f17cce4343fb14921009cee..9b615f0acbc5a94d103e44e6cf7714aecad43605 100644
--- a/sitehtml/Mirage.html
+++ b/sitehtml/Mirage.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Mission:_Impossible.html b/sitehtml/Mission:_Impossible.html
index 09548220bc9ea53bac120487d160e1bf5ecc49e5..933ae468c822460e195e9f621bd7cf63ba84dff5 100644
--- a/sitehtml/Mission:_Impossible.html
+++ b/sitehtml/Mission:_Impossible.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Mixed_Nuts.html b/sitehtml/Mixed_Nuts.html
index 998f2521f77bfbaecafdbbcf818b99db53a6cb63..d24a8aa21a09af4ccf4d70e78fa7c1a0efc66992 100644
--- a/sitehtml/Mixed_Nuts.html
+++ b/sitehtml/Mixed_Nuts.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Moll_Flanders.html b/sitehtml/Moll_Flanders.html
index 6ed34ff1bf0902ccb653c997cda2a2e6e192eaa2..ba27b8e01aaa2c9ab6a6a242e55dec304dfbac45 100644
--- a/sitehtml/Moll_Flanders.html
+++ b/sitehtml/Moll_Flanders.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Money_Train.html b/sitehtml/Money_Train.html
index 67366acd3e8af3aa32ca4651acd8943022b030b6..5105cdd67970d6504abb54916aefab70e0b958d7 100644
--- a/sitehtml/Money_Train.html
+++ b/sitehtml/Money_Train.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Money Train</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/jWBDz6Mf9aQVBiUS76JQsEhvoJl.jpg" alt="Money Train">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>When a vengeful New York transit cop decides to steal a trainload of subway fares, his foster brother—a fellow cop—tries to protect him.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Comedy, Crime</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 50m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">58%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Wesley Snipes, Woody Harrelson, Jennifer Lopez, Robert Blake, Chris Cooper, Katie Gill, Joe Grifasi, Scott Sowers, Skipp Sudduth, Aida Turturro</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">new york city, sibling relationship, subway, new york subway, train robbery</p>
</div>
diff --git a/sitehtml/Mortal_Kombat.html b/sitehtml/Mortal_Kombat.html
index 0a51de161293fd8a6b87647293425acb773588ab..1faba24458b663c9b52d258fd8dadd2d795773af 100644
--- a/sitehtml/Mortal_Kombat.html
+++ b/sitehtml/Mortal_Kombat.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Mortal Kombat</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/fcK7tzSSXMYiMN8E9KlZJL1BYyp.jpg" alt="Mortal Kombat">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>For nine generations an evil sorcerer has been victorious in hand-to-hand battle against his mortal enemies. If he wins a tenth Mortal Kombat tournament, desolation and evil will reign over the multiverse forever. To save Earth, three warriors must overcome seemingly insurmountable odds, their own inner demons, and superhuman foes in this action/adventure movie based on one of the most popular video games of all time.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Fantasy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 41m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">58%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Robin Shou, Linden Ashby, Cary-Hiroyuki Tagawa, Christophe Lambert, Bridgette Wilson-Sampras, Talisa Soto, Trevor Goddard, Chris Casamassa, Ed Boon, François Petit</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">island, martial arts, monster, saving the world, magic, villain, gore, alternate dimension, ninja, sorcerer, tournament, underground fighting, based on video game, gods, ghost, hand to hand combat, warrior, action hero, supernatural power, mortal kombat, good versus evil</p>
</div>
diff --git a/sitehtml/Mr._Holland's_Opus.html b/sitehtml/Mr._Holland's_Opus.html
index c33a54fa102e718e6be9747ada06b74ed07ce232..ad8526132c6dd374da57479d61b718150abc84de 100644
--- a/sitehtml/Mr._Holland's_Opus.html
+++ b/sitehtml/Mr._Holland's_Opus.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Mr. Holland's Opus</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/kBmwWeSN3ajnYHZ3dSybEobxEPI.jpg" alt="Mr. Holland's Opus">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>In 1965, passionate musician Glenn Holland takes a day job as a high school music teacher, convinced it's just a small obstacle on the road to his true calling: writing a historic opus. As the decades roll by with the composition unwritten but generations of students inspired through his teaching, Holland must redefine his life's purpose.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Music</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 23m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">69%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Richard Dreyfuss, Glenne Headly, Jay Thomas, Olympia Dukakis, William H. Macy, Alicia Witt, Terrence Howard, Damon Whitaker, Jean Louisa Kelly, Alexandra Boyd</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">high school, husband wife relationship, composer, music teacher, mentor, deaf-mute, portland, oregon, apprentice, marching band, teacher student relationship, high school teacher, disabled, teaching, sign languages, father son relationship</p>
</div>
diff --git a/sitehtml/Mr._Jones.html b/sitehtml/Mr._Jones.html
index d6f3f23709c3a379692ef5d136bade852178e0f3..462fb99b794cf524ba70ec21d54ec19a0c2f5ece 100644
--- a/sitehtml/Mr._Jones.html
+++ b/sitehtml/Mr._Jones.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Mr._Wonderful.html b/sitehtml/Mr._Wonderful.html
index 50e378f24dd7fb2ec1e6a6d09902cff871d54e02..0584104bcc081d9fbb520e23bb9693361a82e6b5 100644
--- a/sitehtml/Mr._Wonderful.html
+++ b/sitehtml/Mr._Wonderful.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Mr._Wrong.html b/sitehtml/Mr._Wrong.html
index 4ddf81d00dfee9e780b41849944d7b3c643cdaec..217024d11b8639c76a50309ba02fbd79a3272964 100644
--- a/sitehtml/Mr._Wrong.html
+++ b/sitehtml/Mr._Wrong.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Mr. Wrong</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/yGbPzJ5hib2TFi0Rkb6JH8webaL.jpg" alt="Mr. Wrong">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A single and lonely woman finds the seemingly perfect man to date, but soon regrets it when his deranged and possessive other personality emerges and worst still, she cannot convince anyone else of his Jekyll/Hyde true nature.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 36m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">40%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Ellen DeGeneres, Bill Pullman, Joan Cusack, Dean Stockwell, Joan Plowright, John Livingston, Hope Davis, Ellen Cleghorne, Christine Cattell, Robert Goulet</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords"></p>
</div>
diff --git a/sitehtml/Mrs._Doubtfire.html b/sitehtml/Mrs._Doubtfire.html
index 4c81c8889055c6424330ac47649f7417a2c29e9f..5d2d4aa3f38722a3721e8fa0e04ded6aade792a4 100644
--- a/sitehtml/Mrs._Doubtfire.html
+++ b/sitehtml/Mrs._Doubtfire.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Mrs._Parker_and_the_Vicious_Circle.html b/sitehtml/Mrs._Parker_and_the_Vicious_Circle.html
index fba06a0674b18ee9af95f5fbd3451a3fe1cd91e8..6e68b4ad7e320854b339eb39dc6073bcafd88f6d 100644
--- a/sitehtml/Mrs._Parker_and_the_Vicious_Circle.html
+++ b/sitehtml/Mrs._Parker_and_the_Vicious_Circle.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Mrs._Winterbourne.html b/sitehtml/Mrs._Winterbourne.html
index 38a4581ad681a736ee5901727cab5a6382a2acee..15ea585a414a46c390a9c774005259e94129c636 100644
--- a/sitehtml/Mrs._Winterbourne.html
+++ b/sitehtml/Mrs._Winterbourne.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Much_Ado_About_Nothing.html b/sitehtml/Much_Ado_About_Nothing.html
index af4c1dda34e0824131a41615b96197944c78ec9a..be4b900cd27dfc91a8f4d3c36b8f1ad766164f38 100644
--- a/sitehtml/Much_Ado_About_Nothing.html
+++ b/sitehtml/Much_Ado_About_Nothing.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Mulholland_Falls.html b/sitehtml/Mulholland_Falls.html
index 486ed4e1e1ce9827050cbad8009c9662d9ef8006..3747126121ebb5815966c24d511a5181c2eb1b3e 100644
--- a/sitehtml/Mulholland_Falls.html
+++ b/sitehtml/Mulholland_Falls.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Multiplicity.html b/sitehtml/Multiplicity.html
index 84618ef5203e599a2e33cebd9c75054337937e3e..24950b6b86c3c28eda26d9f5ce4de2745bde9e0c 100644
--- a/sitehtml/Multiplicity.html
+++ b/sitehtml/Multiplicity.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Muppet_Treasure_Island.html b/sitehtml/Muppet_Treasure_Island.html
index 3a1c98d69f370e5118017f716300a4c3ab8344bb..beb51b85385f1bbe270b1aa6ec0ab912b4410517 100644
--- a/sitehtml/Muppet_Treasure_Island.html
+++ b/sitehtml/Muppet_Treasure_Island.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Muppet Treasure Island</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/gX2TAgjGvk2LJk4Awu0LM7UScfQ.jpg" alt="Muppet Treasure Island">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>After telling the story of Flint's last journey to young Jim Hawkins, Billy Bones has a heart attack and dies just as Jim and his friends are attacked by pirates. The gang escapes into the town where they hire out a boat and crew to find the hidden treasure, which was revealed by Bones before he died. On their voyage across the seas, they soon find out that not everyone on board can be trusted.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Adventure, Family, Comedy, Music</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 40m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">66%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Tim Curry, Billy Connolly, Jennifer Saunders, Kevin Bishop, Dave Goelz, Steve Whitmire, Jerry Nelson, Kevin Clash, Bill Barretta, Frank Oz</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">island, pirate gang, puppet, treasure hunt, puppetry, teleñecos, isla, tesoro</p>
</div>
diff --git a/sitehtml/Murder_in_the_First.html b/sitehtml/Murder_in_the_First.html
index 74752385f71b2753786841c90f2b296aeda20be1..c98ef529f718928a2888ca90dc35170ddcd60679 100644
--- a/sitehtml/Murder_in_the_First.html
+++ b/sitehtml/Murder_in_the_First.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Muriel's_Wedding.html b/sitehtml/Muriel's_Wedding.html
index f4be47f87255a2a88bc74cee1ebef972c9706ccd..9bce682999324b234d91b5369fedca536eff32d6 100644
--- a/sitehtml/Muriel's_Wedding.html
+++ b/sitehtml/Muriel's_Wedding.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Mute_Witness.html b/sitehtml/Mute_Witness.html
index df97b3fddda8c49bb5c54edfd7409619973fa522..149c9fe97f0cf8c593329387ff4a912c574f2ed3 100644
--- a/sitehtml/Mute_Witness.html
+++ b/sitehtml/Mute_Witness.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/My_Family.html b/sitehtml/My_Family.html
index 244ebb2922c00505372b12441cf9a679e1ce348a..87a491ce32972a87a9aff414632b9774ec909f82 100644
--- a/sitehtml/My_Family.html
+++ b/sitehtml/My_Family.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/My_Favorite_Season.html b/sitehtml/My_Favorite_Season.html
index 74ba0ac659368cba8af22d215af5a1a5fce7c083..c83b11c5e98399abcba3e156d56f4f44f54d0a95 100644
--- a/sitehtml/My_Favorite_Season.html
+++ b/sitehtml/My_Favorite_Season.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/My_Life_and_Times_with_Antonin_Artaud.html b/sitehtml/My_Life_and_Times_with_Antonin_Artaud.html
index 08fd9de7ebe928b48af80c7ad1d79783dfa51d3f..807d310393d80334dbbfaa4ec0de0aefb9f54239 100644
--- a/sitehtml/My_Life_and_Times_with_Antonin_Artaud.html
+++ b/sitehtml/My_Life_and_Times_with_Antonin_Artaud.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Mystery_Science_Theater_3000:_The_Movie.html b/sitehtml/Mystery_Science_Theater_3000:_The_Movie.html
index afa727cf3a675ca23862ed9a6b8318aed49d0146..c34230fc8692faa0a64690149f9bc4f4ac08c149 100644
--- a/sitehtml/Mystery_Science_Theater_3000:_The_Movie.html
+++ b/sitehtml/Mystery_Science_Theater_3000:_The_Movie.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git "a/sitehtml/M\303\251tisse.html" "b/sitehtml/M\303\251tisse.html"
index cd45af4b412b6e55870c44592940d3722dce57b2..9ba5868f07afa977f5cd376d4db11921a95b078f 100644
--- "a/sitehtml/M\303\251tisse.html"
+++ "b/sitehtml/M\303\251tisse.html"
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Nadja.html b/sitehtml/Nadja.html
index 7e12a4d7dde8c0faa75e3c0a238929fca122f5f1..6c93c5f2bc5d8bd2dc4de1495301f14a9aae31a2 100644
--- a/sitehtml/Nadja.html
+++ b/sitehtml/Nadja.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Naked.html b/sitehtml/Naked.html
index 9f5bf1febda49aef221cdc4bf2675d14e3987c41..760d33e360f414f2f808668b1ba5df14978695ba 100644
--- a/sitehtml/Naked.html
+++ b/sitehtml/Naked.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git "a/sitehtml/Naked_Gun_33\342\205\223:_The_Final_Insult.html" "b/sitehtml/Naked_Gun_33\342\205\223:_The_Final_Insult.html"
index 9d9ad485bd2e87d0ce7c6403d79fb87542932191..dd5b2418e8ca8b534fdbb91ff36c5aff275cb919 100644
--- "a/sitehtml/Naked_Gun_33\342\205\223:_The_Final_Insult.html"
+++ "b/sitehtml/Naked_Gun_33\342\205\223:_The_Final_Insult.html"
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Natural_Born_Killers.html b/sitehtml/Natural_Born_Killers.html
index eb33a6b68f1aead8d8cc7b319ee4d1d4368b6235..c5a0fc303565130cd51778b356474473cd6f107d 100644
--- a/sitehtml/Natural_Born_Killers.html
+++ b/sitehtml/Natural_Born_Killers.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Nell.html b/sitehtml/Nell.html
index 4508395efb408637ac5a1dbd5239d26b9a6b9978..dfae8bdaf5e8810c1cb3d345b84e24fb2766919f 100644
--- a/sitehtml/Nell.html
+++ b/sitehtml/Nell.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/New_Jersey_Drive.html b/sitehtml/New_Jersey_Drive.html
index 0b2dfdd599f8064637bf23b187d96d306deee264..6cc2b858ff055f3f1c7b2973a14ae2132fa84296 100644
--- a/sitehtml/New_Jersey_Drive.html
+++ b/sitehtml/New_Jersey_Drive.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/New_Nightmare.html b/sitehtml/New_Nightmare.html
index d66b7c9a82a94c25d66cb75f54d2ae5e4fd31877..f8c75bd4b7f6b1d367b0bab2bef5ae8c31d92f00 100644
--- a/sitehtml/New_Nightmare.html
+++ b/sitehtml/New_Nightmare.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Nick_of_Time.html b/sitehtml/Nick_of_Time.html
index 01daaf3650ce82448dd1bf52b06c32145a4a1cc0..9c404ac76de49d76e83b7e6d913026c13f501e14 100644
--- a/sitehtml/Nick_of_Time.html
+++ b/sitehtml/Nick_of_Time.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Nick of Time</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/A1FJwUVg84sQSjHVz5jVMXQvifJ.jpg" alt="Nick of Time">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>An ordinary man is suddenly forced into a plot to kill a politician in exchange for his kidnapped daughter's freedom.</p>
-
+
<h2>Genres</h2>
<p class="genres">Thriller, Crime, Action</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 29m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">62%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Johnny Depp, Courtney Chase, Charles S. Dutton, Christopher Walken, Roma Maffia, Peter Strauss, Gloria Reuben, Marsha Mason, Miguel Nájera, Bill Smitrovich</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">assassination, politics, los angeles, california</p>
</div>
diff --git a/sitehtml/Nico_Icon.html b/sitehtml/Nico_Icon.html
index 29487048792253b4f80b63b45b5e78381353092c..0cf89225070e1e34dd181687291051be16facacd 100644
--- a/sitehtml/Nico_Icon.html
+++ b/sitehtml/Nico_Icon.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Nico Icon</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/oE5N0E2YGpwBtQizRO0wdLDcyC7.jpg" alt="Nico Icon">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A look into the many lives of Christa Päffgen, otherwise known as Nico; from cutie German mädchen to the first of the supermodels, to glamorous diva of the Velvet Underground, to cult item, junkie and hag. Many faces for the same woman, whom, you realize, just couldn't bring herself to care enough to live.</p>
-
+
<h2>Genres</h2>
<p class="genres">Documentary</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 10m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">72%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Nico, Tina Aumont, Christian Aaron Boulogne, Jackson Browne, John Cale, Danny Fields, Jonas Mekas, Paul Morrissey, Billy Name, Viva</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords"></p>
</div>
diff --git a/sitehtml/Nina_Takes_a_Lover.html b/sitehtml/Nina_Takes_a_Lover.html
index fd2b5caaecb1bc5809f3208f47a33812b2713db9..f020b5ec467d50d989467296ee906611a92539e4 100644
--- a/sitehtml/Nina_Takes_a_Lover.html
+++ b/sitehtml/Nina_Takes_a_Lover.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Nine_Months.html b/sitehtml/Nine_Months.html
index 56255f133d7b64813f3542f7c056612c36b69452..b92b2a0c904cf892206f37c39faefb143432617a 100644
--- a/sitehtml/Nine_Months.html
+++ b/sitehtml/Nine_Months.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Nixon.html b/sitehtml/Nixon.html
index 01adbce36b4b35d84d2bac6105150b0d57cd600d..a4c28f1d936027a6500789634bfc6995981d95b2 100644
--- a/sitehtml/Nixon.html
+++ b/sitehtml/Nixon.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Nixon</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/cz2MTGr2wpDZLirgV2rGHBdA2t3.jpg" alt="Nixon">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A look at President Richard M. Nixon—a man carrying the fate of the world on his shoulders while battling the self-destructive demands from within—spanning his troubled boyhood in California to the shocking Watergate scandal that would end his Presidency.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, History</p>
-
+
<h2>Durée</h2>
<p class="runtime">3h 12m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">69%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Anthony Hopkins, Joan Allen, Powers Boothe, Ed Harris, Bob Hoskins, E.G. Marshall, David Paymer, David Hyde Pierce, Paul Sorvino, Mary Steenburgen</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">usa president, washington dc, usa, government, presidential election, 1970s, watergate scandal, biography, historical figure, richard nixon, 1960s</p>
</div>
diff --git a/sitehtml/No_Escape.html b/sitehtml/No_Escape.html
index 1f638950990aaa659044ffa852cb5cbff0419ea0..8dbf45d54324ed330d2a71037ee9a7701cef21e5 100644
--- a/sitehtml/No_Escape.html
+++ b/sitehtml/No_Escape.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Nobody's_Fool.html b/sitehtml/Nobody's_Fool.html
index c2eab65cf87e26f613914b09042ccdf80ddf5c04..66512c99f5cd915c77ed4742f42e3fdcc8d20662 100644
--- a/sitehtml/Nobody's_Fool.html
+++ b/sitehtml/Nobody's_Fool.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/North.html b/sitehtml/North.html
index 976b6294d1996bcc27fb775b5b1295523fde3284..9fa1060511e145e8c32ce85688af5a657797baac 100644
--- a/sitehtml/North.html
+++ b/sitehtml/North.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Now_and_Then.html b/sitehtml/Now_and_Then.html
index 0a05343bb7a900e04a46d0c69d80d0498c31ab6d..9655e44bb6faf7f678c5302c8f00830fa89956c8 100644
--- a/sitehtml/Now_and_Then.html
+++ b/sitehtml/Now_and_Then.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Now and Then</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/q31Ks8oAmM4Nq2CcGjyYYpdBAmh.jpg" alt="Now and Then">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Waxing nostalgic about the bittersweet passage from childhood to puberty, four childhood girlfriends — Teeny, Chrissy, Samantha and Roberta — recall the magical summer of 1970. During their walk down memory lane, they reconcile experiences with boys, secrets, bullies and more.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 40m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">68%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Christina Ricci, Rosie O'Donnell, Thora Birch, Melanie Griffith, Gaby Hoffmann, Demi Moore, Ashleigh Aston Moore, Rita Wilson, Devon Sawa, Walter Sparrow</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">1970s, female friendship, coming of age, gynecologist, photocopier, truth or dare, woman director</p>
</div>
diff --git a/sitehtml/Oliver_&_Company.html b/sitehtml/Oliver_&_Company.html
index 6d824bf729df4cd64d2d13cc77e3429cde1389fa..a01f92af24f0049cafd062544424b95dbadbfd81 100644
--- a/sitehtml/Oliver_&_Company.html
+++ b/sitehtml/Oliver_&_Company.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Once_Upon_a_Time..._When_We_Were_Colored.html b/sitehtml/Once_Upon_a_Time..._When_We_Were_Colored.html
index 10a770ca11e23757cd447a7fbc19013c814db088..8def2d1bd239bb2ad70a2efe7e49e6b74bd53e4c 100644
--- a/sitehtml/Once_Upon_a_Time..._When_We_Were_Colored.html
+++ b/sitehtml/Once_Upon_a_Time..._When_We_Were_Colored.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Once Upon a Time... When We Were Colored</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/45xucuNlia6vEPWYrYu2QlnwgpO.jpg" alt="Once Upon a Time... When We Were Colored">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>This film relates the story of a tightly connected Afro-American community informally called Colored Town where the inhabitants live and depend on each other in a world where racist oppression is everywhere, as told by a boy called Cliff who spent his childhood there. Despite this, we see the life of the community in all its joys and sorrows, of those that live there while others decide to leave for a better life north. For those remaining, things come to a serious situation when one prominent businessman is being muscled out by a white competitor using racist intimidation. In response, the community must make the decision of whether to submit meekly like they always have, or finally fight for their rights.</p>
-
+
<h2>Genres</h2>
<p class="genres">Romance, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 55m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">42%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Al Freeman Jr., Phylicia RashÄd, Paula Kelly, Salli Richardson-Whitfield, Anna Maria Horsford, Bernie Casey, Isaac Hayes, Ray J, Polly Bergen, Taj Mahal</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">racial segregation, family relationships, rural area</p>
</div>
diff --git a/sitehtml/Once_Were_Warriors.html b/sitehtml/Once_Were_Warriors.html
index b15ad31088cda67f2892be111d84cbd248e377bc..dda87fe78bca3b4ae7f6eb39bd70d69f4b452abc 100644
--- a/sitehtml/Once_Were_Warriors.html
+++ b/sitehtml/Once_Were_Warriors.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/One_Fine_Day.html b/sitehtml/One_Fine_Day.html
index 20b183938f2c22478f70bda9bd041d038b573738..f86bb93efd36db0470f9c8345285786ae453d217 100644
--- a/sitehtml/One_Fine_Day.html
+++ b/sitehtml/One_Fine_Day.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Only_You.html b/sitehtml/Only_You.html
index 8b418b1195e50e634da07c59d96f8ed439cce96d..c254cd6413822692513965bd14d91f409794cd0a 100644
--- a/sitehtml/Only_You.html
+++ b/sitehtml/Only_You.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Operation_Dumbo_Drop.html b/sitehtml/Operation_Dumbo_Drop.html
index 47193ee735ac55383ce1ef498247ddd2cb55d048..210279d30c9b141feae6e84a616a063d91db7d2b 100644
--- a/sitehtml/Operation_Dumbo_Drop.html
+++ b/sitehtml/Operation_Dumbo_Drop.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Orlando.html b/sitehtml/Orlando.html
index 0c4cd1ab5c606d55c893eb81beb1e96ceae93c28..fe0f1873096faac375638e2c72ee6c9a9ae1579a 100644
--- a/sitehtml/Orlando.html
+++ b/sitehtml/Orlando.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Othello.html b/sitehtml/Othello.html
index 8ea511d20ca885f1b8d72f0a04566b50c1859af3..3c8994d68b20c3cff3c6ce118f80b64c69f4a99f 100644
--- a/sitehtml/Othello.html
+++ b/sitehtml/Othello.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,32 +71,32 @@
<body>
<div class="movie-container">
<h1>Othello</h1>
-
+
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/2IS8i2FVKV9kD9KS3QJaEWcwHpx.jpg" alt="Othello">
+ <img src="https://image.tmdb.org/t/p/original/nNP3FDHUIyztw5eq5AejZKzqXbz.jpg" alt="Othello">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
- <p>When a secret marriage is planned between Othello, a Moorish general, and Desdemona, the daughter of Senator Brabantio, her old suitor Roderigo takes it hard. He allies himself with Iago, who has his own grudge against Othello, and the two conspire to bring Othello down. When their first plan, to have him accused of witchcraft, fails, they plant evidence intended to make him believe Desdemona is unfaithful.</p>
-
+ <p>The evil Iago pretends to be friend of Othello in order to manipulate him to serve his own end in the film version of this Shakespeare classic.</p>
+
<h2>Genres</h2>
- <p class="genres">Drama, Romance</p>
-
+ <p class="genres">Drama</p>
+
<h2>Durée</h2>
- <p class="runtime">1h 33m</p>
-
+ <p class="runtime">2h 3m</p>
+
<h2>Année de sortie</h2>
- <p class="release_year">1951</p>
-
+ <p class="release_year">1995</p>
+
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">73%</p>
-
+ <p class="user_rating">64%</p>
+
<h2>Acteurs</h2>
- <p class="actors">Orson Welles, Micheál Mac Liammóir, Robert Coote, Suzanne Cloutier, Hilton Edwards, Nicholas Bruce, Michael Laurence, Fay Compton, Doris Dowling, Joan Fontaine</p>
-
+ <p class="actors">Laurence Fishburne, Irène Jacob, Kenneth Branagh, Nathaniel Parker, Michael Maloney, Anna Patrick, Nicholas Farrell, Indra Ové, Michael Sheen, John Savident</p>
+
<h2>Mots-clés</h2>
- <p class="keywords">husband wife relationship, victim, love, murder, interracial marriage, tragic love, handkerchief, resentment, jealous husband, father daughter conflict, mistrust of wife</p>
+ <p class="keywords">jealousy, friends, the moors (people)</p>
</div>
</div>
</body>
diff --git a/sitehtml/Outbreak.html b/sitehtml/Outbreak.html
index e43bf35691604299b9fbc21080cbbe4305f8b7c9..e6663998cf9594cacf2249a3fc0f6383c4e7dc6b 100644
--- a/sitehtml/Outbreak.html
+++ b/sitehtml/Outbreak.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Paris,_France.html b/sitehtml/Paris,_France.html
index 372cb6726db7bb75fc2435ae68f323e8b1e98df4..ddf8fe81bed5a1810eb8ca366f28b58aa10988cd 100644
--- a/sitehtml/Paris,_France.html
+++ b/sitehtml/Paris,_France.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Party_Girl.html b/sitehtml/Party_Girl.html
index dc7bbc865e4c339f473b454a29c30a8e1900d950..5143e554ec70acab93f585fd18baaf21a3027fcd 100644
--- a/sitehtml/Party_Girl.html
+++ b/sitehtml/Party_Girl.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Pather_Panchali.html b/sitehtml/Pather_Panchali.html
index cf4bdbcccce72e23c9c6976a191c807aebf2019e..59f5944f93e1ea48715f88f6b5270b9a898705c8 100644
--- a/sitehtml/Pather_Panchali.html
+++ b/sitehtml/Pather_Panchali.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Persuasion.html b/sitehtml/Persuasion.html
index 13a676d31e9f66cbb72686f8f8b9f158405a89a7..625b3cc7f9151e1e83a8b6e4eb7b32103f117824 100644
--- a/sitehtml/Persuasion.html
+++ b/sitehtml/Persuasion.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Persuasion</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/10hycdhFLq3M3y0ONxIMSiY8Mrs.jpg" alt="Persuasion">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Anne Elliot, the daughter of a financially troubled aristocratic family, is persuaded to break her engagement to Frederick Wentworth, a young sea captain of meager means. Years later, money troubles force Anne's father to rent out the family estate to Admiral Croft, and Anne is again thrown into company with Frederick -- who is now rich, successful, and perhaps still in love with Anne.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 47m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">70%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Amanda Root, Ciarán Hinds, Susan Fleetwood, Fiona Shaw, John Woodvine, Phoebe Nicholls, Samuel West, Sophie Thompson, Judy Cornwell, Simon Russell Beale</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">captain, based on novel or book, napoleonic wars, old flame, admiral</p>
</div>
diff --git a/sitehtml/Phat_Beach.html b/sitehtml/Phat_Beach.html
index 405b98e6982ec2b3b569ab75516fe2c4a2ef42d6..8bd9312d66709e56cedb393cc9f9fd73e2565568 100644
--- a/sitehtml/Phat_Beach.html
+++ b/sitehtml/Phat_Beach.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Phenomenon.html b/sitehtml/Phenomenon.html
index 2d6d6fd108501ce1c16d20be368ba775ea2f533a..7c300a26aeecc83e506e1c8b32fc0ec533821482 100644
--- a/sitehtml/Phenomenon.html
+++ b/sitehtml/Phenomenon.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Philadelphia.html b/sitehtml/Philadelphia.html
index 198a9007efa6cf8b7532ed690d14f8bcdb3c1d6c..fc835c55958ac925aa127e578c3b168825c61303 100644
--- a/sitehtml/Philadelphia.html
+++ b/sitehtml/Philadelphia.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Picture_Bride.html b/sitehtml/Picture_Bride.html
index e787db41f0b8d16b1eeb3258d2bce25df35eb4e2..df8ae3745f4f2a97d7aecc9ba480f4c3d2665155 100644
--- a/sitehtml/Picture_Bride.html
+++ b/sitehtml/Picture_Bride.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Pie_in_the_Sky.html b/sitehtml/Pie_in_the_Sky.html
index 73b87d9d05d82a7dbe7e4bcc6aeb13ca3664e13d..3c2a4644718874536e27b4f9c4a2abbb0272a1b9 100644
--- a/sitehtml/Pie_in_the_Sky.html
+++ b/sitehtml/Pie_in_the_Sky.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Pie in the Sky</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/iZs2BzP1nbrcHCDX3QEHa3Nn0y4.jpg" alt="Pie in the Sky">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A young man obsessed with traffic patterns attempts to reunite with his first love.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 35m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">66%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Josh Charles, Anne Heche, John Goodman, Christine Lahti, Christine Ebersole, Peter Riegert, Dey Young, Bob Balaban, Wil Wheaton, Jesse Stock</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">career, romance, los angeles, california, first love, traffic</p>
</div>
diff --git a/sitehtml/Pinocchio.html b/sitehtml/Pinocchio.html
index f49f2382a638d2b8145852080a451cfbe76fc52f..d83835426012f387c16dea105f1175b6cceb76bc 100644
--- a/sitehtml/Pinocchio.html
+++ b/sitehtml/Pinocchio.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Pocahontas.html b/sitehtml/Pocahontas.html
index 73e29b1ad6b20ed283d326b88c41e80282870f99..d7e2bc344752987024a3e9babfc20f386602bbe5 100644
--- a/sitehtml/Pocahontas.html
+++ b/sitehtml/Pocahontas.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Pocahontas</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/kZ1ft0QZ4e3zDUPMBftEkwI9ftd.jpg" alt="Pocahontas">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Pocahontas, daughter of a Native American tribe chief, falls in love with an English soldier as colonists invade 17th century Virginia.</p>
-
+
<h2>Genres</h2>
<p class="genres">Adventure, Animation, Family, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 21m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">69%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Irene Bedard, Mel Gibson, David Ogden Stiers, John Kassir, Christian Bale, Judy Kuhn, Billy Connolly, Frank Welker, Russell Means, Linda Hunt</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">princess, culture clash, villain, colony, forbidden love, musical, gold rush, native american, colonisation, virginia, star crossed lovers, intercultural relationship, based on myths, legends or folklore, 17th century, shamanism, animal sidekick</p>
</div>
diff --git a/sitehtml/Poetic_Justice.html b/sitehtml/Poetic_Justice.html
index b1c69beed637226ff55b74640872e2c3ab3744c8..710cc286ad3f7e7edd9e46202d641b24cf4c314c 100644
--- a/sitehtml/Poetic_Justice.html
+++ b/sitehtml/Poetic_Justice.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Poison_Ivy_2:_Lily.html b/sitehtml/Poison_Ivy_2:_Lily.html
index 0cc406b79ce80b2620db3866c2701e70715fc5a1..716b3b21618acfdf1b710bbc8839860604264bb7 100644
--- a/sitehtml/Poison_Ivy_2:_Lily.html
+++ b/sitehtml/Poison_Ivy_2:_Lily.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Powder.html b/sitehtml/Powder.html
index b074082e6e375830e6b0d44bfacf56adffe11b7a..b580137fbe2248462a40c669ac77e86131475a89 100644
--- a/sitehtml/Powder.html
+++ b/sitehtml/Powder.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Powder</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/kImKATjY4EsK5MDgrmpJdGbQEbq.jpg" alt="Powder">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Harassed by classmates who won't accept his shocking appearance, a shy young man known as "Powder" struggles to fit in. But the cruel taunts stop when Powder displays a mysterious power that allows him to do incredible things. This phenomenon changes the lives of all those around him in ways they never could have imagined.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Fantasy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 51m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">69%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Mary Steenburgen, Sean Patrick Flanery, Lance Henriksen, Jeff Goldblum, Brandon Smith, Bradford Tatum, Susan Tyrrell, Missy Crider, Ray Wise, Esteban Powell</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">teenage boy, held at gunpoint, teacher student relationship, albino, fainting, christ allegory, psionic power, healing power, flickering light, extrasensory perception, pale</p>
</div>
diff --git a/sitehtml/Pretty_Woman.html b/sitehtml/Pretty_Woman.html
index b4679d45ca69c2cf9819e6b8903e897af71bf29f..0c31abc1efeb2bf2301af329322c4290d7c17a95 100644
--- a/sitehtml/Pretty_Woman.html
+++ b/sitehtml/Pretty_Woman.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Priest.html b/sitehtml/Priest.html
index 564bbd979ca76d1eb967629d1f71915bf486f913..9622bb62d9ec12db71bd86780d9ad4dac53842da 100644
--- a/sitehtml/Priest.html
+++ b/sitehtml/Priest.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Primal_Fear.html b/sitehtml/Primal_Fear.html
index 5ee0a67e69fb47f7958ac9a7dcc510f9f1e1e508..9b995dab4e63a4f39b76d493ad5bfa7087d9ee15 100644
--- a/sitehtml/Primal_Fear.html
+++ b/sitehtml/Primal_Fear.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Princess_Caraboo.html b/sitehtml/Princess_Caraboo.html
index 188a2b8a5d4f288d8b549ac811f9ed9d3936e2db..894fabea6ecca7037b5f46917ac9338e022a493b 100644
--- a/sitehtml/Princess_Caraboo.html
+++ b/sitehtml/Princess_Caraboo.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git "a/sitehtml/Pr\303\252t-\303\240-Porter.html" "b/sitehtml/Pr\303\252t-\303\240-Porter.html"
index b00e4ced6357320bc82fac58c6ddb170d2e655ee..5fb3faf43bc0e5974b1be8eab1af4291609557e3 100644
--- "a/sitehtml/Pr\303\252t-\303\240-Porter.html"
+++ "b/sitehtml/Pr\303\252t-\303\240-Porter.html"
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Pulp_Fiction.html b/sitehtml/Pulp_Fiction.html
index 52fcaba496d2808984cccc3ff37f3784f24b67aa..1aebfc76303c8f4df713550363c689eb709a8add 100644
--- a/sitehtml/Pulp_Fiction.html
+++ b/sitehtml/Pulp_Fiction.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Purple_Noon.html b/sitehtml/Purple_Noon.html
index 5f8808046a59ef8e401359177eb96e5264934f96..32b50cfd7b8b8a15ce069a811a8346d8c4d21e37 100644
--- a/sitehtml/Purple_Noon.html
+++ b/sitehtml/Purple_Noon.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Queen_Margot.html b/sitehtml/Queen_Margot.html
index 65e2a021aca3b0111d0a07f10bd46239c3f1742d..5f41abc7247f7ab439ab15bd1035bdafc3221dfa 100644
--- a/sitehtml/Queen_Margot.html
+++ b/sitehtml/Queen_Margot.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Quiz_Show.html b/sitehtml/Quiz_Show.html
index 3a8ea5492c0f43669c57e65a06d3d0d5fb6a3e43..a9e4682ee4fc8b4f8e324f22aa2e6488ade5e666 100644
--- a/sitehtml/Quiz_Show.html
+++ b/sitehtml/Quiz_Show.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Radioland_Murders.html b/sitehtml/Radioland_Murders.html
index 0273e1fd609df3bccb2aa334c3702eee719d516c..eab6f334dc705a886c20a5f9a15655f7fcdee183 100644
--- a/sitehtml/Radioland_Murders.html
+++ b/sitehtml/Radioland_Murders.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Ransom.html b/sitehtml/Ransom.html
index 15ed668722670a032cd6e9ce2b5435b3039c3b1f..e57995f84211f16f68641c5219b63c3273c1eeb9 100644
--- a/sitehtml/Ransom.html
+++ b/sitehtml/Ransom.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Reality_Bites.html b/sitehtml/Reality_Bites.html
index 64b14327a258093587f07b17c19ea028b140b165..415418e1830af5ca7bf33c37a0f3fc23abf82793 100644
--- a/sitehtml/Reality_Bites.html
+++ b/sitehtml/Reality_Bites.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Reckless.html b/sitehtml/Reckless.html
index 2676024c26472d839f6f7d735afb51ab23108030..a5d8709a19822f28cdc360166f9a44326a7bb4a2 100644
--- a/sitehtml/Reckless.html
+++ b/sitehtml/Reckless.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Red_Firecracker,_Green_Firecracker.html b/sitehtml/Red_Firecracker,_Green_Firecracker.html
index 153bbc759ea165655d265c508a6144e1d040027c..c9cbb2ab7173b621331b2201886afe52022c1da6 100644
--- a/sitehtml/Red_Firecracker,_Green_Firecracker.html
+++ b/sitehtml/Red_Firecracker,_Green_Firecracker.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Red_Rock_West.html b/sitehtml/Red_Rock_West.html
index 43c606beeb40799737bcfac68fd386cf923974c8..8de1e63e8032266012074a4acb48f847923f6da3 100644
--- a/sitehtml/Red_Rock_West.html
+++ b/sitehtml/Red_Rock_West.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Renaissance_Man.html b/sitehtml/Renaissance_Man.html
index 8f5e487198ee06fa001d17bbb234ddcd37312eb6..cc7c797cd6b516a21dcd82f564eb968b8dd4e14d 100644
--- a/sitehtml/Renaissance_Man.html
+++ b/sitehtml/Renaissance_Man.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Restoration.html b/sitehtml/Restoration.html
index 2b16737bb4d09a71360a14daa9a9bb28a4ebc950..e0b2bdd20df351415834412bb1bb0ea42bd71f2d 100644
--- a/sitehtml/Restoration.html
+++ b/sitehtml/Restoration.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Restoration</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/z1YM3WFZnF2NwHT5IRGYUcvZBSl.jpg" alt="Restoration">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>An aspiring young physician, Robert Merivel found himself in the service of King Charles II and saves the life of someone close to the King. Merivel joins the King's court and lives the high life provided to someone of his position. Merivel is ordered to marry his King's mistress in order to divert the queens suspicions. He is given one order by the king and that is not to fall in love. The situation worsens when Merivel finds himself in love with his new wife. Eventually, the King finds out and relieves Merivel of his position and wealth. His fall from grace leaves Merivel where he first started. And through his travels and reunions with an old friend, he rediscovers his love for true medicine and what it really means to be a physician.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 57m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">61%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Robert Downey Jr., Meg Ryan, Sam Neill, David Thewlis, Hugh Grant, Polly Walker, Ian McKellen, Ian McDiarmid, Mary MacLeod, Willie Ross</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">jealousy, court, fountain, medicine, wealth, spaniel, gloves, 17th century, british monarchy</p>
</div>
diff --git a/sitehtml/Richard_III.html b/sitehtml/Richard_III.html
index 822a4ecd99640b968efcfe25bc7fe6ed208b34d9..fcfee08bb533523002f76802a5d86e1daf5cd09f 100644
--- a/sitehtml/Richard_III.html
+++ b/sitehtml/Richard_III.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Richard III</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/aN2BcIH6rvGbYiRQCS8lxOdeeVQ.jpg" alt="Richard III">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A murderous lust for the British throne sees Richard III descend into madness. Though the setting is transposed to the 1930s, England is torn by civil war, split between the rivaling houses of York and Lancaster. Richard aspires to a fascist dictatorship, but must first remove the obstacles to his ascension—among them his brother, his nephews and his brother's wife. When the Duke of Buckingham deserts him, Richard's plans are compromised.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, War</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 44m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">68%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Ian McKellen, Annette Bening, Jim Broadbent, Robert Downey Jr., Kristin Scott Thomas, Adrian Dunbar, Maggie Smith, Tim McInnerny, Edward Hardwicke, Nigel Hawthorne</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">england, kidnapping, murder, king</p>
</div>
diff --git a/sitehtml/Rising_Sun.html b/sitehtml/Rising_Sun.html
index b02b9b8a092a6f1f6c416fb3b900aba22da2d6f9..19a11facc9d0ac0171bdf3fac6a14b055975e952 100644
--- a/sitehtml/Rising_Sun.html
+++ b/sitehtml/Rising_Sun.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git "a/sitehtml/Ri\302\242hie_Ri\302\242h.html" "b/sitehtml/Ri\302\242hie_Ri\302\242h.html"
index f26fb70f07e3cc20819b7d3a4fad5cf3fd5ae078..b129750e0326292b4e86970408295e92a0af1482 100644
--- "a/sitehtml/Ri\302\242hie_Ri\302\242h.html"
+++ "b/sitehtml/Ri\302\242hie_Ri\302\242h.html"
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Rob_Roy.html b/sitehtml/Rob_Roy.html
index cacd589d710557b4a5f330a7a118a63618bbe60b..c20c20e3ef2e479ea47844cfec1e6b6b5460bcf8 100644
--- a/sitehtml/Rob_Roy.html
+++ b/sitehtml/Rob_Roy.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Rob Roy</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/4QuypgbNYmPECAAHnV3QY8qEpOz.jpg" alt="Rob Roy">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>In the highlands of Scotland in the 1700s, Rob Roy tries to lead his small town to a better future, by borrowing money from the local nobility to buy cattle to herd to market. When the money is stolen, Rob is forced into a Robin Hood lifestyle to defend his family and honour.</p>
-
+
<h2>Genres</h2>
<p class="genres">Adventure, History, Drama, Action, War</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 19m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">67%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Liam Neeson, Jessica Lange, John Hurt, Tim Roth, Eric Stoltz, Brian Cox, Jason Flemyng, Andrew Keir, Shirley Henderson, Brian McCardie</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">scotland, affectation, biography, 18th century, highlands, violent man, scottish highlands, joyous, hopeful</p>
</div>
diff --git a/sitehtml/Robin_Hood:_Men_in_Tights.html b/sitehtml/Robin_Hood:_Men_in_Tights.html
index 8e48c5da20a4fc357693746ec5aeab30794c392b..9e85f3ce05a5d66768f0441e2d899961c8459307 100644
--- a/sitehtml/Robin_Hood:_Men_in_Tights.html
+++ b/sitehtml/Robin_Hood:_Men_in_Tights.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/RoboCop_3.html b/sitehtml/RoboCop_3.html
index 2ad7dd7641d0070685cfd0759b993ccdc36f17c9..15048f8b709c8deefc14c61d0e18188ca8b8ca3a 100644
--- a/sitehtml/RoboCop_3.html
+++ b/sitehtml/RoboCop_3.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Romeo_Is_Bleeding.html b/sitehtml/Romeo_Is_Bleeding.html
index 161a0b1802021b2aaadf3b04408c0625775bc440..bfe9e67ba512a0d63d56652e06ee4638eb4c459b 100644
--- a/sitehtml/Romeo_Is_Bleeding.html
+++ b/sitehtml/Romeo_Is_Bleeding.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Romper_Stomper.html b/sitehtml/Romper_Stomper.html
index 65c72b5ffa299665df3df5a58765c0b9a59b4476..77918a2bc9f34227c4bae005d8bf8ca58e2f2fd8 100644
--- a/sitehtml/Romper_Stomper.html
+++ b/sitehtml/Romper_Stomper.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Roommates.html b/sitehtml/Roommates.html
index 3bd5b5c3783a71a5525ed7fed86fc67e12e0c625..bd8f269997a7d7c487311d34f816a1c073bafc42 100644
--- a/sitehtml/Roommates.html
+++ b/sitehtml/Roommates.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Ruby_in_Paradise.html b/sitehtml/Ruby_in_Paradise.html
index d7a74f5c347b520e3c3f2ac6ba899235256a66f2..8e006dadf1b19971ee8efa16f8a817d4a9967886 100644
--- a/sitehtml/Ruby_in_Paradise.html
+++ b/sitehtml/Ruby_in_Paradise.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Rudy.html b/sitehtml/Rudy.html
index 7a35f3a73bca1f35e141119e9b7e42b1bdc15e3c..e9dab75818b0e7c55869e40df47061c426c9872d 100644
--- a/sitehtml/Rudy.html
+++ b/sitehtml/Rudy.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Rumble_in_the_Bronx.html b/sitehtml/Rumble_in_the_Bronx.html
index 740d65ddd663121e80335dec2b13d1549a7a33f5..c4c325cbd54f1220fe64a116ea103f811c3e223a 100644
--- a/sitehtml/Rumble_in_the_Bronx.html
+++ b/sitehtml/Rumble_in_the_Bronx.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Rumble in the Bronx</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/1nAfchiXHQB3iyhK8fCJJEnNs5A.jpg" alt="Rumble in the Bronx">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Keong comes from Hong Kong to visit New York for his uncle's wedding. His uncle runs a market in the Bronx and Keong offers to help out while Uncle is on his honeymoon. During his stay in the Bronx, Keong befriends a neighbor kid and beats up some neighborhood thugs who cause problems at the market. One of those petty thugs in the local gang stumbles into a criminal situation way over his head.</p>
-
+
<h2>Genres</h2>
<p class="genres">Crime, Action, Comedy, Thriller</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 44m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">68%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Jackie Chan, Anita Mui Yim-Fong, Bill Tung, Françoise Yip, Emil Chau, Alex To Tak-Wai, Marc Akerstream, Garvin Cross, Elliot Ngok, Rainbow Ching</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">new york city, martial arts, supermarket, diamond, gang war, disabled child, revenge, vigilante, organized crime, gang, fish out of water, wedding, urban setting, street life, bronx, new york city, duringcreditsstinger, action hero</p>
</div>
diff --git a/sitehtml/Sabrina.html b/sitehtml/Sabrina.html
index fc95e0930ddd9288c59f5c17608841b669a4f873..2dab679ac821d7a7ec61652993f08df7e7adb8a2 100644
--- a/sitehtml/Sabrina.html
+++ b/sitehtml/Sabrina.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,32 +71,32 @@
<body>
<div class="movie-container">
<h1>Sabrina</h1>
-
+
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/8vvgKw3DbEPNlJAdHe7xXzhb2gN.jpg" alt="Sabrina">
+ <img src="https://image.tmdb.org/t/p/original/z1oNjotUI7D06J4LWQFQzdIuPnf.jpg" alt="Sabrina">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
- <p>Linus and David Larrabee are the two sons of a very wealthy family. Linus is all work – busily running the family corporate empire, he has no time for a wife and family. David is all play – technically he is employed by the family business, but never shows up for work, spends all his time entertaining, and has been married and divorced three times. Meanwhile, Sabrina Fairchild is the young, shy, and awkward daughter of the household chauffeur, who goes away to Paris for two years, and returns to capture David's attention, while falling in love with Linus.</p>
-
+ <p>An ugly duckling having undergone a remarkable change, still harbors feelings for her crush: a carefree playboy, but not before his business-focused brother has something to say about it.</p>
+
<h2>Genres</h2>
- <p class="genres">Comedy, Romance, Drama</p>
-
+ <p class="genres">Comedy, Romance</p>
+
<h2>Durée</h2>
- <p class="runtime">1h 53m</p>
-
+ <p class="runtime">2h 7m</p>
+
<h2>Année de sortie</h2>
- <p class="release_year">1954</p>
-
+ <p class="release_year">1995</p>
+
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">75%</p>
-
+ <p class="user_rating">62%</p>
+
<h2>Acteurs</h2>
- <p class="actors">Audrey Hepburn, William Holden, Humphrey Bogart, Walter Hampden, John Williams, Martha Hyer, Joan Vohs, Marcel Dalio, Marcel Hillaire, Nella Walker</p>
-
+ <p class="actors">Harrison Ford, Julia Ormond, Greg Kinnear, Nancy Marchand, John Wood, Richard Crenna, Angie Dickinson, Lauren Holly, Dana Ivey, Miriam Colon</p>
+
<h2>Mots-clés</h2>
- <p class="keywords">chauffeur, sibling relationship, champagne, playboy, love, teenage crush, millionaire, high society, manhattan, new york city, impossible love, family disapproval</p>
+ <p class="keywords">chauffeur, sibling relationship, paris, france, long island, new york, fusion, millionaire, romantic</p>
</div>
</div>
</body>
diff --git a/sitehtml/Safe.html b/sitehtml/Safe.html
index 368a48ac9f73c7677e0b4a38296e421162bd05ff..29c8058052097fdedf91f6daa904bdb7bcff4be2 100644
--- a/sitehtml/Safe.html
+++ b/sitehtml/Safe.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Safe_Passage.html b/sitehtml/Safe_Passage.html
index 9c7dc4ebd1c7d2fa71db4bfe783e34979d35fb44..201aca8b643d7781b903600acd4e4e400e0cb9e2 100644
--- a/sitehtml/Safe_Passage.html
+++ b/sitehtml/Safe_Passage.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Savage_Nights.html b/sitehtml/Savage_Nights.html
index 52a0ec998c5190403c23333cb53324c8035321a8..3ac7d2c1200f2b2af40a3098ba45c24aae875a1e 100644
--- a/sitehtml/Savage_Nights.html
+++ b/sitehtml/Savage_Nights.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Schindler's_List.html b/sitehtml/Schindler's_List.html
index 55a006b6fcd06caa672735967d52c1e2de22dbe8..ca43e15d4a25d2c4df30eb1262b43af806c6c0d6 100644
--- a/sitehtml/Schindler's_List.html
+++ b/sitehtml/Schindler's_List.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Scream_of_Stone.html b/sitehtml/Scream_of_Stone.html
index b6e25b50a91dcdabed3f73cac12b927f8346a9f6..ab5f32d6bddb6b4b4bcc057631e646b5b5b0f8ae 100644
--- a/sitehtml/Scream_of_Stone.html
+++ b/sitehtml/Scream_of_Stone.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Screamers.html b/sitehtml/Screamers.html
index b43418719e1c4538dc313ba8af5dfd1c2bc86f8c..03951a78c4d9292b4e2df4064f4fad55290ed2bd 100644
--- a/sitehtml/Screamers.html
+++ b/sitehtml/Screamers.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Screamers</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/eqgBf791rMZG7ywHfObpXeMpiRf.jpg" alt="Screamers">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>SIRIUS 6B, Year 2078. On a distant mining planet ravaged by a decade of war, scientists have created the perfect weapon: a blade-wielding, self-replicating race of killing devices known as Screamers designed for one purpose only -- to hunt down and destroy all enemy life forms.</p>
-
+
<h2>Genres</h2>
<p class="genres">Horror, Science Fiction, War</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 48m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">62%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Peter Weller, Jennifer Rubin, Roy Dupuis, Andrew Lauer, Liliana Głąbczyńska, Michael Caloz, Jason Cavalier, Ron White, Leni Parker, Sylvain Massé</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">man vs machine, alien planet, struggle for survival</p>
</div>
diff --git a/sitehtml/Se7en.html b/sitehtml/Se7en.html
index dd0327d4f9ac51e17c6a7cac1721a78c34386b4b..1008302d019553bfa9b55439a68a38c3cb4ef85e 100644
--- a/sitehtml/Se7en.html
+++ b/sitehtml/Se7en.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Se7en</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/6yoghtyTpznpBik8EngEmJskVUO.jpg" alt="Se7en">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Two homicide detectives are on a desperate hunt for a serial killer whose crimes are based on the "seven deadly sins" in this dark and haunting film that takes viewers from the tortured remains of one victim to the next. The seasoned Det. Sommerset researches each sin in an effort to get inside the killer's mind, while his novice partner, Mills, scoffs at his efforts to unravel the case.</p>
-
+
<h2>Genres</h2>
<p class="genres">Crime, Mystery, Thriller</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 7m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">83%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Morgan Freeman, Brad Pitt, Gwyneth Paltrow, John Cassini, Peter Crombie, Reg E. Cathey, R. Lee Ermey, Daniel Zacapa, Andrew Kevin Walker, George Christy</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">drug dealer, rage and hate, police, s.w.a.t., sadism, self-fulfilling prophecy, psychopath, detective, rain, investigation, pension, evisceration, pride and vanity, immoderateness, insomnia, murder, serial killer, religion, seven deadly sins, depravity, neo-noir</p>
</div>
diff --git a/sitehtml/Searching_for_Bobby_Fischer.html b/sitehtml/Searching_for_Bobby_Fischer.html
index 8970be64449c36ccdace04c525d3d022a5f459dc..98ac1838e98cc90c5f47a4f8b095c57ec86a2961 100644
--- a/sitehtml/Searching_for_Bobby_Fischer.html
+++ b/sitehtml/Searching_for_Bobby_Fischer.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Senior_Trip.html b/sitehtml/Senior_Trip.html
index dc7fd6fbfbf285d25d4add79c5a902607feff7b6..8893127cdab9591af02aec09408714943c11607b 100644
--- a/sitehtml/Senior_Trip.html
+++ b/sitehtml/Senior_Trip.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Sense_and_Sensibility.html b/sitehtml/Sense_and_Sensibility.html
index d06ba7ba2e430ca3b21220db83dcef3a05aae007..fc434decbdc09fa9197ab9ecda51710e64f50ad4 100644
--- a/sitehtml/Sense_and_Sensibility.html
+++ b/sitehtml/Sense_and_Sensibility.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Sense and Sensibility</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/cBK2yL3HqhFvIVd7lLtazWlRZPR.jpg" alt="Sense and Sensibility">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>The Dashwood sisters, sensible Elinor and passionate Marianne, whose chances at marriage seem doomed by their family's sudden loss of fortune. When Henry Dashwood dies unexpectedly, his estate must pass on by law to his son from his first marriage, John and wife Fanny. But these circumstances leave Mr. Dashwood's current wife, and daughters Elinor, Marianne and Margaret, without a home and with barely enough money to live on. As Elinor and Marianne struggle to find romantic fulfillment in a society obsessed with financial and social status, they must learn to mix sense with sensibility in their dealings with both money and men.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 16m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">74%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Emma Thompson, Kate Winslet, Alan Rickman, Hugh Grant, Gemma Jones, Greg Wise, Elizabeth Spriggs, Imogen Stubbs, Harriet Walter, James Fleet</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">secret love, london, england, based on novel or book, widow, military officer, servant, country life, pneumonia, inheritance, period drama, english countryside, rainstorm, decorum, horse carriage, young love, dowry, 19th century, penniless, social elite, bloodletting, free spirited, sussex, 1800s, sisters love, social classes, marry for money, secret engagement, devonshire, england</p>
</div>
diff --git a/sitehtml/Serial_Mom.html b/sitehtml/Serial_Mom.html
index 24feeb87d3a29e71219eb8e8369f02461fbd729d..3de09814963481422442212d4615e1ec255d713f 100644
--- a/sitehtml/Serial_Mom.html
+++ b/sitehtml/Serial_Mom.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Sgt._Bilko.html b/sitehtml/Sgt._Bilko.html
index b20bf8715f54ff7f43437ee93120b36dbc85182a..7426b7ca27bdf6ade84c529e11216d253e7d5d3d 100644
--- a/sitehtml/Sgt._Bilko.html
+++ b/sitehtml/Sgt._Bilko.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Shadowlands.html b/sitehtml/Shadowlands.html
index 26fe06ac92663bb419c901dfb8af1715795c742d..ea7289a62c8fa40c79bf432c0d54fb0cdf7cf642 100644
--- a/sitehtml/Shadowlands.html
+++ b/sitehtml/Shadowlands.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Shallow_Grave.html b/sitehtml/Shallow_Grave.html
index 2c6d2d35225c0880d21ffe086534768413409385..e96f82e4679df5aa4483c5fc989b68dae17c1fe9 100644
--- a/sitehtml/Shallow_Grave.html
+++ b/sitehtml/Shallow_Grave.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Shanghai_Triad.html b/sitehtml/Shanghai_Triad.html
index 792512a68cc797c6f5d1790ed223ed242ac83ebe..5cb4aad16401f7055ffbaabcde16fb720a80d6ca 100644
--- a/sitehtml/Shanghai_Triad.html
+++ b/sitehtml/Shanghai_Triad.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Shanghai Triad</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/tzG1UxUSfPACREjgBrsPDRUvneH.jpg" alt="Shanghai Triad">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Shanghai, China, 1930. When young Shuisheng arrives from the countryside, his uncle Liushu puts him at the service of Bijou, the mistress of Laoda, supreme boss of the Tang Triad, constantly threatened by his enemies, both those he knows and those lurking in the shadows.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Crime</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 48m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">67%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Gong Li, Li Baotian, Sun Chun, Li Xuejian, Liu Jiang, Fu Biao, Chen Shu, Wang Xiaoxiao, Jiang Baoying, Yang Qianquan</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">shanghai, china, chinese mafia, coming of age, mistress, criminal underworld, drug lord, triad, modern china, nightclub singer, 1930s, cabaret singer, chinese triad</p>
</div>
diff --git a/sitehtml/She's_the_One.html b/sitehtml/She's_the_One.html
index b79d8c1cf3a83aa6c7e193f95221b2a668e61aa7..db49cb7fd7e392ef64e2fe9b86474f82d79e0b34 100644
--- a/sitehtml/She's_the_One.html
+++ b/sitehtml/She's_the_One.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Shopping.html b/sitehtml/Shopping.html
index a0787275f323b526fe7f3f3c39157431f8de0d45..7a7db9f566bc12bc4c2e18e5af01e7d3110713a3 100644
--- a/sitehtml/Shopping.html
+++ b/sitehtml/Shopping.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Shopping</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/jiIQO8UWyvVkdJEujb6VWKUBzaz.jpg" alt="Shopping">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A dark, hip, urban story of a barren and anonymous city where the underclass' sport of choice is ram-raiding. An exciting game in which stolen cars are driven through shop windows to aid large-scale looting before the police arrive. For Tommy, it's a business, but for Billy and Jo, it's a labour of love. As the competition between Tommy and Billy grows more fierce, the stakes become higher and the "shopping" trips increasingly risky.</p>
-
+
<h2>Genres</h2>
<p class="genres">Crime, Drama, Action</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 45m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1994</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">54%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Sadie Frost, Jude Law, Sean Pertwee, Fraser James, Sean Bean, Marianne Faithfull, Jonathan Pryce, Ralph Ineson, Eamonn Walker, Lee Whitlock</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">prison, future, england, nihilism, vandalism, shopping mall, rivalry, money, stealing, criminal, spray paint</p>
</div>
diff --git a/sitehtml/Short_Cuts.html b/sitehtml/Short_Cuts.html
index 4ae76044b6cb069ff8f7d1ee870ddfccfdc78347..299db1765e1443c17eaa236558d30f0ef826fe26 100644
--- a/sitehtml/Short_Cuts.html
+++ b/sitehtml/Short_Cuts.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Showgirls.html b/sitehtml/Showgirls.html
index 3b84d833928bdd689511e94439bf86de426e4c70..9001f0af74cc5557e7f4cda179985726f9c76b11 100644
--- a/sitehtml/Showgirls.html
+++ b/sitehtml/Showgirls.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Sirens.html b/sitehtml/Sirens.html
index 4b73717cebf8654ce0e4389768452d8746d75ed6..5c556322fe705bbeb66f93926f79416a181a147c 100644
--- a/sitehtml/Sirens.html
+++ b/sitehtml/Sirens.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Six_Degrees_of_Separation.html b/sitehtml/Six_Degrees_of_Separation.html
index 98b9788925f0fa785ae3f02b6898f800708b6347..65cc83f42257f7176a66e2694f4ba60fec1f69d5 100644
--- a/sitehtml/Six_Degrees_of_Separation.html
+++ b/sitehtml/Six_Degrees_of_Separation.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Sleepless_in_Seattle.html b/sitehtml/Sleepless_in_Seattle.html
index 61126888cdcfe95d95cdd55e4b17c4495e84991c..c08e57bd3099a22aa6a297f437ab9197864db984 100644
--- a/sitehtml/Sleepless_in_Seattle.html
+++ b/sitehtml/Sleepless_in_Seattle.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Sliver.html b/sitehtml/Sliver.html
index 5cc424c23d2d6a228e8098daca9ca6ebe18745a9..888079b5376446be250ce35e42680a52e9a86186 100644
--- a/sitehtml/Sliver.html
+++ b/sitehtml/Sliver.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Smoke.html b/sitehtml/Smoke.html
index fe9460773185fba3d0c4fcfa769574c86438add8..b9328ba6bb5967de823e1d05827c77d8395e7d25 100644
--- a/sitehtml/Smoke.html
+++ b/sitehtml/Smoke.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Snow_White_and_the_Seven_Dwarfs.html b/sitehtml/Snow_White_and_the_Seven_Dwarfs.html
index cecef973719e8d2497b2765d76acc0bfa6dd411d..b3ceac0ce454105c84f006ccf5d54f5ed679319d 100644
--- a/sitehtml/Snow_White_and_the_Seven_Dwarfs.html
+++ b/sitehtml/Snow_White_and_the_Seven_Dwarfs.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/So_I_Married_an_Axe_Murderer.html b/sitehtml/So_I_Married_an_Axe_Murderer.html
index c1a1110ab41c8c0d381b86b27a7aebf2369961d9..9337da9f2321355c0965988b0c46bdea68288737 100644
--- a/sitehtml/So_I_Married_an_Axe_Murderer.html
+++ b/sitehtml/So_I_Married_an_Axe_Murderer.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Solo.html b/sitehtml/Solo.html
index 1c40dcef1997204b8bd35ca8693a5104f9c27c70..6171d8d8b125c982ae86c9fc6f8fc406d3223c5b 100644
--- a/sitehtml/Solo.html
+++ b/sitehtml/Solo.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Some_Folks_Call_It_a_Sling_Blade.html b/sitehtml/Some_Folks_Call_It_a_Sling_Blade.html
index 9da6084c30a155ea8685a7c550734a01114abbd0..6faf467a714331a9953ee0d8b6ac405571b0fb66 100644
--- a/sitehtml/Some_Folks_Call_It_a_Sling_Blade.html
+++ b/sitehtml/Some_Folks_Call_It_a_Sling_Blade.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Something_to_Talk_About.html b/sitehtml/Something_to_Talk_About.html
index d22e085823e1d3227225630b82794da8e74bec34..bb21ebaf86ba2a2d020e4f7f493559a76effe181 100644
--- a/sitehtml/Something_to_Talk_About.html
+++ b/sitehtml/Something_to_Talk_About.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Son_in_Law.html b/sitehtml/Son_in_Law.html
index 07f0b4360196c213ef415da88d3aeb4bcb55126e..a2608309f07bccd11461bd11a2264f1380229520 100644
--- a/sitehtml/Son_in_Law.html
+++ b/sitehtml/Son_in_Law.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Space_Jam.html b/sitehtml/Space_Jam.html
index 0e1dce3c897e9ce73ac824b5b9479cae0a09c737..48865660357b27eff39fc5a37f35538505180d86 100644
--- a/sitehtml/Space_Jam.html
+++ b/sitehtml/Space_Jam.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Spanking_the_Monkey.html b/sitehtml/Spanking_the_Monkey.html
index f2a7268822ebf3ede77d5f4ac7d9d9cdf5ef6747..81e7f1bbb2e80d5fab0b82386231a75de3f803a7 100644
--- a/sitehtml/Spanking_the_Monkey.html
+++ b/sitehtml/Spanking_the_Monkey.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Species.html b/sitehtml/Species.html
index a43c0e65e6040e43a683314ff8e6c8bed6b5a434..c31ede3b68a495b8fa729ed74b5aa160c560896a 100644
--- a/sitehtml/Species.html
+++ b/sitehtml/Species.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Speechless.html b/sitehtml/Speechless.html
index 30bed76cd794f359a15927461368db835334eeb4..f4b63c68596912fd0808859ea851f89c76fb7702 100644
--- a/sitehtml/Speechless.html
+++ b/sitehtml/Speechless.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Speed.html b/sitehtml/Speed.html
index 1b1244802d06c6cd22dbe04e04621991079b6887..def883ba16c6dea10c67ac3f6f11177f38df7dec 100644
--- a/sitehtml/Speed.html
+++ b/sitehtml/Speed.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Spirits_of_the_Dead.html b/sitehtml/Spirits_of_the_Dead.html
index f1d4f0a866fd2fee38e484c255d473b599fa42d3..53306dcf0c6482b0de20071d3db667e951faa89a 100644
--- a/sitehtml/Spirits_of_the_Dead.html
+++ b/sitehtml/Spirits_of_the_Dead.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Spy_Hard.html b/sitehtml/Spy_Hard.html
index 94d6a73f243b62afb1c306142d75361eaa86e6d1..4d2e35642ccfa3f3e1b6db14046149845aaea99b 100644
--- a/sitehtml/Spy_Hard.html
+++ b/sitehtml/Spy_Hard.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Stalingrad.html b/sitehtml/Stalingrad.html
index 5af3adc47f0f6c40bed0a68e17107b76d8a79451..33d217eb2814d73698e56d52568306d68680f808 100644
--- a/sitehtml/Stalingrad.html
+++ b/sitehtml/Stalingrad.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Star_Trek:_Generations.html b/sitehtml/Star_Trek:_Generations.html
index 932e40bed3e09af7fb0da1ea79dee80165283a10..5864a7c154a4a5d6cf6569a46b3298c239f121af 100644
--- a/sitehtml/Star_Trek:_Generations.html
+++ b/sitehtml/Star_Trek:_Generations.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Star_Wars.html b/sitehtml/Star_Wars.html
index b9aef09eb3cda3cec40c56d526df3a343f1be79c..809fa64634ca4864eed9f2dbe29e2b1181e416a8 100644
--- a/sitehtml/Star_Wars.html
+++ b/sitehtml/Star_Wars.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Stargate.html b/sitehtml/Stargate.html
index 6a18f0898aa584c3736f00c8cce10814c9ebb0f3..6783d65e5079c264ca3a8414cc0e642af1a46654 100644
--- a/sitehtml/Stargate.html
+++ b/sitehtml/Stargate.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Steal_Big_Steal_Little.html b/sitehtml/Steal_Big_Steal_Little.html
index 34de9009ccbe77c1a80fe2468f0154ef03781724..4859da17721b1790ed422c89ef3cebc9f309e0a8 100644
--- a/sitehtml/Steal_Big_Steal_Little.html
+++ b/sitehtml/Steal_Big_Steal_Little.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Steal Big Steal Little</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/83TvBaWt8wZHUZo8MKwE2cLRBiT.jpg" alt="Steal Big Steal Little">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Ruben and Robby are twin brothers, adopted by Mona, one of the wealthiest - and most eccentric - women in Santa Barbara. Ruben is devoted to Mona, but Robby is more devoted to her money. So when Mona leaves her fortune and estate to Ruben it starts a battle between brothers that soon leads to madness, mayhem, and even attempted murder. On Ruben's side is Lou Perilli an ex-Chicago cop and used car dealer who knows the law - and how to get around it. On Robby's side is ruthless businessman Reed Tyler, who is out to turn a swift profit on Mona's property. Walking a shifty line between them is Eddie Agopian, the family lawyer, who doesn't care which side wins as long as he's on the winner's side. But whether they're stealing big or stealing little, they're all stealing in this hilarious comedy about greed, power... and brotherly love.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 53m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">43%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Andy GarcÃa, Alan Arkin, Rachel Ticotin, Joe Pantoliano, Ally Walker, David Ogden Stiers, Kevin McCarthy, Richard Bradford, Holland Taylor, Charles Rocket</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">sibling relationship, twin brother, lawyer, estate, santa barbara, california</p>
</div>
diff --git a/sitehtml/Stealing_Beauty.html b/sitehtml/Stealing_Beauty.html
index 7eb1c0798739c558b1faed4f1a1e85309693d876..b7f2107b2ee36b1d227d2bce81737d4d014f78ea 100644
--- a/sitehtml/Stealing_Beauty.html
+++ b/sitehtml/Stealing_Beauty.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Stonewall.html b/sitehtml/Stonewall.html
index 49dd52459f34154ec9f5f2de279287faeeebd4ec..80abeb7bf9b0e71205914b45ed0869aebe097c34 100644
--- a/sitehtml/Stonewall.html
+++ b/sitehtml/Stonewall.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Strange_Days.html b/sitehtml/Strange_Days.html
index 2e7d0b5385680c483013704d87c8dee66fc4d641..c98c648ca61773f99a853f12018362b3e33b4194 100644
--- a/sitehtml/Strange_Days.html
+++ b/sitehtml/Strange_Days.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Strawberry_and_Chocolate.html b/sitehtml/Strawberry_and_Chocolate.html
index 9c21ec4124022ab3f1e1655185d3ee3191e89a45..f37d3c0ac7832d29346656f9d7d1e75c357999d0 100644
--- a/sitehtml/Strawberry_and_Chocolate.html
+++ b/sitehtml/Strawberry_and_Chocolate.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Street_Fighter.html b/sitehtml/Street_Fighter.html
index 1b73f2342c88acca10798dec6c07d21807c0b6ee..71ccafd970a09f8a2edafbeb983e0058fa4ddd35 100644
--- a/sitehtml/Street_Fighter.html
+++ b/sitehtml/Street_Fighter.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Striking_Distance.html b/sitehtml/Striking_Distance.html
index fa3ac08defebc2d38173b94402deb0e4bb151417..c7fe5fe59a4c8f8e4c117ea13c69727e9e3bccad 100644
--- a/sitehtml/Striking_Distance.html
+++ b/sitehtml/Striking_Distance.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Striptease.html b/sitehtml/Striptease.html
index d52e5c18991b637e335cef72cc94530b75d8c563..341a9f2205330a32aa99b9401e336bfb2fadd52d 100644
--- a/sitehtml/Striptease.html
+++ b/sitehtml/Striptease.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Stuart_Saves_His_Family.html b/sitehtml/Stuart_Saves_His_Family.html
index b13b11589fd546ce2f9563a87f91aeee57978e34..2641a5a0110227b746fd6738f89603c4b32fbff3 100644
--- a/sitehtml/Stuart_Saves_His_Family.html
+++ b/sitehtml/Stuart_Saves_His_Family.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Sudden_Death.html b/sitehtml/Sudden_Death.html
index 7ff3086e47ee4cf03c09d002331f677ee19f1de6..e98d248ababc30cf7ca21522658c130f6c46bf88 100644
--- a/sitehtml/Sudden_Death.html
+++ b/sitehtml/Sudden_Death.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Sudden Death</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/1pylO6YX5XdOA6QCc5IRxrrffkg.jpg" alt="Sudden Death">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>When a man's daughter is suddenly taken during a championship hockey game – with the captors demanding a billion dollars by game's end – he frantically sets a plan in motion to rescue her and abort an impending explosion before the final buzzer.</p>
-
+
<h2>Genres</h2>
<p class="genres">Action, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 50m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">60%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Jean-Claude Van Damme, Powers Boothe, Raymond J. Barry, Whittni Wright, Ross Malinger, Dorian Harewood, Kate McNeil, Michael Gaston, Audra Lindley, Brian Delate</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">explosive, hostage, ice hockey, terrorism, vice president, pittsburgh, pennsylvania, pittsburgh penguins</p>
</div>
diff --git a/sitehtml/Super_Mario_Bros..html b/sitehtml/Super_Mario_Bros..html
index 6fda1457612917a72f63fc6f861f8938106e273f..2d15764480d40a1ebba6fb80b781e9b833c825d8 100644
--- a/sitehtml/Super_Mario_Bros..html
+++ b/sitehtml/Super_Mario_Bros..html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Surviving_the_Game.html b/sitehtml/Surviving_the_Game.html
index c3f0326700f790fcb5a61498163ff5cca5da25fd..741e3cae3a939426c149aaef964ef16684b48474 100644
--- a/sitehtml/Surviving_the_Game.html
+++ b/sitehtml/Surviving_the_Game.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Suture.html b/sitehtml/Suture.html
index d3a3290afd2879e5f5a65044892b30b76cf8905f..16c48dacd9274a5281e6f0ed7b391a335f6cfb7d 100644
--- a/sitehtml/Suture.html
+++ b/sitehtml/Suture.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Swimming_with_Sharks.html b/sitehtml/Swimming_with_Sharks.html
index 83db2c6b532824354b3d7732ae837ac5ec592c16..6cb725ab449f58aea5921871ccd071e6f4fc5ad2 100644
--- a/sitehtml/Swimming_with_Sharks.html
+++ b/sitehtml/Swimming_with_Sharks.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Tales_from_the_Crypt:_Demon_Knight.html b/sitehtml/Tales_from_the_Crypt:_Demon_Knight.html
index 8c0a3abbc414f046a4f878f6ea8a86ec609bf134..f1155174158c064f48f3fa37507b319fb4b97c6d 100644
--- a/sitehtml/Tales_from_the_Crypt:_Demon_Knight.html
+++ b/sitehtml/Tales_from_the_Crypt:_Demon_Knight.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Tales_from_the_Hood.html b/sitehtml/Tales_from_the_Hood.html
index 00c064adcfe2ce9179f8bb09b2075a566ded41f4..5ddf2f78ddadf796145d4123691d9e16abb995a2 100644
--- a/sitehtml/Tales_from_the_Hood.html
+++ b/sitehtml/Tales_from_the_Hood.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Tank_Girl.html b/sitehtml/Tank_Girl.html
index 7e37c27ab747e4906ed688cf3930421421c4cc2a..e6ff626d4eab59ece4739e3556dcdfcca23f51f2 100644
--- a/sitehtml/Tank_Girl.html
+++ b/sitehtml/Tank_Girl.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Taxi_Driver.html b/sitehtml/Taxi_Driver.html
index ce8effd18b2646633c36439372c089a376089d3e..6faf31dfd78d855f3f880227ebced0f5720936c1 100644
--- a/sitehtml/Taxi_Driver.html
+++ b/sitehtml/Taxi_Driver.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Taxi Driver</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/ekstpH614fwDX8DUln1a2Opz0N8.jpg" alt="Taxi Driver">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A mentally unstable Vietnam War veteran works as a night-time taxi driver in New York City where the perceived decadence and sleaze feed his urge for violent action.</p>
-
+
<h2>Genres</h2>
<p class="genres">Crime, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 54m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1976</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">82%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Robert De Niro, Jodie Foster, Cybill Shepherd, Harvey Keitel, Peter Boyle, Leonard Harris, Albert Brooks, Diahnne Déa, Frank Adu, Victor Argo</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">drug dealer, vietnam veteran, new york city, taxi, pornography, obsession, taxi driver, pimp, firearm, politician, alienation, junk food, misanthrophy, vigilante, illegal prostitution, character study, loner, manhattan, new york city, neo-noir, child prostitution, new hollywood, drives</p>
</div>
diff --git a/sitehtml/Terminal_Velocity.html b/sitehtml/Terminal_Velocity.html
index 2e970e42341ab1f62834ca3a2bc05360a81daa40..1eae175ddce4fd0110ae8acef457a3f111c95b22 100644
--- a/sitehtml/Terminal_Velocity.html
+++ b/sitehtml/Terminal_Velocity.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Terminator_2:_Judgment_Day.html b/sitehtml/Terminator_2:_Judgment_Day.html
index 04f2fc7a641f70bec56f57f9bd52aecf8b156a8d..8e0540a3b78812fafc4c01d64f40d5837fe4e6fa 100644
--- a/sitehtml/Terminator_2:_Judgment_Day.html
+++ b/sitehtml/Terminator_2:_Judgment_Day.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Addiction.html b/sitehtml/The_Addiction.html
index 4e51497df5439781d025b8d55ab8fccae534e9e6..265561dcab6eda732f40e686307db1300bd7a5e1 100644
--- a/sitehtml/The_Addiction.html
+++ b/sitehtml/The_Addiction.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Addiction</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/1Yy8H2tKQ16mffLFRfxcBHKBdyF.jpg" alt="The Addiction">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A vampiric doctoral student tries to follow the philosophy of a nocturnal comrade and control her thirst for blood.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Horror</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 22m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">65%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Lili Taylor, Christopher Walken, Annabella Sciorra, Edie Falco, Paul Calderon, Fredro Starr, Kathryn Erbe, Michael Imperioli, Jamal Simmons, Robert W. Castle</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">new york city, vampire, philosophy, addiction</p>
</div>
diff --git a/sitehtml/The_Adventures_of_Pinocchio.html b/sitehtml/The_Adventures_of_Pinocchio.html
index e43cee6be4bf5b351142d3a68077058a91b71561..5afc26b6ef2762d3adbcb30605f5280e7903d293 100644
--- a/sitehtml/The_Adventures_of_Pinocchio.html
+++ b/sitehtml/The_Adventures_of_Pinocchio.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Adventures_of_Priscilla,_Queen_of_the_Desert.html b/sitehtml/The_Adventures_of_Priscilla,_Queen_of_the_Desert.html
index dee0fb9ba2649f7fcd92761ed0d2cbcb05c6af46..9002e80ac321ed7af71bda3b43d1a03d18ec9859 100644
--- a/sitehtml/The_Adventures_of_Priscilla,_Queen_of_the_Desert.html
+++ b/sitehtml/The_Adventures_of_Priscilla,_Queen_of_the_Desert.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Age_of_Innocence.html b/sitehtml/The_Age_of_Innocence.html
index ebe65042e0dc720d5ac3d44e4d2a71098905609f..9ba847865f90cba69614cd3afa0ee0134e903527 100644
--- a/sitehtml/The_Age_of_Innocence.html
+++ b/sitehtml/The_Age_of_Innocence.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Air_Up_There.html b/sitehtml/The_Air_Up_There.html
index e32d83e7b4749372ec6e496e1a7f6c608822a5f1..cc2af42b7eed0fd67e84cb06119088931fc34423 100644
--- a/sitehtml/The_Air_Up_There.html
+++ b/sitehtml/The_Air_Up_There.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Amazing_Panda_Adventure.html b/sitehtml/The_Amazing_Panda_Adventure.html
index 15f1049c9a7a5abf7c00361ebefa711ff00d0aca..3b236a9d157f4d4d0d6f637da2c92d15d9b82adb 100644
--- a/sitehtml/The_Amazing_Panda_Adventure.html
+++ b/sitehtml/The_Amazing_Panda_Adventure.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Amazing Panda Adventure</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/tIK40vCE9i8g4VhyJ3LLr5y1ROJ.jpg" alt="The Amazing Panda Adventure">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Far from home in the lush bamboo forests of China, ten-year-old Ryan Tyler, with the help of a young girl, goes on a wonderful journey to rescue a baby panda taken by poachers.</p>
-
+
<h2>Genres</h2>
<p class="genres">Adventure, Drama, Family</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 24m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">56%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Stephen Lang, Ryan Slater, Ding Yi, Brian Wagner, Isabella Hofmann, Lang Ping, Wang Fei, Zhou Jian Zhong, Yao Er Ga, O Mi Jia Can</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">china, panda, poacher</p>
</div>
diff --git a/sitehtml/The_American_President.html b/sitehtml/The_American_President.html
index 45ae6050f311455c3ec3546456718bd8b2f6bad7..77df9a962ef3a61d0782acd38906886af15452aa 100644
--- a/sitehtml/The_American_President.html
+++ b/sitehtml/The_American_President.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The American President</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/yObOAYFIHXHkFPQ3jhgkN2ezaD.jpg" alt="The American President">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Widowed U.S. president Andrew Shepherd, one of the world's most powerful men, can have anything he wants -- and what he covets most is Sydney Ellen Wade, a Washington lobbyist. But Shepherd's attempts at courting her spark wild rumors and decimate his approval ratings.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 54m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">65%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Michael Douglas, Annette Bening, Martin Sheen, Michael J. Fox, Anna Deavere Smith, Samantha Mathis, Shawna Waldron, David Paymer, Anne Haney, Richard Dreyfuss</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">new love, usa president, the white house, widower, wildlife conservation</p>
</div>
diff --git a/sitehtml/The_Aristocats.html b/sitehtml/The_Aristocats.html
index 0841afaf3bdd05caccb060babec558123eb6691c..f31a0b06b7b7b1ddacfc7add6d7e33f3b0190c1b 100644
--- a/sitehtml/The_Aristocats.html
+++ b/sitehtml/The_Aristocats.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Arrival.html b/sitehtml/The_Arrival.html
index c122fdff0adeac5143feb43132cb70e6a4e69694..a8a5c46c31989924cec12ab62436754e0ac4ce3f 100644
--- a/sitehtml/The_Arrival.html
+++ b/sitehtml/The_Arrival.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Baby-Sitters_Club.html b/sitehtml/The_Baby-Sitters_Club.html
index 042ac2c0e4ac1e0cbb32b9d0fb52bad5a717d880..82d0ac585aed8fa5b92857b5157449080c63fec9 100644
--- a/sitehtml/The_Baby-Sitters_Club.html
+++ b/sitehtml/The_Baby-Sitters_Club.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Babysitter.html b/sitehtml/The_Babysitter.html
index e5e801e71005a08bcba49a60ebd2133516542f4b..c64b2969c155f621dce4e67c0465c8d4d7cbb372 100644
--- a/sitehtml/The_Babysitter.html
+++ b/sitehtml/The_Babysitter.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Basketball_Diaries.html b/sitehtml/The_Basketball_Diaries.html
index d21883b0bda217ece14c589e38269af260f57364..fbd1a0e600da52d594ee7ddcd30372a65fdde6ee 100644
--- a/sitehtml/The_Basketball_Diaries.html
+++ b/sitehtml/The_Basketball_Diaries.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Basketball Diaries</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/AhvO1GGDPIgN0hOqZEgaFCbswMK.jpg" alt="The Basketball Diaries">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A high school basketball player’s life turns upside down after free-falling into the harrowing world of drug addiction.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Crime</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 42m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">73%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Leonardo DiCaprio, Mark Wahlberg, Lorraine Bracco, Michael Imperioli, Ernie Hudson, Juliette Lewis, James Madio, Bruno Kirby, Patrick McGaw, Manny Alfaro</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">new york city, sports, heroin, addiction, basketball, friends, based on memoir or autobiography, drugs, 1960s, school suspension, gay theme, teenager</p>
</div>
diff --git a/sitehtml/The_Beverly_Hillbillies.html b/sitehtml/The_Beverly_Hillbillies.html
index 07d48f4946c5cd277c62826f984a7f9beda13ed4..6dbe1c0221785864a249886bc41fae8d84f1fced 100644
--- a/sitehtml/The_Beverly_Hillbillies.html
+++ b/sitehtml/The_Beverly_Hillbillies.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Big_Green.html b/sitehtml/The_Big_Green.html
index fe35fbacc9164a004ae4a3576dacedf7b17324e3..228f5425ca95887610c847e5bf1a69bc0e1fa8a2 100644
--- a/sitehtml/The_Big_Green.html
+++ b/sitehtml/The_Big_Green.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Big Green</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/nVHqIuBTcTLmAIrML7T704UwfNI.jpg" alt="The Big Green">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>In a depressed Texas town, British foreign exchange teacher Anna attempts to inject some life into her hopeless kids by introducing them to soccer. They're terrible at first, but Anna and her football-hero assistant whip them into shape. As they work overtime, the pair help kids build their self-esteem and also get involved in solving family squabbles.</p>
-
+
<h2>Genres</h2>
<p class="genres">Family, Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 40m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">55%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Olivia d'Abo, Steve Guttenberg, Chauncey Leopardi, Patrick Renna, Billy L. Sullivan, Bug Hall, Jessica Robertson, Anthony Esquivel, Jordan Brower, Jay O. Sanders</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">sports, football (soccer), woman director</p>
</div>
diff --git a/sitehtml/The_Birdcage.html b/sitehtml/The_Birdcage.html
index 277f954b59ad89d1358df6c576189390b30031dc..1b0ef1551b583dd4a278fba67d7bed998afadff0 100644
--- a/sitehtml/The_Birdcage.html
+++ b/sitehtml/The_Birdcage.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Birdcage</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/4IpC35BoA5aRO0Q1DpFGJ8iKKYq.jpg" alt="The Birdcage">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A gay cabaret owner and his drag queen companion agree to put up a false straight front so that their son can introduce them to his fiancée's conservative moralistic parents.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 59m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">70%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Robin Williams, Nathan Lane, Dan Futterman, Gene Hackman, Dianne Wiest, Calista Flockhart, Hank Azaria, Christine Baranski, Tom McGowan, Grant Heslov</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">coming out, florida, homophobia, drag queen, nightclub, senator, politician, based on play or musical, remake, conservative, cross dressing, gay parent, lgbt, political conflict, south beach, playing straight, drag club</p>
</div>
diff --git a/sitehtml/The_Boys_of_St._Vincent.html b/sitehtml/The_Boys_of_St._Vincent.html
index cbc4d2c4ebdcad4bb419bc3ce650875fabc0ecd7..4b43a4dcfed610a3f8962b5bfa4c7d5ac76c79cc 100644
--- a/sitehtml/The_Boys_of_St._Vincent.html
+++ b/sitehtml/The_Boys_of_St._Vincent.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Boys of St. Vincent</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/cam0cG0UWdUVtQRvFHJXmNtL1hY.jpg" alt="The Boys of St. Vincent">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>The true story of boys being sexually abused at their orphanage, run by a religious community in Newfoundland.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Crime</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 33m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1992</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">72%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Henry Czerny, Johnny Morina, Brian Dooley, Philip Dinn, Brian Dodd, Ashley Billard, Maurice Podbrey, Jeremy Keefe, Jonathan Lewis, Ed Martin</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">child abuse, orphanage, 1970s, based on true story, newfoundland and labrador, catholic priest</p>
</div>
diff --git a/sitehtml/The_Brady_Bunch_Movie.html b/sitehtml/The_Brady_Bunch_Movie.html
index 11aed73a8feb9220ec1d13cd4e2c0c5a81587364..013d6fe23a78fc09d1b76f3abd27c1341b9a7f3f 100644
--- a/sitehtml/The_Brady_Bunch_Movie.html
+++ b/sitehtml/The_Brady_Bunch_Movie.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Bridges_of_Madison_County.html b/sitehtml/The_Bridges_of_Madison_County.html
index 5b5035002d2dce1d132d3cee055608dc6242f0a3..550495ccb52e8dfde5486dd9b360610a1a117e75 100644
--- a/sitehtml/The_Bridges_of_Madison_County.html
+++ b/sitehtml/The_Bridges_of_Madison_County.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Bridges of Madison County</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/aCBrhOQjhG397GLkEZ49zReQEKX.jpg" alt="The Bridges of Madison County">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Photographer Robert Kincaid wanders into the life of housewife Francesca Johnson for four days in the 1960s.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 15m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">77%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Clint Eastwood, Meryl Streep, Annie Corley, Victor Slezak, Jim Haynie, Sarah Zahn, Christopher Kroon, Phyllis Lyons, Debra Monk, Richard Lage</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">adultery, secret love, husband wife relationship, based on novel or book, love of one's life, unsociability, marriage crisis, photographer, love at first sight, photography, peasant, mother role, iowa, bridge, housewife, love letter</p>
</div>
diff --git a/sitehtml/The_Brothers_McMullen.html b/sitehtml/The_Brothers_McMullen.html
index 8b42747a7486812b26c93c0ab4c8aa54aaba6745..b698925249ef7465ae66d091c94c536ede3594f8 100644
--- a/sitehtml/The_Brothers_McMullen.html
+++ b/sitehtml/The_Brothers_McMullen.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Brothers McMullen</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/6oWsOJP0ed5gs8n2UywcailoxFN.jpg" alt="The Brothers McMullen">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Deals with the lives of the three Irish Catholic McMullen brothers from Long Island, New York, over three months, as they grapple with basic ideas and values — love, sex, marriage, religion and family — in the 1990s. Directed, written, produced by and starring Edward Burns.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 38m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">59%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Shari Albert, Maxine Bahns, Catharine Bolz, Connie Britton, Edward Burns, Peter Johansen, Jennifer Jostyn, Michael McGlone, Elizabeth McKay, Jack Mulcahy</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">love, best friend, true love, irish catholic</p>
</div>
diff --git a/sitehtml/The_Browning_Version.html b/sitehtml/The_Browning_Version.html
index fbcefa4261c9095cdb79646116837630d386116e..c8a17fa435baa1e02acf709fd64fa452fcdd7e6e 100644
--- a/sitehtml/The_Browning_Version.html
+++ b/sitehtml/The_Browning_Version.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Cable_Guy.html b/sitehtml/The_Cable_Guy.html
index 44796fe85f0e45220da7a178e2a1b8029943283b..a33def23ca11f3a6da2c718f2a409eb84d68a299 100644
--- a/sitehtml/The_Cable_Guy.html
+++ b/sitehtml/The_Cable_Guy.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Celluloid_Closet.html b/sitehtml/The_Celluloid_Closet.html
index d1766373ad7c3a19c7133f5db4433ec6f40780a2..975252c985ebef01a45dbe1e6775b216877431aa 100644
--- a/sitehtml/The_Celluloid_Closet.html
+++ b/sitehtml/The_Celluloid_Closet.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_City_of_Lost_Children.html b/sitehtml/The_City_of_Lost_Children.html
index 6e3e11c1e6d693856f5b39a778de99d231f57e89..39535819c23c22d200914630a7a1bf9e23ee33ed 100644
--- a/sitehtml/The_City_of_Lost_Children.html
+++ b/sitehtml/The_City_of_Lost_Children.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The City of Lost Children</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/whwT3Q9JxbAYzEc3t7uYYcCbTMf.jpg" alt="The City of Lost Children">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A scientist in a surrealist society kidnaps children to steal their dreams, hoping that they slow his aging process.</p>
-
+
<h2>Genres</h2>
<p class="genres">Fantasy, Science Fiction, Adventure</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 48m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">72%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Ron Perlman, Dominique Pinon, Judith Vittet, Daniel Emilfork, Jean-Claude Dreyfus, Geneviève Brunet, Odile Mallet, Mireille Mossé, Serge Merlin, Rufus</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">rescue, friendship, island, dream, clone, dystopia, eye, aging, steampunk, childhood, child kidnapping, flea</p>
</div>
diff --git a/sitehtml/The_Client.html b/sitehtml/The_Client.html
index 368e37b2b09826535866f6254c3e73c626ed987a..0c6cc8aca6c8b99ec626e79c91fd80b78415d995 100644
--- a/sitehtml/The_Client.html
+++ b/sitehtml/The_Client.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Confessional.html b/sitehtml/The_Confessional.html
index f9a84e288d18709cff18e60be0bc53c2cbbe6600..5e4155d2c58f5733b2ae958502c4020fff58c24d 100644
--- a/sitehtml/The_Confessional.html
+++ b/sitehtml/The_Confessional.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Confessional</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/9ApR0PwQdlnvc76NmlbUWkeAK9i.jpg" alt="The Confessional">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Pierre Lamontagne has returned to Quebec to attend his father's funeral. He meets up with his adopted brother, Marc, who has begun questioning his identity and has embarked on a quest for his roots that would lead them to the Quebec of the 1950s. Past and present converge in a complex web of intrigue where the answer to the mystery lies.</p>
-
+
<h2>Genres</h2>
<p class="genres">Thriller, Drama, Mystery</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 40m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">64%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Lothaire Bluteau, Patrick Goyette, Jean-Louis Millette, Kristin Scott Thomas, Ron Burrage, Richard Fréchette, François Papineau, Marie Gignac, Normand Daneau, Anne-Marie Cadieux</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords"></p>
</div>
diff --git a/sitehtml/The_Cowboy_Way.html b/sitehtml/The_Cowboy_Way.html
index c70dd2868a9864a15b9e797aabcd8ab52864897a..0d1e060858a2907ca6469cb53635352f3bff6de7 100644
--- a/sitehtml/The_Cowboy_Way.html
+++ b/sitehtml/The_Cowboy_Way.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Craft.html b/sitehtml/The_Craft.html
index 5ce60a360fd09cbd03061780ab3a0c032ac46986..7a33bcbcbdb1b23bac59aa526756c14fdc725976 100644
--- a/sitehtml/The_Craft.html
+++ b/sitehtml/The_Craft.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Crossing_Guard.html b/sitehtml/The_Crossing_Guard.html
index 6b0747b3f98c0f538c0dd812204c897dfce05a36..f21ddac36e7e3b19ace7fd99bae1b8f6e2dc75e5 100644
--- a/sitehtml/The_Crossing_Guard.html
+++ b/sitehtml/The_Crossing_Guard.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Crossing Guard</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/kogaCIIylHmWQo2gJrrdq8Br8b8.jpg" alt="The Crossing Guard">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Unable to move on from the loss of his daughter, Freddy, now a shell of the person he was before, swears to kill the man responsible for her death.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Thriller</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 51m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">60%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Jack Nicholson, David Morse, Anjelica Huston, Robin Wright, Piper Laurie, Richard Bradford, Priscilla Barnes, David Baerwald, Robbie Robertson, John Savage</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">loss of loved one, hit-and-run, revenge, tragedy</p>
</div>
diff --git a/sitehtml/The_Crow.html b/sitehtml/The_Crow.html
index ed69a70d7e7ed1693c2c44e675fbe7d817751e6c..0a6109b5fef812fea79a9bdebdbecf3111131d17 100644
--- a/sitehtml/The_Crow.html
+++ b/sitehtml/The_Crow.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Cure.html b/sitehtml/The_Cure.html
index 781d39ed9cdd17ea5e0f7224c1b1543e8f47a51b..734825db93465f836485ab0d4f04f858a8d2b869 100644
--- a/sitehtml/The_Cure.html
+++ b/sitehtml/The_Cure.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Doom_Generation.html b/sitehtml/The_Doom_Generation.html
index 93ef8e91d6199523f591ec52a8a12b9e5c4a479b..d7aa405b503145b61f86981585d04a7a586aec6f 100644
--- a/sitehtml/The_Doom_Generation.html
+++ b/sitehtml/The_Doom_Generation.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Doom Generation</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/cRzRj2UBvIH8ryWhu5PNL2PzV7j.jpg" alt="The Doom Generation">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Jordan White and Amy Blue, two troubled teens, pick up an adolescent drifter, Xavier Red. Together, the threesome embarks on a sex- and violence-filled journey through a United States of psychos and quickie marts.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Crime, Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 23m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">64%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Rose McGowan, James Duval, Johnathon Schaech, Cress Williams, Dustin Nguyen, Margaret Cho, Lauren Tewes, Christopher Knight, Nicky Katt, Johanna Went</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">friendship, california, nazi, nihilism, eroticism, blow job, controversy, punk rock, surrealism, severed head, drifter, on the road, threesome, shoplifting, polyamory, voyeur, crystal meth</p>
</div>
diff --git a/sitehtml/The_Endless_Summer_2.html b/sitehtml/The_Endless_Summer_2.html
index 6089e4f8556ceb6dc218c3f7188d38c5bb6076dd..be9f6eb43788a6bb9b1c042493ad54cea6c982ce 100644
--- a/sitehtml/The_Endless_Summer_2.html
+++ b/sitehtml/The_Endless_Summer_2.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Englishman_Who_Went_Up_a_Hill_But_Came_Down_a_Mountain.html b/sitehtml/The_Englishman_Who_Went_Up_a_Hill_But_Came_Down_a_Mountain.html
index 18ede7383369c5f763cef8cd18ce55e6b7c66393..e4414ec71f63a88d3f07c349b957df61c11b115e 100644
--- a/sitehtml/The_Englishman_Who_Went_Up_a_Hill_But_Came_Down_a_Mountain.html
+++ b/sitehtml/The_Englishman_Who_Went_Up_a_Hill_But_Came_Down_a_Mountain.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Fan.html b/sitehtml/The_Fan.html
index 83fac332d246f8c89ac5820486195b19d1265fb9..738e9317eea7fbb9bfc0145f4f6cc04c758af387 100644
--- a/sitehtml/The_Fan.html
+++ b/sitehtml/The_Fan.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>The Fan</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/uBUfrSpgQacEnjcMjpDszQTTqsL.jpg" alt="The Fan">
+ <img src="https://image.tmdb.org/t/p/original/lu7CjP8YES5dJMCFg5O9o9jCkjl.jpg" alt="The Fan">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>A record store clerk is an obsessed fan of an actress of stage and screen. However, when faced with rejection, the fan strikes out in increasingly violent ways.</p>
+ <p>When the San Francisco Giants pay center-fielder, Bobby Rayburn $40 million to lead their team to the World Series, no one is happier or more supportive than #1 fan, Gil Renard. When Rayburn becomes mired in the worst slump of his career, the obsessed Renard decides to stop at nothing to help his idol regain his former glory—not even murder.</p>
<h2>Genres</h2>
- <p class="genres">Drama, Horror, Thriller</p>
+ <p class="genres">Thriller, Action, Drama</p>
<h2>Durée</h2>
- <p class="runtime">1h 35m</p>
+ <p class="runtime">1h 56m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1981</p>
+ <p class="release_year">1996</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">58%</p>
+ <p class="user_rating">59%</p>
<h2>Acteurs</h2>
- <p class="actors">Lauren Bacall, James Garner, Maureen Stapleton, Hector Elizondo, Michael Biehn, Anna Maria Horsford, Kurt Johnson, Feiga Martinez, Reed Jones, Kaiulani Lee</p>
+ <p class="actors">Robert De Niro, Wesley Snipes, Ellen Barkin, John Leguizamo, Benicio del Toro, Patti D'Arbanville, Chris Mulkey, Andrew J. Ferchland, Brandon Hammond, Charles Hallahan</p>
<h2>Mots-clés</h2>
- <p class="keywords">obsession, stalker, obsessed fan, fan mail</p>
+ <p class="keywords">sports, luck, child custody, baseball pitcher, baseball fan, psychotic fan, sports agent, driving range, steam room</p>
</div>
</div>
</body>
diff --git a/sitehtml/The_Favor.html b/sitehtml/The_Favor.html
index 778a3bbc84e89329515b4190e87e8009f59fbb1a..769aa2f16b522cc9e1c84b2f17f166e932d157d6 100644
--- a/sitehtml/The_Favor.html
+++ b/sitehtml/The_Favor.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Firm.html b/sitehtml/The_Firm.html
index 681056e7a9b126c6403c461bf5f4e67ca23bfa63..80625a812fdb3d8b280b1fe841bd0e94c9774b97 100644
--- a/sitehtml/The_Firm.html
+++ b/sitehtml/The_Firm.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_First_Wives_Club.html b/sitehtml/The_First_Wives_Club.html
index ff57433367bdd1866ee3a27eb6bc242e41852c5f..1fd5fe397d4dc85fd077b10ffdcdd7f665c1c203 100644
--- a/sitehtml/The_First_Wives_Club.html
+++ b/sitehtml/The_First_Wives_Club.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Flintstones.html b/sitehtml/The_Flintstones.html
index b74af63082e2faf95da093916018bd951ae98815..0774069468566a5523bcbc5241f9f68973c0f7a5 100644
--- a/sitehtml/The_Flintstones.html
+++ b/sitehtml/The_Flintstones.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Flower_of_My_Secret.html b/sitehtml/The_Flower_of_My_Secret.html
index 1e331b41af65248c5460eaf1ec0514891f492bfc..1969105cab92479a7d53ea08c828ccc7a1b21f16 100644
--- a/sitehtml/The_Flower_of_My_Secret.html
+++ b/sitehtml/The_Flower_of_My_Secret.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Frighteners.html b/sitehtml/The_Frighteners.html
index 35e39bee306dcb7c4dade6c41668ab1b20f93eb6..60f0c578d31814ff8a005ca3977332e9e98c3635 100644
--- a/sitehtml/The_Frighteners.html
+++ b/sitehtml/The_Frighteners.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Fugitive.html b/sitehtml/The_Fugitive.html
index 48c18f3a0fa00d54116462e303bc31c0cec8e9c6..f25b2d74e04550d89dd5f16ae777a0d7c7c751a2 100644
--- a/sitehtml/The_Fugitive.html
+++ b/sitehtml/The_Fugitive.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Gate_of_Heavenly_Peace.html b/sitehtml/The_Gate_of_Heavenly_Peace.html
index cfd526a1c246d2852ee85138f8997b4cb0922e48..0bf1801bc46f6795a6c4ea70cb9997b3b99305de 100644
--- a/sitehtml/The_Gate_of_Heavenly_Peace.html
+++ b/sitehtml/The_Gate_of_Heavenly_Peace.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Getaway.html b/sitehtml/The_Getaway.html
index 33fd394971b24e6315b75095c67a4a77b837ed3e..3da081788ab4d60aaebfbd4b998128864595e502 100644
--- a/sitehtml/The_Getaway.html
+++ b/sitehtml/The_Getaway.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>The Getaway</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/8SvnGUJsr16zUJ2CN7ONX1ZWtZ8.jpg" alt="The Getaway">
+ <img src="https://image.tmdb.org/t/p/original/4tWvZ4BQu3ICmtUL8lXHa9OgkoF.jpg" alt="The Getaway">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>A recently released ex-convict and his loyal wife go on the run after a heist goes wrong.</p>
+ <p>Doc McCoy is put in prison because his partners chickened out and flew off without him after exchanging a prisoner with a lot of money. Doc knows Jack Benyon, a rich "business"-man, is up to something big, so he tells his wife (Carol McCoy) to tell him that he's for sale if Benyon can get him out of prison. Benyon pulls some strings and Doc McCoy is released again. Unfortunately he has to cooperate with the same person that got him to prison.</p>
<h2>Genres</h2>
- <p class="genres">Action, Crime, Thriller</p>
+ <p class="genres">Action, Crime, Mystery, Thriller</p>
<h2>Durée</h2>
- <p class="runtime">2h 3m</p>
+ <p class="runtime">1h 55m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1972</p>
+ <p class="release_year">1994</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">71%</p>
+ <p class="user_rating">56%</p>
<h2>Acteurs</h2>
- <p class="actors">Steve McQueen, Ali MacGraw, Ben Johnson, Sally Struthers, Al Lettieri, Slim Pickens, Richard Bright, Jack Dodson, Dub Taylor, Bo Hopkins</p>
+ <p class="actors">Alec Baldwin, Kim Basinger, Michael Madsen, James Woods, David Morse, Jennifer Tilly, James Stephens, Richard Farnsworth, Burton Gilliam, Philip Seymour Hoffman</p>
<h2>Mots-clés</h2>
- <p class="keywords">robbery, based on novel or book, texas, heist, con artist, murder, organized crime, on the run, bag of money, gunfight, bank robbery, double cross, neo-noir</p>
+ <p class="keywords">hitman, anti hero, fugitive, suicide by hanging, sexual torture, exploding truck, cuckold, garbage dump, action hero, manhunt</p>
</div>
</div>
</body>
diff --git a/sitehtml/The_Glass_Shield.html b/sitehtml/The_Glass_Shield.html
index 39bcbf8da1c93fb0e7c726d52c8d7d1ee2920cf8..ecb5eeb436db3c547bf1ec1a6c1930e4bed3c174 100644
--- a/sitehtml/The_Glass_Shield.html
+++ b/sitehtml/The_Glass_Shield.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Grass_Harp.html b/sitehtml/The_Grass_Harp.html
index 808066cb5dfb73e4cb9f933a44eeee872e402125..07251e03369bfe6699ef6c0c3f3f42bdab1c8d32 100644
--- a/sitehtml/The_Grass_Harp.html
+++ b/sitehtml/The_Grass_Harp.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Great_White_Hype.html b/sitehtml/The_Great_White_Hype.html
index e4c86608df277e8b63d1f6bc94f6c57476797460..dafe9c1010988e158adba44672923c886205688f 100644
--- a/sitehtml/The_Great_White_Hype.html
+++ b/sitehtml/The_Great_White_Hype.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Haunted_World_of_Edward_D._Wood,_Jr..html b/sitehtml/The_Haunted_World_of_Edward_D._Wood,_Jr..html
index 4f66e269ff77b618123b00de2310b0ec14c13645..e1b3870f19f80e1442e88a938b7abc9007e86c77 100644
--- a/sitehtml/The_Haunted_World_of_Edward_D._Wood,_Jr..html
+++ b/sitehtml/The_Haunted_World_of_Edward_D._Wood,_Jr..html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Horseman_on_the_Roof.html b/sitehtml/The_Horseman_on_the_Roof.html
index debcf33c24c6d096c29bba5a15b6cb350666d317..be9d10dace7dda00f235793fc285f2f967657144 100644
--- a/sitehtml/The_Horseman_on_the_Roof.html
+++ b/sitehtml/The_Horseman_on_the_Roof.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_House_of_the_Spirits.html b/sitehtml/The_House_of_the_Spirits.html
index 9bc815203c19fe670deca6c191baa56d90615c22..a1d94d61ed4774b266aaaac1de78683292516c51 100644
--- a/sitehtml/The_House_of_the_Spirits.html
+++ b/sitehtml/The_House_of_the_Spirits.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Hudsucker_Proxy.html b/sitehtml/The_Hudsucker_Proxy.html
index 9166d341e67618c03fa04c1f904f3621219ff95e..6b0f96cc4fd3a26bbe422d38a2f68e39f264e2e7 100644
--- a/sitehtml/The_Hudsucker_Proxy.html
+++ b/sitehtml/The_Hudsucker_Proxy.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Hunchback_of_Notre_Dame.html b/sitehtml/The_Hunchback_of_Notre_Dame.html
index 1ef725387a66816cf2c9e142cbbc1b7f5735190f..fe2f3530e18f438823cfe74b28735b8ae10ec4c1 100644
--- a/sitehtml/The_Hunchback_of_Notre_Dame.html
+++ b/sitehtml/The_Hunchback_of_Notre_Dame.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>The Hunchback of Notre Dame</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/m6fsyHeqSQs4tktk9q3awgo7IzF.jpg" alt="The Hunchback of Notre Dame">
+ <img src="https://image.tmdb.org/t/p/original/7k0fr2xLCTChjN8MnGNThTP9uEB.jpg" alt="The Hunchback of Notre Dame">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>Paris, France, 1482. Frollo, Chief Justice of benevolent King Louis XI, gets infatuated by the beauty of Esmeralda, a young Romani girl. The hunchback Quasimodo, Frollo's protege and bell-ringer of Notre Dame, lives in peace among the bells in the heights of the immense cathedral until he is involved by the twisted magistrate in his malicious plans to free himself from Esmeralda's alleged spell, which he believes to be the devil's work.</p>
+ <p>Isolated bell-ringer Quasimodo wishes to leave Notre Dame tower against the wishes of Judge Claude Frollo, his stern guardian and Paris' strait-laced Minister of Justice. His first venture to the outside world finds him Esmeralda, a kind-hearted and fearless Romani woman who openly stands up to Frollo's tyranny.</p>
<h2>Genres</h2>
- <p class="genres">Drama, Romance, Horror</p>
+ <p class="genres">Drama, Animation, Family</p>
<h2>Durée</h2>
- <p class="runtime">1h 57m</p>
+ <p class="runtime">1h 31m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1939</p>
+ <p class="release_year">1996</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">72%</p>
+ <p class="user_rating">71%</p>
<h2>Acteurs</h2>
- <p class="actors">Charles Laughton, Cedric Hardwicke, Thomas Mitchell, Maureen O'Hara, Edmond O'Brien, Alan Marshal, Walter Hampden, Harry Davenport, Katharine Alexander, George Zucco</p>
+ <p class="actors">Tom Hulce, Demi Moore, Tony Jay, Kevin Kline, Charles Kimbrough, Mary Wickes, Jane Withers, Jason Alexander, Paul Kandel, Mary Kay Bergman</p>
<h2>Mots-clés</h2>
- <p class="keywords">sibling relationship, paris, france, based on novel or book, unrequited love, racism, kindness, hunchback, notre dame cathedral, bell ringing, beggar clan, physical deformity, sanctuary, bell ringer, 15th century, gypsy woman, church asylum</p>
+ <p class="keywords">dance, paris, france, based on novel or book, judge, sword, obsession, mockery, ugliness, cathedral, villain, musical, fool, bell, religion, orphan, army captain, festival, angry mob, notre dame cathedral, witch hunt, 15th century</p>
</div>
</div>
</body>
diff --git a/sitehtml/The_Hunted.html b/sitehtml/The_Hunted.html
index 13d0103ae9349b58bfb61c65fa710353353ade10..195d4777db2d471964eac76b0c60b196547a00b8 100644
--- a/sitehtml/The_Hunted.html
+++ b/sitehtml/The_Hunted.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>The Hunted</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/iIl3l7BPenoVpdRJAqIXeIgMQvV.jpg" alt="The Hunted">
+ <img src="https://image.tmdb.org/t/p/original/luCVuKiRBcQjr9MuY9mRCTehjpY.jpg" alt="The Hunted">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>In the wilderness of British Columbia, two hunters are tracked and viciously murdered by Aaron Hallum. A former Special Operations instructor is approached and asked to apprehend Hallum—his former student—who has 'gone rogue' after suffering severe battle stress from his time in Kosovo.</p>
+ <p>Paul Racine, a high-powered American business executive in Japan, is catapulted into a maze of danger and intrigue after he and his sexy companion are the targets of assassins hired by the ruthless Kinjo. To survive, Racine must join forces with a powerful samurai and together they will fight the force of evil in an awesome battle rooted in centuries of brutal conflict.</p>
<h2>Genres</h2>
- <p class="genres">Drama, Action, Thriller, Crime</p>
+ <p class="genres">Action, Drama, Thriller</p>
<h2>Durée</h2>
- <p class="runtime">1h 34m</p>
+ <p class="runtime">1h 50m</p>
<h2>Année de sortie</h2>
- <p class="release_year">2003</p>
+ <p class="release_year">1995</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">61%</p>
+ <p class="user_rating">57%</p>
<h2>Acteurs</h2>
- <p class="actors">Tommy Lee Jones, Benicio del Toro, Connie Nielsen, Leslie Stefanson, John Finn, Mark Pellegrino, Ron Canada, José Zúñiga, Jenna Boyd, Rex Linn</p>
+ <p class="actors">Christophe Lambert, John Lone, Joan Chen, Yoshio Harada, Yoko Shimada, Mari Natsuki, Tak Kubota, Masumi Okada, Toshishiro Obata, Tatsuya Irie</p>
<h2>Mots-clés</h2>
- <p class="keywords">hunter, fbi, knife, balkan war, woods, slaughter, survivalist, maniac, special forces, killing spree, combat, ex soldier, dark past, manhunt</p>
+ <p class="keywords">martial arts, assassin, samurai, self sacrifice, villainess, secret society, fistfight, ninja, one man army, one against many, sword duel, good versus evil</p>
</div>
</div>
</body>
diff --git a/sitehtml/The_Indian_in_the_Cupboard.html b/sitehtml/The_Indian_in_the_Cupboard.html
index f0deec317f5ab3e46eb75f2ecaad594a4795e799..511916e99892ad4c8ede9825c4ef8509b3cf55ae 100644
--- a/sitehtml/The_Indian_in_the_Cupboard.html
+++ b/sitehtml/The_Indian_in_the_Cupboard.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Indian in the Cupboard</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/ozQAmW85tTJu2dhRe3evzyY03Nb.jpg" alt="The Indian in the Cupboard">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A nine-year-old boy gets a plastic Indian and a cupboard for his birthday and finds himself involved in adventure when the Indian comes to life and befriends him.</p>
-
+
<h2>Genres</h2>
<p class="genres">Adventure, Family, Fantasy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 36m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">65%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Hal Scardino, Litefoot, Lindsay Crouse, Richard Jenkins, Rishi Bhat, Steve Coogan, David Keith, Sakina Jaffrey, Vincent Kartheiser, Nestor Serrano</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">based on novel or book, cupboard, games, puppet, based on children's book, parallel world, toy comes to life, toy soldier</p>
</div>
diff --git a/sitehtml/The_Inkwell.html b/sitehtml/The_Inkwell.html
index 78f7add65b343205b4f8d29c58096862a301ea06..4ab05ab2bb584c381cbaa7a3bc69ab36bfdb387e 100644
--- a/sitehtml/The_Inkwell.html
+++ b/sitehtml/The_Inkwell.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Jerky_Boys.html b/sitehtml/The_Jerky_Boys.html
index b5392fd3180e802c3f05232dec260662b69f49ba..856df589a613d12e284dc3c4c0028574da3456dd 100644
--- a/sitehtml/The_Jerky_Boys.html
+++ b/sitehtml/The_Jerky_Boys.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Jungle_Book.html b/sitehtml/The_Jungle_Book.html
index 45fa70951497543cb6a7d6b2d7a7cf94117a9787..161caf18d3b9499feac1a3da34890bd9981e0884 100644
--- a/sitehtml/The_Jungle_Book.html
+++ b/sitehtml/The_Jungle_Book.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>The Jungle Book</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/9BgcTVV43dZ8A1TpuXWkuNTXtfI.jpg" alt="The Jungle Book">
+ <img src="https://image.tmdb.org/t/p/original/rYoE6cuup9Ofam6AuYaiJLxF9OO.jpg" alt="The Jungle Book">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>The boy Mowgli makes his way to the man-village with Bagheera, the wise panther. Along the way he meets jazzy King Louie, the hypnotic snake Kaa and the lovable, happy-go-lucky bear Baloo, who teaches Mowgli "The Bare Necessities" of life and the true meaning of friendship.</p>
+ <p>Raised by wild animals since childhood, Mowgli is drawn away from the jungle by the beautiful Kitty. But Mowgli must eventually face corrupt Capt. Boone, who wants both Kitty's hand and the treasures of Monkey City – a place only Mowgli can find.</p>
<h2>Genres</h2>
- <p class="genres">Family, Animation, Adventure</p>
+ <p class="genres">Family, Adventure, Drama</p>
<h2>Durée</h2>
- <p class="runtime">1h 18m</p>
+ <p class="runtime">1h 51m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1967</p>
+ <p class="release_year">1994</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">72%</p>
+ <p class="user_rating">59%</p>
<h2>Acteurs</h2>
- <p class="actors">Bruce Reitherman, Phil Harris, Sebastian Cabot, George Sanders, Sterling Holloway, Louis Prima, J. Pat O'Malley, Clint Howard, Chad Stuart, Lord Tim Hudson</p>
+ <p class="actors">Jason Scott Lee, Cary Elwes, Lena Headey, Sam Neill, John Cleese, Jason Flemyng, Stefan Kalipha, Ron Donachie, Anirudh Agarwal, Faran Tahir</p>
<h2>Mots-clés</h2>
- <p class="keywords">based on novel or book, narration, human animal relationship, musical, feral child, anthropomorphism, jungle, orphan, india, animal lead</p>
+ <p class="keywords">tiger, feral child, jungle, bear, falling in love</p>
</div>
</div>
</body>
diff --git a/sitehtml/The_Juror.html b/sitehtml/The_Juror.html
index 51e87035d1a15a1c7511327cb6c2d01cc1a83b5f..736dbb677c9962960f6d284ba6ac2711ceae0839 100644
--- a/sitehtml/The_Juror.html
+++ b/sitehtml/The_Juror.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Juror</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/31mRYhJvaknQx8PQnR2UV7YCkLT.jpg" alt="The Juror">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>With his gangster boss on trial for murder, a mob thug known as "the Teacher" tells Annie Laird she must talk her fellow jurors into a not-guilty verdict, implying that he'll kill her son Oliver if she fails. She manages to do this, but, when it becomes clear that the mobsters might want to silence her for good, she sends Oliver abroad and tries to gather evidence of the plot against her, setting up a final showdown.</p>
-
+
<h2>Genres</h2>
<p class="genres">Thriller, Crime, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 58m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">55%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Demi Moore, Alec Baldwin, Joseph Gordon-Levitt, Anne Heche, James Gandolfini, Lindsay Crouse, Tony Lo Bianco, Michael Constantine, Matt Craven, Todd Susman</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">court case, jurors, blackmail, son, trial, courtroom, courtroom drama, legal thriller</p>
</div>
diff --git a/sitehtml/The_Last_Supper.html b/sitehtml/The_Last_Supper.html
index 0048a0b061fb2dc965e248b98c4d46b215789c63..6a63ea943b6fcece6f1a49f4679c83d627f50ce1 100644
--- a/sitehtml/The_Last_Supper.html
+++ b/sitehtml/The_Last_Supper.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Lion_King.html b/sitehtml/The_Lion_King.html
index 713e62769a58f1f9e2b7fa948e48e0b53f7b8ad8..59393e2398ff65e2b7a9518a07ca6ddf6a08a741 100644
--- a/sitehtml/The_Lion_King.html
+++ b/sitehtml/The_Lion_King.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Little_Rascals.html b/sitehtml/The_Little_Rascals.html
index 12c892545ef669094fafe4f3edf5307c0866136a..facfabac478a9f13c9d4a791b3eed6a610ff2755 100644
--- a/sitehtml/The_Little_Rascals.html
+++ b/sitehtml/The_Little_Rascals.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Madness_of_King_George.html b/sitehtml/The_Madness_of_King_George.html
index 78168843d8ba032992ba28e16d95b291c6e2b3fa..1ab687479f2dd08aedf681616bd2d7eb8720b1c2 100644
--- a/sitehtml/The_Madness_of_King_George.html
+++ b/sitehtml/The_Madness_of_King_George.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Man_Without_a_Face.html b/sitehtml/The_Man_Without_a_Face.html
index 598a7afe08bc3f3d1d7dc45ad583a3f7e5675a6a..27f344d90442046a1a3250e02fc15d89ff1c8d77 100644
--- a/sitehtml/The_Man_Without_a_Face.html
+++ b/sitehtml/The_Man_Without_a_Face.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Mask.html b/sitehtml/The_Mask.html
index fa5080dcb12d528678e66807833ff87d5cd82f66..2126d3133f47818d43391faca2643364aed0d7d1 100644
--- a/sitehtml/The_Mask.html
+++ b/sitehtml/The_Mask.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Net.html b/sitehtml/The_Net.html
index 74f5457c0c0463b02634fe3442d80f54ca04325b..f37f66df1c5acd30cf79d768de9a64413f79d55e 100644
--- a/sitehtml/The_Net.html
+++ b/sitehtml/The_Net.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_NeverEnding_Story_III.html b/sitehtml/The_NeverEnding_Story_III.html
index 501b9cace608a3b3a557128080e3c24499da3b45..843cb93f62c2dc97a6ac5b09ff731c20eb0122a1 100644
--- a/sitehtml/The_NeverEnding_Story_III.html
+++ b/sitehtml/The_NeverEnding_Story_III.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The NeverEnding Story III</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/o75HHfr23sgeqIeUPwjKY0V9Ppi.jpg" alt="The NeverEnding Story III">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A young boy must restore order when a group of bullies steal the magical book that acts as a portal between Earth and the imaginary world of Fantasia.</p>
-
+
<h2>Genres</h2>
<p class="genres">Fantasy, Family</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 35m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1994</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">43%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Jason James Richter, Melody Kay, Jack Black, Ryan Bollman, Freddie Jones, Julie Cox, William Hootkins, Tony Robinson, Thomas Petruo, Moya Brady</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">flying, magic, sequel, dragon, based on children's book, fantasy world</p>
</div>
diff --git a/sitehtml/The_Next_Karate_Kid.html b/sitehtml/The_Next_Karate_Kid.html
index fde28294633ee3608afa21b8d907f3b7db31ff67..f87aad9f1c21fb7742e096252148e51ecb6348d2 100644
--- a/sitehtml/The_Next_Karate_Kid.html
+++ b/sitehtml/The_Next_Karate_Kid.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Nightmare_Before_Christmas.html b/sitehtml/The_Nightmare_Before_Christmas.html
index 9ea90abaa0e3878b104119f1b7f7a46d65c5304e..a585ed44bcd19ab19ec03a37226cbe94682cc4ad 100644
--- a/sitehtml/The_Nightmare_Before_Christmas.html
+++ b/sitehtml/The_Nightmare_Before_Christmas.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Nutty_Professor.html b/sitehtml/The_Nutty_Professor.html
index c06550863f390f31efe281daa483cdb5db81b32a..ec33e58fb84f5fd7af4ed5c8a0dca58cd37fd1ee 100644
--- a/sitehtml/The_Nutty_Professor.html
+++ b/sitehtml/The_Nutty_Professor.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>The Nutty Professor</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/a3lzU19j7WGfyXVDfPMdh8DAkru.jpg" alt="The Nutty Professor">
+ <img src="https://image.tmdb.org/t/p/original/fMtb5aZoLRNbMnCkatFsTmPRfl5.jpg" alt="The Nutty Professor">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>A timid, nearsighted chemistry teacher discovers a magical potion that can transform him into a suave and handsome Romeo. The Jekyll and Hyde game works well enough until the concoction starts to wear off at the most embarrassing times.</p>
+ <p>Eddie Murphy stars as shy Dr. Sherman Klump, a kind, brilliant, 'calorifically challenged' genetic professor. When beautiful Carla Purty joins the university faculty, Sherman grows desperate to whittle his 400-pound frame down to size and win her heart. So, with one swig of his experimental fat-reducing serum, Sherman becomes 'Buddy Love', a fast-talking, pumped-up , plumped down Don Juan.</p>
<h2>Genres</h2>
- <p class="genres">Comedy, Science Fiction, Romance</p>
+ <p class="genres">Fantasy, Comedy, Romance, Science Fiction</p>
<h2>Durée</h2>
- <p class="runtime">1h 47m</p>
+ <p class="runtime">1h 35m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1963</p>
+ <p class="release_year">1996</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">65%</p>
+ <p class="user_rating">56%</p>
<h2>Acteurs</h2>
- <p class="actors">Jerry Lewis, Stella Stevens, Del Moore, Henry Gibson, Kathleen Freeman, Richard Kiel, Norman Alden, Howard Morris, Elvia Allman, Milton Frome</p>
+ <p class="actors">Eddie Murphy, Jada Pinkett Smith, James Coburn, Larry Miller, Dave Chappelle, John Ales, Patricia Wilson, Jamal Mixon, Nichole McAuley, Hamilton von Watts</p>
<h2>Mots-clés</h2>
- <p class="keywords">professor, chemistry, teacher, love, potion, playing piano</p>
+ <p class="keywords">overweight, overweight man, campus, family dinner, jekyll and hyde, duringcreditsstinger, chemistry professor, 1990s</p>
</div>
</div>
</body>
diff --git a/sitehtml/The_Pagemaster.html b/sitehtml/The_Pagemaster.html
index af1da7105ce43a5ca6a5a1432ce767e8b6392a1b..5ca509291b90c2e66b3f6cb2f0dee045f7e8ef77 100644
--- a/sitehtml/The_Pagemaster.html
+++ b/sitehtml/The_Pagemaster.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Pallbearer.html b/sitehtml/The_Pallbearer.html
index bf2877ccad2a0ec3056969837c85560f182291f5..c4795c0d2a5d8576c325967eaee6dce6ddcda6da 100644
--- a/sitehtml/The_Pallbearer.html
+++ b/sitehtml/The_Pallbearer.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Paper.html b/sitehtml/The_Paper.html
index 6cc71037a2eab91e5a78644614f64760192b278f..04f6241e561fb5b903af69fbaa78592d974b0fe6 100644
--- a/sitehtml/The_Paper.html
+++ b/sitehtml/The_Paper.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Perez_Family.html b/sitehtml/The_Perez_Family.html
index 279566c7283370fdfb613686adc5549d2c7cd49a..832da4c51c20748763fb6fb43abc9bd31de18893 100644
--- a/sitehtml/The_Perez_Family.html
+++ b/sitehtml/The_Perez_Family.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Phantom.html b/sitehtml/The_Phantom.html
index 7d1151adb1d8cd2d7a0122159f6dfad3bc2f75c8..549c0582dd4d2e6e3073c72288c207bb642abb65 100644
--- a/sitehtml/The_Phantom.html
+++ b/sitehtml/The_Phantom.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Piano.html b/sitehtml/The_Piano.html
index 49fff78c274ecb3ff43529f2b14e8a85e16be9e0..fb774bfdf498ee97152725e735ffb12733397648 100644
--- a/sitehtml/The_Piano.html
+++ b/sitehtml/The_Piano.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Postman.html b/sitehtml/The_Postman.html
index d75f46610b89c502e1a04ab01bb19ea28939d6ea..59a48586a9b956545190f709246822cf209b9e0a 100644
--- a/sitehtml/The_Postman.html
+++ b/sitehtml/The_Postman.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,32 +71,32 @@
<body>
<div class="movie-container">
<h1>The Postman</h1>
-
+
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/piVzOuKFLHNGLxnjwNtibC26lTy.jpg" alt="The Postman">
+ <img src="https://image.tmdb.org/t/p/original/cUaCpjVDefYShKyLmkcDsiPaBHn.jpg" alt="The Postman">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
- <p>In 2013, there are no highways, no I-ways, no dreams of a better tomorrow, only scattered survivors across what was once the Unites States. Into this apocalyptic wasteland comes an enigmatic drifter with a mule, a knack for Shakespeare, and something yet undiscovered: the power to inspire hope.</p>
-
+ <p>Simple Italian postman learns to love poetry while delivering mail to a famous poet; he uses this to woo local beauty Beatrice.</p>
+
<h2>Genres</h2>
- <p class="genres">Science Fiction, Adventure, Action, War</p>
-
+ <p class="genres">Comedy, Drama, Romance</p>
+
<h2>Durée</h2>
- <p class="runtime">2h 57m</p>
-
+ <p class="runtime">1h 49m</p>
+
<h2>Année de sortie</h2>
- <p class="release_year">1997</p>
-
+ <p class="release_year">1994</p>
+
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">62%</p>
-
+ <p class="user_rating">79%</p>
+
<h2>Acteurs</h2>
- <p class="actors">Kevin Costner, Will Patton, Larenz Tate, Olivia Williams, James Russo, Daniel von Bargen, Tom Petty, Scott Bairstow, Giovanni Ribisi, Roberta Maxwell</p>
-
+ <p class="actors">Massimo Troisi, Philippe Noiret, Maria Grazia Cucinotta, Renato Scarpa, Linda Moretti, Mariano Rigillo, Anna Bonaiuto, Sergio Solli, Carlo Di Maio, Nando Neri</p>
+
<h2>Mots-clés</h2>
- <p class="keywords">army, based on novel or book, anti hero, post-apocalyptic future, fictional war, fighting, alternate reality, future war, tyranny, mail carrier, tyrannical boss</p>
+ <p class="keywords">island, fisherman, letter, postman, poet, naples, italy, love, poverty</p>
</div>
</div>
</body>
diff --git a/sitehtml/The_Program.html b/sitehtml/The_Program.html
index 8f5639b6c215c99e02dfb1caab7a5f7fd98cc699..88e56434edeae6dcf25bcfa811150902bb74ceff 100644
--- a/sitehtml/The_Program.html
+++ b/sitehtml/The_Program.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Promise.html b/sitehtml/The_Promise.html
index 2ef59c89e95cafeedad1c1675fce9b207573f09a..e77c72e369ad1a51d5b954d62d9ce1c3a8e0af9d 100644
--- a/sitehtml/The_Promise.html
+++ b/sitehtml/The_Promise.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Prophecy.html b/sitehtml/The_Prophecy.html
index 6ec9e7ccbb5c57fba4086425e29dd5362cbb6906..2fb0c32326f39d84de70cefc2c607b5050adcde3 100644
--- a/sitehtml/The_Prophecy.html
+++ b/sitehtml/The_Prophecy.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Puppet_Masters.html b/sitehtml/The_Puppet_Masters.html
index 16d53b99f20a780c66e012f1aee879652aa40c26..96906fb196d25cea368cda599ef81e7643659928 100644
--- a/sitehtml/The_Puppet_Masters.html
+++ b/sitehtml/The_Puppet_Masters.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Quest.html b/sitehtml/The_Quest.html
index 0b93820a6cc7af623f68129838a0b11765f3d82e..4a8a494f38c991de15f46de618bd26133a837360 100644
--- a/sitehtml/The_Quest.html
+++ b/sitehtml/The_Quest.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Quick_and_the_Dead.html b/sitehtml/The_Quick_and_the_Dead.html
index 79a8a47c4a7f04c17b88a934b34002cea22193c6..51ff982bb3fbcac40f586068fc14041ca653c1de 100644
--- a/sitehtml/The_Quick_and_the_Dead.html
+++ b/sitehtml/The_Quick_and_the_Dead.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Ref.html b/sitehtml/The_Ref.html
index ba70e4b1471784d6f9e87a7cb9999718efbc07f3..236d80876e4a41f1536d228257142279891fefdb 100644
--- a/sitehtml/The_Ref.html
+++ b/sitehtml/The_Ref.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Remains_of_the_Day.html b/sitehtml/The_Remains_of_the_Day.html
index 17b6deb06092c9a07923f903086974e9e1ae84d9..c38b5c79e1dbdd6f031e0d5a851cb1a5e10566b0 100644
--- a/sitehtml/The_Remains_of_the_Day.html
+++ b/sitehtml/The_Remains_of_the_Day.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_River_Wild.html b/sitehtml/The_River_Wild.html
index 13b878f564518a49731e1e4e943bca7a6e3fb0bc..92765669cbb2e776be9a888258b92044d2b32a98 100644
--- a/sitehtml/The_River_Wild.html
+++ b/sitehtml/The_River_Wild.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Road_to_Wellville.html b/sitehtml/The_Road_to_Wellville.html
index 9f445bb6a5ad162130da5c7400a9ef270421895a..0a9574f5c73a9c8ac327dad466112cf31bbb71d7 100644
--- a/sitehtml/The_Road_to_Wellville.html
+++ b/sitehtml/The_Road_to_Wellville.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Rock.html b/sitehtml/The_Rock.html
index ffeba9ec8eed952c079a339a534dd079c245f0dc..2a14eb2f778ab8027fa2b808a146e30e02aec357 100644
--- a/sitehtml/The_Rock.html
+++ b/sitehtml/The_Rock.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Run_of_the_Country.html b/sitehtml/The_Run_of_the_Country.html
index 7b8c086cc937e78681b80966319883bac493c40d..7c10e1691812f2577fcdad8bbadf01b49a2e8f3c 100644
--- a/sitehtml/The_Run_of_the_Country.html
+++ b/sitehtml/The_Run_of_the_Country.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Santa_Clause.html b/sitehtml/The_Santa_Clause.html
index d9ab2eb9cff67e5a79ae80bdbbc7ca63782dc742..ab5d668ab61ff44504043ec6fe636035e36cc3db 100644
--- a/sitehtml/The_Santa_Clause.html
+++ b/sitehtml/The_Santa_Clause.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Scarlet_Letter.html b/sitehtml/The_Scarlet_Letter.html
index 523980597c91cefe236292e0b3263b9e782eb301..0bbba8f8646f37895faf7dc29f1c66069e94bb9c 100644
--- a/sitehtml/The_Scarlet_Letter.html
+++ b/sitehtml/The_Scarlet_Letter.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>The Scarlet Letter</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/8CztyNeSyaYVoNiOqjgPYTqkPyc.jpg" alt="The Scarlet Letter">
+ <img src="https://image.tmdb.org/t/p/original/8gIU7O3oV6NyWUjlL6ppbpnIZLW.jpg" alt="The Scarlet Letter">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>In Puritan Boston, seamstress Hester Prynne and kindly Reverend Arthur Dimmesdale fall in love. After Dimmesdale must go away for a time to England, he returns to discover that Hester has given birth to their child and is the focus of local censure.</p>
+ <p>Set in puritanical Boston in the mid 1600s, the story of seamstress Hester Prynne, who is outcast after she becomes pregnant by a respected reverend. She refuses to divulge the name of the father, is "convicted" of adultery and forced to wear a scarlet "A" until an Indian attack unites the Puritans and leads to a reevaluation of their laws and morals.</p>
<h2>Genres</h2>
- <p class="genres">Drama, History</p>
+ <p class="genres">Drama, Romance, Western</p>
<h2>Durée</h2>
- <p class="runtime">1h 55m</p>
+ <p class="runtime">2h 15m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1927</p>
+ <p class="release_year">1995</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">72%</p>
+ <p class="user_rating">60%</p>
<h2>Acteurs</h2>
- <p class="actors">Lillian Gish, Lars Hanson, Henry B. Walthall, Karl Dane, William H. Tooker, Marcelle Corday, Fred Herzog, Jules Cowles, Mary Hawes, Joyce Coad</p>
+ <p class="actors">Demi Moore, Gary Oldman, Robert Duvall, Robert Prosky, Edward Hardwicke, Joan Plowright, Roy Dotrice, Larissa Laskin, Amy Wright, Dana Ivey</p>
<h2>Mots-clés</h2>
- <p class="keywords">minister, clergyman, punishment, love, single mother, silent film, public humiliation, reverend, seamstress, stigma, adulteress, missing husband, out of wedlock child, love child</p>
+ <p class="keywords">based on novel or book, boston, massachusetts, pregnancy, witch burning, puritan, period drama, extramarital affair, 17th century</p>
</div>
</div>
</body>
diff --git a/sitehtml/The_Scout.html b/sitehtml/The_Scout.html
index 93b8fabcc4f8728c5fbe03023465b264fdf2af68..d7581eed699f2b6f8068ebd38bf3a47c71109d58 100644
--- a/sitehtml/The_Scout.html
+++ b/sitehtml/The_Scout.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Secret_Adventures_of_Tom_Thumb.html b/sitehtml/The_Secret_Adventures_of_Tom_Thumb.html
index b8888e2d0cb116f20ca166eddf3d7d7d8933b00d..42e30a824399d1910226f7131de241ad82bdf1e6 100644
--- a/sitehtml/The_Secret_Adventures_of_Tom_Thumb.html
+++ b/sitehtml/The_Secret_Adventures_of_Tom_Thumb.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Secret_Garden.html b/sitehtml/The_Secret_Garden.html
index 0f67061e10cfc50c25bf08b0760fb644ac824034..b14da3d36efbc694a34cfaafc0c3ed6d6693d44e 100644
--- a/sitehtml/The_Secret_Garden.html
+++ b/sitehtml/The_Secret_Garden.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Secret_of_Roan_Inish.html b/sitehtml/The_Secret_of_Roan_Inish.html
index 9cf5c96aeb3e94cd971b54d90ebd8b9c5f0b7e42..e4fec46d4bcf92ee9f9cc286a68e5ebd466e2ad6 100644
--- a/sitehtml/The_Secret_of_Roan_Inish.html
+++ b/sitehtml/The_Secret_of_Roan_Inish.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Shadow.html b/sitehtml/The_Shadow.html
index aea268d0948aef78cf070a0e7535c2497d19ea30..32d70869d7fd3defc9a519689b0cafb263046ddc 100644
--- a/sitehtml/The_Shadow.html
+++ b/sitehtml/The_Shadow.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Shawshank_Redemption.html b/sitehtml/The_Shawshank_Redemption.html
index 4c0a5ffa48d2be4ed8f582c4898d55162286765d..61c7c619eb68c3017d5afd1b9d430bd8dd96892d 100644
--- a/sitehtml/The_Shawshank_Redemption.html
+++ b/sitehtml/The_Shawshank_Redemption.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Silence_of_the_Lambs.html b/sitehtml/The_Silence_of_the_Lambs.html
index 2b11aa4b5bd93e31ec1103d147083c3eacbded91..0348601d1198fab1b0b11f5674e34e78ee5fa799 100644
--- a/sitehtml/The_Silence_of_the_Lambs.html
+++ b/sitehtml/The_Silence_of_the_Lambs.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Specialist.html b/sitehtml/The_Specialist.html
index 45ee9056d41009d5d57c9a85f1f634903d8b1046..6d914584ecc93942f859371d19c282e722e8410b 100644
--- a/sitehtml/The_Specialist.html
+++ b/sitehtml/The_Specialist.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Star_Maker.html b/sitehtml/The_Star_Maker.html
index 8630de7a2613e8463f030ecaca7789445615f35e..7253a224a82b092a9c268edce77432b0acad5072 100644
--- a/sitehtml/The_Star_Maker.html
+++ b/sitehtml/The_Star_Maker.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Star Maker</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/wousyAPimHw7RQVjlvzA8BSr2pt.jpg" alt="The Star Maker">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>The adventures and deceptions of a photographer who travels through small villages of 1950s Sicily pretending to work for the big film studios in Rome.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 53m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">71%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Sergio Castellitto, Tiziana Lodato, Franco Scaldati, Leopoldo Trieste, Leo Gullotta, Clelia Rondinella, Salvatore Billa, Jane Alexander, Tony Sperandeo, Tano Cimarosa</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords"></p>
</div>
diff --git a/sitehtml/The_Stupids.html b/sitehtml/The_Stupids.html
index 0fb790fbc93bfc911bd6b4234fd3030696d3047d..e5ac34a9f851fcd9fa403f2b583f0d0222816818 100644
--- a/sitehtml/The_Stupids.html
+++ b/sitehtml/The_Stupids.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Substitute.html b/sitehtml/The_Substitute.html
index 43221a1fae9853866e317bcf237cfff211f3cd4a..cacd80ec28abbdd90276c9995c48d6cb4c6f79ab 100644
--- a/sitehtml/The_Substitute.html
+++ b/sitehtml/The_Substitute.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Sum_of_Us.html b/sitehtml/The_Sum_of_Us.html
index 60c744d03a6b292666bce3693221308cf94f8649..b2f087e0bb345f71d3d29170ed390f8e647e6ce9 100644
--- a/sitehtml/The_Sum_of_Us.html
+++ b/sitehtml/The_Sum_of_Us.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Superwife.html b/sitehtml/The_Superwife.html
index e6ffc9c639db8f2001195948d485accc577132c2..eb1a36567db7f7dc46e48572454524e4a49b26e2 100644
--- a/sitehtml/The_Superwife.html
+++ b/sitehtml/The_Superwife.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Swan_Princess.html b/sitehtml/The_Swan_Princess.html
index a79f4f416efbd832a899b48dce1238275f1feb17..48d025d7e4f9b6bf442f6033b1015e85f9c555b8 100644
--- a/sitehtml/The_Swan_Princess.html
+++ b/sitehtml/The_Swan_Princess.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Three_Musketeers.html b/sitehtml/The_Three_Musketeers.html
index de3fb176cf4c8e22a46c5ddf65011ba357fe2b02..49c4cf2b3f0563deebe7dd48161d3d5d5d37b25c 100644
--- a/sitehtml/The_Three_Musketeers.html
+++ b/sitehtml/The_Three_Musketeers.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>The Three Musketeers</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/6qjW1e31k2XhcWpzGz6lgHcRt5W.jpg" alt="The Three Musketeers">
+ <img src="https://image.tmdb.org/t/p/original/mk8UH7JRmK8adcqJJpB1ygP7B1C.jpg" alt="The Three Musketeers">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>The young D'Artagnan arrives in Paris with dreams of becoming a King's musketeer. He meets and quarrels with three men, Athos, Porthos, and Aramis, each of whom challenges him to a duel. D'Artagnan finds out they are musketeers and is invited to join them in their efforts to oppose Cardinal Richelieu, who wishes to increase his already considerable power over the King. D'Artagnan must also juggle affairs with the charming Constance Bonancieux and the passionate Lady De Winter, a secret agent for the Cardinal.</p>
+ <p>D'Artagnan travels to Paris hoping to become a musketeer, one of the French king's elite bodyguards, only to discover that the corps has been disbanded by conniving Cardinal Richelieu, who secretly hopes to usurp the throne. Fortunately, Athos, Porthos and Aramis have refused to lay down their weapons and continue to protect their king. D'Artagnan joins with the rogues to expose Richelieu's plot against the crown.</p>
<h2>Genres</h2>
<p class="genres">Action, Adventure, Comedy</p>
<h2>Durée</h2>
- <p class="runtime">1h 46m</p>
+ <p class="runtime">1h 45m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1973</p>
+ <p class="release_year">1993</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">68%</p>
+ <p class="user_rating">64%</p>
<h2>Acteurs</h2>
- <p class="actors">Michael York, Oliver Reed, Richard Chamberlain, Frank Finlay, Faye Dunaway, Raquel Welch, Christopher Lee, Geraldine Chaplin, Jean-Pierre Cassel, Spike Milligan</p>
+ <p class="actors">Chris O'Donnell, Kiefer Sutherland, Oliver Platt, Charlie Sheen, Tim Curry, Rebecca De Mornay, Paul McGann, Gabrielle Anwar, Michael Wincott, Julie Delpy</p>
<h2>Mots-clés</h2>
- <p class="keywords">france, paris, france, based on novel or book, swordplay, fight, satire, dressmaker, louis xiii, sword fight, swordsman, musketeer, extramarital affair, swashbuckler, diamond theft, sword duel, queen of france, diamond necklace, cardinal, 17th century, queen jewels, queen anne, 1620s, swordsplay, swordsman/swordswoman supporting character</p>
+ <p class="keywords">paris, france, musketeer</p>
</div>
</div>
</body>
diff --git a/sitehtml/The_Tie_That_Binds.html b/sitehtml/The_Tie_That_Binds.html
index 90b6fe65c0ade8a2bbfe07256bbcf9e18113d8cd..d8377a8ac8d7746041ad1d7ef084910193c5ad2c 100644
--- a/sitehtml/The_Tie_That_Binds.html
+++ b/sitehtml/The_Tie_That_Binds.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Truth_About_Cats_&_Dogs.html b/sitehtml/The_Truth_About_Cats_&_Dogs.html
index 85155c02bbd8c8f4c30243f231548b4b8471b1e5..602d3d3921c25c22c2916f61d43f0a9d83107da3 100644
--- a/sitehtml/The_Truth_About_Cats_&_Dogs.html
+++ b/sitehtml/The_Truth_About_Cats_&_Dogs.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Umbrellas_of_Cherbourg.html b/sitehtml/The_Umbrellas_of_Cherbourg.html
index 270a23f52fcc1bbc9c3f3cb9ad4497e808f8291d..f9c1658d4cfd3245ff144528202499d0f1f43b62 100644
--- a/sitehtml/The_Umbrellas_of_Cherbourg.html
+++ b/sitehtml/The_Umbrellas_of_Cherbourg.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Underneath.html b/sitehtml/The_Underneath.html
index e5e4e826fe9b528b6018d6b10c9e01eb50292108..2071612068c4072aa2542d86a7d895f298fd3296 100644
--- a/sitehtml/The_Underneath.html
+++ b/sitehtml/The_Underneath.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Usual_Suspects.html b/sitehtml/The_Usual_Suspects.html
index 338959bce0e7f0b007d1fa30c80a914343fd6cd6..ee6daca0feb1460567ea6b25bd1f3b3671cd1ee4 100644
--- a/sitehtml/The_Usual_Suspects.html
+++ b/sitehtml/The_Usual_Suspects.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Usual Suspects</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/rWbsxdwF9qQzpTPCLmDfVnVqTK1.jpg" alt="The Usual Suspects">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Held in an L.A. interrogation room, Verbal Kint attempts to convince the feds that a mythic crime lord, Keyser Soze, not only exists, but was also responsible for drawing him and his four partners into a multi-million dollar heist that ended with an explosion in San Pedro harbor – leaving few survivors. Verbal lures his interrogators with an incredible story of the crime lord's almost supernatural prowess.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Crime, Thriller</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 46m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">81%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Kevin Spacey, Gabriel Byrne, Stephen Baldwin, Kevin Pollak, Benicio del Toro, Chazz Palminteri, Pete Postlethwaite, Giancarlo Esposito, Suzy Amis, Peter Greene</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">new york city, relatives, heist, gay interest, flashback, police corruption, whodunit, theft, criminal, criminal mastermind, cargo ship, mind game, neo-noir, mystery villain</p>
</div>
diff --git a/sitehtml/The_Visitors.html b/sitehtml/The_Visitors.html
index fe3c76989ec24c1add5ce8a93b5fb11a54e6a734..b095b51cdff77ef0ee00587af7c5f6c4d3b03521 100644
--- a/sitehtml/The_Visitors.html
+++ b/sitehtml/The_Visitors.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Walking_Dead.html b/sitehtml/The_Walking_Dead.html
index 32c5a27d68c864f19c2b5adf85c9c3db9691af50..505a77cbbee0fdf3efb6503cd52a4dd70e24f829 100644
--- a/sitehtml/The_Walking_Dead.html
+++ b/sitehtml/The_Walking_Dead.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_War.html b/sitehtml/The_War.html
index d9783b6e3bc1715392762ab119f56f045ddacf1d..1482c66fea2d34ebcaf593d0d4c9a562e710888c 100644
--- a/sitehtml/The_War.html
+++ b/sitehtml/The_War.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_War_Room.html b/sitehtml/The_War_Room.html
index 91b320a71ad7af5b87a3e9275fa0b90335df5f24..5d8ecb6dacf3f65ed70fc7ee9285d3b3fdab533e 100644
--- a/sitehtml/The_War_Room.html
+++ b/sitehtml/The_War_Room.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_White_Balloon.html b/sitehtml/The_White_Balloon.html
index 9332d46ce6e2b05578762ce749bfdbf155455813..7515e8eb9f23b99256cfb34e380a62b20d52860b 100644
--- a/sitehtml/The_White_Balloon.html
+++ b/sitehtml/The_White_Balloon.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The White Balloon</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/u6jrlgZZx3zSFPDPTVOYpueljgH.jpg" alt="The White Balloon">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Several people try to take advantage of a little girl's innocence to hustle money her mom gave to her to buy a goldfish with.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 25m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">75%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Aida Mohammadkhani, Mohsen Kafili, Fereshteh Sadr Orafaee, Anna Borkowska, Mohammad Shahani</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">fish, money, celebration, goldfish</p>
</div>
diff --git a/sitehtml/The_Wild_Bunch.html b/sitehtml/The_Wild_Bunch.html
index 4dc53d326e0520e18502adcb8d5e31f1af497cda..30f76625768b832258dcede12011d99f7a5329c5 100644
--- a/sitehtml/The_Wild_Bunch.html
+++ b/sitehtml/The_Wild_Bunch.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Wonderful,_Horrible_Life_of_Leni_Riefenstahl.html b/sitehtml/The_Wonderful,_Horrible_Life_of_Leni_Riefenstahl.html
index 124bfacabbbfbc839c89b0e3feccf17d0d18502b..bd9bdc9c214016edbf7866fd7fbc119f37910b6a 100644
--- a/sitehtml/The_Wonderful,_Horrible_Life_of_Leni_Riefenstahl.html
+++ b/sitehtml/The_Wonderful,_Horrible_Life_of_Leni_Riefenstahl.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/The_Young_Poisoner's_Handbook.html b/sitehtml/The_Young_Poisoner's_Handbook.html
index 851983b5d82bd44e553fe5b2f0ea7fe0de63dc24..3e4513f344f0d10f198bff45c8f67520279cf6a8 100644
--- a/sitehtml/The_Young_Poisoner's_Handbook.html
+++ b/sitehtml/The_Young_Poisoner's_Handbook.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>The Young Poisoner's Handbook</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/d3Lakfy0K1eRHUbay9kMeWdt7y6.jpg" alt="The Young Poisoner's Handbook">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Graham Young is a teenage misfit living in suburban London in the 1960s. He hates his stepmother but loves chemistry, and the two impulses unite in a wicked plot to slowly poison her. After she dies, he's found guilty and sent to a psychiatric hospital, where an idealistic doctor thinks he can be cured.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Crime, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 39m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">66%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Hugh O'Conor, Antony Sher, Ruth Sheen, Roger Lloyd Pack, Charlotte Coleman, Paul Stacey, John Thomson, Jack Deam, Charlie Creed-Miles, Robert Demeger</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">london, england, poison, stepmother, based on true story, murder, mental institution, serial killer, psychiatrist, social misfit</p>
</div>
diff --git a/sitehtml/Things_to_Do_in_Denver_When_You're_Dead.html b/sitehtml/Things_to_Do_in_Denver_When_You're_Dead.html
index 83601a4e79484016304f7f097545d913adc275c6..a8120c44f3afc9b8f9b2b1e70ecc72b8a400ea2c 100644
--- a/sitehtml/Things_to_Do_in_Denver_When_You're_Dead.html
+++ b/sitehtml/Things_to_Do_in_Denver_When_You're_Dead.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Things to Do in Denver When You're Dead</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/sUzmpu6WwRA7KdQvt0K2YVuE0by.jpg" alt="Things to Do in Denver When You're Dead">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Five different criminals face imminent death after botching a job quite badly.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Crime</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 56m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">64%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Andy GarcÃa, Christopher Lloyd, William Forsythe, Bill Nunn, Treat Williams, Jack Warden, Steve Buscemi, Fairuza Balk, Gabrielle Anwar, Christopher Walken</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">friendship, bounty hunter, hitman, parent child relationship, gangster, psychopath, boat, way of life, paranoia, coffin, denver, colorado, godmother, diner, revenge, murder, mafia, illegal prostitution, extramarital affair</p>
</div>
diff --git a/sitehtml/Thinner.html b/sitehtml/Thinner.html
index 82b5280f22b480dc14c71a01a9b7a501e92412ef..e8e5d26ee907a790b13184ede7d17f214413971c 100644
--- a/sitehtml/Thinner.html
+++ b/sitehtml/Thinner.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Thirty_Two_Short_Films_About_Glenn_Gould.html b/sitehtml/Thirty_Two_Short_Films_About_Glenn_Gould.html
index 613108983da28915319ae32ac8f4ff91dcf6e633..65f435799d940f83b4de3d622626fe1715a0f0c9 100644
--- a/sitehtml/Thirty_Two_Short_Films_About_Glenn_Gould.html
+++ b/sitehtml/Thirty_Two_Short_Films_About_Glenn_Gould.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Three_Colors:_Blue.html b/sitehtml/Three_Colors:_Blue.html
index 424b917afc362c289c4e2c0da13484d23d5b37a6..9f58a999237693975924a55696241e199ea7bc86 100644
--- a/sitehtml/Three_Colors:_Blue.html
+++ b/sitehtml/Three_Colors:_Blue.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Three_Colors:_Red.html b/sitehtml/Three_Colors:_Red.html
index 6e0a919c6f4f1c8f5b2c161567778de44ff844ac..ca4d0f11a401cf6270a0dc5d60effe1016e5f812 100644
--- a/sitehtml/Three_Colors:_Red.html
+++ b/sitehtml/Three_Colors:_Red.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Three_Colors:_White.html b/sitehtml/Three_Colors:_White.html
index 0a9baa84cbb5b5e029b285115625028e3c1de3a9..4ba86a59856a1b288f505dbcc2aa0b4f71def7bd 100644
--- a/sitehtml/Three_Colors:_White.html
+++ b/sitehtml/Three_Colors:_White.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Three_Wishes.html b/sitehtml/Three_Wishes.html
index c65325aeebee73532f4dd4a01245644a7a953b07..62fb11d449d808023f7f00c6fd642c4c329e19e9 100644
--- a/sitehtml/Three_Wishes.html
+++ b/sitehtml/Three_Wishes.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Threesome.html b/sitehtml/Threesome.html
index 691a9806f6fe74a6fea54ca9a7515721d531934a..19f962f6304a5878f58d105b5bf080a8b0853f16 100644
--- a/sitehtml/Threesome.html
+++ b/sitehtml/Threesome.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Til_There_Was_You.html b/sitehtml/Til_There_Was_You.html
index 99c2857ebf37cf0e2d2a6d66c873e035f4434263..5c77fa0874f7034d6e4d64161cd32335d38323aa 100644
--- a/sitehtml/Til_There_Was_You.html
+++ b/sitehtml/Til_There_Was_You.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Timecop.html b/sitehtml/Timecop.html
index d3c31fb4158e8f1d2794d4d03a528cc5158ce90e..72ad92faafa4f2e3c5a37f766e9c3537337264c5 100644
--- a/sitehtml/Timecop.html
+++ b/sitehtml/Timecop.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/To_Die_For.html b/sitehtml/To_Die_For.html
index df9f06d1e329afceedb77e6ecf3386b1bb23a770..ffc3be01f371781be4f45829945ad1a7ecdae11d 100644
--- a/sitehtml/To_Die_For.html
+++ b/sitehtml/To_Die_For.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>To Die For</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/whz4bwvqE1OmQHIyqHdZD8jU9CO.jpg" alt="To Die For">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Suzanne Stone wants to be a world-famous news anchor and she is willing to do anything to get what she wants. What she lacks in intelligence, she makes up for in cold determination and diabolical wiles. As she pursues her goal with relentless focus, she is forced to destroy anything and anyone that may stand in her way, regardless of the ultimate cost or means necessary.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Comedy, Crime</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 46m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">65%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Nicole Kidman, Matt Dillon, Joaquin Phoenix, Casey Affleck, Illeana Douglas, Alison Folland, Dan Hedaya, Wayne Knight, Kurtwood Smith, Holland Taylor</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">adultery, based on novel or book, winter, obsession, new hampshire, mockumentary, narcissistic personality disorder</p>
</div>
diff --git a/sitehtml/To_Live.html b/sitehtml/To_Live.html
index a0adf6a52722c1b5922aa92ccb44ece55e0ef986..ca70a50ac26d2feacef4529b66bbd1d02cfd6f1c 100644
--- a/sitehtml/To_Live.html
+++ b/sitehtml/To_Live.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/To_Wong_Foo,_Thanks_for_Everything!_Julie_Newmar.html b/sitehtml/To_Wong_Foo,_Thanks_for_Everything!_Julie_Newmar.html
index c6e2b7cb59ff730f02a626569107c6f83369a015..fbfae9a91103ab3f5e67393aa2cc0b2d7448e7f9 100644
--- a/sitehtml/To_Wong_Foo,_Thanks_for_Everything!_Julie_Newmar.html
+++ b/sitehtml/To_Wong_Foo,_Thanks_for_Everything!_Julie_Newmar.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Tom_&_Viv.html b/sitehtml/Tom_&_Viv.html
index 59932c4c1540eb20f398bcfd73a33145689bda86..e48b45d44a499409fc58537d4f5c9e024ff14639 100644
--- a/sitehtml/Tom_&_Viv.html
+++ b/sitehtml/Tom_&_Viv.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Tom_and_Huck.html b/sitehtml/Tom_and_Huck.html
index 82700195714cab4bfa84028afe8efd541264bf1d..878092c77373fce51db97248b8e9304c16ce2423 100644
--- a/sitehtml/Tom_and_Huck.html
+++ b/sitehtml/Tom_and_Huck.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Tom and Huck</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/vIG8hWOa7DyLMRiurzKwVAnIYoU.jpg" alt="Tom and Huck">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A mischievous young boy, Tom Sawyer, witnesses a murder by the deadly Injun Joe. Tom becomes friends with Huckleberry Finn, a boy with no future and no family. Tom has to choose between honoring a friendship or honoring an oath because the town alcoholic is accused of the murder. Tom and Huck go through several adventures trying to retrieve evidence.</p>
-
+
<h2>Genres</h2>
<p class="genres">Family, Action, Adventure, Drama</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 37m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">52%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Jonathan Taylor Thomas, Brad Renfro, Eric Schweig, Charles Rocket, Amy Wright, Michael McShane, Marian Seldes, Rachael Leigh Cook, Lanny Flaherty, Courtland Mead</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">based on novel or book, mississippi river, male friendship</p>
</div>
diff --git a/sitehtml/Tombstone.html b/sitehtml/Tombstone.html
index 0c94219dc37e6bf6184afadc68b419af24d33c01..bab74b7b3fca9be7f0b00c01a9b42c7850ccdef9 100644
--- a/sitehtml/Tombstone.html
+++ b/sitehtml/Tombstone.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Tommy_Boy.html b/sitehtml/Tommy_Boy.html
index 9cc5ff6d065109f8ada27abd68d56a0bab0a8428..5d0cb49cff54cac2d99072564a2aff511a294d20 100644
--- a/sitehtml/Tommy_Boy.html
+++ b/sitehtml/Tommy_Boy.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Torment.html b/sitehtml/Torment.html
index 1f285cd1911d16320154a79a83982718c9238ce5..4f8e188aa9c3a164ce7fc2072d78fa94572340a4 100644
--- a/sitehtml/Torment.html
+++ b/sitehtml/Torment.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Total_Eclipse.html b/sitehtml/Total_Eclipse.html
index 88fe4b82c5feb928e22973c95af2d879e902a157..034e28ae380d55e31bc9db45a93ca97e08bacdfd 100644
--- a/sitehtml/Total_Eclipse.html
+++ b/sitehtml/Total_Eclipse.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Toy_Story.html b/sitehtml/Toy_Story.html
index 55aecbd201635c8f55553d681ad54cbac34a500e..9448a424d432dbf4b3f10f5f5975df84cf2ad543 100644
--- a/sitehtml/Toy_Story.html
+++ b/sitehtml/Toy_Story.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Toy Story</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/uXDfjJbdP4ijW5hWSBrPrlKpxab.jpg" alt="Toy Story">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Led by Woody, Andy's toys live happily in his room until Andy's birthday brings Buzz Lightyear onto the scene. Afraid of losing his place in Andy's heart, Woody plots against Buzz. But when circumstances separate Buzz and Woody from their owner, the duo eventually learns to put aside their differences.</p>
-
+
<h2>Genres</h2>
<p class="genres">Animation, Adventure, Family, Comedy</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 21m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">79%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Tom Hanks, Tim Allen, Don Rickles, Jim Varney, Wallace Shawn, John Ratzenberger, Annie Potts, John Morris, Erik von Detten, Laurie Metcalf</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">rescue, friendship, mission, jealousy, villain, bullying, elementary school, rivalry, anthropomorphism, friends, computer animation, buddy, walkie talkie, toy car, boy next door, new toy, neighborhood, toy comes to life, resourcefulness</p>
</div>
diff --git a/sitehtml/Trainspotting.html b/sitehtml/Trainspotting.html
index 4f17ee03dad9374c309732f5bbc114b619d281b6..993078fb44e7144a6b3a9662f5140e172d39bcd0 100644
--- a/sitehtml/Trainspotting.html
+++ b/sitehtml/Trainspotting.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Trial_by_Jury.html b/sitehtml/Trial_by_Jury.html
index 2becb6db57afc4e1f9dab09d6e02115333e86353..f7cebd101df22e1d62bf70715de01888950c4e16 100644
--- a/sitehtml/Trial_by_Jury.html
+++ b/sitehtml/Trial_by_Jury.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/True_Crime.html b/sitehtml/True_Crime.html
index ba1727bb70b21eac52224c45a92c7151cab490c0..247ee512607205831a6b8b16f0fb26b859eac26b 100644
--- a/sitehtml/True_Crime.html
+++ b/sitehtml/True_Crime.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>True Crime</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/2VEqqlmSZ0VSr74XOTWUQUUGYWF.jpg" alt="True Crime">
+ <img src="https://image.tmdb.org/t/p/original/nPYe83tWVSwVFRyWa6f5aaE7bbu.jpg" alt="True Crime">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>Boozer, skirt chaser, careless father. You could create your own list of reporter Steve Everett's faults but there's no time. A San Quentin Death Row prisoner is slated to die at midnight – a man Everett has suddenly realized is innocent.</p>
+ <p>Mary Giordano is a bright, intelligent student who goes to a catholic school. She also has an addiction to mystery novels and detective magazines, which inspire her to do her own detective work. When she starts snooping around on the case of a murderer of teenage girls, it gets her in hot water with her mentor Detective Jerry Gunn. But it also starts a team up with police cadet Tony Campbell. The two work together to find the murderer. But the closer Mary gets to solving the murder, the more danger she puts herself in of being the next victim.</p>
<h2>Genres</h2>
- <p class="genres">Drama, Crime, Thriller, Mystery</p>
+ <p class="genres">Crime, Mystery, Thriller</p>
<h2>Durée</h2>
- <p class="runtime">2h 7m</p>
+ <p class="runtime">1h 34m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1999</p>
+ <p class="release_year">1996</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">65%</p>
+ <p class="user_rating">57%</p>
<h2>Acteurs</h2>
- <p class="actors">Clint Eastwood, Isaiah Washington, LisaGay Hamilton, James Woods, Denis Leary, Bernard Hill, Diane Venora, Michael McKean, Michael Jeter, Mary McCormack</p>
+ <p class="actors">Alicia Silverstone, Kevin Dillon, Bill Nunn, Michael Bowen, Ann Devaney, Joshua Schaefer, Marla Sokoloff, Jennifer Savidge, Tara Subkoff, David Packer</p>
<h2>Mots-clés</h2>
- <p class="keywords">journalist, death penalty, death row, doomed man, ambition, recovering alcoholic</p>
+ <p class="keywords">child murder, investigation, murder, serial killer, police corruption, female detective, murder investigation</p>
</div>
</div>
</body>
diff --git a/sitehtml/True_Lies.html b/sitehtml/True_Lies.html
index 1d135d273074836e6d0194c9ca4de5748172b205..79ffcd2152b1cf8db1d4d91590f0f6b7290e44d1 100644
--- a/sitehtml/True_Lies.html
+++ b/sitehtml/True_Lies.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/True_Romance.html b/sitehtml/True_Romance.html
index 29a4b8efb8ffb150cf8ef33286a21d416dbfe91e..cb9b36646275c86dfed85751502bf38ec929e2ed 100644
--- a/sitehtml/True_Romance.html
+++ b/sitehtml/True_Romance.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Twelve_Monkeys.html b/sitehtml/Twelve_Monkeys.html
index 07e56244de2c234fb55590a0f456a2ff2aaf3a12..8a90bb7bc5e5642b765949bde7e77e7fb75f23f1 100644
--- a/sitehtml/Twelve_Monkeys.html
+++ b/sitehtml/Twelve_Monkeys.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Twelve Monkeys</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/gt3iyguaCIw8DpQZI1LIN5TohM2.jpg" alt="Twelve Monkeys">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>In the year 2035, convict James Cole reluctantly volunteers to be sent back in time to discover the origin of a deadly virus that wiped out nearly all of the earth's population and forced the survivors into underground communities. But when Cole is mistakenly sent to 1990 instead of 1996, he's arrested and locked up in a mental hospital. There he meets psychiatrist Dr. Kathryn Railly, and patient Jeffrey Goines, the son of a famous virus expert, who may hold the key to the mysterious rogue group, the Army of the 12 Monkeys, thought to be responsible for unleashing the killer disease.</p>
-
+
<h2>Genres</h2>
<p class="genres">Science Fiction, Thriller, Mystery</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 9m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">76%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Bruce Willis, Madeleine Stowe, Brad Pitt, Christopher Plummer, David Morse, Jon Seda, Christopher Meloni, Joey Perillo, LisaGay Hamilton, Matt Ross</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">biological weapon, philadelphia, pennsylvania, schizophrenia, stockholm syndrome, airplane, underground, insanity, asylum, paranoia, prison cell, dystopia, pimp, lion, post-apocalyptic future, time travel, florida keys, mental breakdown, past, dormitory, insane asylum, cockroach, volunteer, drug use, flashback, remake, psychiatric hospital, jail, mental institution, alternate history, disease, lethal virus, paradox, psychiatrist, monkey, epidemic, trapped, falling down stairs, street life, nonlinear timeline, medical research, tooth, pantyhose, gas mask, psychosis, child's point of view, subterranean, virus, recurring dream, 1990s, reflective, escaped animal, future noir, 2030s, cassandra syndrome, bullet, endless loop, stream, vivisection, nude pantyhose, microbiologist, real movie shown in fictional situation, kick in face, eating spider, reference to houdini, abandoned theater, tied to a bed, psychiatric care, hiding in a barn, reference to cassandra, biblical quote, person in a car trunk, watching a movie, world war one, lab animal, cassandra complex</p>
</div>
diff --git a/sitehtml/Twister.html b/sitehtml/Twister.html
index 2ca1f7f29ac15e32b7de35052d93a9f1bead1390..78f1273b44be336ff2ff6baaed230a646a15e1e0 100644
--- a/sitehtml/Twister.html
+++ b/sitehtml/Twister.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Two_Deaths.html b/sitehtml/Two_Deaths.html
index fbc5ea280221978999e4e2a0224e42f7d383d3ae..197d42a51d964b521413da6e156cadc865850590 100644
--- a/sitehtml/Two_Deaths.html
+++ b/sitehtml/Two_Deaths.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Two_If_by_Sea.html b/sitehtml/Two_If_by_Sea.html
index c1cddb9b4c3fb7b27cf3fa3063d7a7b276629f6f..8d01143ef83f62e54fd642587d0ab21e5d9a6e58 100644
--- a/sitehtml/Two_If_by_Sea.html
+++ b/sitehtml/Two_If_by_Sea.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Two If by Sea</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/xSfqAMYqrTtDeAjPtYo0S8nc5Zz.jpg" alt="Two If by Sea">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Frank O'Brien, a petty thief, and his 7-year-long girlfriend Roz want to put an end to their unsteady lifestyle and just do that last job, which involves stealing a valuable painting. Frank takes Roz to an island on the coast of New England, where he wants to sell the painting and also hopes that their sagging relationship will get a positive push back up. Not everything goes as planned.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 36m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">48%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Sandra Bullock, Denis Leary, Yaphet Kotto, Stephen Dillane, Tracey Cherelle Jones, Julia Montgomery Brown, Jane Moffat, Mike Starr, Jonathan Tucker, Wayne Robson</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">island, painting, thief, seasickness</p>
</div>
diff --git a/sitehtml/Under_Siege_2:_Dark_Territory.html b/sitehtml/Under_Siege_2:_Dark_Territory.html
index b41dc116686521f3df858ee9339632b5f4c6028e..0065589e13ddcaa4971275cf3139e81487047b37 100644
--- a/sitehtml/Under_Siege_2:_Dark_Territory.html
+++ b/sitehtml/Under_Siege_2:_Dark_Territory.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Underground.html b/sitehtml/Underground.html
index 56ab3d866a0281e476b75f7f43198c5658d20a8b..419a6c261ae4b0d4d5663ce22c4056948f976af4 100644
--- a/sitehtml/Underground.html
+++ b/sitehtml/Underground.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Unforgettable.html b/sitehtml/Unforgettable.html
index 0e3ce4a165592dbe7eedd852e385f35223dcf2fa..8f56b9b37263cb14030cd7410405fe18619fa041 100644
--- a/sitehtml/Unforgettable.html
+++ b/sitehtml/Unforgettable.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Unforgettable</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/500Ne3EDn3HHpuCQWwGKR74r0cB.jpg" alt="Unforgettable">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Seattle medical examiner David Krane is obsessed with solving his wife's murder. A possible solution presents itself in an experimental "memory" serum designed by a neurobiology professor, which has the ability to transfer memories from one person to another, but with potentially fatal consequences.</p>
-
+
<h2>Genres</h2>
<p class="genres">Thriller, Mystery, Science Fiction</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 56m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">55%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Ray Liotta, Linda Fiorentino, Peter Coyote, Christopher McDonald, David Paymer, Duncan Fraser, Kim Coates, Kim Cattrall, Colleen Rennison, Caroline Elliott</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">obsession, suspicion of murder, seattle, washington, medical examiner, murder, crime scene, painful memories, death of wife, dangerous side effects, search for truth, experimental drug, murdered wife, neurobiology</p>
</div>
diff --git a/sitehtml/Unstrung_Heroes.html b/sitehtml/Unstrung_Heroes.html
index e6eafa5fc3ed44c83679f246db433f59446138b8..2338f4d66795e965bc3af53b6f9dff0a26785ac9 100644
--- a/sitehtml/Unstrung_Heroes.html
+++ b/sitehtml/Unstrung_Heroes.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Unzipped.html b/sitehtml/Unzipped.html
index da3d0c8af9bc5a91f89e358e1574d0853e93d032..56c3e4d75768cb3ecc70fa43926bfde470f5d5af 100644
--- a/sitehtml/Unzipped.html
+++ b/sitehtml/Unzipped.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Up_Close_&_Personal.html b/sitehtml/Up_Close_&_Personal.html
index 18823d1f3d4d358d4dbd25f1e1847247aaf1539b..1903cc826355b294d3c9e665297703769407c1ba 100644
--- a/sitehtml/Up_Close_&_Personal.html
+++ b/sitehtml/Up_Close_&_Personal.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Up Close & Personal</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/2yf1pCiQk6JMy4k5zxf39YXQxGB.jpg" alt="Up Close & Personal">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Tally Atwater has a dream: to be a prime-time network newscaster. She pursues this dream with nothing but ambition, raw talent and a homemade demo tape. Warren Justice is a brilliant, hard edged, veteran newsman. He sees Tally has talent and becomes her mentor. Tally’s career takes a meteoric rise and she and Warren fall in love. The romance that results is as intense and revealing as television news itself. Yet, each breaking story, every videotaped crisis that brings them together, also threatens to drive them apart...</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 59m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">63%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Robert Redford, Michelle Pfeiffer, Stockard Channing, Joe Mantegna, Kate Nelligan, Glenn Plummer, James Rebhorn, Scott Bryce, Raymond Cruz, Dedee Pfeiffer</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">career, miami, florida, reporter</p>
</div>
diff --git a/sitehtml/Vampire_in_Brooklyn.html b/sitehtml/Vampire_in_Brooklyn.html
index fe24befabbc64d87757b62a3e77658a78470f00b..15e7e2cac1b99a54ff16b89e1eef18cab575a3e4 100644
--- a/sitehtml/Vampire_in_Brooklyn.html
+++ b/sitehtml/Vampire_in_Brooklyn.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Vampire in Brooklyn</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/i8ZD5LsBjwF45MsZ1nCClpvaOcn.jpg" alt="Vampire in Brooklyn">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Detective Rita Veder is assigned to a baffling serial murder case. After examining the crime scene — a corpse-filled ship found adrift at sea — she meets Maximilian, a smooth-talking Caribbean playboy determined to romance her.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Horror, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 42m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">50%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Angela Bassett, Eddie Murphy, Allen Payne, Kadeem Hardison, John Witherspoon, Zakes Mokae, Joanna Cassidy, Jerry Hall, Simbi Khali, Vickilyn Reynolds</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">vampire, brooklyn, new york city</p>
</div>
diff --git a/sitehtml/Vanya_on_42nd_Street.html b/sitehtml/Vanya_on_42nd_Street.html
index b671a6deaacaaf41c8aef4951eb18b3a442e88df..6d8003cb53033f5366c46315fd232204a902ebfb 100644
--- a/sitehtml/Vanya_on_42nd_Street.html
+++ b/sitehtml/Vanya_on_42nd_Street.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Village_of_the_Damned.html b/sitehtml/Village_of_the_Damned.html
index 9cd8475aec15160f6bed84191049ce8a8d20ee5d..64856fe20d66ff8d2073e20d0b5e8299afa87acf 100644
--- a/sitehtml/Village_of_the_Damned.html
+++ b/sitehtml/Village_of_the_Damned.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -73,30 +73,30 @@
<h1>Village of the Damned</h1>
<div class="movie-image">
- <img src="https://image.tmdb.org/t/p/original/qcpXud1UjQzlSe9A062w8Wqgira.jpg" alt="Village of the Damned">
+ <img src="https://image.tmdb.org/t/p/original/vnK68SPMQTvLWVYaNMINJOismEr.jpg" alt="Village of the Damned">
</div>
<div class="movie-details">
<h2>Synopsis</h2>
- <p>In a small English village everyone suddenly falls unconscious. When they awake every woman of child bearing age is pregnant. The resulting children have the same strange blond hair, eyes and a strong connection to each other.</p>
+ <p>An American village is visited by some unknown life form which leaves the women of the village pregnant. Nine months later, the babies are born, and they all look normal, but it doesn't take the "parents" long to realize that the kids are not human or humane.</p>
<h2>Genres</h2>
- <p class="genres">Horror, Science Fiction</p>
+ <p class="genres">Thriller, Horror, Science Fiction</p>
<h2>Durée</h2>
- <p class="runtime">1h 17m</p>
+ <p class="runtime">1h 39m</p>
<h2>Année de sortie</h2>
- <p class="release_year">1960</p>
+ <p class="release_year">1995</p>
<h2>Évaluation des utilisateurs</h2>
- <p class="user_rating">71%</p>
+ <p class="user_rating">60%</p>
<h2>Acteurs</h2>
- <p class="actors">George Sanders, Barbara Shelley, Martin Stephens, Michael Gwynn, Laurence Naismith, Richard Warner, Jenny Laird, Sarah Long, Thomas Heathcote, Charlotte Mitchell</p>
+ <p class="actors">Christopher Reeve, Kirstie Alley, Linda Kozlowski, Michael Paré, Meredith Salenger, Mark Hamill, Pippa Pearthree, Peter Jason, Constance Forslund, Karen Kahn</p>
<h2>Mots-clés</h2>
- <p class="keywords">suicide, based on novel or book, england, parent child relationship, pregnancy, village, youngster, parish, car crash, mind reading, black and white, explosion, military, evil child, forced suicide</p>
+ <p class="keywords">pregnancy, village, alien life-form, alien, bewusstlosigkeit, doppelgänger</p>
</div>
</div>
</body>
diff --git a/sitehtml/Virtuosity.html b/sitehtml/Virtuosity.html
index b25ba7c290a154fb0439a5d92f826974ffab80de..bd58f0e3817697dfe2bbc1813639be305c073ec2 100644
--- a/sitehtml/Virtuosity.html
+++ b/sitehtml/Virtuosity.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Waiting_to_Exhale.html b/sitehtml/Waiting_to_Exhale.html
index 8548bc6e10807edeff87c5e420698234c187f095..d7d97d83d433d3eec01dcd1e21ddae1be3fe3e21 100644
--- a/sitehtml/Waiting_to_Exhale.html
+++ b/sitehtml/Waiting_to_Exhale.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>Waiting to Exhale</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/qJU6rfil5xLVb5HpJsmmfeSK254.jpg" alt="Waiting to Exhale">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>Cheated on, mistreated and stepped on, the women are holding their breath, waiting for the elusive "good man" to break a string of less-than-stellar lovers. Friends and confidants Vannah, Bernie, Glo and Robin talk it all out, determined to find a better way to breathe.</p>
-
+
<h2>Genres</h2>
<p class="genres">Comedy, Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 7m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">63%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Whitney Houston, Angela Bassett, Loretta Devine, Lela Rochon, Gregory Hines, Dennis Haysbert, Mykelti Williamson, Michael Beach, Leon, Wendell Pierce</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">based on novel or book, interracial relationship, single mother, divorce</p>
</div>
diff --git a/sitehtml/Walking_and_Talking.html b/sitehtml/Walking_and_Talking.html
index 28a6ee0391bc94f69e8f4a345743aee6b3e24fc0..58497ccbc800e947af6aec7209e16480361a96cd 100644
--- a/sitehtml/Walking_and_Talking.html
+++ b/sitehtml/Walking_and_Talking.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Waterworld.html b/sitehtml/Waterworld.html
index 9dfed85f61860ed939f0930ae8a9df635f072d9b..f29ff5da83236abc9d1857f6f6ea9fce780eaa0f 100644
--- a/sitehtml/Waterworld.html
+++ b/sitehtml/Waterworld.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Welcome_to_the_Dollhouse.html b/sitehtml/Welcome_to_the_Dollhouse.html
index a04143432e85cf061e0e334dcae98a877d1b5eb4..2e861cf931870f821948e5818729729328082d65 100644
--- a/sitehtml/Welcome_to_the_Dollhouse.html
+++ b/sitehtml/Welcome_to_the_Dollhouse.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/What's_Eating_Gilbert_Grape.html b/sitehtml/What's_Eating_Gilbert_Grape.html
index 938c728b74135031560faec528f4a7233642c65f..bd6c61711be8d5755c92dc7007751f62d04fd78e 100644
--- a/sitehtml/What's_Eating_Gilbert_Grape.html
+++ b/sitehtml/What's_Eating_Gilbert_Grape.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/What's_Love_Got_to_Do_with_It.html b/sitehtml/What's_Love_Got_to_Do_with_It.html
index 31d6378d3f7d4af1adc1fe6b9d31364f3f3d3dd4..0949e337b83aec0a07691a93d762443032b0edd6 100644
--- a/sitehtml/What's_Love_Got_to_Do_with_It.html
+++ b/sitehtml/What's_Love_Got_to_Do_with_It.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/What_Happened_Was....html b/sitehtml/What_Happened_Was....html
index 14111db844b35385b65b1c0c2634c76e738f4e53..40c707af3d98517e1017b854a78a61a89eb95394 100644
--- a/sitehtml/What_Happened_Was....html
+++ b/sitehtml/What_Happened_Was....html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/When_Night_Is_Falling.html b/sitehtml/When_Night_Is_Falling.html
index a2f7d7b1ba52a78784244f938f7d6d5b56bff214..ba1c74b92b382df251e8e3fafb2ef82eee3e1788 100644
--- a/sitehtml/When_Night_Is_Falling.html
+++ b/sitehtml/When_Night_Is_Falling.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>When Night Is Falling</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/6Ac5GLwJ01uli5mCXqXwquR36Y1.jpg" alt="When Night Is Falling">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>A prudish woman working on tenure as a literacy professor at a large urban university finds herself attracted to a free-spirited, liberal woman who works at a local carnival.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Romance</p>
-
+
<h2>Durée</h2>
<p class="runtime">1h 36m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1995</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">62%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Pascale Bussières, Rachael Crawford, Henry Czerny, David Fox, Don McKellar, Tracy Wright, Clare Coulter, Karyne Steben, Sarah Steben, Jonathan Potts</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">professor, lgbt, woman director, lesbian</p>
</div>
diff --git a/sitehtml/When_a_Man_Loves_a_Woman.html b/sitehtml/When_a_Man_Loves_a_Woman.html
index 3f63d86740aadde771d47e417254b92bae9ab3f2..1f4e076719d2a3a11e62b2785a6ee0fe87523353 100644
--- a/sitehtml/When_a_Man_Loves_a_Woman.html
+++ b/sitehtml/When_a_Man_Loves_a_Woman.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/While_You_Were_Sleeping.html b/sitehtml/While_You_Were_Sleeping.html
index 6139a76081c6d52ffcee634310c031204300693e..61aaf3673ce6f36ad0474c3b7cefae2cd70438f8 100644
--- a/sitehtml/While_You_Were_Sleeping.html
+++ b/sitehtml/While_You_Were_Sleeping.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/White_Man's_Burden.html b/sitehtml/White_Man's_Burden.html
index e31d1c1e85618bbcb90a22fdc9ac9e56d8744925..0ddf201fe644b7f096a780b07e79bb10d744b9f6 100644
--- a/sitehtml/White_Man's_Burden.html
+++ b/sitehtml/White_Man's_Burden.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/White_Squall.html b/sitehtml/White_Squall.html
index 31a3e589cf1f49088e41c523b5fdf83efdb7be05..12126874514a35f1121624f3b104b93b75b2e404 100644
--- a/sitehtml/White_Squall.html
+++ b/sitehtml/White_Squall.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -58,7 +58,7 @@
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -71,30 +71,30 @@
<body>
<div class="movie-container">
<h1>White Squall</h1>
-
+
<div class="movie-image">
<img src="https://image.tmdb.org/t/p/original/muhTVa52IufjTaqNseXFQUAEuyG.jpg" alt="White Squall">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>In 1960, a hardy group of prep school students boards an old-fashioned sailing ship. With Capt. Christopher Sheldon at the helm, the oceangoing voyage is intended to teach the boys fortitude and discipline. But the youthful crew are about to get some unexpected instruction in survival when they get caught in the clutches of a white squall storm.</p>
-
+
<h2>Genres</h2>
<p class="genres">Drama, Adventure</p>
-
+
<h2>Durée</h2>
<p class="runtime">2h 9m</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">1996</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">62%</p>
-
+
<h2>Acteurs</h2>
<p class="actors">Jeff Bridges, Caroline Goodall, John Savage, Scott Wolf, Jeremy Sisto, Ryan Phillippe, David Lascher, Eric Michael Cole, Jason Marsden, David Selby</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">sailing trip, sailing, diary, coming of age, survival, teenage boy, discipline, squall, sail, caribbean sea, male bonding, seasickness, storm at sea, 1960s</p>
</div>
diff --git a/sitehtml/Wide-Eyed_and_Legless.html b/sitehtml/Wide-Eyed_and_Legless.html
index cd71d4e8bb57379c7a8c3db8919b94b32d98a96e..d47eb3ee14c3317d4c3a0e66b4f8564ee5e33bea 100644
--- a/sitehtml/Wide-Eyed_and_Legless.html
+++ b/sitehtml/Wide-Eyed_and_Legless.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Widows'_Peak.html b/sitehtml/Widows'_Peak.html
index 15e50c56cb176bdf16ff84d3a9523a4fa3cd309c..b454fe06026cb4980d0e1ef27ba9b59a5b98e05d 100644
--- a/sitehtml/Widows'_Peak.html
+++ b/sitehtml/Widows'_Peak.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/With_Honors.html b/sitehtml/With_Honors.html
index c0affa959376cbc4050fed41e52013af31690527..47a716a66094259af737e5a721b88bd32a658bec 100644
--- a/sitehtml/With_Honors.html
+++ b/sitehtml/With_Honors.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Wolf.html b/sitehtml/Wolf.html
index 4b220fe36fc5a59083b0e4a0c4db8573f2050c59..13b007167d1d4ba36d61cab0c46dcf6b03bcb4c2 100644
--- a/sitehtml/Wolf.html
+++ b/sitehtml/Wolf.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/sitehtml/Wyatt_Earp.html b/sitehtml/Wyatt_Earp.html
index 7d0a5b43defabe4bde4ab898498fe5330a5c2ac1..768a48f05f0d766581559572275eba5a9456e080 100644
--- a/sitehtml/Wyatt_Earp.html
+++ b/sitehtml/Wyatt_Earp.html
@@ -9,19 +9,19 @@
<style>
body {
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}
h1 {
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}
.movie-container {
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -39,7 +39,7 @@
margin-top: 20px;
}
.movie-details h2 {
- color: #2980b9;
+ color: #2980b9; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
diff --git a/website.py b/website.py
index 65912b852b1ed117cedfa39331efbee9ca2d6765..da8d0c844b719f7f8c889a26bcd272da57bd764b 100644
--- a/website.py
+++ b/website.py
@@ -119,19 +119,19 @@ for movieId in merged_data['movieId']:
<style>
body {{
font-family: 'Roboto', sans-serif;
- background-color: #f0f0f0;
- color: #333;
+ background-color: #121212; /* Couleur de fond sombre */
+ color: #fff; /* Couleur du texte blanc */
margin: 0;
padding: 20px;
}}
h1 {{
- color: #2c3e50;
- border-bottom: 2px solid #2980b9;
+ color: #ffffff; /* Titre en blanc */
+ border-bottom: 2px solid #C67E50;
padding-bottom: 10px;
text-align: center;
}}
.movie-container {{
- background-color: #fff;
+ background-color: #2b2b2b; /* Couleur de fond du conteneur */
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@@ -149,7 +149,7 @@ for movieId in merged_data['movieId']:
margin-top: 20px;
}}
.movie-details h2 {{
- color: #2980b9;
+ color: #C67E50; /* Couleur du titre */
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
@@ -168,7 +168,7 @@ for movieId in merged_data['movieId']:
padding: 10px 20px;
margin-top: 20px;
color: #fff;
- background-color: #2980b9;
+ background-color: #C67E50;
border-radius: 5px;
text-decoration: none;
text-align: center;
@@ -181,30 +181,30 @@ for movieId in merged_data['movieId']:
<body>
<div class="movie-container">
<h1>{title}</h1>
-
+
<div class="movie-image">
<img src="{poster_url}" alt="{title}">
</div>
-
+
<div class="movie-details">
<h2>Synopsis</h2>
<p>{overview}</p>
-
+
<h2>Genres</h2>
<p class="genres">{genres}</p>
-
+
<h2>Durée</h2>
<p class="runtime">{runtime}</p>
-
+
<h2>Année de sortie</h2>
<p class="release_year">{release_year}</p>
-
+
<h2>Évaluation des utilisateurs</h2>
<p class="user_rating">{user_rating}</p>
-
+
<h2>Acteurs</h2>
<p class="actors">{actors}</p>
-
+
<h2>Mots-clés</h2>
<p class="keywords">{keywords}</p>
</div>