@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');/* blank */ 
*{  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;}
.clear{clear:both;height:0;display:block;width:0;line-height:0;}
h1 a{color:#000;text-decoration:none;}
h1, h2{font-weight: 900;}
h1{width:85%;margin: 50px auto;min-width:300px;}
h1 img{width:100%;}
header nav{display:none;}
h2{font-size:1em;}
header, #main{width: 90%;max-width: 430px;margin:0 auto;font-weight: 300;}
article{margin-bottom:75px;}
section{margin-bottom: 50px;}
section p, section article{width: 100%;}
/*section p span{display:block;float:left;}*/
section article a{color:#000;text-decoration:none;}
section p.description_membre{width:100%;}
address a{color:#000;}

#about{min-height: 50vh;}
.slogan{
	text-align: center;
	margin: 3em auto !important;
}

div.download_button_container{display: grid;}
a.download_button{
	padding: 5px;
	margin: 5px auto;
	text-transform: uppercase;
	background-color: #000;
	color: #fff;
	font-style: italic;
	text-decoration: none;
	display: inline-block;
	font-weight:800;
	width: auto;
	text-align: center;
	border: 1px solid #fff;
	align-self: center;
}

a.download_button:hover{
	background-color:#fff;
	border: 1px solid #000;
	color: #000;
}

article div, .membre div, .membres{display:inline;}


#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    z-index:-100;
    object-fit: cover;
}


.bigLink{
	display:block;
	position:absolute;
	top: 55vh;
	padding: 3vh;
	background-color: #fff;
	color: #000;
	text-decoration:none;
	text-transform:uppercase;
	width: 200px;
	left: 50%;
}

.bigLink:hover{
	background-color:000;
	color:#fff;
}

body{
}


.button_support{
	display: inline-block;
	margin-left: 4vh;
	margin-right: 4vh;
	margin-bottom: 2em;
	line-height: 1.3em;
	padding: 1em;
	color:#fff;
	background-color:#000;
	border: 1px solid #fff;
	width: auto;
	text-decoration:none;
	text-align: center; 
}

.button_support:hover{
	background-color: #fff;
	color:#000;
}


.old_film_title h2{display: inline;font-weight:normal;}

/*Collectif Abordage*/
body{margin:0;}
body.home header{display:none;}
body.home #homeNav{margin-left:3vh;margin-top:1em;}
body.home #homeNav a{display:block;color:#fff;text-decoration:none;margin-bottom:0.3em;margin-left:0.4em;}
body.contact{background-color:#000;}
body header, body #main, body #main{width: 100%;max-width:none;}
body header{position:fixed;top:0;z-index: 200;background-color: #000;}
body header h1{width:20%;margin:2vh;max-width:300px;min-width: 220px;}
body header nav{display:block !important;top: 2vh;position: absolute;right: 2vh;}
body header nav .navButton{display: inline-block;cursor: pointer;}
body header nav .navButton div{ width: 35px;height: 4px;background-color: #fff;margin: 8px 0;transition: 0.4s;}
body header nav .navButton div:last-child{width:20px;}
body header nav .navButton:hover div:last-child{width: 35px;}

body .main_section{max-width: 800px;min-width: 340px;width:90%;margin:0 auto;margin-bottom: 4em;}
body .main_section p{margin:0;padding:0;margin-bottom: 2em;margin-top:1em;max-width: 600px;}
.textHigh{font-weight: 900;font-style: italic;font-size:2em;}
.textLow{  text-align: center;}
#main, footer{display: none !important;}

body.TaxonomyTerm header nav ul, body.contact header nav ul,  body.Projet header nav ul, body.page-text header nav ul{display:none;position:fixed;z-index:99999;top:0;left:0;margin-top:0;width:100%;height:100vh;background-color:rgba(0, 0, 0, 0.91);color:#fff;list-style:none;padding-top:50vh;}
body.TaxonomyTerm header nav ul li, body.contact header nav ul li,  body.Projet header nav ul li,  body.page-text header nav ul li{margin-left:50%;margin-bottom:1em;}
body.TaxonomyTerm header nav ul li a, body.contact header nav ul li a,  body.Projet header nav ul li a,  body.page-text header nav ul li a{text-transform:uppercase;color:#fff;text-decoration:none;}
body header nav ul li a:hover{text-decoration:underline;transition-duration:0.1s;}
body.TaxonomyTerm #main {background-color: #000;margin-top: 5vh;z-index: 0;position: relative;}
body.contact section{margin-bottom:0;} 
body.TaxonomyTerm #main nav{position: fixed;top: 15vh;z-index:999;display: none;}
body.TaxonomyTerm #main nav a{text-transform:uppercase;color:#fff;display:block;text-decoration:none;padding: 5px;background-color:#000;color:#fff;width:auto;margin-bottom:10px;cursor:pointer;}
body.TaxonomyTerm #main nav a:hover{background-color:#fff;color:#000;cursor:pointer;}
body.TaxonomyTerm #main section section{width:60%;margin-left:1.5%;position:relative;overflow: hidden;} 
body.TaxonomyTerm#pageID1238 #main section section{width:100%;margin-left:0%;}
body.TaxonomyTerm#pageID1047 #main section section{width: 90%;margin-left:0%;position:relative;}
body.TaxonomyTerm #main section section article{height:100vh;position:relative;overflow:hidden;}
body.TaxonomyTerm#pageID1036 #main section section article:first-child{}
body.TaxonomyTerm#pageID1036 #main section section article:first-child .right-gradient, body.TaxonomyTerm#pageID1036 #main section section article:first-child .bottom-gradient{display:none;}
body.TaxonomyTerm#pageID1036 #main section section article:first-child h4{display:none;}

body.TaxonomyTerm #main section section article h4{text-transform:uppercase;font-weight:100;font-size:2em;z-index:350;}
body.TaxonomyTerm #main section section article .film_image img{height:60vh;position:absolute;z-index: 0;}
body.TaxonomyTerm #main section section article .membre_img img{filter: grayscale(100%);opacity:0.8;height:60vh;position:absolute;z-index: 0;}
body.TaxonomyTerm #main section section article:first-child .membre_img img{position:relative;height:50vh;margin-top: 5vh;}
body.TaxonomyTerm #main section section article .right-gradient{position:absolute;width:80%;right:0;top:0;height:100vh;background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 60%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 60%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 60%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );}
body.TaxonomyTerm #main section section article .bottom-gradient{position:absolute;width:100%;bottom:0;top:0;height:100vh;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 56%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 56%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 56%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}
body.TaxonomyTerm #main section section article .membre_content{position:relative;color:#fff;z-index:999;top:20vh;left:5%;width:95%;}
body.TaxonomyTerm #main section section article:first-child .membre_content{left:0;top:0;}
body.TaxonomyTerm #main section section article .membre_content p{width: 50%;}
body.TaxonomyTerm #main section section article .membre_content a{color:#fff;text-decoration:underline;display:block;}
body.TaxonomyTerm #main section section article .film_image{width:33%;float:left;}
body.TaxonomyTerm #main section section article .film_image img{width:100%;height:auto;position:relative;}
body.TaxonomyTerm #main section section article .film_content{position:relative;color:#fff;float:left;width:60%;margin-left:3%;}
body.TaxonomyTerm #main section section article .film_content h4{margin-top:0;}
body.TaxonomyTerm #main section section article .film_content p{width: 50%;}
body.TaxonomyTerm #main section section article .film_content div.film_ul{float:left;width: 45%;position: relative;}
body.TaxonomyTerm #main section section article .film_content div.film_ul ul{padding-left:0;margin-left:0;}
body.TaxonomyTerm #main section section article .film_content div.film_ul ul li {position:relative;list-style: none;}
body.TaxonomyTerm #main section section article .film_content div.film_ul ul li span{display:block;float:left;width:50%;font-size:0.8em;min-height: 1.35em;}
body.TaxonomyTerm #main section section article .film_content iframe{width:45%;height:25.31vh;}
body.TaxonomyTerm #main section section article .film_content iframe player{max-width:100%;	}
body.TaxonomyTerm #main section section article .gallerie{width:100%;clear:both;position:relative;display: block;padding-top:10px;}
body.TaxonomyTerm #main section section article .gallerie a{margin-right:10px;}
body.TaxonomyTerm #main section section article.projet{color:#fff;border-bottom:1px solid #fff;}
  body.contact #main{height:100vh;position:relative;overflow:hidden;}
 body.contact #main #content h3,  body.contact #main #content section{height: 50vh;margin:0;padding:0;}
 body.contact #main #content h3{color: #fff;}
 
 body.contact #main #content section{background-color:#fff;}
 body.contact#pageID1088{background: url("/site/templates/img/contact_bkg.jpg") no-repeat center center;background-size:cover;}
  body.contact #main #content section address, body.contact #main #content section>div{padding: 10vh 10vh 0 10vh;}
  body.contact #footer{display:none;}
  
  
  /*Film page*/ 
  
  body.Projet{background-color:#000;color:#fff;}
  
  .film_page .breadcrump{margin-left:1%;color:#aaa;}
  .film_page .breadcrump a{color:#aaa;} 
  
  .film_page h2{font-size:5em;text-transform:uppercase;font-weight:normal;margin:1%;} 
  
  .film_page {margin-top:6vh;}
.film_page .film_image{position:relative;display:block;width:23%;margin: 1%;float:left;}
 .film_page .film_image img{width:100%;}
 .film_page .film_video{width: 48%; margin:1%;display:block;float:left;}
  .film_page .film_video iframe, .film_page .film_video iframe #player, .player, .film_page .film_content iframe player{width:100%;max-width: 2000px;}
  .film_page .film_content{display:block;width:23%;margin:1%;float: left;} 
  .film_page .film_details{margin-bottom: 1%;}
  .film_page .projet>.clear{margin-bottom: 1%;} 
 div.film_ul{float:left;width: 21%;position: relative;margin-left:1%;margin-right:1%;padding: 1%;background-color:#111;}
 .collaboration div.film_ul{width:29%;}
 .collaboration p a{color:#fff;text-decoration:underline;}
 div.film_ul h5{margin-top:0;padding-top:0;}
 div.film_ul ul{padding-left:0;margin-left:0;}
 div.film_ul ul li {position:relative;list-style: none;margin-bottom: 0.25em;}
 div.film_ul ul li span{display:block;float:left;width:35%;font-size:0.8em;min-height: 1.35em;}
div.film_ul ul li span:first-child{width:65%;}
  .film_page .gallerie{display: block;float: left;width: 23%;margin-left: 1%;} 
 .film_page .gallerie a{margin-right:1%;margin-bottom: 1%;transition:1s;}
 .film_page .gallerie a:hover{opacity:0.2;}
 
.other_films{margin-top: 20vh;padding-top:10vh;margin-bottom: 20vh;border-top:1px solid #fff;margin-right: 1%;margin-left:1%;}
 
.other_films a{width: 10%;height: 14vw;display:block;margin-right:1%;float:left;position:relative;transition-duration: 0.5s;overflow: hidden;}
.other_films a img{width:100%;height:auto;}
.other_films a span{transition-duration: 0.5s;display:flex;width:100%;height:100%;justify-content:center;align-items: center;position:absolute;top:0;background-color: rgba(0, 0, 0, 0.8);color:#fff;}
.other_films a span{opacity:0;}
.other_films a:hover span{opacity:1;}

	#content>section>.other_films{border-top:none;} 
	#content>section>.other_films a{width:23%;height:27vw;overflow: hidden;margin-bottom: 1vw;overflow: hidden;}   
 body.TaxonomyTerm#pageID1047 #main section section{min-height:100vh;}
	.films_projets{color:#fff;margin-bottom:20vh;margin-left:1%;}
	.upcoming{max-width:550px;}
	.upcoming>*{margin-bottom:0.1em;}
	
	
	/*Collaboration*/
.collaboration{color:#fff;height:auto !important;min-height: 100vh;}	

.collaboration h4, .collaboration>p{margin:1%;width: 66%;}
.collaboration .film_info, .collaboration .film_video, .collaboration .colab_poster{display:block;margin: 1%;}  
.colab_poster img{max-height: 300px;}
.collaboration .film_video{width:75%;}

/*Participez*/
 #pageID1249{background: url("../img/img_participez.jpg") top left no-repeat;background-size: cover;}
 #pageID1249 #content section {height:auto !important;min-height: 50vh;position:relative;}
  #pageID1249 #content section address{display:none;}
 #pageID1249 #content section div{max-width:600px;padding-bottom:10vh !important;float:left;}
 body.contact #main{height: auto !important;}
 body.contact #content .contact_cta a,  body.contact #content .contact_cta input[type="submit"]{display:block;color:#fff;background-color:#000;padding: 15px;text-decoration:none;max-width:300px;border:1px solid #000;cursor: pointer;}
 body.contact #content .contact_cta a:hover, body.contact #content .contact_cta input[type="submit"]:hover{background-color:#fff;color:#000;}
 body.contact #content .contact_cta form {position: relative;}
 body.contact #content .contact_cta form label,  body.contact #content .contact_cta form input,  body.contact #content .contact_cta form textarea{display: block;width:190px;float:left;padding: 0.5em;margin-bottom:1em;} 
body.contact #content .contact_cta form textarea{height:4em;}
body.contact #content .contact_cta form input, body.contact #content .contact_cta form textarea{border: 1px solid #666;}
#pageID1249 #content section div.from_line{padding-bottom: 0 !important;}
 body.contact #content strong, body.page-text #content strong{font-weight:600;}
 
 
 /*page-text*/
 
 body.page-text{
 	background-color:#fff;
 	padding-top:100px;
 }
 
 body.page-text .central-text,  body.page-text h3, body.page-text article .central-text{
 	width:90%;
 	margin: 100px auto;
 	max-width:600px;
 	position: relative;
 	display: block;
 }
 
 body.page-text article .central-text a:hover{
text-decoration: underline;
 }
 
 .central-text iframe{width: 100%;}


/**/


@media screen and (max-width: 1024px) {
 	body.TaxonomyTerm #main section section{width: 75%;margin-left: 25%;}
	body.TaxonomyTerm#pageID1036 #main section section article:first-child{margin-left:0;}
	body.TaxonomyTerm #main section section article:first-child .membre_img img{height:auto;width:100%;}

	body.TaxonomyTerm #main section section article .membre_content p{width:80%;}
	 div.film_ul{width:85%;}
	body.TaxonomyTerm #main section section article .right-gradient{display:none;}
	
	body.TaxonomyTerm header nav ul, body.contact header nav ul{padding-top:10vh;}
	body.TaxonomyTerm header nav ul li, body.contact header nav ul li{margin-left:0;}
	
	.film_page .film_image, .film_page .film_video, .film_page .film_content{width: 92%; margin: 2%;float:none;}
	.film_page .film_image{width:50%;margin: 4% auto;}
	.film_page div.film_details{display:block;}	
	 div.film_ul{float:none;width:92%;margin: 2%;padding:2%;display:block;}
	 .collaboration div.film_ul{width:92%;}
	.film_page .gallerie{width:96%;margin-left:2%;}
	
	.other_films a{width: 19%;height: 26vw;margin-bottom: 1vw;}
	
 
}

@media screen and (max-width: 640px) {
	body.TaxonomyTerm #main nav{display:none;}
	body.TaxonomyTerm #main section section{margin-left:0;width:100%;}
	body.TaxonomyTerm#pageID1047 #main section section{margin-left:5%;width:90%;margin-right:5%;}
	body.TaxonomyTerm #main section section article{height:auto;width:100%;}
	body.TaxonomyTerm #main section section article .film_content{width:100%;margin-left:0;}
	body.TaxonomyTerm #main section section article .film_content iframe{width:100%;height:auto;}
	body.TaxonomyTerm #main section section article .membre_content{width:100%;left:5%;top: 0;}
	body.TaxonomyTerm #main section section article .membre_content h4{margin-top:20vh;}
	body.TaxonomyTerm #main section section article .membre_content p{width: 90%;}
	body.TaxonomyTerm #main section section article:first-child .membre_content p{margin-left:5%;}
	body.contact #main #content section > div{padding: 1vh 0 1vh 1vh;}
	.film_page h2{font-size:3em;text-align:center;}
	.other_films a{width: 32%;height:42vw;}
	
}



/*LIGHTBOX*/
html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}