/* Mise en page générale */
body { font-family: "Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif; }
p, div { margin: 1em 5% 0.2em; text-align: justify; }
img { border: none; }

/* Mise en page générale */
body{ margin: 0; padding: 0; min-width: 800px; }
#menu { line-height: 3; margin-bottom: -0.8em; }
#menu a { margin: 5px; padding: 5px; 
  text-decoration: none; border: 1px solid black;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
  box-shadow: 4px 4px 4px #777; -moz-box-shadow: 4px 4px 4px #777; -webkit-box-shadow: 4px 4px 4px #777; }
#contenu { margin: 1.5em 2.5%; padding: 0.5em 10px 1em; border: 2px solid black;
  border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; 
  box-shadow: 0.7em 0.7em 0.7em #777; -moz-box-shadow: 0.7em 0.7em 0.7em #777; -webkit-box-shadow: 0.7em 0.7em 0.7em #777;
  position: relative; min-width: 740px; }
#message { position: fixed; top: 0; width: 58%;
  margin: 0.5em 17%; padding: 0.5em 4%; text-align: center; }
#deconnexion { margin: 1em 3%; text-align: right; }
h2,h3,h4 { margin: 1.5em 0 1em 3%; }
#login, #mdp, #submit { margin-left: 5%; }
#submit { margin-top: 1em; }
.ouvrir { font-size: 0.8em; color: blue; padding-left: 5px; }
.prefs { margin: 0; padding: 0; }

/* Couleurs */
#message.ok { background-color: #7F6; color: #2A2; border: 1px solid #2A2; }
#message.nok { background-color: #F76; color: #A22; border: 1px solid #A22; }
#deconnexion a { color: #555; font-size: 0.8em; text-decoration: none; }
#menu a { color: #000; background-color: #AAA; }
#menu a:hover { color: #AAA; background-color: #555; }
/*.dispo a:link, #fichiers a:link, #download a { color: #080; }
.dispo a:visited, #fichiers a:visited { color: #088; text-decoration: none; opacity: 0.3; filter: alpha(opacity=30); }
.dispo a:hover, #fichiers a:hover { color: #080; text-decoration: underline; opacity: 1; filter: alpha(opacity=100); }*/
a { color: #080; }
a:visited { color: #088; text-decoration: none; opacity: 0.3; filter: alpha(opacity=30); }
a:hover { color: #080; text-decoration: underline; opacity: 1; filter: alpha(opacity=100); }
.pasdispo { font-style: italic; color: #800; }
.serie_prod { color: #080;}
.serie_stop { color: #008;}
.serie_over { color: #800;}

/* Mise en page tableaux */
table { margin: 1em 5%; border-collapse:collapse; text-align: center; width: 90%; }
td,th { padding: 10px; border: 1px solid #555; }
.serie { text-align: center; padding: 5px;  }
.icone { height: 2em; vertical-align: middle; }
.titre, .real, .genre { text-align: left; }
.propositions { width: 100%; }
tr.head1 th { border-bottom: 0px; padding-bottom: 3px; }
tr.head2 th { border-top: 0px; padding-top: 0px; }

/* Séries */
#fichiers, #fichiers ul { list-style: none; }
.stop td, .fini td { opacity: 0.3; filter: alpha(opacity=30); }
.stop td:hover, .fini td:hover { opacity: 1; filter: alpha(opacity=100); }
.bientot td { color: #C22; }
.prod td { color: #2C2; }

/* Films */
#pages_films { float: right; }
#n, #affiches { margin-right: 2%; }
#films { margin: 1em 0 0.5em 3%; text-align: left; }
.film { width: 16%; margin: 0.5em 1.5%; display: inline-block; text-align: left; vertical-align: bottom; }
.film img { width: 100% ;}
.film p { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*#raccourcis { position: absolute; top: 1.5em; right: 0; width: 50%; text-align: right; }*/
#raccourcis img { height: 2em; vertical-align: middle; }
#affiche { float: right; margin: 0 5% 0 2%; max-width: 35%; }
#download { text-align: center; width: 100%; clear: right; }
#download a { display: block; }

/* Page de visualisation des vidéos */
#video { margin: 3em auto; text-align: center; min-width: 80%; }
video { width: 80%; max-height: 80vh; }

/* Spécial */
.warning { border: 1px solid #A22; color: #A22; padding: 0.5em 3%; margin: 1em 3%; }
textarea { margin: 1em 5% 0px; width: 90%;
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
h1 { text-align: center; border-top: 1px solid black; border-bottom: 1px solid black; padding: 0.3em 0; margin: 2em 3% 1em; }
li code { display: block; margin: 0.5em 10%; border-left: 1px double black; text-align: left; padding-left: 1%; }