@charset "utf-8";
/* CSS Document */

/*Titre*/
h1#titre img {float:left; opacity:0.8; cursor:pointer; border-radius:3px;}
em.comm { opacity:0.6; font-size:smaller;}

/*article#film*/
article#film {font-size:12pt; line-height:1.3em; text-align:justify;}
article#film span {font-weight:bold;}
article#film a {border-bottom:1px solid; cursor:pointer; background:#d6f0e6; padding:0 5px;}
article#film  span { color:#030;}
div.sg  blockquote { margin:0; padding-left:1%; font-size:smaller;}
div.sg  blockquote span { opacity:0.7; text-transform:lowercase capitalize }
div.sg { margin-top:3px;}

/*Affiche*/
div#xslt_affiche { float:right; width:120px; margin:0 5px 10px 10px; text-align:center;}
img#affiche { width:100%; cursor:pointer; display:block;}
div#xslt_affiche p { font-weight:bold; text-align:center; margin:0; padding:2px 5px; text-indent:0; color:#242;}

/*Photos*/
div#planche {position:fixed; display:flex; flex-wrap:wrap; max-width:1200px; max-height:90%; top:70px; left:auto; background-color:#ebfbeb; margin-bottom:80px; z-index:1; overflow:hidden; overflow-y:scroll; border:1px dotted #131; justify-content:center; padding:1px; margin-left:-1%; text-align:center;}
div#planche h3 {width:100%; text-align:center; margin:10px auto; cursor:pointer;}
div#planche .photos { width:12.5%; flex:0 4 auto; margin:0px; cursor:pointer; z-index:2; border-bottom:1px solid #ebfbeb; border-left:1px solid #ebfbeb; box-sizing:border-box}
div#planche h3 img {float:left; opacity:0.8; border-radius:3px; margin-left:10px; ;}
@media screen and (max-width:999px)
{div#planche .photos {width:16.6%;}}
@media screen and (max-width:999px)
{div#planche .photos {width:20%;}}