/*
Rouge par défaut : #CA002F
*/

#globalContainer{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

/* Header et Headerlogo */
header{
	margin: 0 auto;
	position: relative;
}
header.headerLogo{
	padding: 15px 0 50px 0;
	position: relative;
}
.logoAccueil{
	text-align: center;
}
.logoAccueil img {
	width: 22%;
	min-width: 115px;
	max-width: 300px;
	height: auto;
}
.logosReseauxSociaux{
	position: absolute;
	left: 5px;
	bottom: 0;	
}

.logosReseauxSociaux ul li{
	display: block;
	float: left;
	margin-right: 8px;
}

.logosHeaderDroite{
	position: absolute;
	right: 5px;
	bottom: 0;	
}

.logosHeaderDroite ul li{
	display: block;
	float: right;
	/*margin-right: 8px;*/
}
/* / Header et Headerlogo */



/* Menu (nav) */
nav{
	background: #CA002F;
}
nav ul{
	text-align: center;
}
nav ul li{
	display: inline-block;
	 margin-left: -4px;  /*white space between elements*/
}
nav #containerMenuMobile ul li{
	display: block;
}
nav #containerMenuMobile ul li a{
	text-transform: uppercase;
	text-decoration:none;
    /*height: 16px;*/
    padding: 10px 0;
	display: block;
	color: #f1f1f1;
	font-size: 1rem;
	border-bottom: 1px solid #ababab;
	background: #000;
}

nav #containerMenuMobile ul li:first-child{
	border-top: 1px solid #ababab;
}

nav #containerMenuMobile ul li a.active {
	background-color: #CA002F;
	color: #fff;
}
nav ul li a:hover,
nav ul li a.active {
	background-color: #9c0024;
	color: #fff;
	-moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
}

nav #menuDesktop{
	/*border-bottom: 1px solid #ddd;*/
}

nav #menuDesktop ul li a{
	text-transform: uppercase;
	text-decoration: none;
	padding: 20px 15px 14px 15px;
	display: block;
	color: #f1f1f1;
	font-size: 1.1rem;
}

.containerBtnBurger{
    height: 47px;
}

.ico-burger{
	font-family: 'kfilmsamerique';
	font-size: 32px;
	color: #fff;
	width: 40px;
	/*height: 30px;*/
	/*padding: 10px 25px;*/
    text-align: center;
    width: 80px;
	margin: 0 auto;
	display: block;
	cursor: pointer;
	padding: 8px;
}

#containerMenuMobile{
	display: none;
}

#toggle-menuMobile{
	display: none;
}

/* / Menu (nav) */


/* Contenu */
section{
	margin: 30px auto 0;
    width: 95%;
}

section.fiche{
	margin: 10px auto 0 auto;
	position: relative;
}

.affiche-film img{
	width: 100%;
	max-width: 1200px;
	height: auto;
}

.containerImg img{
	width: 100%;
	height: auto;
	min-width: 280px;
}

.affiche-film{
	position: relative;
    /*background-color: #F0F0F0;*/
}

.imgFloatLeft{
	float: left;
	margin-right: 15px;
}

.fiche-info h1,
.fiche-info-right h1{
	position: relative;
	text-indent: 0;
	text-transform: uppercase;
	color: #f1f1f1;
	font-size: 1.6rem;
	line-height: 1.8rem;
}

.fiche-info{
	position: absolute;
	bottom: 20px;
	left: 20px;
	background: #222;
	color: #f1f1f1;	
	x-index: 2;
	padding: 5px 15px;
	width: 50%;
	opacity: 0.85;
}

.fiche-info.a35percent{
	position: absolute;
	bottom: 20px;
	left: 20px;
	background: #222;
	color: #f1f1f1;	
	x-index: 2;
	padding: 5px 15px;
	width: 35%;
	opacity: 0.85;
}

.fiche-info-right{
	position: absolute;
	bottom: 20px;
	right: 20px;
	background: #222;
	color: #f1f1f1;	
	x-index: 2;
	padding: 5px 15px;
	width: 50%;
	opacity: 0.85;
}

.fiche-col-droite{
	float: right;
	width: 30%;
}

.fiche-col-droite img{
	width: 100%;
	height: auto;
}


/* BTNS louer le film */

