From 623e10c07a367d0dd26c62f5546dc5743c4aea92 Mon Sep 17 00:00:00 2001
From: Adrien <adrien.payen@student.uclouvain.be>
Date: Sat, 18 May 2024 18:58:37 +0200
Subject: [PATCH] app commit
---
.streamlit/config.toml | 6 +++
Main.py => App.py | 6 +--
content.py | 11 +----
sitehtml/8_Seconds.html | 12 ++---
sitehtml/A_Bronx_Tale.html | 12 ++---
sitehtml/A_Close_Shave.html | 12 ++---
sitehtml/A_Family_Thing.html | 12 ++---
sitehtml/A_Goofy_Movie.html | 12 ++---
sitehtml/A_Kid_in_King_Arthur's_Court.html | 12 ++---
sitehtml/A_Little_Princess.html | 12 ++---
sitehtml/A_Low_Down_Dirty_Shame.html | 12 ++---
sitehtml/A_Month_by_the_Lake.html | 12 ++---
sitehtml/A_Perfect_World.html | 12 ++---
sitehtml/A_Pyromaniac's_Love_Story.html | 12 ++---
sitehtml/A_Simple_Twist_of_Fate.html | 12 ++---
.../A_Thin_Line_Between_Love_and_Hate.html | 12 ++---
sitehtml/A_Time_to_Kill.html | 12 ++---
sitehtml/A_Very_Brady_Sequel.html | 12 ++---
sitehtml/A_Walk_in_the_Clouds.html | 12 ++---
sitehtml/Above_the_Rim.html | 12 ++---
sitehtml/Ace_Ventura:_Pet_Detective.html | 12 ++---
sitehtml/Ace_Ventura:_When_Nature_Calls.html | 30 ++++++------
sitehtml/Across_the_Sea_of_Time.html | 30 ++++++------
sitehtml/Addams_Family_Values.html | 12 ++---
sitehtml/Airheads.html | 12 ++---
sitehtml/Aladdin.html | 12 ++---
sitehtml/Alaska.html | 12 ++---
sitehtml/All_Dogs_Go_to_Heaven_2.html | 12 ++---
sitehtml/Alphaville.html | 12 ++---
sitehtml/Amateur.html | 30 ++++++------
sitehtml/American_Buffalo.html | 12 ++---
sitehtml/An_Awfully_Big_Adventure.html | 30 ++++++------
sitehtml/Andre.html | 12 ++---
sitehtml/Angela.html | 30 ++++++------
sitehtml/Angels_and_Insects.html | 30 ++++++------
sitehtml/Angus.html | 12 ++---
sitehtml/Anne_Frank_Remembered.html | 30 ++++++------
sitehtml/Another_Stakeout.html | 12 ++---
sitehtml/Antonia's_Line.html | 30 ++++++------
sitehtml/Apollo_13.html | 30 ++++++------
sitehtml/Apur_Sansar.html | 12 ++---
sitehtml/Ashes_of_Time.html | 12 ++---
sitehtml/Assassins.html | 30 ++++++------
sitehtml/Babe.html | 30 ++++++------
sitehtml/Backbeat.html | 12 ++---
sitehtml/Bad_Boys.html | 46 +++++++++----------
sitehtml/Bad_Company.html | 28 +++++------
sitehtml/Bad_Girls.html | 12 ++---
sitehtml/Balto.html | 30 ++++++------
sitehtml/Barb_Wire.html | 12 ++---
sitehtml/Barbarella.html | 12 ++---
sitehtml/Barcelona.html | 12 ++---
sitehtml/Batman.html | 28 +++++------
sitehtml/Batman_Forever.html | 30 ++++++------
sitehtml/Beautiful_Girls.html | 30 ++++++------
sitehtml/Beauty_and_the_Beast.html | 28 +++++------
sitehtml/Bed_of_Roses.html | 30 ++++++------
sitehtml/Before_Sunrise.html | 12 ++---
sitehtml/Before_and_After.html | 30 ++++++------
sitehtml/Before_the_Rain.html | 12 ++---
sitehtml/Being_Human.html | 12 ++---
sitehtml/Belle_de_Jour.html | 30 ++++++------
sitehtml/Beverly_Hills_Cop_III.html | 12 ++---
sitehtml/Beyond_Bedlam.html | 12 ++---
sitehtml/Beyond_Rangoon.html | 30 ++++++------
sitehtml/Bhaji_on_the_Beach.html | 12 ++---
sitehtml/Billy_Madison.html | 12 ++---
sitehtml/Bio-Dome.html | 30 ++++++------
sitehtml/Bitter_Moon.html | 12 ++---
sitehtml/Black_Beauty.html | 28 +++++------
sitehtml/Black_Sheep.html | 30 ++++++------
sitehtml/Blade_Runner.html | 12 ++---
sitehtml/Blink.html | 12 ++---
sitehtml/Bloodsport_II.html | 12 ++---
sitehtml/Blown_Away.html | 12 ++---
sitehtml/Blue_Chips.html | 12 ++---
sitehtml/Blue_Sky.html | 12 ++---
sitehtml/Blue_in_the_Face.html | 30 ++++++------
sitehtml/Body_Snatchers.html | 12 ++---
sitehtml/Boomerang.html | 30 ++++++------
sitehtml/Bottle_Rocket.html | 30 ++++++------
sitehtml/Boxing_Helena.html | 12 ++---
sitehtml/Boys.html | 12 ++---
sitehtml/Boys_Life.html | 12 ++---
sitehtml/Boys_on_the_Side.html | 12 ++---
sitehtml/Braveheart.html | 30 ++++++------
sitehtml/Bread_and_Chocolate.html | 12 ++---
sitehtml/Broken_Arrow.html | 30 ++++++------
sitehtml/Bullets_Over_Broadway.html | 12 ++---
sitehtml/Burnt_by_the_Sun.html | 12 ++---
sitehtml/Butterfly_Kiss.html | 12 ++---
sitehtml/Bye_Bye_Love.html | 12 ++---
sitehtml/Cabin_Boy.html | 12 ++---
sitehtml/Canadian_Bacon.html | 30 ++++++------
sitehtml/Candyman:_Farewell_to_the_Flesh.html | 12 ++---
sitehtml/Carlito's_Way.html | 12 ++---
...armen_Miranda:_Bananas_Is_My_Business.html | 12 ++---
sitehtml/Carried_Away.html | 12 ++---
sitehtml/Carrington.html | 30 ++++++------
sitehtml/Casino.html | 30 ++++++------
sitehtml/Casper.html | 30 ++++++------
sitehtml/Castle_Freak.html | 12 ++---
sitehtml/Catwalk.html | 30 ++++++------
sitehtml/Celtic_Pride.html | 12 ++---
sitehtml/Cemetery_Man.html | 12 ++---
sitehtml/Chasers.html | 12 ++---
sitehtml/Chungking_Express.html | 30 ++++++------
sitehtml/Ciao,_Professore!.html | 12 ++---
sitehtml/Circle_of_Friends.html | 12 ++---
sitehtml/City_Hall.html | 30 ++++++------
...ickers_II:_The_Legend_of_Curly's_Gold.html | 12 ++---
sitehtml/Clean_Slate.html | 12 ++---
sitehtml/Clear_and_Present_Danger.html | 12 ++---
sitehtml/Clerks.html | 12 ++---
sitehtml/Cliffhanger.html | 12 ++---
sitehtml/Clockers.html | 30 ++++++------
sitehtml/Clueless.html | 30 ++++++------
sitehtml/Cobb.html | 12 ++---
sitehtml/Cold_Comfort_Farm.html | 12 ++---
sitehtml/Colonel_Chabert.html | 12 ++---
sitehtml/Color_of_Night.html | 12 ++---
sitehtml/Coneheads.html | 12 ++---
sitehtml/Congo.html | 30 ++++++------
sitehtml/Cops_&_Robbersons.html | 12 ++---
sitehtml/Copycat.html | 30 ++++++------
sitehtml/Corrina,_Corrina.html | 12 ++---
sitehtml/Cosi.html | 12 ++---
sitehtml/Country_Life.html | 12 ++---
sitehtml/Coup_de_Torchon.html | 12 ++---
sitehtml/Courage_Under_Fire.html | 12 ++---
sitehtml/Crimson_Tide.html | 30 ++++++------
sitehtml/Cronos.html | 12 ++---
sitehtml/Crooklyn.html | 12 ++---
sitehtml/Crumb.html | 30 ++++++------
sitehtml/Cry,_the_Beloved_Country.html | 30 ++++++------
sitehtml/Cutthroat_Island.html | 30 ++++++------
sitehtml/Dances_with_Wolves.html | 12 ++---
sitehtml/Dangerous_Game.html | 12 ++---
sitehtml/Dangerous_Minds.html | 30 ++++++------
sitehtml/Dave.html | 12 ++---
sitehtml/Daylight.html | 12 ++---
sitehtml/Dazed_and_Confused.html | 12 ++---
sitehtml/Dead_Man.html | 12 ++---
sitehtml/Dead_Man_Walking.html | 30 ++++++------
sitehtml/Dead_Presidents.html | 30 ++++++------
sitehtml/Death_and_the_Maiden.html | 12 ++---
sitehtml/Death_in_the_Garden.html | 12 ++---
sitehtml/Delta_of_Venus.html | 12 ++---
sitehtml/Demolition_Man.html | 12 ++---
sitehtml/Denise_Calls_Up.html | 12 ++---
sitehtml/Desperado.html | 30 ++++++------
sitehtml/Destiny_Turns_on_the_Radio.html | 12 ++---
sitehtml/Devil_in_a_Blue_Dress.html | 30 ++++++------
sitehtml/Diabolique.html | 28 +++++------
sitehtml/Die_Hard:_With_a_Vengeance.html | 30 ++++++------
sitehtml/Disclosure.html | 12 ++---
sitehtml/Dolores_Claiborne.html | 12 ++---
...While_Drinking_Your_Juice_in_the_Hood.html | 30 ++++++------
sitehtml/Don_Juan_DeMarco.html | 12 ++---
sitehtml/Double_Happiness.html | 12 ++---
sitehtml/Down_Periscope.html | 30 ++++++------
...ed_to_Stop_Worrying_and_Love_the_Bomb.html | 12 ++---
sitehtml/Dracula:_Dead_and_Loving_It.html | 30 ++++++------
sitehtml/DragonHeart.html | 12 ++---
sitehtml/Drop_Zone.html | 12 ++---
sitehtml/Dumb_and_Dumber.html | 12 ++---
sitehtml/Dunston_Checks_In.html | 30 ++++++------
sitehtml/Eat_Drink_Man_Woman.html | 12 ++---
sitehtml/Ed.html | 12 ++---
sitehtml/Ed_Wood.html | 12 ++---
sitehtml/Eddie.html | 12 ++---
sitehtml/Eraser.html | 12 ++---
sitehtml/Even_Cowgirls_Get_the_Blues.html | 12 ++---
sitehtml/Executive_Decision.html | 12 ++---
sitehtml/Exit_to_Eden.html | 12 ++---
sitehtml/Exotica.html | 12 ++---
sitehtml/Eye_for_an_Eye.html | 30 ++++++------
sitehtml/Faces.html | 12 ++---
sitehtml/Fair_Game.html | 30 ++++++------
sitehtml/Faithful.html | 12 ++---
...om_Home:_The_Adventures_of_Yellow_Dog.html | 12 ++---
sitehtml/Farewell_My_Concubine.html | 12 ++---
sitehtml/Fargo.html | 12 ++---
sitehtml/Farinelli.html | 12 ++---
sitehtml/Faster,_Pussycat!_Kill!_Kill!.html | 12 ++---
sitehtml/Fatal_Instinct.html | 12 ++---
sitehtml/Father_of_the_Bride_Part_II.html | 30 ++++++------
sitehtml/Fear.html | 12 ++---
sitehtml/Fear_of_a_Black_Hat.html | 12 ++---
sitehtml/Fearless.html | 12 ++---
sitehtml/Feast_of_July.html | 30 ++++++------
sitehtml/Feeling_Minnesota.html | 12 ++---
sitehtml/First_Knight.html | 30 ++++++------
sitehtml/Fled.html | 12 ++---
sitehtml/Flesh_and_Bone.html | 12 ++---
sitehtml/Flipper.html | 28 +++++------
sitehtml/Flirting_with_Disaster.html | 30 ++++++------
sitehtml/Fluke.html | 12 ++---
sitehtml/For_Love_or_Money.html | 12 ++---
sitehtml/Force_of_Evil.html | 12 ++---
sitehtml/Forget_Paris.html | 12 ++---
sitehtml/Forrest_Gump.html | 12 ++---
sitehtml/Four_Rooms.html | 30 ++++++------
sitehtml/Four_Weddings_and_a_Funeral.html | 12 ++---
sitehtml/Foxfire.html | 12 ++---
sitehtml/Frankie_Starlight.html | 30 ++++++------
sitehtml/Free_Willy.html | 12 ++---
.../Free_Willy_2:_The_Adventure_Home.html | 30 ++++++------
sitehtml/French_Kiss.html | 12 ++---
sitehtml/French_Twist.html | 30 ++++++------
sitehtml/Fresh.html | 12 ++---
sitehtml/Friday.html | 30 ++++++------
sitehtml/From_Dusk_Till_Dawn.html | 30 ++++++------
sitehtml/Georgia.html | 30 ++++++------
sitehtml/Germinal.html | 12 ++---
sitehtml/Geronimo:_An_American_Legend.html | 12 ++---
sitehtml/Get_Shorty.html | 30 ++++++------
sitehtml/Getting_Even_with_Dad.html | 12 ++---
sitehtml/Ghost.html | 12 ++---
sitehtml/Ghost_in_the_Shell.html | 12 ++---
sitehtml/Girl_6.html | 12 ++---
sitehtml/Go_Fish.html | 12 ++---
..._Diggers:_The_Secret_of_Bear_Mountain.html | 12 ++---
sitehtml/GoldenEye.html | 30 ++++++------
sitehtml/Gordy.html | 12 ++---
sitehtml/Grumpier_Old_Men.html | 30 ++++++------
sitehtml/Guilty_as_Sin.html | 12 ++---
sitehtml/Gumby_1.html | 12 ++---
sitehtml/Hackers.html | 30 ++++++------
sitehtml/Happy_Gilmore.html | 30 ++++++------
sitehtml/Hard_Target.html | 12 ++---
sitehtml/Harriet_the_Spy.html | 12 ++---
sitehtml/Heat.html | 30 ++++++------
sitehtml/Heaven's_Prisoners.html | 12 ++---
sitehtml/Heaven_&_Earth.html | 12 ++---
sitehtml/Heavenly_Creatures.html | 12 ++---
sitehtml/Heavy.html | 12 ++---
sitehtml/Heavy_Metal.html | 12 ++---
sitehtml/Heavyweights.html | 12 ++---
sitehtml/Heidi_Fleiss:_Hollywood_Madam.html | 30 ++++++------
sitehtml/Hellraiser:_Bloodline.html | 12 ++---
sitehtml/Hideaway.html | 12 ++---
sitehtml/High_School_High.html | 12 ++---
sitehtml/Higher_Learning.html | 12 ++---
sitehtml/Highlander:_The_Final_Dimension.html | 12 ++---
sitehtml/Home_Alone.html | 12 ++---
sitehtml/Home_for_the_Holidays.html | 30 ++++++------
...eward_Bound_II:_Lost_in_San_Francisco.html | 12 ++---
sitehtml/Hoop_Dreams.html | 12 ++---
sitehtml/Hot_Shots!_Part_Deux.html | 12 ++---
sitehtml/House_Party_3.html | 12 ++---
sitehtml/Houseguest.html | 12 ++---
sitehtml/How_to_Make_an_American_Quilt.html | 30 ++++++------
sitehtml/I'll_Do_Anything.html | 12 ++---
sitehtml/I.Q..html | 12 ++---
sitehtml/I_Love_Trouble.html | 12 ++---
sitehtml/I_Shot_Andy_Warhol.html | 12 ++---
sitehtml/If_Lucy_Fell.html | 30 ++++++------
sitehtml/Immortal_Beloved.html | 12 ++---
sitehtml/In_the_Army_Now.html | 12 ++---
sitehtml/In_the_Bleak_Midwinter.html | 30 ++++++------
sitehtml/In_the_Line_of_Fire.html | 12 ++---
sitehtml/In_the_Mouth_of_Madness.html | 12 ++---
sitehtml/In_the_Name_of_the_Father.html | 12 ++---
sitehtml/In_the_Realm_of_the_Senses.html | 12 ++---
sitehtml/Independence_Day.html | 12 ++---
sitehtml/Interview_with_the_Vampire.html | 12 ++---
sitehtml/It's_My_Party.html | 12 ++---
sitehtml/It_Could_Happen_to_You.html | 12 ++---
sitehtml/It_Takes_Two.html | 30 ++++++------
sitehtml/Jack.html | 12 ++---
sitehtml/Jack_&_Sarah.html | 12 ++---
sitehtml/Jade.html | 30 ++++++------
sitehtml/James_and_the_Giant_Peach.html | 12 ++---
sitehtml/Jane_Eyre.html | 26 +++++------
sitehtml/Jason's_Lyric.html | 12 ++---
sitehtml/Jefferson_in_Paris.html | 12 ++---
sitehtml/Jeffrey.html | 30 ++++++------
sitehtml/Joe's_Apartment.html | 12 ++---
sitehtml/Johnny_Mnemonic.html | 30 ++++++------
sitehtml/Judge_Dredd.html | 30 ++++++------
sitehtml/Judgment_Night.html | 12 ++---
sitehtml/Jumanji.html | 30 ++++++------
sitehtml/Junior.html | 12 ++---
sitehtml/Jurassic_Park.html | 12 ++---
sitehtml/Jury_Duty.html | 30 ++++++------
sitehtml/Just_Cause.html | 12 ++---
sitehtml/Kalifornia.html | 12 ++---
sitehtml/Kaspar_Hauser.html | 12 ++---
sitehtml/Kazaam.html | 12 ++---
sitehtml/Kicking_and_Screaming.html | 30 ++++++------
sitehtml/Kids.html | 30 ++++++------
sitehtml/Kids_in_the_Hall:_Brain_Candy.html | 12 ++---
sitehtml/Kika.html | 12 ++---
sitehtml/Killer.html | 12 ++---
sitehtml/Killing_Zoe.html | 12 ++---
sitehtml/Kim.html | 12 ++---
sitehtml/King_of_the_Hill.html | 12 ++---
sitehtml/Kingpin.html | 12 ++---
sitehtml/Kiss_of_Death.html | 28 +++++------
sitehtml/La_Haine.html | 30 ++++++------
sitehtml/Ladybird_Ladybird.html | 12 ++---
sitehtml/Lamerica.html | 30 ++++++------
sitehtml/Land_and_Freedom.html | 12 ++---
sitehtml/Larger_Than_Life.html | 12 ++---
sitehtml/Lassie.html | 12 ++---
sitehtml/Last_Action_Hero.html | 12 ++---
sitehtml/Last_Dance.html | 12 ++---
sitehtml/Last_Summer_in_the_Hamptons.html | 30 ++++++------
.../Lawnmower_Man_2:_Beyond_Cyberspace.html | 30 ++++++------
sitehtml/Leaving_Las_Vegas.html | 30 ++++++------
sitehtml/Legends_of_the_Fall.html | 12 ++---
sitehtml/Les_Miserables.html | 30 ++++++------
sitehtml/Life_with_Mikey.html | 12 ++---
sitehtml/Lightning_Jack.html | 12 ++---
sitehtml/Like_Water_for_Chocolate.html | 12 ++---
sitehtml/Little_Big_League.html | 12 ++---
sitehtml/Little_Buddha.html | 12 ++---
sitehtml/Little_Odessa.html | 12 ++---
sitehtml/Little_Women.html | 28 +++++------
sitehtml/Live_Nude_Girls.html | 12 ++---
sitehtml/Living_in_Oblivion.html | 30 ++++++------
sitehtml/Loaded.html | 12 ++---
sitehtml/Lone_Star.html | 12 ++---
sitehtml/Lord_of_Illusions.html | 30 ++++++------
sitehtml/Losing_Isaiah.html | 12 ++---
sitehtml/Love_&_Human_Remains.html | 12 ++---
sitehtml/Love_Affair.html | 12 ++---
sitehtml/Love_and_a_.45.html | 12 ++---
"sitehtml/L\303\251on:_The_Professional.html" | 12 ++---
sitehtml/M._Butterfly.html | 12 ++---
sitehtml/Mad_Love.html | 12 ++---
sitehtml/Made_in_America.html | 12 ++---
sitehtml/Major_Payne.html | 12 ++---
sitehtml/Malice.html | 12 ++---
sitehtml/Mallrats.html | 12 ++---
sitehtml/Man_of_the_House.html | 12 ++---
sitehtml/Man_of_the_Year.html | 30 ++++++------
sitehtml/Manhattan_Murder_Mystery.html | 12 ++---
sitehtml/Margaret's_Museum.html | 30 ++++++------
sitehtml/Mary_Reilly.html | 30 ++++++------
sitehtml/Mary_Shelley's_Frankenstein.html | 12 ++---
sitehtml/Maverick.html | 12 ++---
sitehtml/Maya_Lin:_A_Strong_Clear_Vision.html | 12 ++---
sitehtml/Menace_II_Society.html | 12 ++---
sitehtml/Mi_Vida_Loca.html | 12 ++---
sitehtml/Miami_Rhapsody.html | 12 ++---
sitehtml/Mighty_Aphrodite.html | 30 ++++++------
...ghty_Morphin_Power_Rangers:_The_Movie.html | 12 ++---
sitehtml/Milk_Money.html | 12 ++---
sitehtml/Miracle_on_34th_Street.html | 28 +++++------
sitehtml/Mirage.html | 12 ++---
sitehtml/Mission:_Impossible.html | 12 ++---
sitehtml/Mixed_Nuts.html | 12 ++---
sitehtml/Moll_Flanders.html | 12 ++---
sitehtml/Money_Train.html | 30 ++++++------
sitehtml/Mortal_Kombat.html | 30 ++++++------
sitehtml/Mr._Holland's_Opus.html | 30 ++++++------
sitehtml/Mr._Jones.html | 12 ++---
sitehtml/Mr._Wonderful.html | 12 ++---
sitehtml/Mr._Wrong.html | 30 ++++++------
sitehtml/Mrs._Doubtfire.html | 12 ++---
.../Mrs._Parker_and_the_Vicious_Circle.html | 12 ++---
sitehtml/Mrs._Winterbourne.html | 12 ++---
sitehtml/Much_Ado_About_Nothing.html | 12 ++---
sitehtml/Mulholland_Falls.html | 12 ++---
sitehtml/Multiplicity.html | 12 ++---
sitehtml/Muppet_Treasure_Island.html | 30 ++++++------
sitehtml/Murder_in_the_First.html | 12 ++---
sitehtml/Muriel's_Wedding.html | 12 ++---
sitehtml/Mute_Witness.html | 12 ++---
sitehtml/My_Family.html | 12 ++---
sitehtml/My_Favorite_Season.html | 12 ++---
...My_Life_and_Times_with_Antonin_Artaud.html | 12 ++---
...stery_Science_Theater_3000:_The_Movie.html | 12 ++---
"sitehtml/M\303\251tisse.html" | 12 ++---
sitehtml/Nadja.html | 12 ++---
sitehtml/Naked.html | 12 ++---
...Gun_33\342\205\223:_The_Final_Insult.html" | 12 ++---
sitehtml/Natural_Born_Killers.html | 12 ++---
sitehtml/Nell.html | 12 ++---
sitehtml/New_Jersey_Drive.html | 12 ++---
sitehtml/New_Nightmare.html | 12 ++---
sitehtml/Nick_of_Time.html | 30 ++++++------
sitehtml/Nico_Icon.html | 30 ++++++------
sitehtml/Nina_Takes_a_Lover.html | 12 ++---
sitehtml/Nine_Months.html | 12 ++---
sitehtml/Nixon.html | 30 ++++++------
sitehtml/No_Escape.html | 12 ++---
sitehtml/Nobody's_Fool.html | 12 ++---
sitehtml/North.html | 12 ++---
sitehtml/Now_and_Then.html | 30 ++++++------
sitehtml/Oliver_&_Company.html | 12 ++---
...e_Upon_a_Time..._When_We_Were_Colored.html | 30 ++++++------
sitehtml/Once_Were_Warriors.html | 12 ++---
sitehtml/One_Fine_Day.html | 12 ++---
sitehtml/Only_You.html | 12 ++---
sitehtml/Operation_Dumbo_Drop.html | 12 ++---
sitehtml/Orlando.html | 12 ++---
sitehtml/Othello.html | 46 +++++++++----------
sitehtml/Outbreak.html | 12 ++---
sitehtml/Paris,_France.html | 12 ++---
sitehtml/Party_Girl.html | 12 ++---
sitehtml/Pather_Panchali.html | 12 ++---
sitehtml/Persuasion.html | 30 ++++++------
sitehtml/Phat_Beach.html | 12 ++---
sitehtml/Phenomenon.html | 12 ++---
sitehtml/Philadelphia.html | 12 ++---
sitehtml/Picture_Bride.html | 12 ++---
sitehtml/Pie_in_the_Sky.html | 30 ++++++------
sitehtml/Pinocchio.html | 12 ++---
sitehtml/Pocahontas.html | 30 ++++++------
sitehtml/Poetic_Justice.html | 12 ++---
sitehtml/Poison_Ivy_2:_Lily.html | 12 ++---
sitehtml/Powder.html | 30 ++++++------
sitehtml/Pretty_Woman.html | 12 ++---
sitehtml/Priest.html | 12 ++---
sitehtml/Primal_Fear.html | 12 ++---
sitehtml/Princess_Caraboo.html | 12 ++---
"sitehtml/Pr\303\252t-\303\240-Porter.html" | 12 ++---
sitehtml/Pulp_Fiction.html | 12 ++---
sitehtml/Purple_Noon.html | 12 ++---
sitehtml/Queen_Margot.html | 12 ++---
sitehtml/Quiz_Show.html | 12 ++---
sitehtml/Radioland_Murders.html | 12 ++---
sitehtml/Ransom.html | 12 ++---
sitehtml/Reality_Bites.html | 12 ++---
sitehtml/Reckless.html | 12 ++---
.../Red_Firecracker,_Green_Firecracker.html | 12 ++---
sitehtml/Red_Rock_West.html | 12 ++---
sitehtml/Renaissance_Man.html | 12 ++---
sitehtml/Restoration.html | 30 ++++++------
sitehtml/Richard_III.html | 30 ++++++------
sitehtml/Rising_Sun.html | 12 ++---
"sitehtml/Ri\302\242hie_Ri\302\242h.html" | 12 ++---
sitehtml/Rob_Roy.html | 30 ++++++------
sitehtml/Robin_Hood:_Men_in_Tights.html | 12 ++---
sitehtml/RoboCop_3.html | 12 ++---
sitehtml/Romeo_Is_Bleeding.html | 12 ++---
sitehtml/Romper_Stomper.html | 12 ++---
sitehtml/Roommates.html | 12 ++---
sitehtml/Ruby_in_Paradise.html | 12 ++---
sitehtml/Rudy.html | 12 ++---
sitehtml/Rumble_in_the_Bronx.html | 30 ++++++------
sitehtml/Sabrina.html | 46 +++++++++----------
sitehtml/Safe.html | 12 ++---
sitehtml/Safe_Passage.html | 12 ++---
sitehtml/Savage_Nights.html | 12 ++---
sitehtml/Schindler's_List.html | 12 ++---
sitehtml/Scream_of_Stone.html | 12 ++---
sitehtml/Screamers.html | 30 ++++++------
sitehtml/Se7en.html | 30 ++++++------
sitehtml/Searching_for_Bobby_Fischer.html | 12 ++---
sitehtml/Senior_Trip.html | 12 ++---
sitehtml/Sense_and_Sensibility.html | 30 ++++++------
sitehtml/Serial_Mom.html | 12 ++---
sitehtml/Sgt._Bilko.html | 12 ++---
sitehtml/Shadowlands.html | 12 ++---
sitehtml/Shallow_Grave.html | 12 ++---
sitehtml/Shanghai_Triad.html | 30 ++++++------
sitehtml/She's_the_One.html | 12 ++---
sitehtml/Shopping.html | 30 ++++++------
sitehtml/Short_Cuts.html | 12 ++---
sitehtml/Showgirls.html | 12 ++---
sitehtml/Sirens.html | 12 ++---
sitehtml/Six_Degrees_of_Separation.html | 12 ++---
sitehtml/Sleepless_in_Seattle.html | 12 ++---
sitehtml/Sliver.html | 12 ++---
sitehtml/Smoke.html | 12 ++---
sitehtml/Snow_White_and_the_Seven_Dwarfs.html | 12 ++---
sitehtml/So_I_Married_an_Axe_Murderer.html | 12 ++---
sitehtml/Solo.html | 12 ++---
.../Some_Folks_Call_It_a_Sling_Blade.html | 12 ++---
sitehtml/Something_to_Talk_About.html | 12 ++---
sitehtml/Son_in_Law.html | 12 ++---
sitehtml/Space_Jam.html | 12 ++---
sitehtml/Spanking_the_Monkey.html | 12 ++---
sitehtml/Species.html | 12 ++---
sitehtml/Speechless.html | 12 ++---
sitehtml/Speed.html | 12 ++---
sitehtml/Spirits_of_the_Dead.html | 12 ++---
sitehtml/Spy_Hard.html | 12 ++---
sitehtml/Stalingrad.html | 12 ++---
sitehtml/Star_Trek:_Generations.html | 12 ++---
sitehtml/Star_Wars.html | 12 ++---
sitehtml/Stargate.html | 12 ++---
sitehtml/Steal_Big_Steal_Little.html | 30 ++++++------
sitehtml/Stealing_Beauty.html | 12 ++---
sitehtml/Stonewall.html | 12 ++---
sitehtml/Strange_Days.html | 12 ++---
sitehtml/Strawberry_and_Chocolate.html | 12 ++---
sitehtml/Street_Fighter.html | 12 ++---
sitehtml/Striking_Distance.html | 12 ++---
sitehtml/Striptease.html | 12 ++---
sitehtml/Stuart_Saves_His_Family.html | 12 ++---
sitehtml/Sudden_Death.html | 30 ++++++------
sitehtml/Super_Mario_Bros..html | 12 ++---
sitehtml/Surviving_the_Game.html | 12 ++---
sitehtml/Suture.html | 12 ++---
sitehtml/Swimming_with_Sharks.html | 12 ++---
.../Tales_from_the_Crypt:_Demon_Knight.html | 12 ++---
sitehtml/Tales_from_the_Hood.html | 12 ++---
sitehtml/Tank_Girl.html | 12 ++---
sitehtml/Taxi_Driver.html | 30 ++++++------
sitehtml/Terminal_Velocity.html | 12 ++---
sitehtml/Terminator_2:_Judgment_Day.html | 12 ++---
sitehtml/The_Addiction.html | 30 ++++++------
sitehtml/The_Adventures_of_Pinocchio.html | 12 ++---
...res_of_Priscilla,_Queen_of_the_Desert.html | 12 ++---
sitehtml/The_Age_of_Innocence.html | 12 ++---
sitehtml/The_Air_Up_There.html | 12 ++---
sitehtml/The_Amazing_Panda_Adventure.html | 30 ++++++------
sitehtml/The_American_President.html | 30 ++++++------
sitehtml/The_Aristocats.html | 12 ++---
sitehtml/The_Arrival.html | 12 ++---
sitehtml/The_Baby-Sitters_Club.html | 12 ++---
sitehtml/The_Babysitter.html | 12 ++---
sitehtml/The_Basketball_Diaries.html | 30 ++++++------
sitehtml/The_Beverly_Hillbillies.html | 12 ++---
sitehtml/The_Big_Green.html | 30 ++++++------
sitehtml/The_Birdcage.html | 30 ++++++------
sitehtml/The_Boys_of_St._Vincent.html | 30 ++++++------
sitehtml/The_Brady_Bunch_Movie.html | 12 ++---
sitehtml/The_Bridges_of_Madison_County.html | 30 ++++++------
sitehtml/The_Brothers_McMullen.html | 30 ++++++------
sitehtml/The_Browning_Version.html | 12 ++---
sitehtml/The_Cable_Guy.html | 12 ++---
sitehtml/The_Celluloid_Closet.html | 12 ++---
sitehtml/The_City_of_Lost_Children.html | 30 ++++++------
sitehtml/The_Client.html | 12 ++---
sitehtml/The_Confessional.html | 30 ++++++------
sitehtml/The_Cowboy_Way.html | 12 ++---
sitehtml/The_Craft.html | 12 ++---
sitehtml/The_Crossing_Guard.html | 30 ++++++------
sitehtml/The_Crow.html | 12 ++---
sitehtml/The_Cure.html | 12 ++---
sitehtml/The_Doom_Generation.html | 30 ++++++------
sitehtml/The_Endless_Summer_2.html | 12 ++---
...nt_Up_a_Hill_But_Came_Down_a_Mountain.html | 12 ++---
sitehtml/The_Fan.html | 28 +++++------
sitehtml/The_Favor.html | 12 ++---
sitehtml/The_Firm.html | 12 ++---
sitehtml/The_First_Wives_Club.html | 12 ++---
sitehtml/The_Flintstones.html | 12 ++---
sitehtml/The_Flower_of_My_Secret.html | 12 ++---
sitehtml/The_Frighteners.html | 12 ++---
sitehtml/The_Fugitive.html | 12 ++---
sitehtml/The_Gate_of_Heavenly_Peace.html | 12 ++---
sitehtml/The_Getaway.html | 28 +++++------
sitehtml/The_Glass_Shield.html | 12 ++---
sitehtml/The_Grass_Harp.html | 12 ++---
sitehtml/The_Great_White_Hype.html | 12 ++---
..._Haunted_World_of_Edward_D._Wood,_Jr..html | 12 ++---
sitehtml/The_Horseman_on_the_Roof.html | 12 ++---
sitehtml/The_House_of_the_Spirits.html | 12 ++---
sitehtml/The_Hudsucker_Proxy.html | 12 ++---
sitehtml/The_Hunchback_of_Notre_Dame.html | 28 +++++------
sitehtml/The_Hunted.html | 28 +++++------
sitehtml/The_Indian_in_the_Cupboard.html | 30 ++++++------
sitehtml/The_Inkwell.html | 12 ++---
sitehtml/The_Jerky_Boys.html | 12 ++---
sitehtml/The_Jungle_Book.html | 28 +++++------
sitehtml/The_Juror.html | 30 ++++++------
sitehtml/The_Last_Supper.html | 12 ++---
sitehtml/The_Lion_King.html | 12 ++---
sitehtml/The_Little_Rascals.html | 12 ++---
sitehtml/The_Madness_of_King_George.html | 12 ++---
sitehtml/The_Man_Without_a_Face.html | 12 ++---
sitehtml/The_Mask.html | 12 ++---
sitehtml/The_Net.html | 12 ++---
sitehtml/The_NeverEnding_Story_III.html | 30 ++++++------
sitehtml/The_Next_Karate_Kid.html | 12 ++---
sitehtml/The_Nightmare_Before_Christmas.html | 12 ++---
sitehtml/The_Nutty_Professor.html | 28 +++++------
sitehtml/The_Pagemaster.html | 12 ++---
sitehtml/The_Pallbearer.html | 12 ++---
sitehtml/The_Paper.html | 12 ++---
sitehtml/The_Perez_Family.html | 12 ++---
sitehtml/The_Phantom.html | 12 ++---
sitehtml/The_Piano.html | 12 ++---
sitehtml/The_Postman.html | 46 +++++++++----------
sitehtml/The_Program.html | 12 ++---
sitehtml/The_Promise.html | 12 ++---
sitehtml/The_Prophecy.html | 12 ++---
sitehtml/The_Puppet_Masters.html | 12 ++---
sitehtml/The_Quest.html | 12 ++---
sitehtml/The_Quick_and_the_Dead.html | 12 ++---
sitehtml/The_Ref.html | 12 ++---
sitehtml/The_Remains_of_the_Day.html | 12 ++---
sitehtml/The_River_Wild.html | 12 ++---
sitehtml/The_Road_to_Wellville.html | 12 ++---
sitehtml/The_Rock.html | 12 ++---
sitehtml/The_Run_of_the_Country.html | 12 ++---
sitehtml/The_Santa_Clause.html | 12 ++---
sitehtml/The_Scarlet_Letter.html | 28 +++++------
sitehtml/The_Scout.html | 12 ++---
.../The_Secret_Adventures_of_Tom_Thumb.html | 12 ++---
sitehtml/The_Secret_Garden.html | 12 ++---
sitehtml/The_Secret_of_Roan_Inish.html | 12 ++---
sitehtml/The_Shadow.html | 12 ++---
sitehtml/The_Shawshank_Redemption.html | 12 ++---
sitehtml/The_Silence_of_the_Lambs.html | 12 ++---
sitehtml/The_Specialist.html | 12 ++---
sitehtml/The_Star_Maker.html | 30 ++++++------
sitehtml/The_Stupids.html | 12 ++---
sitehtml/The_Substitute.html | 12 ++---
sitehtml/The_Sum_of_Us.html | 12 ++---
sitehtml/The_Superwife.html | 12 ++---
sitehtml/The_Swan_Princess.html | 12 ++---
sitehtml/The_Three_Musketeers.html | 26 +++++------
sitehtml/The_Tie_That_Binds.html | 12 ++---
sitehtml/The_Truth_About_Cats_&_Dogs.html | 12 ++---
sitehtml/The_Umbrellas_of_Cherbourg.html | 12 ++---
sitehtml/The_Underneath.html | 12 ++---
sitehtml/The_Usual_Suspects.html | 30 ++++++------
sitehtml/The_Visitors.html | 12 ++---
sitehtml/The_Walking_Dead.html | 12 ++---
sitehtml/The_War.html | 12 ++---
sitehtml/The_War_Room.html | 12 ++---
sitehtml/The_White_Balloon.html | 30 ++++++------
sitehtml/The_Wild_Bunch.html | 12 ++---
...ul,_Horrible_Life_of_Leni_Riefenstahl.html | 12 ++---
sitehtml/The_Young_Poisoner's_Handbook.html | 30 ++++++------
...ings_to_Do_in_Denver_When_You're_Dead.html | 30 ++++++------
sitehtml/Thinner.html | 12 ++---
...rty_Two_Short_Films_About_Glenn_Gould.html | 12 ++---
sitehtml/Three_Colors:_Blue.html | 12 ++---
sitehtml/Three_Colors:_Red.html | 12 ++---
sitehtml/Three_Colors:_White.html | 12 ++---
sitehtml/Three_Wishes.html | 12 ++---
sitehtml/Threesome.html | 12 ++---
sitehtml/Til_There_Was_You.html | 12 ++---
sitehtml/Timecop.html | 12 ++---
sitehtml/To_Die_For.html | 30 ++++++------
sitehtml/To_Live.html | 12 ++---
...,_Thanks_for_Everything!_Julie_Newmar.html | 12 ++---
sitehtml/Tom_&_Viv.html | 12 ++---
sitehtml/Tom_and_Huck.html | 30 ++++++------
sitehtml/Tombstone.html | 12 ++---
sitehtml/Tommy_Boy.html | 12 ++---
sitehtml/Torment.html | 12 ++---
sitehtml/Total_Eclipse.html | 12 ++---
sitehtml/Toy_Story.html | 30 ++++++------
sitehtml/Trainspotting.html | 12 ++---
sitehtml/Trial_by_Jury.html | 12 ++---
sitehtml/True_Crime.html | 28 +++++------
sitehtml/True_Lies.html | 12 ++---
sitehtml/True_Romance.html | 12 ++---
sitehtml/Twelve_Monkeys.html | 30 ++++++------
sitehtml/Twister.html | 12 ++---
sitehtml/Two_Deaths.html | 12 ++---
sitehtml/Two_If_by_Sea.html | 30 ++++++------
sitehtml/Under_Siege_2:_Dark_Territory.html | 12 ++---
sitehtml/Underground.html | 12 ++---
sitehtml/Unforgettable.html | 30 ++++++------
sitehtml/Unstrung_Heroes.html | 12 ++---
sitehtml/Unzipped.html | 12 ++---
sitehtml/Up_Close_&_Personal.html | 30 ++++++------
sitehtml/Vampire_in_Brooklyn.html | 30 ++++++------
sitehtml/Vanya_on_42nd_Street.html | 12 ++---
sitehtml/Village_of_the_Damned.html | 28 +++++------
sitehtml/Virtuosity.html | 12 ++---
sitehtml/Waiting_to_Exhale.html | 30 ++++++------
sitehtml/Walking_and_Talking.html | 12 ++---
sitehtml/Waterworld.html | 12 ++---
sitehtml/Welcome_to_the_Dollhouse.html | 12 ++---
sitehtml/What's_Eating_Gilbert_Grape.html | 12 ++---
sitehtml/What's_Love_Got_to_Do_with_It.html | 12 ++---
sitehtml/What_Happened_Was....html | 12 ++---
sitehtml/When_Night_Is_Falling.html | 30 ++++++------
sitehtml/When_a_Man_Loves_a_Woman.html | 12 ++---
sitehtml/While_You_Were_Sleeping.html | 12 ++---
sitehtml/White_Man's_Burden.html | 12 ++---
sitehtml/White_Squall.html | 30 ++++++------
sitehtml/Wide-Eyed_and_Legless.html | 12 ++---
sitehtml/Widows'_Peak.html | 12 ++---
sitehtml/With_Honors.html | 12 ++---
sitehtml/Wolf.html | 12 ++---
sitehtml/Wyatt_Earp.html | 12 ++---
website.py | 30 ++++++------
680 files changed, 5684 insertions(+), 5687 deletions(-)
create mode 100644 .streamlit/config.toml
rename Main.py => App.py (92%)
diff --git a/.streamlit/config.toml b/.streamlit/config.toml
new file mode 100644
index 00000000..6509e759
--- /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 5eb75701..252370d4 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 6f7892be..1b889efa 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 88dbdb59..fbc09d47 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 5419632a..26025d49 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 7779b772..66f40820 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 911b7836..cfb8a9c7 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 b14e2d28..972ea46e 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 59652acb..2def46f4 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 9308603f..e86d70c0 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 53f14370..2836aa98 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 316f61c4..e563b9ac 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 945248e4..e5b6f177 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 d92682d8..3257b3b7 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 dbfcf888..b0c4579e 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 16435d88..6e752960 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 c23126df..e67a5f74 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 e15ab6f1..c308ad9b 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 613cbe10..36cee168 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 455ca796..3c0ffaf5 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 ae841818..9f018c66 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 cce1ad04..9613a1d2 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 6ed517a6..5a3390c9 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 4e81dc54..35f46a4b 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 1fb1b552..c02b5fec 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 76493da3..eb162205 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 5084a1ff..df9bee66 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 1aa45f79..ad25fa83 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 29a1de1f..83c4e5ed 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 8781ea9d..cd0ef0f9 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 f8a07176..ec37dfbc 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 7edf6f0f..636028d3 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 ada92b5f..51fe1d09 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 b14311f9..db4c8d89 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 c3dce136..2da61edd 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 7acc253f..b53bbcbe 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 9501e16f..b8a32d03 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 eecc3129..41cb1972 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 dc2fb299..74060a69 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 64fda537..0f7bd394 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 8c4d1aad..7da44d5d 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 b419cb90..035fe063 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 9bb04bb9..ebdb913b 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 eddbd510..0315ff40 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 aaa9aa51..d07804ed 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 08da24fb..7f3b9cdb 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 b0f1ab4a..7b0833f3 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 4b7f2915..c0821060 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 27402e66..738a8fc8 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 0b2fb47f..db70b965 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 b450cd04..a96119d3 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 b385f742..d1abbbf2 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 43fef66a..65c45ec2 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 b4f167f7..1bbf70b3 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 11f3763e..6ffd0ffa 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 0b4f1d32..7a85cb2f 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 8f4976c2..d15a7a6f 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 8bcda011..f8d9217c 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 82051478..34800fbb 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 439a5736..0b26339c 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 61b7a6ea..99411e8d 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 fb35d948..245b62a0 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 4fd04f9b..d953b8f1 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 4d59ad20..24d747fa 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 0bc60e5b..9deb5137 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 203709cc..403b93bb 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 55c83172..cba30307 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 23ae3b1e..e1fc03e0 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 ce0cbbf9..bf5f23db 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 13606205..6e7c8c2a 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 0e84d4d4..f0918608 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 381564db..8e1f21db 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 78edd0c9..44e0f0e4 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 5317d5e8..b232ac64 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 fb67c497..5fe76c6f 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 50894c01..21de837c 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 08dc7a8c..d305635a 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 776e9b7a..3c25aa3b 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 9a1c71eb..33a20a80 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 461dcf0c..af576ab7 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 1ecc72f6..c614855b 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 3dece321..cdab68bb 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 09c6158e..f55a2c8a 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 d3984b98..e1571bb3 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 05fa136b..1fdfd30a 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 5db541ce..557133a4 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 4fe31ea0..bbad86a2 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 5b3960a1..84cc6319 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 f1e3b775..b57e62b0 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 264776f3..3ad5355e 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 02d25f19..5234a837 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 e10fc2a5..2138793c 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 c609c738..1a691af6 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 ed062a8c..1c4aa773 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 abefca6d..4433bbb2 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 ae357726..283ba4db 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 758267ef..7426825e 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 3012af5f..72b9a472 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 8ea4254b..a1bd8bc2 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 755c85bf..c62c3d67 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 1b37250b..e40bd6bc 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 52911abd..e77805e8 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 e3d479fe..fcb22187 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 61cbf6bf..693bb614 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 d12d9063..798528ff 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 8dadfc6b..61fa9869 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 ac9fe4dd..498c6b67 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 4c116116..51e97474 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 be3b64c2..d69111b0 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 7022705d..87d981c0 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 491156f9..dd08d3e2 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 dcfcd255..9344c651 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 3218314a..3ee7807c 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 5544a68b..54b40b19 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 ce4327a3..d0b0f697 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 c0238a88..84b90e2c 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 09547b72..bf489647 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 1ecd87f3..3a53e922 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 c639cce0..c328e829 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 c24f7d29..babfbc17 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 bc87c59e..2f97ade1 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 f6faa500..0df644fd 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 e3e1a114..711fe93d 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 88e28858..c78abac4 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 a3b7af22..1cacd753 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 3b089a24..6f4b38c7 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 dee34bff..76a39425 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 95dcfe50..2150483d 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 05b72542..59d1fd1a 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 2556613a..a930735c 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 37d532b8..207f260e 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 ff95cff0..67337054 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 42308085..f8d8254a 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 35990e22..a6171abb 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 aefcc105..913b55e0 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 bef008df..73770ec9 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 3b3d45a9..9af0a764 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 fd01154b..ec4a5968 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 fbeb1360..8fef8c8b 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 cc82914c..a6d04f27 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 248b02cd..c20ea4ae 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 8a63befa..a2420653 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 3db7d4d1..bd5d2185 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 1973172f..0c830917 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 0a4d7b80..40056fe1 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 1c6dec82..36d015ae 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 5294cdeb..df4eacf9 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 00a44d24..6590ec4e 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 20eb3c92..c218ba32 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 4e2ce58a..8c4ab6c4 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 860221ba..99f6e59d 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 deb85a70..ac81d90e 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 52e6251d..c721c6f3 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 aad79a54..86b34ef2 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 17de61e0..b4419354 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 8461ea65..7d9dd437 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 b1616016..f4d445e8 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 25991baf..47511201 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 ff6d02b5..8d330d31 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 d35cdba0..5b322e7d 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 75a29aec..9cdb8417 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 bcdbc4a2..16ccbfe9 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 74d356a1..8b9ada9f 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 fa234c63..5a4bda8a 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 80513be4..adc2953b 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 6a2bec1f..b2d46352 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 f22abf24..40504e89 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 fa384084..1a76ec38 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 b0cd0dc9..d7f17998 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 23c76a7b..4d6f174b 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 d1329d41..0358fb74 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 5a940d1c..f00ae5d6 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 67507c05..40f14cc3 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 784d1fa5..4faf87cd 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 a7911635..26e101db 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 642f3a58..18a4bd8c 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 6a52bfe4..931dcbef 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 917ec33f..cbc136ce 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 443e21c7..08052a7c 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 f3a09902..11df2a0a 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 551827b5..1636d205 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 b68f6318..4f7bebcd 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 ba23f42e..f32d15ed 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 59c41c79..2fcd7b01 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 70450ced..bd40e976 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 62fa2676..36dfd951 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 ac21250e..ee25418f 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 d81cceaa..eb69af95 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 57222314..bf89846f 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 81b86ec9..6188ceea 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 585a00a3..e906a019 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 86086552..90cda49a 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 8663f115..53d30b73 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 77c583f7..4dcc72af 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 2c51b5cc..0c48111a 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 8b4f82fb..430d6c1f 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 cd4c451a..8e670378 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 0ebedc27..11a89700 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 1a36822a..f3e6b074 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 d3bdcce5..66e4dd2b 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 fc463a2d..602999ee 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 e1dbbae2..ea9be9d3 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 eed0dad2..6b022e93 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 3af9e287..5bc89fb8 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 e84b942b..ceb7f4d8 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 d9f7bfc8..26049515 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 ff76ad14..a6239a1f 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 4d2be7dc..312b271d 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 c9f4feee..14f7fd69 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 52a41b74..317cf1e4 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 65313c43..f9ecc1bd 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 b83f28cf..a48e6825 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 e6db5121..57f01b0d 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 f1c825ef..0263b4e9 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 fe091eb2..fa65889c 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 6f90abab..b69fac32 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 e2b9bc46..93552dab 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 016ad19f..357a1b29 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 baeb4a54..d25d3c60 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 5b97c2f9..f6291f3c 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 e87f5d00..6a3d8b57 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 34cf7de3..d364028e 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 faf10d35..a8f01feb 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 3c44a3c2..aaf66c97 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 8d7358b3..25ff4339 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 45795900..d075057a 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 25a4a2c4..1c8c8bc7 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 e79f0147..04569a44 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 19ab42d2..19556b1c 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 ed2bff98..c8c50a8e 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 24b7c46d..b8a1d3d4 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 ccd5cfc2..b6f6fef2 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 25b420fb..c7717602 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 2e19b279..3d2ab3ec 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 07fc3396..368260d6 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 407fbb42..be740a25 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 99497c5c..9de0b077 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 89676141..7ace61e4 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 73e4da49..89d2711a 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 8354fc4d..43ec23eb 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 001a6e5d..e1fe4760 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 47bc378e..4dec99b5 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 c3755863..860ec628 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 d48bfde6..f961a813 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 c866be1d..6733d9a4 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 2bb10dd7..6aa84921 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 d74074c9..a0312797 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 4367eefc..2278c52d 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 f21b13ba..31186dfd 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 9e2c3c31..40d23d83 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 8139f262..751ec4a7 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 260ba16d..339a28eb 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 b6bcd688..d6bead95 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 fbf07583..9fe8343d 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 71d59ba2..f9bf6b02 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 f069e4b3..75fd451a 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 d0a1bb63..22df98d7 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 a828be7e..3ee35ca3 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 260f0874..fb6700db 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 2313875b..09d27497 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 ef068c08..e1d2e724 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 a436ad33..983a66d5 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 0f80ce97..3520a2ae 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 7dff115f..8aa10dbc 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 685c4cde..1e61b701 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 31893c4e..9c300e1b 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 97928472..f3e58f95 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 8b78ebb4..7b2cd1eb 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 9bafcd09..0bb9e027 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 aefb7a48..a5991a3d 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 efbefef1..f66d505d 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 28b3328d..c8447fa0 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 790dec5d..43fd0ccd 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 3cba3a47..d91b3b9f 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 902152b5..05a581b0 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 a4d8f7ea..f2a6609c 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 d0309085..41137ea5 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 b5accf8f..ff5f3bf4 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 e91e6d85..ec26f60a 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 da3ea992..3d13ade4 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 4847607d..03adf693 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 c4c08a74..23add71c 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 de0a6309..f6372ea2 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 4b07424b..bda42f6e 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 d218cfad..bcac5e8a 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 efd07243..9a700a3a 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 91cfb5f9..62c73d71 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 a430b7ac..84eabdcd 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 dd6a8fa3..3bf5be8e 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 0c367631..aee057f5 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 57d47131..0ff37bf1 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 286e5aac..7e43af68 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 089c55e5..94301ee0 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 8c0901db..1cd5e2fc 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 a2c5a4ab..b1d24e91 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 00ecd588..ca7befc4 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 659a221a..34c21c65 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 f717510c..5a5f1cc0 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 1d7debd1..2aaa8f09 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 d7f78180..68c20f36 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 b4641b99..e1d4a898 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 8e4b6aef..e28f35db 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 b3d9d7ec..32d84461 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 9c9e595d..fdf36154 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 a6065d60..07e9fb82 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 587ef252..30578a96 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 818b3230..83cc199e 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 00f152b7..7ca69511 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 3775b250..e0d16c02 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 53149fc3..c6f04e16 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 b8a6583a..42bf264c 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 b6fa1124..8894e892 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 706e947d..f4dcac83 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 9248b6ed..32da1ed1 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 303df05c..e6a3ad44 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 eb940631..326c3486 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 21b69f60..550c0106 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 cd15d17b..33fdb87b 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 49d07ead..8c0c4ccf 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 e1031208..712e86ae 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 a498182f..93edfa3a 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 484c8e32..f38e50a5 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 4be77208..2df9e162 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 6129d78e..42148610 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 1623be48..cbcf1478 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 aa23a901..df0920f5 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 63075db7..388145e5 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 52a6abf7..2e507126 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 62baa70d..0afa571d 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 c12d7090..50d294be 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 d9e447f8..a2778dcc 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 178ebca8..a3de22b1 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 20ee4ae9..54fef533 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 fa67ffaf..f4ee4cce 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 0082ed10..d94b29f1 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 bf42c805..8a19e690 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 4eb45b1e..ea2fa797 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 c5b43e84..b990f2eb 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 6d098b77..3c56cf27 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 db9de027..c3a22ceb 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 038f9a71..d7dd6110 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 eea5891c..a42533a3 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 3cc833e6..ca4078d3 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 9a53930a..727d7892 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 302b059e..5a01200d 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 2909f430..4c69ab00 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 9ebb96e3..6ff90598 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 d4721b5b..868f1c64 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 c6272352..f542efc6 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 2279a3af..dc656c9c 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 af0d9984..7961a4a3 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 f04a5b05..9b615f0a 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 09548220..933ae468 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 998f2521..d24a8aa2 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 6ed34ff1..ba27b8e0 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 67366acd..5105cdd6 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 0a51de16..1faba244 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 c33a54fa..ad852613 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 d6f3f237..462fb99b 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 50e378f2..0584104b 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 4ddf81d0..217024d1 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 4c81c888..5d2d4aa3 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 fba06a06..6e68b4ad 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 38a4581a..15ea585a 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 af4c1dda..be4b900c 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 486ed4e1..37471261 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 84618ef5..24950b6b 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 3a1c98d6..beb51b85 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 74752385..c98ef529 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 f4be47f8..9bce6829 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 df97b3fd..149c9fe9 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 244ebb29..87a491ce 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 74ba0ac6..c83b11c5 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 08fd9de7..807d3103 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 afa727cf..c34230fc 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 cd45af4b..9ba5868f 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 7e12a4d7..6c93c5f2 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 9f5bf1fe..760d33e3 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 9d9ad485..dd5b2418 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 eb33a6b6..c5a0fc30 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 4508395e..dfae8bda 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 0b2dfdd5..6cc2b858 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 d66b7c9a..f8c75bd4 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 01daaf36..9c404ac7 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 29487048..0cf89225 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 fd2b5caa..f020b5ec 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 56255f13..b92b2a0c 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 01adbce3..a4c28f1d 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 1f638950..8dbf45d5 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 c2eab65c..66512c99 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 976b6294..9fa10605 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 0a05343b..9655e44b 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 6d824bf7..a01f92af 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 10a770ca..8def2d1b 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 b15ad310..dda87fe7 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 20b18393..f86bb93e 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 8b418b11..c254cd64 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 47193ee7..210279d3 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 0c4cd1ab..fe0f1873 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 8ea511d2..3c8994d6 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 e43bf356..e6663998 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 372cb672..ddf8fe81 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 dc7bbc86..5143e554 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 cf4bdbcc..59f5944f 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 13a676d3..625b3cc7 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 405b98e6..8bd9312d 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 2d6d6fd1..7c300a26 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 198a9007..fc835c55 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 e787db41..df8ae374 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 73b87d9d..3c2a4644 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 f49f2382..d8383542 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 73e29b1a..d7e2bc34 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 b1c69bee..710cc286 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 0cc406b7..716b3b21 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 b074082e..b580137f 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 b4679d45..0c31abc1 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 564bbd97..9622bb62 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 5ee0a67e..9b995dab 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 188a2b8a..894fabea 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 b00e4ced..5fb3faf4 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 52fcaba4..1aebfc76 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 5f880804..32b50cfd 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 65e2a021..5f41abc7 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 3a8ea549..a9e4682e 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 0273e1fd..eab6f334 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 15ed6687..e57995f8 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 64b14327..415418e1 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 2676024c..a5d8709a 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 153bbc75..c9cbb2ab 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 43c606be..8de1e63e 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 8f5e4871..cc7c797c 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 2b16737b..e0b2bdd2 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 822a4ecd..fcfee08b 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 b02b9b8a..19a11fac 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 f26fb70f..b129750e 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 cacd589d..c20c20e3 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 8e48c5da..9e85f3ce 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 2ad7dd76..15048f8b 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 161a0b18..bfe9e67b 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 65c72b5f..77918a2b 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 3bd5b5c3..bd8f2699 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 d7a74f5c..8e006dad 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 7a35f3a7..e9dab758 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 740d65dd..c4c325cb 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 fc95e093..2dab679a 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 368a48ac..29c80580 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 9c7dc4eb..201aca8b 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 52a0ec99..3ac7d2c1 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 55a006b6..ca43e15d 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 b6e25b50..ab5f32d6 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 b4341871..03951a78 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 dd0327d4..1008302d 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 8970be64..98ac1838 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 dc7fd6fb..8893127c 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 d06ba7ba..fc434dec 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 24feeb87..3de09814 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 b20bf871..7426b7ca 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 26fe06ac..ea7289a6 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 2c6d2d35..e96f82e4 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 792512a6..5cb4aad1 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 b79d8c1c..db49cb7f 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 a0787275..7a7db9f5 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 4ae76044..299db176 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 3b84d833..9001f0af 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 4b73717c..5c556322 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 98b97889..65cc83f4 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 61126888..c08e57bd 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 5cc424c2..888079b5 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 fe946077..b9328ba6 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 cecef973..b3ceac0c 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 c1a1110a..9337da9f 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 1c40dcef..6171d8d8 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 9da6084c..6faf467a 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 d22e0858..bb21ebaf 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 07f0b436..a2608309 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 0e1dce3c..48865660 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 f2a72688..81e7f1bb 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 a43c0e65..c31ede3b 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 30bed76c..f4b63c68 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 1b124480..def883ba 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 f1d4f0a8..53306dcf 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 94d6a73f..4d2e3564 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 5af3adc4..33d217eb 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 932e40be..5864a7c1 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 b9aef09e..809fa646 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 6a18f089..6783d65e 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 34de9009..4859da17 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 7eb1c079..b7f2107b 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 49dd5245..80abeb7b 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 2e7d0b53..c98c648c 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 9c21ec41..f37d3c0a 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 1b73f234..71ccafd9 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 fa3ac08d..c7fe5fe5 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 d52e5c18..341a9f22 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 b13b1158..2641a5a0 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 7ff3086e..e98d248a 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 6fda1457..2d157644 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 c3f03267..741e3cae 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 d3a3290a..16c48dac 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 83db2c6b..6cb725ab 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 8c0a3abb..f1155174 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 00c064ad..5ddf2f78 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 7e37c27a..e6ff626d 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 ce8effd1..6faf31df 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 2e970e42..1eae175d 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 04f2fc7a..8e0540a3 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 4e51497d..265561dc 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 e43cee6b..5afc26b6 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 dee0fb9b..9002e80a 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 ebe65042..9ba84786 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 e32d83e7..cc2af42b 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 15f1049c..3b236a9d 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 45ae6050..77df9a96 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 0841afaf..f31a0b06 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 c122fdff..a8a5c46c 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 042ac2c0..82d0ac58 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 e5e801e7..c64b2969 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 d21883b0..fbd1a0e6 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 07d48f49..6dbe1c02 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 fe35fbac..228f5425 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 277f954b..1b0ef155 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 cbc4d2c4..4b43a4dc 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 11aed73a..013d6fe2 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 5b503500..550495cc 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 8b42747a..b6989252 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 fbcefa42..c8a17fa4 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 44796fe8..a33def23 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 d1766373..975252c9 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 6e3e11c1..39535819 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 368e37b2..0c6cc8ac 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 f9a84e28..5e4155d2 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 c70dd286..0d1e0608 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 5ce60a36..7a33bcbc 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 6b0747b3..f21ddac3 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 ed69a70d..0a6109b5 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 781d39ed..734825db 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 93ef8e91..d7aa405b 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 6089e4f8..be9f6eb4 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 18ede738..e4414ec7 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 83fac332..738e9317 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 778a3bbc..769aa2f1 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 681056e7..80625a81 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 ff574333..1fd5fe39 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 b74af630..07740694 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 1e331b41..1969105c 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 35e39bee..60f0c578 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 48c18f3a..f25b2d74 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 cfd526a1..0bf1801b 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 33fd3949..3da08178 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 39bcbf8d..ecb5eeb4 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 808066cb..07251e03 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 e4c86608..dafe9c10 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 4f66e269..e1b3870f 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 debcf33c..be9d10da 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 9bc81520..a1d94d61 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 9166d341..6b0f96cc 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 1ef72538..fe2f3530 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 13d0103a..195d4777 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 f0deec31..511916e9 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 78f7add6..4ab05ab2 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 b5392fd3..856df589 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 45fa7095..161caf18 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 51e87035..736dbb67 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 0048a0b0..6a63ea94 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 713e6276..59393e23 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 12c89254..facfabac 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 78168843..1ab68747 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 598a7afe..27f344d9 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 fa5080dc..2126d313 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 74f5457c..f37f66df 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 501b9cac..843cb93f 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 fde28294..f87aad9f 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 9ea90aba..a585ed44 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 c0655086..ec33e58f 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 af1da710..5ca50929 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 bf2877cc..c4795c0d 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 6cc71037..04f6241e 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 279566c7..832da4c5 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 7d1151ad..549c0582 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 49fff78c..fb774bfd 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 d75f4661..59a48586 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 8f5639b6..88e56434 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 2ef59c89..e77c72e3 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 6ec9e7cc..2fb0c323 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 16d53b99..96906fb1 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 0b93820a..4a8a494f 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 79a8a47c..51ff982b 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 ba70e4b1..236d8087 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 17b6deb0..c38b5c79 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 13b878f5..92765669 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 9f445bb6..0a9574f5 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 ffeba9ec..2a14eb2f 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 7b8c086c..7c10e169 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 d9ab2eb9..ab5d668a 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 52398059..0bbba8f8 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 93b8fabc..d7581eed 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 b8888e2d..42e30a82 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 0f67061e..b14da3d3 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 9cf5c96a..e4fec46d 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 aea268d0..32d70869 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 4c0a5ffa..61c7c619 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 2b11aa4b..0348601d 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 45ee9056..6d914584 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 8630de7a..7253a224 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 0fb790fb..e5ac34a9 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 43221a1f..cacd80ec 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 60c744d0..b2f087e0 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 e6ffc9c6..eb1a3656 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 a79f4f41..48d025d7 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 de3fb176..49c4cf2b 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 90b6fe65..d8377a8a 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 85155c02..602d3d39 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 270a23f5..f9c1658d 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 e5e4e826..20716120 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 338959bc..ee6daca0 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 fe3c7698..b095b51c 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 32c5a27d..505a77cb 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 d9783b6e..1482c66f 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 91b320a7..5d8ecb6d 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 9332d46c..7515e8eb 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 4dc53d32..30f76625 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 124bfaca..bd9bdc9c 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 851983b5..3e4513f3 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 83601a4e..a8120c44 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 82b5280f..e8e5d26e 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 61310898..65f43579 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 424b917a..9f58a999 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 6e0a919c..ca4d0f11 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 0a9baa84..4ba86a59 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 c65325ae..62fb11d4 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 691a9806..19f962f6 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 99c2857e..5c77fa08 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 d3c31fb4..72ad92fa 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 df9f06d1..ffc3be01 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 a0adf6a5..ca70a50a 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 c6e2b7cb..fbfae9a9 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 59932c4c..e48b45d4 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 82700195..878092c7 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 0c94219d..bab74b7b 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 9cc5ff6d..5d0cb49c 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 1f285cd1..4f8e188a 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 88fe4b82..034e28ae 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 55aecbd2..9448a424 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 4f17ee03..993078fb 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 2becb6db..f7cebd10 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 ba1727bb..247ee512 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 1d135d27..79ffcd21 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 29a4b8ef..cb9b3664 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 07e56244..8a90bb7b 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 2ca1f7f2..78f1273b 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 fbc5ea28..197d42a5 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 c1cddb9b..8d01143e 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 b41dc116..0065589e 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 56ab3d86..419a6c26 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 0e3ce4a1..8f56b9b3 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 e6eafa5f..2338f4d6 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 da3d0c8a..56c3e4d7 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 18823d1f..1903cc82 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 fe24befa..15e7e2ca 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 b671a6de..6d8003cb 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 9cd8475a..64856fe2 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 b25ba7c2..bd58f0e3 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 8548bc6e..d7d97d83 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 28a6ee03..58497ccb 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 9dfed85f..f29ff5da 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 a0414343..2e861cf9 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 938c728b..bd6c6171 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 31d6378d..0949e337 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 14111db8..40c707af 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 a2f7d7b1..ba1c74b9 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 3f63d867..1f4e0767 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 6139a760..61aaf367 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 e31d1c1e..0ddf201f 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 31a3e589..12126874 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 cd71d4e8..d47eb3ee 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 15e50c56..b454fe06 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 c0affa95..47a716a6 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 4b220fe3..13b00716 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 7d0a5b43..768a48f0 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 65912b85..da8d0c84 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>
--
GitLab