/************************************/
/*** FILM HEADER
/************************************/

.header .content-bottom {margin-bottom:1rem;}

p.film-auteur {font-size:1.8rem;font-weight:bold;}
p.film-infos {}
p.casting {font-size:1.5rem;margin-bottom:2rem;}

/** synopsis **/
div.synopsis {margin-top:1rem; margin-bottom:2rem;}

/** AFFICHE **/
div.affiche { background-color:#FFFFFF;max-width:200px; position:relative; right:0px; margin-bottom:1rem;}
div.affiche img { display:block; width:100%; height:auto;}

/** **/
div.link {margin-top:2rem;}
div.link a {display:block;margin-bottom:.5rem;}


/** MENU FILMS **/
#film-menu nav
{
	background-color:#FFFFFF;
	height:50px;
	margin-right:.4rem; /** pour que cela ne morde pas sur l'ombre du bloc **/
	margin-top:2rem;
	margin-bottom:1rem;
}

#film-menu nav ul { margin:0; padding:0; list-style: none;}
#film-menu nav ul li { float:left; border-right: solid; border-right-color:#E8E8E8; border-right-width: 2px; padding-right:20px; padding-left:20px; height:50px; min-width:50px; position:relative;}
#film-menu nav ul li a { width:100%; display:block; font-family:'Open Sans',sans-serif;}
#film-menu nav ul li a:hover {color:#FFFFFF;}
#film-menu nav ul li a span {display:none; line-height:50px;} /** on efface les intitulées pour ne laisser que les icones **/
#film-menu nav .fa { line-height:50px; margin:auto; width:100%; text-align:center;}

/** selection de l'item de menu **/
#film-menu nav ul li.selected {background-color:#FF0074;}
#film-menu nav ul li.selected a {color:#FFFFFF;}

/** SWIPER **/
/*.bloc.film-medias .swiper-container { width:100%; position:relative;}*/
/*.bloc.film-medias .swiper-pagination {position:static;}*/

.swiper-container
{
    /*width: 500px;*/
    width:100%;
    height: 250px;
    margin: 20px auto;
}

.swiper-slide { text-align:center; }
.swiper-slide img { height:100%; padding-bottom:4rem;}
.swiper-pagination { bottom:0; }

/** PRESSE ITEM **/
.presse-item p.nom {text-align:left;}
.presse-item { margin-bottom:3rem; }
.presse-item .page-chapeau {font-weight:bold;}
.presse-item .page-texte { margin-bottom:2rem; } /** ne fonctionne pas !! **/
.presse-item p.auteur {margin-bottom:2rem;}
.presse-item p {margin-bottom:1rem;}
.presse-item img.logo {max-width:7.5rem;max-height:3.5rem;} /** taille du logo du media **/

/** FICHE FILM **/
.film-info hr {margin-bottom:1rem;margin-top:1rem;}

p.sortie { font-size:1.4rem; margin-right:2rem;}/** margin right pour le container **/
.ensalle { display:inline-block; background-color:#000000; padding-left:1rem;padding-right:1rem;line-height:3rem; color:#FFFFFF;}


/** BLOC SEANCE **/
.bloc.film-seance .content {padding-top:4rem; padding-right:2rem; padding-left:2rem;padding-bottom:2rem;}

/** TEMPLATE ARTICLE **/
/**.bloc.template.film-accueil .col-7-9 {padding-left:2rem;}** on supprime car il n'y a plus les avatars à gauche **/


/** CASTING FILM INFO **/
.casting-item
{
	display:table;width:100%;
	border-bottom-style:solid; border-bottom-color:#CCCCCC; border-width:1px;
	padding-top:.5rem;padding-bottom:.5rem;
}

.casting-item .poste {color:#999999; font-size:1.4rem;padding-right:1rem;}
.casting-item .value {font-size:1.5rem;}


.bloc.film-medias h2 {margin-bottom:0;} /** parce que lien télécharger **/




@media only screen and (max-width: 449px)
{
	/** AFFICHE ET CONTENU INFERIEUR **/
	div.affiche {float:none;}
	div.ensalle {margin-top:0;}
	.affiche-down-container {padding-left:0px;}

	 /** **/
	 .swiper-container {height:30rem;}
}

@media only screen and (min-width: 450px and max-width: 1023px)
{
	/** AFFICHE ET CONTENU INFERIEUR **/
	div.affiche {float:left;}
	div.ensalle {margin-top:0;}
	.affiche-down-container {padding-left:220px;}

	 /** **/
	 .swiper-container {height:50rem;}
}


/** DESKTOP **/
@media only screen and (min-width: 1024px)
{
	/*#main.film {margin-top:0px;}

	.film .slider .title h1 {line-height:4.5rem;}
	.film i.cannes-label {margin-right:1rem;}*/

	/** MENU FILM **/
	#film-menu .col { margin-top:0; }
	#film-menu nav {margin:auto;margin-right:.4rem; margin-top:0;margin-left:4rem; margin-bottom:0;}
	#film-menu nav .fa { display:none; }

	/** on n'affiche pas les icones du menu mais les labels **/
	#film-menu nav ul li a span {text-transform:uppercase; display:inline-block; font-weight:bold; font-size:1.5rem;}

	/** TEMPLATE ACCUEIL **/
	/**.bloc.template.film-accueil .col-7-9 {padding-left:0;}**/

	 /** **/
	 .swiper-container {height:50rem;}

	 /** AFFICHE ET CONTENU INFERIEUR **/
	 div.affiche {margin-top:-100px;padding:5px; margin-bottom:1rem;} /** l'affiche est décalée vers le haut **/
	.affiche-down-container {padding-left:.5rem;}

}

.reserver-btn
{
	border-right: solid;
    border-right-color: #d5d4d4;
    border-right-width: 2px;
    padding-right: 20px;
    padding-left: 20px;
    height: 50px;
    min-width: 50px;
    background-color:#EEE;
    display:inline-block;
    line-height:50px;
}

.button.reserver-button {max-width:195px;background-color:#212223;margin-top:10px;width:100%;}
.button.reserver-button:hover {background-color:#e639b7;color:#FFF;}