.divVimeo{
	display: flex;
	max-width: 450px;
	align-items: center;
	background: url("http://www.kfilmsamerique.com/lib/images/logo-btn-vimeo.png") #000 no-repeat 6px 6px;
    background-size: 41px;
	height: 48px;
	margin: 5px 0;
	border-radius: 6px;
}
.divApple{
	display: flex;
	max-width: 450px;
	align-items: center;
	background: url("http://www.kfilmsamerique.com/lib/images/logo-btn-itunes.png") #000 no-repeat 6px 6px;
    background-size: 36px;
	height: 48px;
	margin: 5px 0;
	border-radius: 6px;
}
.divGooglePlay{
	display: flex;
	max-width: 450px;
	align-items: center;
	background: url("http://www.kfilmsamerique.com/lib/images/logo-btn-googleplay.png") #000 no-repeat 6px 6px;
    background-size: 34px;
	height: 48px;
	margin: 5px 0;
	border-radius: 6px;
}
.divYoutube{
	display: flex;
	max-width: 450px;
	align-items: center;
	background: url("http://www.kfilmsamerique.com/lib/images/logo-btn-youtube.png") #000 no-repeat 6px 6px;
    background-size: 52px;
	height: 48px;
	margin: 5px 0;
	border-radius: 6px;
}

.divVimeo a{
	padding: 0 10px 0 55px;
	font-weight: normal !important;
}
.divApple a{
	padding: 0 10px 0 51px;
	font-weight: normal !important;
}
.divGooglePlay a{
	padding: 0 10px 0 50px;
	font-weight: normal !important;
}
.divYoutube a{
	padding: 0 10px 0 67px;
	font-weight: normal !important;
}

.divVimeo a p,
.divApple a p,
.divGooglePlay a p,
.divYoutube a p{
	border-left: 1px solid white;
	padding-left: 10px;
}








.fiche-col-droite ul{
	margin: 10px 0;
}

.fiche-col-droite ul li{
	margin: 5px 0 10px 30px;
    list-style: square;
	font-size: 1rem;
}

.fiche-col-droite ul li.noDots{
    list-style: none;
}
/* images de festivals */
.fiche-col-droite ul li img{
	width: auto;
}

.fiche-col-gauche{
	float: left;
	width: 65%;
	margin-right: 2%;
	/*margin-top: -10px;*/
}

.bande-titre{
	color: #f1f1f1;
	padding: 5px;
	font-size: 1.2rem;
	line-height: 1.4rem;
	background: #9c0024;
	text-align: center;
	margin: 10px 0;
}

.contenu-accueil.film-a-l-affiche,
.contenu-accueil.films-a-venir,
.contenu-accueil.nouveautes-dvd,
.contenu-accueil.nouveautes-vod{
	width: 46%;
	margin: 0 2%;
	float: left;
	text-align: center;
}

/* L'orsqu'il n'y a pas de film à l'affiche - on centre les films à venir*/
.contenu-accueil.films-a-venir.pasDeFilmAffiche{
	width: 70%;
	margin: 0 auto;
	float: none;
}

.contenu-accueil.films-a-venir.centre{
	width: 46%;
	margin: 0 auto;
	float: none;
	text-align: center;
}

.contenu-accueil.film-a-l-affiche ul li{
	width: 100%;
	/*float: left;*/
	box-sizing: border-box;
    padding: 0 10px;
	text-align: center;
	max-width: 380px;
	margin: 0 auto;
}

.contenu-accueil.film-a-l-affiche.deuxCol ul li{
	width: 50%;
	max-width: auto;
	float: left;
	box-sizing: border-box;
    padding: 0 10px;
	text-align: center;
	max-width: 380px;
}

.container-gris{
	background: #ddd;
	position: relative;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.26);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.26);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.26);
}

