@import url("https://fonts.googleapis.com/css?family=Lobster&display=swap");@import url("https://fonts.googleapis.com/css?family=Anton&display=swap");body{font-family:sans-serif;background:url(../images/salleCinema2.jpg) no-repeat;background-size:cover;background-position:center;background-attachment:fixed;scroll-behavior:smooth}body .fondgris{background-color:rgba(255,255,255,0.6)}body h1{font-family:"Lobster",cursive}body h2{font-family:"Anton",sans-serif;font-size:3em}body ul{padding:0}body li{list-style-type:none}body a{text-decoration:none;color:inherit;transition:color 0.3s ease-in-out}body a:hover{text-decoration:none;color:white}#bonjour{cursor:default;font-weight:bold;color:black}#bonjour:hover{color:black}footer div.container p#copyright{margin-bottom:initial}.homeview .carteFilm{width:100%;margin-bottom:20px;transition:all 0.3s ease-in-out;position:relative}.homeview .carteFilm:hover{transform:scale(1.05)}.homeview .carteFilm img{width:100%}.homeview .carteFilm .titreFilm{text-align:center;background:#000;background:linear-gradient(0deg, rgba(0,0,0,0.7693452381) 0%, rgba(0,0,0,0.6292892157) 61%, rgba(0,95,255,0) 100%);color:white;display:flex;align-items:center;justify-content:center;padding:5px;position:absolute;bottom:0;width:100%}.homeview .carteFilm .titreFilm h5{padding:0;margin:0;font-size:calc(12px + 0.5vw)}div.container div.presentationFilm{font-size:1em}div.container div.presentationFilm h2{font-size:3em}div.container div .titleSynopsis{font-size:1rem;font-weight:700}div.container div.commentaires{border-bottom:solid 1px grey;padding-bottom:10px;margin-bottom:10px}div.container div.commentaires:last-of-type{border:none}div.container div.commentaires p{display:inline-block;margin-bottom:4px}div.container div.commentaires p:nth-of-type(2n){padding:0 15px}div.container div.commentaires .dateCom{font-style:italic;font-size:0.9em}.detailFilm{max-width:900px;margin:0 auto}.detailFilm img{width:100%}.ajoutCom{background-color:rgba(0,0,0,0.5);text-align:center;padding:20px;border-radius:10px;color:white}.ajoutCom p{display:inline-block}.ajoutCom .divNote{display:inline-block;float:left}.ajoutCom .radio{display:inline-block}.ajoutCom textarea{margin:0 auto;width:100%;margin-bottom:20px}.ajoutCom input[type="submit"]{float:right}.boutonConnect{display:block;margin:0 auto;border:none;border-radius:5px;padding:5px 10px;background-color:white;font-family:"Lobster",cursive;font-size:1.5em;transition:all 0.3s ease-in-out}.boutonConnect:hover{background-color:#001A35;color:white}.connexion,.inscription{padding-top:20px;padding-bottom:20px;height:100%}.connexion h3,.inscription h3{font-family:"Anton",sans-serif}.champ input[type="text"],.champ input[type="password"]{border-color:transparent;width:100%;margin-bottom:15px;background-color:rgba(255,255,255,0.3);transition:all 0.3s ease-in-out;padding-left:10px}.champ input[type="text"]:focus,.champ input[type="password"]:focus{background-color:rgba(255,255,255,0.8);border-color:white}.champ input[type="text"]:focus-within,.champ input[type="password"]:focus-within{border-color:white}.ou{display:flex;align-items:center;justify-content:center}.ou p{font-family:"Lobster",cursive;font-size:2em;color:yellow;text-transform:uppercase}#main .carteReal{width:100%;margin-bottom:20x;transition:all 0.3s ease-in-out}#main .carteReal:hover{transform:scale(1.05)}#main .carteReal img{width:100%}#main .carteReal .titreReal{text-align:center;height:50px;background-color:grey;color:white;display:flex;align-items:center;justify-content:center;padding:5px}#main .carteReal .titreReal h5{padding:0;margin:0;display:block;width:100%}#main .carteReal .titreReal p{display:block;width:100%;margin:0}#main .carteDetailReal{width:100%;margin-bottom:20x;transition:all 0.3s ease-in-out}#main .carteDetailReal:hover{transform:scale(1.05)}#main .carteDetailReal img{width:100%}#main .carteDetailReal .titreDetailReal{text-align:center;height:50px;background-color:grey;color:white;display:flex;align-items:center;justify-content:center;padding:5px}#main .carteDetailReal .titreDetailReal h5{padding:0;margin:0;display:block;width:100%}#main .carteDetailReal .titreDetailReal p{display:block;width:100%;margin:0}.filmsActeur{width:100%;display:flex}.filmsActeur .carteFilm{width:110px;margin-bottom:20px;transition:all 0.3s;position:relative;margin-right:15px;filter:grayscale(1)}.filmsActeur .carteFilm:hover{filter:grayscale(0)}.filmsActeur .carteFilm img{width:100%}.filmsActeur .carteFilm .titreFilm{text-align:center;background:#000;background:linear-gradient(0deg, rgba(0,0,0,0.7693452381) 0%, rgba(0,0,0,0.6292892157) 61%, rgba(0,95,255,0) 100%);color:white;display:flex;align-items:center;justify-content:center;padding:5px;position:absolute;bottom:0;width:100%}.filmsActeur .carteFilm .titreFilm h5{padding:0;margin:0;font-size:calc(12px + 0.5vw)}.listeActeurs a{width:25%;background-color:rgba(0,0,0,0.3);min-width:220px}.listeActeurs a .miniActeur{display:flex;align-items:center}.listeActeurs a .miniActeur img{width:50px;margin:5px}.listeActeurs a .miniActeur p{margin-bottom:0;padding-left:5px}@media (max-width: 576px){.listeActeurs a{width:100%}.listeActeurs a .miniActeur p{text-align:center;width:100%;padding-left:0}body h2{font-size:2em}}