/*--HEY ! Qu'est-ce que vous faite là? Et puis, comment vous avez trouvé ce css ?
Bon bah, puisqu'on est là...

Qu'est-ce que vous pensez de ma page, pas mal, hein ? 
J'adore les films, j'ai la chance d'avoir un peu d'Internet et du temps pour pouvoir les regarder.
Je ne crois pas que je pourrais imaginer ma vie sans les films, vraiment !
(Hmm, peut-être que la (nouvelle) modernité (de 2015) n'est pas si mal, au final...)
Ils sont juste bien,... non, ils sont plus que bien mais je n’ai pas les mots pour le moment, donc bien suffira (à moins que je reviens sur ce css dans le future pour changer tout ce que je viens d'écrire... ça ne serait pas la 1e fois).

J'aime bien lire aussi, mais je crois que je préfère les films, ça ne s'étale pas sur plusieurs jours (voir mois), eeeetttt c’est plutôt facile d'accès (sauf exception).
Les films sont mon exit de la vie, pas besoin de corde ni de flingue quand on a les films !
C’est un peu cliché ce que je vais dire, mais les films sont ma source principale d'échappement : combien d'entre nous choisirais d'être dans un films que dans une salle de cours ?
Mes cours universitaire me ramollisse le cerveau! J'ai l'impression qu'à chaque jours, chaque semaine que je vais en cours, je vais saigner du nez ou que mon cerveau va fondre et couler de mes oreilles. Pas que j’aime pas les cours, mais la manière que les professeurs enseignent me FATIGUEUUHH!!!!
Si je pouvais choisir de m’intégrer un film, ça serait soit Reservoir Dogs, ou Gummo, mais je suis plutôt indécise comme fille, donc je dirais tous lawl (bon après, je serais descendue dans les 5 premières minutes, et je ne serais même pas considéré comme une extra... *sniff*).

De plus, si on intègre un film, on devient par association immortel (mais bon, ça, c'est plus une théorie que je développerais ou pas, si j'ai le temps).

C’est un peu bizarre la relation que j’ai avec les acteur : j’aime bien les voir dans des films, mais en terme de personne eux-même, pas tellement. Peut-être parce qu'ils portent tous des masques et sont tous faux, car (duh) ils jouent un rôles, mais j'aime leurs personnages !
Ou peut-être parce que je n'arrive pas tellement à séparer les personnages des personnes.
Bon, il est vrai que je m'attache un peu trop vite aux personnages des films, plus que les gens dans la vie, c’est drôle qu'on j'y pense.

Bref, j’aime juste trop les films, haha !--*/
 
body {
  background-image: url("https://gwendozer-22.neocities.org/films/fond.png");
	background-attachment: fixed;
	background-size: repeat-x;
	font-family: Courier New;
	font-size: 10px;
	margin-top: 10px; }
	  
p {
	color: #a34512;
	text-align: center; }

::selection{
  background-color: #a34512;
  color: #EEBC2E;
  text-shadow: 0px 2px 1px black; }
    
::-webkit-scrollbar{
  background: #EEBC2E;
  width: 6px;
  height: auto; }
   
::-webkit-scrollbar-thumb {
  background: #CC8D1A;
  border: 3px inset; }
   
::-webkit-scrollbar-thumb:hover {
  background: #a34512; }
  
#boite {
  background-color: #EEBC2E;
  border: 3px double #a34512;
  border-radius: 4px;
  height: auto;
  width: 600px;
  padding: 0px; 
  margin-top: 0%; } 

#films img {
 height: 185px;
 width: auto; }

.container {
  position: relative;
  width: 315px; }

/**crédits + inspiré par: athornathornathorn.neocities.org & w3schools.com!**/
.overlay {
  background-color: #000000;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  width: 98%;
  height: 100%;
  transition: 0.7s ease;
  position: absolute; 
  bottom: 0; }

  .overlay:hover {
  opacity: 1; }

  .text {
  color: #f7e1a1;
  font-family: Courier New;
  font-size: 11px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  
 table, td { border: 1px solid black; background-color: transparent; border-style: none; }

[data-title]:hover:after {
  opacity: 1;
  transition: all 0.1s ease 0.5s;
  visibility: visible;  }
    
[data-title]:after {
  content: attr(title);
  background-color: #EEBC2E;
  border: 1px dotted #a34512;
  box-shadow: 1px 1px 3px #a34512; 
  color: #a34512;
  font-size: 150%;
  position: absolute;
  padding: 1px 5px 2px 5px;
  bottom: -1.6em;
  left: 100%;
  white-space: nowrap;
  z-index: 99999;
  opacity: 0;
  visibility: hidden; }
    
[data-title] {
  position: relative; }