.nouveautes-dvd .container-gris{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/*.container-gris a{
	display: block;
	line-height: 0;
}*/

a.overVert{
	color: #000;
	text-decoration: none;
}

.hover-a-venir{
	height: 100%;
	position: relative;
}

.hover-a-venir p{
	margin: -10px auto 0 auto;
	position: relative;
	top: 50%;
	width: 95%;
	text-align: center;
}

ul.catalogue .hover-a-venir p{
	margin: 20px auto 0 auto;
	position: relative;
	top: 0;
	width: 95%;
	text-align: center;
}

/*.contenu-accueil.film-a-l-affiche ul{
	display: inline-block;
}*/

.contenu-accueil ul li img{
	width: 100%;
	height: auto;
}

.contenu-accueil.film-a-l-affiche img{
	width: 100%;
	max-width: 380px;
	height: auto;
}

h4.ellipsis{
	height: 34px;
	text-overflow: ellipsis;
	white-space: nowrap; 
    overflow: hidden;
	color: #000;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin: 0;
	padding: 7px 5px 0 5px;
}

.container-catalogue h4.ellipsis{
	padding: 4px 5px 0 5px;
}

.contenu-accueil.films-a-venir ul li,
.contenu-accueil.nouveautes-dvd ul li,
.contenu-accueil.nouveautes-vod ul li{
	width: 48%;
	display: block;
	float: left;
	line-height: 0;
	margin: 0 1% 2% 1%;
	box-sizing: border-box;
	position: relative;
}

.contenu-accueil.actualites{
	width: 100%;
	text-align: center;
}

.content-actualite img{
	display: block;
	margin: 0 auto;
}

.content-actualite-img-left img{
	display: block;
	margin: 0 !important;
}

.contenu-accueil.actualites ul{
	text-align: center;
}

.actualites ul li{
	line-height: 1.2rem;
	float: none;
	display: inline-block;
	width: 90%;
	margin-bottom: 5px;
}

.contenu-declin{
	min-height: 400px;
	margin: 20px 0;
}

.contenu-declin ul{
	text-align: left;
}

.container-bientot-affiche{
	margin: 1%;
	display: block;
	float: left;
	width: 23%;
	box-sizing: border-box;
	position: relative;
	min-height: 500px;
}

.container-bientot-affiche img,
.container-catalogue img{
	width: 100%;
	height: auto;
}

.hover-a-venir{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:url(../images/bg-vert-90.png) repeat;
	z-index: 2;	
	cursor: pointer;
}

.container-gris.hoverVert .hover-a-venir{
	display: block;
}

.hover-a-venir ul{
	margin-top: 60px;
}

.hover-a-venir ul li{
	color: #222;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.4rem;
	text-transform: uppercase;
	margin-bottom: 23px;
	padding: 0 15px;
}

.item-carrousel{
	margin-top:20px;
}

ul#content-slider li img{
	width: 100%;
	height: auto;
}

.content-actualite{
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}


/* Contenu */


/* Catalogue */

input#ex1f{
	font-family: "Ropa Sans",sans-serif;
	padding: 4px 8px;
	font-size: 1.4rem;
	line-height: 1.6rem;
	margin: 0 0 15px 0;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #aaa;
	max-width: 500px;
}

label{
	display: none;
}

::-webkit-input-placeholder {
   color: #aaa;
}

:-moz-placeholder { /* Firefox 18- */
   color: #aaa;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #aaa;  
}

:-ms-input-placeholder {  
   color: #aaa;  
}

ul.catalogue li{
	display: inline-block;	
	margin: 0 5px 8px 0;
    width: 125px;
}

/* / Catalogue*/




/* Footer */
footer{
	margin-top: 50px;
    width: 100%;
	background-color: #CA002F;
}
footer .footer p{
	text-align: center;
	padding: 10px 0;
	margin: 0;
	color: #fff;
	font-size: 0.8rem;
	line-height: 1rem;
}
footer .menuFooter ul{
	width: 100%;
	text-align: center;
}
footer .menuFooter ul li{
	margin: 10px;
	display: inline-block;
}
footer .menuFooter ul li a{
	color: #f1f1f1;
	text-decoration: none;
}
/*  / Footer */









	
.containerHoraire{
	border: 2px solid #ac0505;
	padding: 15px 10px;
	background-color: beige;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 5px 5px 13px -1px rgba(0,0,0,0.39);
	-moz-box-shadow: 5px 5px 13px -1px rgba(0,0,0,0.39);
	box-shadow: 5px 5px 13px -1px rgba(0,0,0,0.39);
}

.iconePdf{
	background:url(../images/iconePdf.png) no-repeat;
	width: 50px;
	height: 50px;
	display: block;
	float:left;
	margin-right: 6px;
}

.txt_horaire{
	display: block;
	float:left;
}

.pointGoogle{
	background:url(../images/ico_google.png) no-repeat;
	width: 28px;
	height: 33px;
	display: block;
	float:left;
	margin-right: 6px;
}

.txt_endroit{
	display: block;
	float:left;
}

ul.infos{
	list-style: square;
}

ul.infos li{
	font-size: 1rem;
    margin: 10px 0 0 30px;
}

a button{
	text-decoration: none !important;	
}

button{
	font-size: 1.0rem;
	text-align: center;
	margin: 30px 0;
	padding: 14px 20px;
	border: 1px solid #9f9f9f;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #ac0505;
	cursor: pointer;
	color: #fff;
}

button.plusDetailsPetit{float: right;}

button.plusDetailsPetit,
button.plusDetailsPetit.plus{
	font-size: 0.7rem;
	text-align: center;
	text-transform: uppercase;
	margin: 3px 0;
	padding: 3px 6px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ac0505;
	cursor: pointer;
	color: #fff;
}

button:hover,
button.plusDetailsPetit:hover,
button.plusDetailsPetit.plus:hover{
	background: #000;
	color: #fff;
}

button.plusDetailsPetit.plus{
	display: none;
}