#header-container,
body { background: url('../images/background_02.jpg') no-repeat center top #090908; color: #fff; margin: 0; font-family: 'nowayregular'; position: relative; }
header {position: relative;}
h1 { float: left; margin: 34px 0 10px 0;}
h2 { font-family: 'nowayregular'; font-weight: normal; font-size: 30px; text-transform: uppercase; }
h2.section { font-size: 22px; margin-top: 30px;}
h3,
h4 {font-weight: normal;}
p { color: #dedede; }
li a,
li a:active,
li a:visited { color: #fff; text-decoration: none;}
li a:hover { color: #878787; }

nav { width: 100%;}
section { position: relative; }
.spacer-40 { height: 50px;}
footer {  padding: 70px 0 55px;}
footer .footer-logo { float: left; padding-right: 50px; border-right: 1px solid #303030; height: 95px;}
footer .footer-address { float: left; padding-right: 115px; padding-left: 50px; margin-right: 50px; border-right: 1px solid #303030; height: 95px; font-size: 14px; text-transform: uppercase;}
footer .footer-link { float: right;}
address {font-style: normal; line-height: 24px;}
address a { color: #fff; text-decoration: none;}


#nav-main { float: left; padding-top: 2px;}
#nav-social { float: right;}
#nav-social svg { width: 26px; height: 26px;}
#nav-social ul.nav-ul { display: inline;}
#nav-social li { padding: 0 7px;}
#nav-social li:last-child { padding-right: 0;}
#nav-social li.nav-social-title { font-size: 12px; color: #5d5d5d; padding-right: 14px; padding-top: 5px;}
#nav-lang { position: absolute; top: 19px; right: 0; }
ul#nav-lang  { margin-top: 0;}
#nav-lang li { font-size: 14px; font-family: 'nowayregular';}

#nav-mobile { display: none; float: right; margin-top: 28px;}
#nav-mobile span { width: 36px; height: 2px; display: block; background-color: #fff; margin: 5px 0 ;}
#nav-container { display: none; }
#nav-container.nav-mobile { top: 88px; }
.nav-button { background: none; padding: 0; border: none; }
.nav-button:hover{ cursor: pointer;}

ul.nav-ul { display: inline; list-style-type: none; margin-top: 56px; padding-left: 22px;}
ul.nav-ul li { float: left; padding: 14px 0 14px 35px; font-family: 'nowayregular'; font-size: 16px; text-transform: uppercase;}
ul.nav-ul li:last-child { padding-right: 0;}
ul.nav-ul li a { color: #fff; text-decoration: none;}

.flex-align-center { display: flex; align-items: center; justify-content: space-between;}


button::-moz-focus-inner { border: 0; }
#concours button,
.btn { border-radius: 100px; border: 2px solid #fff; height: 40px; background-color: transparent; color: #fff; text-transform: uppercase;  font-family: 'nowaymedium'; font-size: 14px; padding: 0 26px;}
#concours button:hover,
.btn:hover { background-color: #fff; color: #000; cursor: pointer;}
.btn:hover svg path { fill: #000;}
a.btn { color: #fff; text-decoration: none; line-height: 38px;}
a.btn:active,
a.btn:hover { color: #000 !important; }
a.btn:visited {  color: #fff;}
.btn-medias {float: left; margin-top: 6px;}
.btn-up { position: absolute; top: 0; right: 0; padding: 0; width: 50px; height: 50px;}
.btn-seeall { position: absolute; top: -11px; right: 0;}
.twitter-share-button[style] { vertical-align: text-bottom !important; }

.social-share { margin-top: 10px;}

.clear { clear: both;}
.float-left { float: left;}
.float-right { float: right; position: relative;}
.header-line { height: 3px; background: url('../images/header-line-bg.png') repeat-x top; border: 0; margin-bottom: 0;}
.center { text-align: center}
.col-half { width: 47%; float: left; margin-right: 20px;}


.section-title.section-title-contest { margin-bottom: 20px; margin-top: 10px; float: left;}
.contest-date { border-top: 1px solid #282928; border-bottom: 1px solid #282928; margin: 18px 0 ;}
.contest-date h3 { text-transform: uppercase; margin-top: 0; }
.contest-date h4 { text-transform: uppercase; margin-bottom: 0; color: #757575; font-size: 13px; font-family: 'nowayregular'; }

.contest-fieldset fieldset { padding: 0; border: none; margin-left: -10px; margin-right: -10px;}
.contest-fieldset { display: -webkit-flex; display: flex; flex-flow: row wrap; margin-left: -10px; margin-right: -10px; } 
.contest-fieldset .field { flex-basis: 50%; padding: 0 10px; box-sizing: border-box; }
/*.contest-fieldset fieldset.concours { display: -webkit-flex; display: flex; flex-flow: row wrap; margin-left: -10px; margin-right: -10px; } 
.contest-fieldset fieldset .field { flex-basis: 50%; padding: 0 10px; box-sizing: border-box; }*/

.contest-fieldset fieldset.infolettre { float: left; width: 100%; padding-bottom: 20px;  margin: 20px 0 20px 0; border-bottom: 1px solid #171717;}
.contest-fieldset fieldset.concoursId { display: none; }
.contest-fieldset label { font-family: 'nowaymedium'; color: #656565; text-transform: uppercase; font-weight: normal; font-size: 14px;}
.contest-fieldset input {  background: #282828; border: 0;  color: #fff; font-size: 14px; height: 36px; width: 100%; padding: 0 10px; border-radius: 0; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; }
.contest-fieldset .field { margin-bottom: 10px;}
.contest-fieldset fieldset.infolettre .heading { float: left;}
.contest-fieldset fieldset.infolettre .input { float: left; height: 20px;}
.contest-fieldset fieldset.infolettre input { height: 20px;} 
.contest-fieldset fieldset.infolettre label { margin-left: 10px;} 
.contest-fieldset button { float: left; width: 100%;}
.btn-concours { float: left;}
.contest-rule { display: block; float: left; margin-left: 10px; margin-left: 50px; margin-top: 10px;}
 a.contest-rule { font-size: 14px; font-family: 'nowayregular'; color: #fff; text-decoration: none;}
.contest-confirmation-wrap { display: none;}
.contest-confirmation-wrap h3 { margin: 40px 0;}
.contest-confirmation-wrap h3 a { color: #fff;}
.contest-text a { color: #fff; font-weight: bold;}
.contest-text a:hover { opacity: 0.5;}

.sponsors { display: flex; align-items: center; }  
.sponsors img { margin-right: 40px;}

/* FORM ERRORS */
label.error { text-transform: inherit; font-family: 'nowayregular'; color: #e04949; font-size: 12px; }
input.error { border: 1px solid #e04949; }

svg.social-icons:hover {
	-webkit-filter: brightness(1.2); /* Safari */
    filter: blur(1.2);
}

.container { margin: 0 auto; padding: 0 35px; overflow: hidden;}

.lineup { display: flex;}
.lineup-main .lineup-item { flex-grow: 1; background-color: #ff0000; margin-right: 18px;}
.lineup-main .lineup-item:last-child {margin-right: 0;}

.flexslider { border: none; border-radius: 0px; background-color: transparent;}
.flexslider img { border-radius: 3px;}

.flex-control-paging { display: none; }
.flex-control-paging li a  { background-color: rgba(255, 255, 255, 0.5) }
.flex-control-paging li a:hover  { background-color: rgba(255, 255, 255, 1) }
.flex-control-paging li a.flex-active { background-color: rgba(255, 255, 255, 1) }
.flex-caption  { text-align: center; font-family: 'nowayregular'; font-size: 16px; text-transform: uppercase; margin: 18px 0 0 0;}
.flex-caption a   { color: #fff; text-decoration: none; }
.flex-caption-sub { font-size: 14px; color: #5c5c5c; margin-top: 0 !important;}
.flex-caption-sub a { color: #5c5c5c; text-decoration: none; }
.flex { display: flex;}

.films-list-wrap { display: flex; flex-flow: row wrap; margin-left: -10px; margin-right: -10px; justify-content: space-between;}
.films-list-wrap:after { content: ""; flex: auto; }
.films-list-item { box-sizing: border-box; flex-basis: 50%; margin-bottom: 50px; padding: 0 10px; }
.films-list-item img { border-radius: 3px; width: 100%;}

.lineup-wrap { margin-left: -10px; margin-right: -10px; margin-bottom: 60px;}
.lineup-wrap img { border-radius: 3px; width: 100%;}
.carousel-item { padding: 0 10px; }
.opacity40 { opacity: .4; }
.opacity10 { opacity: .1; }

.carousel { position: relative;}
a.slick-arrow-custom,
button.slick-arrow-custom { 
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 3px;
	border: 0;
	overflow: hidden;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #aaaaaa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#aaaaaa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ffffff 0%,#aaaaaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aaaaaa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
button.slick-arrow-custom:hover { background: #fff;}
button.next,
button.prev { 
	-webkit-box-shadow: 0px 1px 42px 4px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 1px 42px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 1px 42px 4px rgba(0,0,0,0.6);
}
button.next svg { padding: 4px 0 0 3px;}
button.prev svg { padding: 4px 3px 0 0;}

button.prev { position: absolute; top: 39%; left: -13px; z-index: 7000;}
button.next { position: absolute; top: 39%; right: -13px; z-index: 7000;}

#content { padding-top: 88px;}
.section-company { position: absolute; top: 88px; left: 0; width: 100%; opacity: .12; z-index: 1; height: 360px;}
.section-title { margin: 30px 0; line-height: 33px;}
.section-title span { display: block; margin: 0; font-size: 14px; font-family: 'nowayregular'; color: #6a6a6a; line-height: 17px;}
.section-background { margin: 80px 0 50px;}

.text-wrap-670 { width: 670px; text-align: justify; margin: 0 auto;}

.section-project { width: 50%; float: left; }
.section-project-title-box { position: absolute; top: 0; left: 50%; margin-left: -34px; background-color: #fff; color: #000; padding: 0 10px;font-size: 24px; font-family: 'nowaymedium'; text-transform: uppercase;}
.section-project-title-subtitle2 { flex-grow: 2;}
.section-project-title-subtitle h3 { font-size: 16px; font-family: 'nowayregular'; text-transform: uppercase; display: inherit;}
.section-project-title-subtitle2 { height: 2px; background-color: #252526; margin-top: 26px; margin-left: 40px;}
.section-project-text { margin-top: 15px; width: 88%; text-align: justify; }


.section-project-left .section-project-content { float: left; }
.section-project-left .section-project-image { float: right; }
.section-project-left .section-project-text { float: left; }

.section-project-right .section-project-content { float: right; }
.section-project-right .section-project-image { float: left; }
.section-project-right .section-project-text { float: right; }
.section-project-right .section-project-title-box {right: 50%;  left: auto;  margin-right: -34px; }


.section-production { position: relative; margin-bottom: 80px;}

h2.section-project-title-content { font-size: 24px; margin: 30px 0 20px 0;}

.movie-image { width: 33%; margin-right: 30px; min-width: 250px; }
.movie-image img { border-radius: 3px;}

.social-share { text-align: center; }
.movie-embed { width: 100%; }

.fade,
a.fade img,
a img {
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
		
}
.fade:hover,
a.fade img:hover,
a img:hover { opacity: 0.5;}

.lightUp:hover { opacity: 1;}

#section-film { margin-bottom: 40px;}
#section-film h3 { color: #555; margin-top: 20px; margin-bottom: 2px;font-size: 15px; text-transform: uppercase; font-weight: normal;}
#section-film p { margin-top: 0;}
#section-film .contest-text { font-size: 16px;}
.embed-container { border-bottom: 1px solid #171717; margin-bottom: 14px;}

.no-results { margin-top: 100px; margin-bottom: 200px;}

a.backlink  { color: #5d5d5d; font-size: 12px; text-transform: uppercase; text-decoration: none; display: block; margin: 15px 0 0 0;}
#section-film .section-title { margin-top: 10px; }

.logo-wrap { display: flex; align-items: center; margin-bottom: 10px; }
.logo-wrap img { max-width: 200px; max-height: 80px; margin-top: 14px; margin-bottom: 10px; margin-left: 20px;}

@media (max-width: 767px) {
	a.backlink { font-size: 16px;}
	.flex { display: block;}
	.flex-prev { left: -20px;}
	.flex-next { right: -20px;}
	footer .footer-address { padding: 20px 0 0 0 ; margin-right: 0; border-right: none;}
	footer .footer-logo { float: none; border: none; height: auto;}
	footer .footer-logo img {width: 120px;}
	.btn-up { top: 48px; }
	.text-wrap-670  { width: 100%;}
	.company-image { margin: 20px 0 0px;}
	.section-title { margin: 20px 0 35px 0; }
	.section-project { width: 100%; float: none; }
	.section-project-right .section-project-title-box,
	.section-project-title-box { right: auto; left: 0; margin-right: 0;}
	.section-project-text { width: 100%;margin-top: 0; margin-bottom: 20px;}
	h3.section-project-title-box { margin: 0;}
	.movie-image { width: 100%; margin: 0; display: block;}
	
	.contest-fieldset fieldset .field { flex-basis: 100%; }
	.sponsors img { margin-right: 10px;}
	
	.logo-wrap img { margin-left: 0; margin-right: 20px; }
	.logo-wrap { margin-bottom: 15px; }
	
	.lineup-wrap { margin-bottom: 0; }
	
	h2.section { margin-top: 30px; }
	
	.films-list-item { flex-basis: 50%; margin-bottom: 30px }
	.flex-caption  { margin: 9px 0 0 0;}
	
}	

@media (min-width: 768px) {
	.films-list-item { flex-basis: 25%;}
}

@media (min-width: 769px) {
	.logo-main { float: right;margin-left: 20px; margin-right: 0; }
}

@media (max-width: 900px) {
	.nav-social-title { display: none;}
}


@media (max-width: 960px) {
	header {position:inherit;}
	#header-container { position: fixed; width: 100%; z-index: 9999;}
	h1 { margin-top: 16px; margin-bottom: 0px;}
	h1 img { width: 120px;}
	#nav-mobile { display: block; margin-top: 28px;}
	#nav-container { display: none;}
	#nav-container.nav-mobile { position: absolute; left: 0; background-color: #1a1a1a; width: 100%; z-index: 9999;}
	.container { padding: 0 20px }
	ul.nav-ul { display: inherit; list-style-type: none; margin-top: 0; padding-left: 0;}
	ul.nav-ul li { float: none; border-bottom: 1px solid #232323; font-size: 20px; font-family: 'nowayregular';  padding-left: 22px;}
	ul.nav-ul li:last-child { padding-right: 0;}
	#nav-main { float: none; padding-top: 2px;}
	#nav-social {float: none; }
	ul.nav-ul#nav-main { margin-bottom: 0;}
	ul.nav-ul#nav-lang li { font-size: 22px; }
	ul.nav-ul#nav-social { margin-left: 28px;}
	ul.nav-ul#nav-social li { display: inline; border: none;}
	ul.nav-ul#nav-social li.nav-social-title { display: none; border: none;}
	ul.nav-ul#nav-social li svg { width: 50px; height: 50px;}
	#nav-lang { position: relative; top: 0 ;}
	.btn-medias { display: none;}
	h2.section-project-title-content { margin-top: 10px;}
	.logo-main { float: left; margin-right: 20px; margin-left: 0; margin-bottom: 6px; }
	.section-title.section-title-contest  { float: none;}
	.movie-image { margin-right: 20px;}
	
	
	
}

@media (min-width: 961px) {
	ul.nav-ul li { padding: 0 18px;}
	#nav-container { display: block; }
	.section-company { top: 0;}
	#content { padding-top: 0;}
	
	
	
}

@media (min-width: 1020px) {
	.films-list-item { flex-basis: 25%;}
}

@media (min-width: 1100px) {
	.films-list-item { flex-basis: 20%;}
}

@media (max-width: 1100px) {
	.nav-social-title { display: none;}
}


@media (max-width: 1260px) {
	ul.films-list li { flex-basis: 18%;} 
}

@media (min-width: 1310px) {
	ul.nav-ul li { padding: 0 22px;}
	.container { width: 1240px; }
	.movie-image { width: 333px; }
	.movie-embed { width: 884px; }
}