/** BODY **/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700|Zilla+Slab:600,700i&subset=latin-ext');


/** TITRE **/
h1, h2, h3, h4
{
	/*font-family:'Open Sans', sans-serif; */
	font-family:'Zilla Slab',serif;
	text-transform:uppercase;
	display:block;
}


h1 { text-transform:uppercase;font-size:3rem;color:#FFFFFF;}


/** LIEN **/
a {text-decoration:none;font-family:'Zilla Slab',serif;color:#383838;font-size:1.7rem;}

/** PARAGRAPHE **/
p { margin-top:.5rem; margin-bottom:.5rem; padding:0rem; display:block;}
p.sous-titre { text-transform:uppercase; }
p.mention { text-transform: uppercase; }

p.publication, span.publication {font-size:1.2rem;margin-bottom:2rem;color:#999999;margin-top:5rem;}
p.copyright {font-size:1.2rem; line-height:2rem;}

/** fiche film **/
span.field {font-size:1.4rem; color:#999999;}


p.error {color:#FF0000; font-weight:bold;}
p.chapeau {font-weight:bold;font-style: italic; font-size:1.7rem;padding-bottom:2rem;}



.bloc h3 {line-height:3rem;}
/*.bloc h2 {font-size:3rem;}*/
.bloc h4 {line-height:1.8rem;}


@media only screen and (min-width: 768px)
{
	h1 {font-size:4rem;line-height:4rem;}
	h2 {font-size:3rem; margin-bottom:2rem;}
}


@media only screen and (min-width: 1024px)
{
	h1 {font-size:5rem;line-height:5rem;}
}