/*

	Site internet achac
	Version : 1.1
	Site	: achac.com
	
	Theme 	: achac 1.1
	Author	: Integration : Yann Lobry
	
*/


#les-films {
	background-color: #3e362e;
}

#les-films #noItemsFoundMessage {
	color: #fff;
}

#les-films .view-content-deux {
	 padding: 0 0 0 7.2%;
}

#les-films .cont-titre-page {
	padding-bottom: 7vw;
}

#les-films .barre-filtre-fin {
	 margin: 0 auto 3vw;
}

.un-film {
	 width: 28.3%;
	 float: left;
	 margin: 0 1.2% 2.4vw;
	 cursor: pointer;
	 background-color: #D8C9A8;
	 padding: 1.6vw 1.6vw 1.3vw;
}

.container-liste-films-master {
	min-height: 50vw;
}

.zero-item.container-liste-films-master {
	min-height: auto;
}

.container-liste-films-master .grid-sizer {
	width: 30.7%;
}

.un-film .container-image {
	margin-bottom: 1.4vw;
}

.un-film .container-image img {
	width: 100%;
}

.un-film.article-liste h2 {
	font-size: 1.43em;
	 font-family: 'CooperHewitt-Bold', sans-serif;
	 margin-bottom: 0;
}

.un-film.article-liste h2 a,
.un-film.article-liste h2 a:visited {
	color: #3E362E;
	padding-bottom: 0.5vw;
	display: block;
}

.un-film.article-liste .auteur p {
	font-size: 1.02em;
	 margin: 0;
}




body.programme.films #rubriques-programme {
	margin: 0;
}

.un-film-full h2 {
	font-family: 'CooperHewitt-Heavy', sans-serif;
	 color: #3E362E;
	 font-size: 3.72em;
	 line-height: 1.1em;
	 margin-bottom: 2.5vw;
}

.un-film-full.article-full {
	/*margin: 0 0 0 31%;*/
	margin: 0;
	
	 padding: 9vw 0 6vw;
	 padding-left: 31%;
	 width: auto;
}

.un-film-full.article-full > div {
	width: 87.7%;
}

.view-achac-vue-progs-type-master .views-row:nth-child(even) {
	background-color: #FBFAF6;
}

.views-row:first-child .un-film-full.article-full {
	padding-top: 6.5vw;
}

.un-film-full.article-full .cont-col {
	 justify-content: space-between;
	 flex-wrap: wrap;
}

.un-film-full .container-image img {
	width: 100%;
	box-shadow: 0 0 10px rgb(0 0 0 / 7%);
}

.un-film-full.article-full .col-un {
	 width: 64.1%;
	 margin-bottom: 0;
}

.un-film-full.article-full .col-deux {
	 padding: 0;
	 width: 29.1%;
	 margin-bottom: 2.2vw;
}

.un-film-full .container-video {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
}

.un-film-full .container-video img {
	width: 100%;
	 position: absolute;
	 top: 0;
}

.un-film-full .cache {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 1;
	cursor: pointer;
}



.un-film-full .video {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}



.caption .media .field, 
.caption .media .field * {
	 float: none;
	 margin: unset;
}

.un-film-full video {
	 width: 100%;
	 height: auto;
}

.un-film-full .video iframe {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 margin: 0;
}

.un-film-full .bt-play {
	position: absolute;
	 width: 100%;
	 padding: 0 10%;
	 text-align: center;
	 left: 0;
	 /* transform: translateY(-50%); */
	 top: 0;
	 z-index: 2;
	 cursor: pointer;
	 height: 100%;
	 right: 0;
	 bottom: 0;
	 display: flex;
	 flex-wrap: wrap;
	 align-content: center;
	 align-items: center;
	 justify-content: center;
}

.un-film-full .picto-play {
	 width: 100%;
}

.un-film-full .picto-play div {
	width: 6.1vw;
	 height: 6.1vw;
	 margin: 0 auto 1.5vw;
}

.un-film-full .picto-play svg {
	width: 100%;
	height: auto;
	-o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
}

.un-film-full .texte-play {
	color: #fff;
	 font-family: 'CooperHewitt-Semibold', sans-serif;
	 font-size: 1.25em;
	 letter-spacing: 0.03em;
	 width: 100%;
}

.un-film-full .film-hover .texte-play {
	color: #d14a1b;
}

.un-film-full .film-hover .picto-play .st1play {
	fill: #d14a1b;
}

.un-film-full .film-hover .picto-play .st2play {
	fill: #fff;
}

.un-film-full .container-suite {
	width: 100%;
}

.un-film-full .bt-suite {
	 border: none;
	  font-size: 0.9em;
	  line-height: 1em;
	  cursor: pointer;
	  color: #A74A2A;
	  outline: none;
	  background-color: transparent;
	  display: block;
	  padding: 0;
	  margin: 5vw 0 1.3vw 0;
	  text-align: left;
	  text-transform: uppercase;
	  -o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
	  padding: 0 0 0.7vw 0;
	  letter-spacing: 0.14em;
	  border-bottom: solid 3px #BDA36B;
	  width: 100%;
	  font-family: 'CooperHewitt-Bold', sans-serif;
}

.un-film-full .bt-suite span {
	position: relative;
}

.un-film-full .bt-suite span:after {
	display: block;
	 content: '';
	 position: absolute;
	 right: -1.7vw;
	 top: -0.2vw;
	 width: 1.5vw;
	 height: 1vw;
	 background: transparent url(/themes/achac/images/bt-fleche-filtrer.svg) no-repeat center center;
	 background-size: contain;
	 -o-transition: all .2s;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		transition: all .2s;
}

.un-film-full .bt-suite.open span:after {
	transform: rotate(-180deg);
}

.un-film-full .container-txt-suite {
	display: none;
}

.un-film-full .col-un .texte-riche {
	margin-bottom: 2.4vw;
}

.un-film-full .col-un .bloc-deux-onglets .texte-riche {
	margin-bottom: 2.2vw;
}