.chocolat-zoomable.chocolat-zoomed .chocolat-img{
    cursor : zoom-out;
}
.chocolat-open{
    overflow: hidden;
}
.chocolat-overlay{
    height:100%;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:10;
    background-color:#fff;
    display:none;
    opacity: 0.8;
}
.chocolat-wrapper{
    height:100%;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:16;
    color: #fff;
}
.chocolat-zoomable .chocolat-img{
    cursor : zoom-in;
}
.chocolat-loader{
    height:32px;
    width:32px;
    position:absolute;
    left:50%;
    top:50% ;
    margin-left:-16px;
    margin-top:-16px;
    z-index:11;
    background:url(../../bundles/fdccourtmetrage/js/bower_components/chocolat/src/images/loader.gif);
    display:none;
}
.chocolat-content{
    position:fixed;
    width:0px;
    height:0px;
    left:50%;
    top:50%;
    z-index:14;
    text-align: left;
}

.chocolat-content .chocolat-img{
    position:absolute;
    width:100%;
    height:100%;
}
.chocolat-wrapper .chocolat-left{
    position:absolute;
    left:0;
    width:50px;
    height:100px;
    top: 50%;
    margin-top: -50px;
    cursor:pointer;
    background:url(../../bundles/fdccourtmetrage/js/bower_components/chocolat/src/images/left.png) 50% 50% no-repeat;
    z-index: 17;
    display: none;

}
.chocolat-wrapper .chocolat-right{
    position:absolute;
    right:0;
    width:50px;
    height:100px;
    top: 50%;
    margin-top: -50px;
    cursor:pointer;
    background:url(../../bundles/fdccourtmetrage/js/bower_components/chocolat/src/images/right.png)  50% 50% no-repeat;
    z-index: 17;
    display: none;
}
.chocolat-wrapper .chocolat-right.active{
    display: block;
}
.chocolat-wrapper .chocolat-left.active{
    display: block;
}
.chocolat-wrapper .chocolat-top{
    position:absolute;
    top:0px;
    right: 0;
    left: 0;
    line-height:50px;
    height:50px;
    overflow: hidden;
    z-index: 17;
    margin-bottom: 10px;
}
.chocolat-wrapper .chocolat-close{
    width:50px;
    height:50px;
    cursor:pointer;
    position: absolute;
    top: 0;
    right: 0;
    background:url(../../bundles/fdccourtmetrage/js/bower_components/chocolat/src/images/close.png) 50% 50% no-repeat;
}
.chocolat-wrapper .chocolat-bottom{
    position:absolute;
    bottom:0;
    left: 0;
    right: 0;
    line-height:40px;
    height:40px;
    font-size:12px;
    z-index: 17;
    padding-left: 15px;
    padding-right: 15px;
    background: rgba(0, 0, 0, 0.2);
    text-align: right;
    margin-top: 10px;
}
.chocolat-wrapper .chocolat-set-title{
    display: inline-block;
    padding-right: 15px;
    line-height: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.chocolat-wrapper .chocolat-pagination{
    float: right;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 15px;
    /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/
}
.chocolat-wrapper .chocolat-fullscreen{
    width: 16px;
    height: 40px;
    display: block;
    margin:auto;
    cursor: pointer;
    float: right;
}
.chocolat-wrapper .chocolat-description{
    display: inline-block;
    float: left;
}

/* compact view */
.chocolat-cover .chocolat-content .chocolat-left,
.chocolat-cover .chocolat-content .chocolat-right{
    position: fixed;
    height: 100%;
    top: 0;
    padding: 0px;
}
.chocolat-cover .chocolat-content .chocolat-right{
    right:0px;
    background:url(../../bundles/fdccourtmetrage/js/bower_components/chocolat/src/images/right-compact.png) 100% 50% no-repeat;
}
.chocolat-cover .chocolat-content .chocolat-left{
    left:0;
    background:url(../../bundles/fdccourtmetrage/js/bower_components/chocolat/src/images/left-compact.png) 0% 50% no-repeat;
}
.chocolat-cover .chocolat-content .chocolat-top{
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1;
}
.chocolat-cover .chocolat-content .chocolat-close{
    background:url(../../bundles/fdccourtmetrage/js/bower_components/chocolat/src/images/close-compact.png) 0% center no-repeat;
}
.chocolat-cover .chocolat-content .chocolat-bottom{
    bottom: 0;
    left: 0;
    position: fixed;
    background: rgba(255,255,255,0.75);
    z-index: 1;
}
.chocolat-cover .chocolat-content .chocolat-pagination,
.chocolat-cover .chocolat-content .chocolat-description{
    padding: 0 10px;
}


/* no container mode*/
body.chocolat-open>.chocolat-overlay{
    z-index:15;
}
body.chocolat-open>.chocolat-loader{
    z-index:15;
}
body.chocolat-open>.chocolat-content{
    z-index:17;
}

/* container mode*/
.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-content,
.chocolat-in-container .chocolat-overlay{
    position: absolute;
}
.chocolat-in-container{
    position: relative;
}

/* uncomment to hide controls when zoomed-in*/
/*
.chocolat-zoomable .chocolat-top,
.chocolat-zoomable .chocolat-bottom,
.chocolat-zoomable .chocolat-right,
.chocolat-zoomable .chocolat-left {
    transition: opacity .3s ease, visibility 0s .3s;
   opacity: 1;
}

.chocolat-zoomable.chocolat-zoomed .chocolat-top,
.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
.chocolat-zoomable.chocolat-zoomed .chocolat-right,
.chocolat-zoomable.chocolat-zoomed .chocolat-left {
    visibility: hidden;
    opacity: 0;
}
*/
/*!
 * FullCalendar v2.4.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}body .fc{font-size:1em}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-divider,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed .fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3;filter:alpha(opacity=30)}.fc-bgevent{background:#8fdf82;opacity:.3;filter:alpha(opacity=30)}.fc-nonbusiness{background:#d7d7d7}.fc-icon{display:inline-block;width:1em;height:1em;line-height:1em;font-size:1em;text-align:center;overflow:hidden;font-family:"Courier New",Courier,monospace;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative;margin:0 -1em}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700;font-size:200%;top:-7%;left:3%}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700;font-size:200%;top:-7%;left:-3%}.fc-icon-left-double-arrow:after{content:"\000AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\000BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%;left:-2%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%;left:2%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\000D7";font-size:200%;top:6%}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-default{background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-popover .fc-header .fc-close{cursor:pointer}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:.9em;margin-top:2px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc-bg table{height:100%}.fc table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{overflow-y:scroll;overflow-x:hidden}.fc-scroller>*{position:relative;width:100%;overflow:hidden}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;background-color:#3a87ad;font-weight:400}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-event.fc-draggable,.fc-event[href]{cursor:pointer}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25;filter:alpha(opacity=25)}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:3}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-h-event .fc-resizer{top:-1px;bottom:-1px;left:-1px;right:-1px;width:5px}.fc-ltr .fc-h-event .fc-start-resizer,.fc-ltr .fc-h-event .fc-start-resizer:after,.fc-ltr .fc-h-event .fc-start-resizer:before,.fc-rtl .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-end-resizer:after,.fc-rtl .fc-h-event .fc-end-resizer:before{right:auto;cursor:w-resize}.fc-ltr .fc-h-event .fc-end-resizer,.fc-ltr .fc-h-event .fc-end-resizer:after,.fc-ltr .fc-h-event .fc-end-resizer:before,.fc-rtl .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-start-resizer:after,.fc-rtl .fc-h-event .fc-start-resizer:before{left:auto;cursor:e-resize}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-day-grid-event .fc-resizer{left:-3px;right:-3px;width:7px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-toolbar{text-align:center;margin-bottom:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid{overflow:hidden}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:0 2px}.fc-basic-view td.fc-day-number,.fc-basic-view td.fc-week-number span{padding-top:2px;padding-bottom:2px}.fc-basic-view .fc-week-number{text-align:center}.fc-basic-view .fc-week-number span{display:inline-block;min-width:1.25em}.fc-ltr .fc-basic-view .fc-day-number{text-align:right}.fc-rtl .fc-basic-view .fc-day-number{text-align:left}.fc-day-number.fc-other-month{opacity:.3;filter:alpha(opacity=30)}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-bgevent-skeleton,.fc-time-grid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-time-grid .fc-bgevent-skeleton{z-index:3}.fc-time-grid .fc-highlight-skeleton{z-index:4}.fc-time-grid .fc-content-skeleton{z-index:5}.fc-time-grid .fc-helper-skeleton{z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight-container{position:relative}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-time-grid .fc-bgevent-container,.fc-time-grid .fc-event-container{position:relative}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event .fc-resizer:after{content:"="}
@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* empêche la sélection */
[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.half-div {
  height: 100%;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
}
.half-div .vFlexAlign {
  z-index: 3;
  position: relative;
}
.half-div img {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.half-div:hover img {
  -moz-transition: all 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.08) translateZ(0);
  -ms-transform: scale(1.08) translateZ(0);
  -webkit-transform: scale(1.08) translateZ(0);
  transform: scale(1.08) translateZ(0);
  cursor: pointer;
}

.three-quarts-div {
  height: 100%;
  width: 75%;
  display: inline-block;
  vertical-align: top;
}

.cards {
  display: inline-block;
  width: 100%;
}

.block-01 {
  margin: 0 auto;
  max-width: 100%;
  width: 977px;
  position: relative;
}
.block-01 img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.tab1 {
  width: 1020px;
  margin: 0 auto;
  text-align: center;
}

.block-01-m {
  margin: 40px auto;
  max-width: 100%;
  width: 900px;
  margin-bottom: 20px;
}
.block-01-m img {
  max-width: 100%;
  object-fit: cover;
}

.block-01-s {
  margin: 40px auto;
  max-width: 100%;
  width: 830px;
  margin-bottom: 20px;
}
.block-01-s img {
  max-width: 100%;
  object-fit: cover;
}
.block-01-s .video-container {
  height: calc(830px / 1.58);
}
.block-01-s .slideshow .slideshow-img {
  height: 462px;
}

.block-01-ms {
  margin: 0 auto;
  max-width: 100%;
  width: 663px;
}
.block-01-ms img {
  max-width: 100%;
  object-fit: cover;
}
.block-01-ms .video-container {
  height: calc(663px / 1.58);
}
.block-01-ms .slideshow .slideshow-img {
  height: 462px;
}

.block-01-xs {
  margin: 0 auto;
  max-width: 100%;
  width: 633px;
}
.block-01-xs img {
  max-width: 100%;
  object-fit: cover;
}
.block-01-xs .video-container {
  height: calc(663px / 1.58);
}
.block-01-xs .slideshow .slideshow-img {
  height: 462px;
}

.block-01-mms {
  margin: 0 auto;
  max-width: 100%;
  width: 750px;
}
.block-01-mms img {
  max-width: 100%;
  object-fit: cover;
}

.block-02 {
  background-color: #f6f6f6;
  width: 100%;
  padding: 70px 0;
}

.block-03 {
  height: 600px;
}

.block-05 {
  color: #fff;
  background-color: #141414;
}
.block-05 a {
  color: #fff;
}

.block-diaporama {
  padding-top: 10px;
}

/*.contain-card + .block-diaporama {
  padding-top: 0px;
}*/
.block-push {
  background: center 0 no-repeat fixed;
  background-size: 100%;
  transition: cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s;
  position: relative;
}
body:not(.who) .block-push, body:not(.edition-69.story-movie) .block-push {
  background-size: 130%;
  background-position: 0px 0px;
}
.block-push .coverLink {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 6;
}
.block-push .link {
  margin-top: 20px;
  color: #c8a461;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: .75rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  transition: .5s;
}
.block-push .link:hover {
  opacity: .8;
}
.block-push .link .icon {
  font-size: .5rem;
  vertical-align: top;
  margin-right: 4px;
}
.block-push p {
  color: #f6f6f6;
  line-height: 20px;
  text-align: center;
  font-size: .875rem;
  margin-top: 17px;
}
.block-push.half-div {
  text-align: center;
  height: 325px;
}
.block-push.half-div strong {
  font-size: 1.25rem;
}
.block-push.half-div p {
  font-size: .875rem;
  color: #f6f6f6;
  padding-bottom: 6px;
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .block-push.half-div {
    height: 405px;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1920px) {
  .block-push.half-div {
    height: 503px;
  }
}
@media screen and (min-width: 1920px) {
  .block-push.half-div {
    height: 603px;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1920px) {
  .block-push {
    height: 751px;
  }
}
@media screen and (min-width: 1920px) {
  .block-push {
    height: 825px;
  }
}

.block-push-02 {
  padding: 70px 0;
}
.block-push-02 .small-push, .block-push-02 .long-push {
  height: 206px;
}
.block-push-02 .small-push:hover .image-wrapper img, .block-push-02 .long-push:hover .image-wrapper img {
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.08) translateZ(0);
  -ms-transform: scale(1.08) translateZ(0);
  -webkit-transform: scale(1.08) translateZ(0);
  transform: scale(1.08) translateZ(0);
  cursor: pointer;
}
.block-push-02 .right, .block-push-02 .left {
  display: block;
}
.block-push-02 .left {
  width: 100%;
}
.block-push-02 .image-wrapper {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.block-push-02 .image-wrapper img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
  -moz-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.block-push-02 strong {
  z-index: 0;
  width: 221px;
  text-align: center;
}

.block-push-03 {
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
  margin-bottom: 25px;
}
.block-push-03 .block-push-item {
  width: 477px;
  height: 303px;
}
.block-push-03 .block-push-item .title {
  color: #fff;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .875rem;
  letter-spacing: 2px;
  display: block;
  width: 300px;
  line-height: 24px;
}
.block-push-03 .image-wrapper {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.block-push-03 .image-wrapper img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
  -moz-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.block-push-03 strong {
  z-index: 0;
  width: 221px;
  text-align: center;
}

.block-push-03-alone {
  height: 303px;
  position: relative;
  overflow: hidden;
}
.block-push-03-alone .vFlexAlign {
  z-index: 2;
  position: relative;
}
.block-push-03-alone .title-2 {
  color: #fff;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .875rem;
  letter-spacing: 2px;
  display: block;
  width: 300px;
  line-height: 24px;
}
.block-push-03-alone img {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.block-push-03-alone:hover img {
  -moz-transition: all 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.08) translateZ(0);
  -ms-transform: scale(1.08) translateZ(0);
  -webkit-transform: scale(1.08) translateZ(0);
  transform: scale(1.08) translateZ(0);
  cursor: pointer;
}

.block-push-top {
  height: 300px;
  display: block;
  position: relative;
  background-attachment: fixed;
}
.who .block-push-top, .edition-69.story-movie .block-push-top, .palm-gold .block-push-top {
  background-attachment: fixed;
}
.block-push-top .vFlexAlign {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.block-push-top .txts {
  text-align: center;
}
.block-push-top .title-2 {
  font-size: 3.75rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  color: #fff;
  display: block;
  letter-spacing: .1rem;
}
.block-push-top .title-3 {
  font-size: 1.75rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  color: #fff;
  display: block;
  letter-spacing: 0.85rem;
}
.block-push-top .title-4 {
  font-size: .75rem;
  color: #fff;
  display: block;
  letter-spacing: .1rem;
}
.block-push-top .date-back, .block-push-top .date-next {
  position: absolute;
}
.block-push-top .date-back a, .block-push-top .date-next a {
  color: #fff;
  font-size: .75rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
.block-push-top .date-back i, .block-push-top .date-next i {
  display: block;
  color: #383738;
}
.block-push-top .date-back {
  left: 28px;
  top: 50%;
  transform: rotate(-90deg);
}
.block-push-top .date-back i {
  transform: rotate(-180deg);
  font-size: 1.4rem;
}
.block-push-top .date-next {
  right: 28px;
  top: 50%;
  transform: rotate(90deg);
}
.block-push-top .date-next i {
  transform: rotate(180deg);
  font-size: 1.4rem;
}
@media screen and (min-width: 1920px) {
  .block-push-top {
    height: 448px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .block-push-top {
    height: 373px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .block-push-top {
    height: 297px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .block-push-top {
    height: 296px !important;
  }
}
@media screen and (max-width: 1023px) {
  .block-push-top {
    height: 296px !important;
  }
}

.block-legend {
  padding: 25px 0;
  padding-bottom: 33px;
}
.block-legend .info, .block-legend .info h2 {
  text-align: left;
  margin: 0px;
}
.block-legend .info h2 a {
  color: #141414;
}
.block-legend .texts {
  display: flex;
  margin-top: 22px;
}
.block-legend .texts h2 {
  width: 38%;
  box-sizing: border-box;
  padding-right: 100px;
  line-height: 24px;
}
.block-legend .texts .text-01 {
  width: 62%;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 24px;
  color: #868686;
  font-size: .875rem;
  box-sizing: border-box;
  padding-right: 65px;
}

.block-videos {
  padding-top: 25px;
  padding-bottom: 25px;
}

.block-films {
  padding-top: 15px;
  height: 382px;
}
.block-films video {
  height: 382px;
  padding: 0px 0px;
  background-color: #000;
}
.block-films .left {
  width: 69%;
  box-sizing: border-box;
  display: inline-block;
  height: 382px;
  overflow: hidden;
}
.block-films .right {
  display: inline-block;
  vertical-align: top;
  width: 31%;
  box-sizing: border-box;
  height: 99.8%;
  font-size: .75rem;
  color: #a4a4a4;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
}
.block-films .right ::-webkit-scrollbar {
  width: 5px;
}
.block-films .right ::-webkit-scrollbar-track {
  background-color: rgba(102, 102, 102, 0.1);
}
.block-films .right ::-webkit-scrollbar-thumb {
  height: 10px;
  background-color: #c8a461;
}
.block-films .block-infos {
  border-top: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  flex-direction: column;
  height: calc(100% - 76px);
  overflow: scroll;
  overflow-x: hidden;
}
.block-films .block-infos .title-3 {
  padding-bottom: 30px;
}
.block-films .block-infos .date {
  color: #999999;
  font-size: .6875rem;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
.block-films .text-infos {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.block-films .text-infos:after {
  content: '';
  display: block;
  height: 0px;
  width: 25px;
  border-top: 1px solid #e7e7e7;
  margin-top: 30px;
  position: absolute;
  left: 46%;
}
.block-films .text-infos:last-child:after {
  display: none;
}
.block-films .icon-palme {
  padding-top: 22px;
  font-size: 2.5rem;
  color: #c8a461;
  max-height: 39px;
  margin-bottom: 10px;
}

.block-movie-preview {
  background: center no-repeat fixed;
  background-size: cover;
  min-height: 360px;
}
.block-movie-preview .bck-hover {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #141414;
  transition: .5s;
  min-height: 360px;
}
.ie .block-movie-preview .bck-hover {
  width: 100%;
}
.block-movie-preview .bck-hover:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.block-movie-preview .bck-hover:hover .infos p, .block-movie-preview .bck-hover:hover figcaption {
  color: #fff;
  transition: .5s;
}
.block-movie-preview .wrapper-item {
  width: 699px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px auto;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.ie .block-movie-preview .wrapper-item {
  width: 87%;
}
.block-movie-preview .wrapper-item .poster {
  width: 256px;
  min-width: 256px;
  height: 348px;
  overflow: hidden;
}
.block-movie-preview .wrapper-item .poster img {
  width: 256px;
  max-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.block-movie-preview .wrapper-item-big {
  width: 989px;
  display: flex;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px auto;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.ie .block-movie-preview .wrapper-item-big {
  width: 144%;
}
.block-movie-preview .wrapper-item-big .description {
  width: auto;
}
.ie .block-movie-preview .wrapper-item-big .infos {
  width: 39%;
}
.block-movie-preview figcaption {
  font-size: .75rem;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  color: #666666;
}
.block-movie-preview .poster {
  display: inline-block;
  width: 100%;
}
.ie .block-movie-preview .poster {
  width: auto;
}
.block-movie-preview .infos {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 80px;
  width: 100%;
}
.ie .block-movie-preview .infos {
  width: 30%;
}
.block-movie-preview .infos a {
  color: #c8a461;
}
.block-movie-preview .big-date {
  color: #c8a461;
  font-size: 1.125rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  line-height: 24px;
  letter-spacing: .2rem;
  margin-bottom: 38px;
}
.block-movie-preview .description {
  color: #666666;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 26px;
  text-align: center;
  width: 355px;
  margin-bottom: 40px;
}
.ie .block-movie-preview .description {
  width: 100%;
}
.palm-gold .block-movie-preview .description {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: .875rem;
  line-height: 24px;
}
.block-movie-preview .name-f {
  color: #fff;
  font-size: .875rem;
  text-transform: uppercase;
  line-height: 18px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  /*
  width: 183px; ??
  */
  text-align: center;
  display: inline-block;
  width: 190px;
}
.block-movie-preview .name-fb {
  color: #fff;
  font-size: .625rem;
  text-transform: uppercase;
  line-height: 18px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  width: 183px;
  text-align: center;
}
.block-movie-preview .names-a {
  color: #c8a461;
  font-size: .8125rem;
  line-height: 18px;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
}
.block-movie-preview .names-a .hours {
  font-size: 0.69rem;
  color: #999;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
.block-movie-preview .name-award {
  color: #fff;
  font-size: 1.125rem;
  text-transform: uppercase;
  letter-spacing: .2rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  line-height: 24px;
  text-align: center;
}
.ie .block-movie-preview .name-award {
  width: 100%;
}
.block-movie-preview .date {
  display: block;
  font-weight: 100;
  padding-bottom: 45px;
  color: #999;
  font-size: .6875rem;
}
.block-movie-preview .date-infos {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: .2em;
  margin-bottom: 18px;
  display: inline-block;
  font-size: .75rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  margin-right: 6px;
}
.block-movie-preview .date-infos .hours {
  color: #999;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: .75rem;
}
.block-movie-preview .portrait {
  max-width: 52px;
  max-height: 70px;
  margin-bottom: 8px;
}
.block-movie-preview .line:after {
  content: '';
  height: 20px;
  width: 1px;
  background-color: #434343;
  display: block;
  margin: 10px auto;
}
.block-movie-preview .icon-palme {
  color: #fff;
  font-size: 2.5rem;
  max-height: 40px;
  margin-bottom: 10px;
  margin-top: -9px;
}

.block-list-img {
  margin-top: 30px;
}
.block-list-img .item {
  display: inline-block;
  margin: 0 11.5px;
  margin-bottom: 13px;
  position: relative;
  cursor: pointer;
}
.block-list-img .item:after {
  content: '';
  width: 100%;
  height: 100%;
  opacity: .5;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  transition: .5s;
}
.block-list-img .item:hover:after {
  opacity: .1;
}
.mobile .block-list-img .item:hover:after {
  opacity: .5;
}
.block-list-img .item img {
  transition: .5s;
  object-fit: cover;
}
.block-list-img .item:first-child {
  margin-left: 0px;
}
.block-list-img .item:last-child {
  margin-right: 0px;
}
.block-list-img .item .wrapper {
  display: block;
}
.block-list-img .item .wrapper:after {
  border: 0px solid #c8a461;
  box-sizing: border-box;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 2;
}
.block-list-img .item .wrapper:hover:after {
  border: 4px solid #c8a461;
}
.mobile .block-list-img .item .wrapper:hover:after {
  border: 0px solid;
}
.block-list-img .center .wrapper:after {
  border: 4px solid #c8a461;
}
.block-list-img .center .item:after {
  opacity: 0;
}

.block-social-network {
  height: 76px;
  box-sizing: padding-box;
}
.block-social-network a {
  line-height: 76px;
  height: 76px;
  color: #c8a461;
  width: 25%;
  display: inline-block;
  text-align: center;
  border-left: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  box-sizing: border-box;
  transition: .5s;
}
.block-social-network a:first-child {
  border-left: 0px solid #fff;
}
.block-social-network a:last-child {
  border-right: 1px solid #dfdfdf;
}
.block-social-network a:hover {
  border-color: #c8a461;
}
.block-social-network a:hover + a {
  border-left-color: #c8a461;
}

.block-social-network-all {
  width: 380px;
  margin: 0 auto;
  padding-bottom: 60px;
  height: 76px;
  box-sizing: inherit;
}
.block-social-network-all a {
  width: 76px;
  height: 76px;
  border-color: #222222;
}
.bright .block-social-network-all a {
  border-color: #e7e7e7;
}
.bright .block-social-network-all a:first-child {
  border-left: 1px solid #e7e7e7;
}
.bright .block-social-network-all a:last-child {
  border-color: #e7e7e7;
}
.bright .block-social-network-all a:hover {
  border-color: #c8a461;
}
.bright .block-social-network-all a:hover + a {
  border-left-color: #c8a461;
}
.block-social-network-all a:first-child {
  border-left: 1px solid #222222;
}
.block-social-network-all a:last-child {
  border-color: #222222;
}
.block-social-network-all a:hover {
  border-color: #c8a461;
  cursor: pointer;
}
.block-social-network-all a:hover + a {
  border-left-color: #c8a461;
}

.block-poster {
  width: 256px;
  overflow: hidden;
}
.block-poster .contain-txts {
  box-sizing: border-box;
  padding-top: 27px;
  height: 109px;
  flex-direction: column;
  justify-content: initial;
  text-align: center;
}
.ie .block-poster .contain-txts {
  padding-top: 0px !important;
}
.bright .block-poster {
  background-color: #fff;
}
.bright .block-poster .title-11 {
  color: #141414;
}

.block-poster-01 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.block-poster-01 .item {
  margin: 0 28px;
}
.block-poster-01 .contain-txt {
  height: 117px;
}
.block-poster-01 strong {
  display: block;
  text-align: center;
}
.block-poster-01 img {
  margin-bottom: 20px;
  object-fit: cover;
}

.block-jury {
  height: 606px;
  background-color: #fff;
}
.block-jury .contain-img {
  display: inline-block;
  width: 50%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  background-size: cover;
}
.block-jury .contain-txt {
  background-color: #fff;
  display: inline-block;
  width: 50%;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  vertical-align: top;
  box-sizing: border-box;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 50px;
}
.block-jury .texte-01 {
  font-size: .875rem;
  line-height: 24px;
  color: #666666;
  margin-top: 39px;
}
.block-jury .title-18 {
  margin-bottom: 13px;
  padding-top: 25px;
}
.block-jury .title-20 {
  margin-top: 8px;
}
@media screen and (min-width: 1920px) {
  .block-jury {
    max-height: 904px;
    min-height: 904px;
  }
  .block-jury .contain-txt {
    padding-top: 72px;
    padding-left: 160px;
    padding-right: 160px;
    padding-bottom: 66px;
    max-height: 904px;
    min-height: 904px;
  }
  .block-jury .contain-img {
    max-height: 904px;
    min-height: 904px;
    max-width: 960px;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .block-jury {
    max-height: 748px;
    min-height: 748px;
  }
  .block-jury .contain-txt {
    padding-top: 33px;
    padding-left: 120px;
    padding-right: 120px;
    padding-bottom: 66px;
    max-height: 748px;
    min-height: 748px;
  }
  .block-jury .contain-img {
    max-height: 748px;
    min-height: 748px;
    max-width: 800px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .block-jury {
    max-height: 603px;
    min-height: 603px;
  }
  .block-jury .contain-txt {
    padding-top: 25px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 66px;
    max-height: 603px;
    min-height: 603px;
    width: 49%;
  }
  .block-jury .contain-img {
    max-height: 603px;
    min-height: 603px;
    max-width: 640px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .block-jury {
    max-height: 603px;
    min-height: 603px;
  }
  .block-jury .contain-txt {
    padding-top: 25px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 66px;
    max-height: 603px;
    min-height: 603px;
    width: 49%;
  }
  .block-jury .contain-img {
    max-height: 603px;
    min-height: 603px;
    max-width: 512px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  .block-jury {
    max-height: 603px;
    min-height: 603px;
  }
  .block-jury .contain-txt {
    padding-top: 25px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 66px;
    max-height: 603px;
    min-height: 603px;
    width: 49%;
  }
  .block-jury .contain-img {
    max-height: 603px;
    min-height: 603px;
    max-width: 512px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.block-accordion .download .item {
  min-width: 160px;
  overflow: visible;
  max-height: none;
}
.block-accordion .a-left {
  text-align: left;
}
.block-accordion .s-margin-top {
  margin-top: 26px;
}
.block-accordion .title-contain, .block-accordion .title-contain strong {
  padding: 47px 0;
  transition: .5s;
}
.block-accordion .title-contain:hover, .block-accordion .title-contain strong:hover {
  cursor: pointer;
  color: #c8a461;
}
.block-accordion .description, .block-accordion p {
  color: #666666;
  line-height: 26px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: .875rem;
}
.block-accordion .description-top {
  margin-top: 22px;
}
.block-accordion .description-top.bottom-padding {
  margin-bottom: 22px;
}
.block-accordion .icon-minus, .block-accordion .icon-create {
  float: right;
  font-size: .6rem;
  margin-top: 5px;
  margin-right: 5px;
}
.block-accordion .icon-download {
  margin-top: 0px;
  float: none;
}
.block-accordion .title-img {
  color: #141414;
  text-transform: uppercase;
  font-size: .75rem;
  letter-spacing: 2px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-top: 29px;
  display: block;
}
.block-accordion .title-img-top {
  color: #141414;
  text-transform: uppercase;
  font-size: .75rem;
  letter-spacing: 2px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-top: 36px;
  padding-bottom: 22px;
  display: block;
}
.block-accordion .icon.icon-download {
  float: left;
  font-size: .8rem;
}
.block-accordion .btn-center {
  width: 180px;
  margin: 0 auto;
}
.block-accordion .title-22 {
  letter-spacing: 2px;
}
.block-accordion .single-image {
  border: 1px solid #e7e7e7;
  width: 99.8%;
  text-align: center;
  height: 296px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-accordion .caption {
  font-size: .875rem;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  color: #666666;
  line-height: 24px;
  margin-top: 19px;
}
.block-accordion .s-caption {
  font-size: .75rem;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  color: #666666;
  line-height: 18px;
  margin-top: 19px;
  width: 560px;
}
.block-accordion .s-caption a {
  color: #c8a461;
  transition: .4s;
}
.block-accordion .s-caption a:hover {
  opacity: .8;
}
.block-accordion .item {
  padding-bottom: 52px;
  max-height: 56px;
  overflow: hidden;
  transition: .5s;
}
.block-accordion .mt {
  margin-top: 40px !important;
}
.block-accordion .active {
  max-height: 10000px;
}
.block-accordion .active .title-contain strong, .block-accordion .active .title-contain i, .block-accordion .active .title-contain .title-22 {
  color: #c8a461;
}
.block-accordion .link {
  color: #666666;
  text-decoration: underline;
  padding-top: 15px;
  transition: .5s;
  font-size: .75rem;
  display: block;
  width: 280px;
}
.block-accordion .link:hover {
  opacity: .8;
}
.block-accordion .title-dowload {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .75rem;
  text-transform: uppercase;
  color: #a6a6a6;
  letter-spacing: 2px;
}
.block-accordion .title-dowload.title-dowload-top {
  margin-top: 26px;
  display: block;
}
.block-accordion .three-images {
  align-items: baseline;
}
.block-accordion .three-images .caption {
  margin-top: 0px;
}
.block-accordion .three-images .item-img {
  width: 295px;
  margin: 0px 15px;
  margin-bottom: 25px;
  float: left;
}
.block-accordion .three-images .title-img {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .75rem;
  text-transform: uppercase;
  display: block;
  vertical-align: top;
  padding-top: 0px;
}
.block-accordion .three-images .contain-img {
  width: 295px;
  height: 295px;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  margin-top: 22px;
  margin-bottom: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-accordion .two-images {
  display: flex;
  margin-top: 25px;
}
.block-accordion .two-images .small {
  width: 295px;
}
.block-accordion .two-images .small .contain-img {
  width: 295px;
  height: 295px;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  margin-top: 22px;
}
.block-accordion .two-images .big {
  width: 636px;
  padding-left: 46px;
}
.block-accordion .two-images .big .contain-img {
  width: 636px;
  height: 295px;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  margin-top: 22px;
}
.block-accordion .download {
  display: flex;
  flex-wrap: wrap;
  margin-top: 19px;
  justify-content: space-between;
  overflow: visible;
}
.block-accordion .download.two-column {
  justify-content: initial;
}
.block-accordion .download.two-column .item {
  width: 318px;
}
.block-accordion .download.three-column {
  width: auto;
}
.block-accordion .download.no-flex {
  display: block;
  margin-bottom: 40px;
}
.block-accordion .download.no-flex .caption {
  margin-top: 4px;
}
.block-accordion-02 .noFloat {
  margin-right: 30px;
  font-size: 1.3rem;
  vertical-align: sub;
}
.block-accordion-02 .title-contain .title-22 {
  color: #c1c1c1;
}
.block-accordion-02 h3 {
  width: 750px;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 36px;
  padding: 39px 0;
  text-align: center;
}
.block-accordion-02 .i-transport .item-manual .contain-infos .item-infos .icon {
  font-size: 5rem;
  color: #c8a461;
}
.block-accordion-02 .item-manual .text-manual h5, .block-accordion-02 .item-manual .text-manual h3 {
  font-size: .75rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-bottom: 29px;
  width: 100% !important;
  text-align: left !important;
}
.block-accordion-02 .item-manual .contain-infos .descrip-section p {
  line-height: 24px;
  font-size: .8125rem;
  width: 100%;
  padding: 0px;
  text-align: left;
}
.block-accordion-02 .item-manual .contain-infos .descrip-section p a {
  color: #c8a461;
  text-decoration: underline;
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.block-accordion-02 .item-manual .contain-infos .descrip-section p a:hover {
  color: #966505;
}
.block-accordion-02 .item-manual .contain-infos .contain-map .btn {
  font-size: .625rem;
  padding: 14px 26px;
  border: 1px solid #c8a461;
  color: #c8a461;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  display: block;
  width: 130px;
  margin: 0 auto;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.block-accordion-02 .item-manual .contain-infos .contain-map .btn .icon {
  margin-right: 10px;
  font-size: .7rem;
  float: none;
  position: relative;
  top: 1px;
}
.block-accordion-02 .item-manual .contain-infos .contain-map .btn:hover {
  border-color: #000;
  color: #000;
}
.block-accordion-02 .item-manual .contain-infos .contain-map .link {
  padding-top: 38px;
  color: #c8a461;
}
.block-accordion-02 .item-manual .contain-infos .contain-map .link a {
  color: #c8a461;
  text-decoration: underline;
  vertical-align: text-top;
  font-size: 0.81rem;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.block-accordion-02 .item-manual .contain-infos .contain-map .link a:hover {
  color: #966505;
}
.block-accordion-02 .item-manual .contain-infos .contain-map .link .icon {
  padding-right: 9px;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  vertical-align: text-top;
}
.block-accordion-02 .item-manual .contain-infos .contain-map .link:hover {
  color: #966505;
}
.block-accordion-02 .item-manual {
  padding: 41px 0;
}
.block-accordion-02 .item-manual .contain-img img {
  padding-bottom: 30px;
}
.block-accordion-02 .item-manual .text-manual .title-manual {
  font-size: .75rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-bottom: 29px;
}
.block-accordion-02 .item-manual .text-manual {
  width: 547px;
  display: inline-block;
  vertical-align: top;
}
.block-accordion-02 .item-manual .contain-img {
  display: inline-block;
  width: 422px;
  vertical-align: top;
}
.block-accordion-02 .item-manual .text-manual p {
  font-size: .81rem;
  line-height: 24px;
  color: #000;
}
.block-accordion-02 .text-manual p strong {
  color: #c29f5f;
  font-size: 0.88rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.block-accordion-02 .item-manual .text-manual ul {
  line-height: 24px;
  margin: 10px 0 10px 0;
}
.block-accordion-02 .item-manual .text-manual ul li {
  font-size: .81rem;
  list-style: disc inside;
}
.block-accordion-02 .item-manual .contain-infos .item-infos {
  width: 401px;
  display: inline-block;
  padding: 0 42px 22px;
  vertical-align: top;
  text-align: center;
  font-size: .81rem;
  line-height: 24px;
}
.block-accordion-02 .item-manual .contain-infos .item-infos p {
  color: #000;
}
.block-accordion-02 .item-manual .contain-infos .item-infos .icon {
  font-size: 3rem;
}
.block-accordion-02 .item-manual .contain-infos .item-infos .title-infos {
  font-size: .75rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  display: block;
  padding-bottom: 30px;
  padding-top: 12px;
  letter-spacing: 2px;
}
.block-accordion-02 .item-manual .contain-infos .item-infos strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.block-accordion-02 .item-manual .contain-infos .item-infos a {
  color: #c29f5f;
  text-decoration: underline;
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.block-accordion-02 .contain-map {
  width: 323px;
  display: inline-block;
  text-align: center;
  margin-top: 59px;
  vertical-align: top;
}
.block-accordion-02 .contain-map .name {
  font-size: .75rem;
  display: block;
  padding-bottom: 20px;
  letter-spacing: 1px;
}
.block-accordion-02 .contain-map .map {
  margin-bottom: 40px;
}
.block-accordion-02 .contain-map p {
  line-height: normal;
}
.block-accordion-02 .contain-map strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.block-accordion-02 .contain-map .name {
  font-size: .75rem;
  display: block;
  padding-bottom: 20px;
  letter-spacing: 1px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.block-accordion-02 .contain-section .descrip-section {
  line-height: 24px;
  font-size: .8125rem;
}
.block-accordion-02 .descrip-section p {
  width: 750px;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 36px;
  padding: 39px 0;
  text-align: center;
  color: #000;
}
.block-accordion-02 .item-manual .item-partners .contain-img img {
  padding-bottom: 30px;
  padding: 65px;
  margin: 0 auto;
  display: block;
}
.block-accordion-02 .item-manual .item-partners .contain-img {
  display: inline-block;
  width: 422px;
  vertical-align: top;
}
.block-accordion-02 .item-partners {
  border-bottom: 1px solid #e0e0e0;
  padding: 41px 0;
}
.block-accordion-02 .item-partners .text-partners {
  width: 551px;
  display: inline-block;
  vertical-align: top;
}
.block-accordion-02 .item-partners .text-partners .content-text-with-portrait {
  display: inline-block;
  width: 69%;
}
.block-accordion-02 .item-partners .text-partners .title-partners {
  font-size: .75rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-bottom: 29px;
  letter-spacing: 2px;
}
.block-accordion-02 .item-partners .text-partners p {
  font-size: .81rem;
  line-height: 24px;
  margin-bottom: 18px;
}
.block-accordion-02 .item-partners .text-partners a {
  color: #c8a461;
  font-size: .75rem;
  padding-right: 13px;
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-decoration: underline;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.block-accordion-02 .item-partners .text-partners .content-text-with-portrait {
  display: inline-block;
  width: 67%;
}
.block-accordion-02 .item-partners .text-partners .portrait {
  display: inline-block;
  width: 134px;
  vertical-align: top;
  margin-top: 9%;
  margin-left: 39px;
  text-align: center;
}
.block-accordion-02 .item-partners .text-partners .portrait .name {
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-bottom: 5px;
  padding-top: 10px;
  font-size: .75rem;
}
.block-accordion-02 .item-partners .text-partners .portrait .rank {
  display: block;
  font-size: .75rem;
  padding-bottom: 5px;
}
.block-accordion-02 .item-good-practice strong p {
  display: block;
  font-size: .81rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  width: 188px;
  margin: 0 auto;
  line-height: 24px;
  color: #000;
}
.block-accordion-02 .item-good-practice .icon {
  font-size: 2.4rem;
  color: #B0B0B0;
  margin-bottom: 13px;
}
.block-accordion-02 .item-good-practice {
  width: 189px;
  display: inline-block;
  padding-left: 53px;
  text-align: center;
  vertical-align: top;
}
.block-accordion-02 .contain-good-practice {
  width: 980px;
  margin: 0 auto;
  padding-top: 10px;
}

.block-rules {
  margin-top: 68px;
}
.block-rules .title-23 {
  padding-bottom: 21px;
}
.block-rules .title-24.title-rules {
  padding-bottom: 29px;
}
.block-rules .title-24 {
  padding-bottom: 9px;
}
.block-rules .texte-01 {
  margin: 0;
  padding: 0;
  margin-bottom: 23px !important;
  line-height: 30px;
}
.block-rules .texte-01 strong {
  color: #666666;
}

.block-contact {
  padding-top: 55px;
}
.block-contact .title-25 {
  text-align: center;
  display: block;
  margin-bottom: 42px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 16px;
}
.block-contact a {
  color: #c8a461;
}
.block-contact a.button {
  height: 50px;
  line-height: 50px;
  width: 237px;
  text-align: center;
  padding: 0px;
}
.block-contact ul, .block-contact p {
  color: #666666;
  margin-bottom: 42px;
  font-size: .875rem;
  line-height: 20px;
}
.block-contact .bold-1 {
  line-height: 20px;
  font-size: 0.875rem;
}
.block-contact .item {
  display: inline-block;
  width: 247px;
  vertical-align: top;
}
.block-contact .i-1 {
  margin-right: 160px;
}

.block-tab-switch .title-tab-swich {
  font-size: .75rem;
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: 2px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  display: block;
  text-align: center;
}
.block-tab-switch table {
  margin-top: 27px;
  margin-bottom: 55px;
  border-collapse: collapse;
}
.block-tab-switch table td {
  color: #0c0c0c;
  border: 1px solid #e6e6e6;
  border-color: #e6e6e6;
  text-transform: uppercase;
  text-align: center;
  font-size: .75rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  width: 326px;
  height: 66px;
  transition: .5s;
  cursor: pointer;
  line-height: 18px;
}
.block-tab-switch table td:hover {
  cursor: pointer;
  color: #fff;
  background: rgba(200, 164, 97, 0.8);
  border-color: rgba(200, 164, 97, 0.8);
}
.block-tab-switch table td.active {
  cursor: pointer;
  color: #fff;
  background-color: #c8a461;
  border-color: #c8a461;
}
.block-tab-switch table .half {
  width: 488.5px !important;
}

.block-s-info {
  flex-direction: column;
  height: 255px;
  height: auto;
  text-align: center;
}
.block-s-info .title-25 {
  margin-bottom: 4px;
  text-transform: uppercase;
}
.block-s-info p {
  color: #666666;
  line-height: 30px;
  margin-bottom: 35px;
  text-align: left;
}
.block-s-info a.button {
  height: 48px;
  line-height: 48px;
  /*
  width: 178px;
  */
  text-align: center;
  padding: 0px;
  padding: 0px 10px;
}

.block-s-info-02 {
  flex-direction: column;
  /*height: 300px;*/
  height: auto;
  padding: 50px 0px;
  color: #fff;
  text-align: center;
  background: center 0 no-repeat fixed;
  background-size: cover;
}
.block-s-info-02 a {
  color: #c8a461;
  transition: .5s;
}
.block-s-info-02 a:hover {
  opacity: .8;
}
.block-s-info-02 a.button {
  height: 50px;
  line-height: 50px;
  width: 178px;
  text-align: center;
  padding: 0px;
}
.block-s-info-02 .title-25 {
  margin-bottom: 18px;
  color: #fff;
}
.block-s-info-02 p {
  line-height: 30px;
  margin-bottom: 30px;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .block-mediatheque {
    width: 1024px;
  }
}
@media screen and (min-width: 1024px) {
  .block-mediatheque {
    width: 1280px;
  }
}

.half-photos {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  margin-top: 50px;
  flex-direction: row;
}
.half-photos .caption {
  color: #666 !important;
  font-size: 0.750rem;
  margin: 10px 0 0;
  line-height: 18px;
  text-align: left;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}

.half-photo {
  width: 45%;
}
.half-photo img {
  margin-bottom: 10px !important;
}

.contain-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-register-pop h6 {
  font-size: .75rem;
  color: #0c0c0c;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 24px;
  margin-top: 5px;
  display: block;
  text-align: left;
}
.block-register-pop a {
  color: #c8a461;
}

.descript-acces {
  margin: 35px 0px;
}

@media screen and (min-width: 1920px) {
  .block-push-top {
    height: 300px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .block-push-top {
    height: 300px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .block-push-top {
    height: 230px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .block-push-top {
    height: 230px !important;
  }
}
@media screen and (max-width: 1023px) {
  .block-push-top {
    height: 230px !important;
  }
}
.block-push-top .title-3, .list-article .bandeau-list .bandeau-list-img .title-list-header {
  font-size: 40px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.block-p-register {
  margin-top: 70px;
}
.block-p-register h2 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #0c0c0c;
  line-height: 30px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.block-p-register h3 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 24px;
}
.block-p-register h4 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .88rem;
  text-transform: uppercase;
  letter-spacing: .2em;
  margin-bottom: 10px;
  color: #c8a461;
}
.block-p-register em {
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
}
.block-p-register strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.block-p-register sub {
  vertical-align: text-bottom;
  font-size: .5rem;
}
.block-p-register sup {
  vertical-align: super;
  font-size: .5rem;
}
.block-p-register table {
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 644px;
  padding-bottom: 50px;
}
.block-p-register table td, .block-p-register table th {
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid #dfdfdf;
  padding: 15px 0px;
  width: 320px;
  text-align: center;
  color: #666666;
  font-size: .74rem;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  text-align: center;
}
.block-p-register table th {
  text-transform: uppercase;
  color: #000;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.block-p-register table a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.block-p-register table a:hover {
  color: #8e6d30;
}
.block-p-register table[border="0"] td {
  border: none !important;
}
.block-p-register.accredit h5 {
  font-size: .75rem;
  line-height: 24px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.block-p-register.accredit h3 {
  margin-bottom: 36px;
}
.block-p-register.accredit p {
  line-height: 30px;
  font-size: 1rem;
  margin-bottom: 36px;
  margin-top: 0px;
  color: #666666;
}
.block-p-register.accredit a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.block-p-register.accredit a:hover {
  color: #8e6d30;
}
.block-p-register.accredit ul li {
  font-size: 1rem;
  line-height: 30px;
  list-style: inside;
  color: #666666;
}
.block-p-register.accredit ul li a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.block-p-register.accredit ul li a:hover {
  color: #8e6d30;
}
.block-p-register.accredit ul {
  list-style: inherit;
  color: #666666;
  margin-bottom: 36px;
}
.block-p-register.accredit ol li {
  font-size: 1rem;
  line-height: 30px;
  list-style: inside;
  list-style-type: decimal;
  color: #666666;
}
.block-p-register.accredit ol li a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.block-p-register.accredit ol li a:hover {
  color: #8e6d30;
}
.block-p-register.accredit ol {
  list-style: inherit;
  list-style-type: decimal;
  color: #666666;
  margin-left: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.block-p-register p {
  color: #666666;
  font-size: 1rem;
  line-height: 30px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  margin-top: 32px;
  margin-bottom: 66px;
}
.block-p-register p a {
  color: #c8a461;
}
.block-p-register ol {
  font-size: .75rem;
  color: #0c0c0c;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 30px;
  width: 94%;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 26px;
  list-style: none;
  counter-reset: section;
  list-style-type: none;
}
.block-p-register ol li {
  list-style-position: outside;
  position: relative;
}
.block-p-register ol li:before {
  counter-increment: section;
  content: counters(section,".") ". ";
  color: #c8a461;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  position: absolute;
  left: -21px;
}

.block-contain-txt-register-movie.active {
  display: block;
}

.block-contain-txt-register-movie {
  padding-top: 55px;
  padding-bottom: 70px;
  display: none;
  /*u {
    margin-bottom: 24px;
    display: block;
  }*/
}
.block-contain-txt-register-movie em {
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
}
.block-contain-txt-register-movie strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.block-contain-txt-register-movie sub {
  vertical-align: text-bottom;
  font-size: .5rem;
}
.block-contain-txt-register-movie sup {
  vertical-align: super;
  font-size: .5rem;
}
.block-contain-txt-register-movie .legend {
  display: block;
  text-align: center;
  font-size: .75rem;
}
.block-contain-txt-register-movie p {
  font-size: 1rem;
  color: #666666;
  line-height: 30px;
  margin-bottom: 25px;
  text-align: left;
}
.block-contain-txt-register-movie a:not(.button) {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.block-contain-txt-register-movie a:not(.button):hover {
  color: #8e6d30;
}
.block-contain-txt-register-movie ul {
  font-size: 1rem;
  color: #666666;
  line-height: 30px;
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.block-contain-txt-register-movie ul a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.block-contain-txt-register-movie ul a:hover {
  color: #8e6d30;
}
.block-contain-txt-register-movie ol li {
  font-size: 1rem;
  line-height: 30px;
  list-style: inside;
  list-style-type: decimal;
  list-style-position: inside;
  color: #666666;
}
.block-contain-txt-register-movie ol li a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.block-contain-txt-register-movie ol li a:hover {
  color: #8e6d30;
}
.block-contain-txt-register-movie ol {
  list-style: inherit;
  list-style-type: decimal;
  list-style-position: inside;
  color: #666666;
  margin-bottom: 36px;
  margin-left: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.block-contain-txt-register-movie h4 {
  color: #c8a461;
  font-size: .875rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  line-height: 26px;
  padding-bottom: 27px;
}
.block-contain-txt-register-movie h5 {
  color: #0c0c0c;
  font-size: .75rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  line-height: 24px;
}
.block-contain-txt-register-movie h6 {
  font-size: .75rem;
  color: #0c0c0c;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 24px;
  margin-top: 5px;
  display: block;
}
.block-contain-txt-register-movie strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.block-contain-txt-register-movie .block-contact {
  margin-bottom: 30px;
}
.block-contain-txt-register-movie .block-contact ul, .block-contain-txt-register-movie .block-contact p {
  color: #666666;
  margin-bottom: 42px;
  margin-left: 0px;
  margin-top: 0px;
  font-size: .875rem;
  line-height: 20px;
  list-style: none;
  list-style-type: none;
}
.block-contain-txt-register-movie .block-contact p {
  margin-bottom: 15px;
}
.block-contain-txt-register-movie .block-contact h5 {
  color: #0c0c0c;
  font-size: .75rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  line-height: 24px;
}
.block-contain-txt-register-movie .block-s-info-02 p {
  line-height: 30px;
  margin-bottom: 30px;
  color: #fff;
}

.wysiwyg-article h1 {
  color: #0c0c0c;
  font-family: "Camphor W01 Thin", Arial, Helvetica, sans-serif;
  font-size: 3rem;
  line-height: 60px;
  display: block;
  text-align: center;
  margin-bottom: 44px;
  padding: 0px 155px;
}
.wysiwyg-article h4 {
  color: #141414;
  font-size: 1.125rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  display: block;
  text-align: center;
  line-height: 36px;
}
.wysiwyg-article p {
  color: #666666;
  font-size: 1rem;
  line-height: 26px;
}
.wysiwyg-article em {
  font-style: italic;
}
.wysiwyg-article blockquote {
  padding: 30px 90px;
  color: #141414;
  text-align: center;
  font-size: 1.5rem;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 69px;
  margin-bottom: 69px;
  line-height: 32px;
}
.wysiwyg-article blockquote p {
  color: #141414;
  font-size: 1.5rem;
  line-height: 32px;
}
.wysiwyg-article blockquote em {
  color: #141414;
  font-size: 1.5rem;
  line-height: 32px;
}
.wysiwyg-article .by-author {
  font-size: .75rem;
  color: #666666;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  line-height: 24px;
  margin-top: 59px;
  padding-top: 11px;
  border-top: 1px solid #e5e5e5;
  display: block;
}

.wysiwyg-article-02 .block-movie-preview .wrapper-item-big p {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: .875rem;
  line-height: 24px;
  margin-bottom: 0px;
}
.wysiwyg-article-02 .block-movie-preview .wrapper-item-big .description {
  margin-bottom: 0px;
}
.wysiwyg-article-02 .block-movie-preview:hover .wrapper-item-big ol li, .wysiwyg-article-02 .block-movie-preview:hover ul li {
  color: #fff;
  transition: .5s;
}
.wysiwyg-article-02 .block-movie-preview .wrapper-item-big ul {
  font-size: 1rem;
  color: #666666;
  line-height: 30px;
  list-style-type: disc;
  list-style-position: inside;
  margin: 0px;
}
.wysiwyg-article-02 .block-movie-preview .wrapper-item-big ul a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.wysiwyg-article-02 .block-movie-preview .wrapper-item-big ul a:hover {
  color: #8e6d30;
}
.wysiwyg-article-02 .block-movie-preview .wrapper-item-big ol li {
  font-size: 1rem;
  line-height: 30px;
  list-style: inside;
  list-style-type: decimal;
  list-style-position: inside;
  color: #666666;
}
.wysiwyg-article-02 .block-movie-preview .wrapper-item-big ol li a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.wysiwyg-article-02 .block-movie-preview .wrapper-item-big ol li a:hover {
  color: #8e6d30;
}
.wysiwyg-article-02 .block-movie-preview .wrapper-item-big ol {
  list-style: inherit;
  list-style-type: decimal;
  list-style-position: inside;
  color: #666666;
}
.wysiwyg-article-02 table {
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 644px;
  padding-bottom: 50px;
}
.wysiwyg-article-02 table:after {
  content: '';
  clear: both;
}
.wysiwyg-article-02 table td, .wysiwyg-article-02 table th {
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid #666;
  padding: 15px 0px;
  width: 320px;
  text-align: center;
  color: #666666;
  font-size: .74rem;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: .74rem !important;
}
.wysiwyg-article-02 table td p, .wysiwyg-article-02 table th p {
  font-size: .74rem !important;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
}
.wysiwyg-article-02 table th {
  text-transform: uppercase;
  color: #000;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.wysiwyg-article-02 table a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.wysiwyg-article-02 table a:hover {
  color: #8e6d30;
}
.wysiwyg-article-02 .block-movie-preview p.description, .wysiwyg-article-02 .block-movie-preview p {
  margin-top: 0px;
}
.wysiwyg-article-02 .audio-container .audio-player .off .info p {
  margin-bottom: 0px;
}
.wysiwyg-article-02 .title-acces {
  text-transform: uppercase;
}
.wysiwyg-article-02 .title-article {
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.3em;
  margin: 0 auto;
  margin-bottom: 80px;
}
.wysiwyg-article-02 h2.sub-title {
  font-size: 1.5rem;
  margin-bottom: 50px;
  text-align: center;
}
.wysiwyg-article-02 h2.sub-title2 {
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-weight: 700;
  font-size: 1.125rem;
  margin: 25px 0px;
}
.wysiwyg-article-02 h3.sub-title {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  margin: 50px 0;
  text-align: center;
  text-transform: uppercase;
}
.wysiwyg-article-02 .descrip-participate {
  width: 607px;
  font-size: 1.25rem;
  text-align: center;
  margin: 0 auto;
  line-height: 36px;
}
.wysiwyg-article-02 .title-acces {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .75rem;
  padding-bottom: 20px;
}
.wysiwyg-article-02 .descript-acces {
  padding-bottom: 20px;
  font-size: .8125rem;
  line-height: 24px;
}
.wysiwyg-article-02 h2, .wysiwyg-article-02 h3, .wysiwyg-article-02 .contain-title p, .wysiwyg-article-02 .contain-title h3, .wysiwyg-article-02 .contain-title h5 {
  font-size: 1.125rem;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 36px;
}
.wysiwyg-article-02 h2 a, .wysiwyg-article-02 h3 a, .wysiwyg-article-02 .contain-title p a, .wysiwyg-article-02 .contain-title h3 a, .wysiwyg-article-02 .contain-title h5 a {
  color: #c8a461;
}
.wysiwyg-article-02 h2 span, .wysiwyg-article-02 h3 span, .wysiwyg-article-02 .contain-title p span, .wysiwyg-article-02 .contain-title h3 span, .wysiwyg-article-02 .contain-title h5 span {
  color: #c8a461;
}
.wysiwyg-article-02 .contain-title ul, .wysiwyg-article-02 .contain-title ol {
  color: #fff;
}
.wysiwyg-article-02 .contain-title ul a, .wysiwyg-article-02 .contain-title ol a {
  color: #c8a461;
}
.wysiwyg-article-02 .text ol li {
  font-size: 1rem;
  line-height: 30px;
  list-style: inside;
  list-style-type: decimal;
  color: #666;
}
.wysiwyg-article-02 .text ol li a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.wysiwyg-article-02 .text ol li a:hover {
  color: #8e6d30;
}
.wysiwyg-article-02 .text ol {
  list-style: inherit;
  list-style-type: decimal;
  color: #fff;
}
.wysiwyg-article-02 .text p, .wysiwyg-article-02 .text ul, .wysiwyg-article-02 .text ol {
  font-size: 1rem;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  color: #666666;
  display: block;
  font-size: 1rem;
  line-height: 30px;
  list-style: inside;
  color: #666666;
}
.ie .wysiwyg-article-02 .text p, .ie .wysiwyg-article-02 .text ul, .ie .wysiwyg-article-02 .text ol {
  margin-top: 67px;
  width: 100%;
}
.bright .wysiwyg-article-02 .text p, .bright .wysiwyg-article-02 .text ul, .bright .wysiwyg-article-02 .text ol {
  color: #141414;
}
.wysiwyg-article-02 .text p a, .wysiwyg-article-02 .text ul a, .wysiwyg-article-02 .text ol a {
  color: #c8a461;
}
.wysiwyg-article-02 .text p em, .wysiwyg-article-02 .text ul em, .wysiwyg-article-02 .text ol em {
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
}
.wysiwyg-article-02 .text p strong, .wysiwyg-article-02 .text ul strong, .wysiwyg-article-02 .text ol strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #fff;
}
.wysiwyg-article-02 .text p sub, .wysiwyg-article-02 .text ul sub, .wysiwyg-article-02 .text ol sub {
  vertical-align: text-bottom;
  font-size: .5rem;
}
.wysiwyg-article-02 .text p sup, .wysiwyg-article-02 .text ul sup, .wysiwyg-article-02 .text ol sup {
  vertical-align: super;
  font-size: .5rem;
}
.wysiwyg-article-02 .text p a, .wysiwyg-article-02 .text ul a, .wysiwyg-article-02 .text ol a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.wysiwyg-article-02 .text p a:hover, .wysiwyg-article-02 .text ul a:hover, .wysiwyg-article-02 .text ol a:hover {
  color: #8e6d30;
}
.wysiwyg-article-02 h4 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 24px;
  color: #fff;
}
.wysiwyg-article-02 h4 a {
  color: #c8a461;
}
.wysiwyg-article-02 h4 span {
  color: #c8a461;
}
.wysiwyg-article-02 p {
  color: #666666;
  font-size: 1rem;
  line-height: 26px;
  font-size: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  margin-top: 32px;
  margin-bottom: 66px;
}
.wysiwyg-article-02 p a {
  color: #c8a461;
}
.wysiwyg-article-02 p span {
  color: #c8a461;
}

.all-contain .border-top {
  border-top: 1px solid #ECECEC;
}

.alignCenter p {
  text-align: center;
}
.alignCenter .title-25 {
  padding-bottom: 20px;
}

sup {
  vertical-align: super;
  font-size: x-small;
  margin-left: 3px !important;
}

.contain-title {
  min-height: 0px !important;
  flex-direction: column;
  margin-bottom: 40px;
}

.little-txt {
  color: #969696;
  font-size: 0.750rem;
  margin: 20px 0px 30px 0px;
  text-align: left;
  line-height: 20px;
}

.block-register-pop ul {
  font-size: 1rem;
  color: #666666;
  line-height: 30px;
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: left;
}

.block-rules .little-txt ul {
  line-height: 30px;
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 30px;
  margin-top: 15px;
  margin-bottom: 0px;
  text-align: left;
}

.block-register-pop h6 {
  font-size: .75rem;
  color: #0c0c0c;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 5px;
  display: block;
}

.wysiwyg strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif !important;
  color: #0c0c0c !important;
}

.inherit-p {
  font-size: 1rem;
  color: #666666;
  line-height: 30px;
  text-align: left;
  margin-bottom: 15px;
}

.caption {
  font-size: 0.75rem !important;
  margin: 10px 0 0;
  color: #666 !important;
  line-height: 18px;
  text-align: left;
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  display: none;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-grab {
  cursor: grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
}
.owl-grab .owl-item, .owl-grab .linkVid, .owl-grab .owl-stage {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

.owl-dot {
  display: inline-block;
  height: 15px;
  margin: 0 5px;
  vertical-align: middle;
  position: relative;
  width: 15px;
}
.owl-dot:before {
  content: "\f155";
  font-family: icons;
  font-size: .5rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  color: #fff;
  line-height: 13px;
}
.owl-dot:after {
  content: "\f154";
  font-family: icons;
  font-size: .8rem;
  color: #c8a461;
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.owl-dot:hover:after, .owl-dot:hover:before {
  opacity: 0.7;
}
.owl-dot.active:before {
  opacity: 0;
  visibility: hidden;
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
.owl-dot.active:after {
  opacity: 1;
  visibility: visible;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

#slider-movies, #featured-movies {
  height: 538px !important;
  overflow: hidden;
  position: relative;
}
#slider-movies .whiteBar, #featured-movies .whiteBar {
  height: 80px;
  width: 3px;
  display: block;
  color: white;
  position: absolute;
  float: right;
  z-index: 1000;
  background: white;
  margin-top: 5%;
  margin-left: 977px;
}
@media screen and (max-width: 1024px) {
  #slider-movies .whiteBar, #featured-movies .whiteBar {
    margin-left: 960px !important;
  }
}
#slider-movies .owl-dots, #featured-movies .owl-dots {
  right: 0px;
}
#slider-movies .video .img, #featured-movies .video .img {
  display: block !important;
}
#slider-movies .owl-stage-outer, #featured-movies .owl-stage-outer {
  height: 538px !important;
  overflow: hidden;
}
#slider-movies .owl-dots, #featured-movies .owl-dots {
  counter-reset: dots;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  top: 33% !important;
  right: 0px;
}
@media screen and (max-width: 1024px) {
  #slider-movies .owl-dots, #featured-movies .owl-dots {
    right: 20px !important;
  }
}
#slider-movies .owl-dot, #featured-movies .owl-dot {
  display: inline-block;
  height: 30px;
  margin: 20px 0 !important;
  vertical-align: middle;
  position: relative;
  width: 25px;
  counter-increment: dots;
  margin-bottom: 30px;
  text-align: right;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
#slider-movies .owl-dot:before, #featured-movies .owl-dot:before {
  content: counter(dots,decimal-leading-zero);
  font-size: 14px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  color: #fff;
  line-height: 13px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
#slider-movies .owl-dot:after, #featured-movies .owl-dot:after {
  content: counter(dots,decimal-leading-zero);
  font-size: 30px;
  color: #c8a461;
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
  -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
#slider-movies .owl-dot:hover:after, #slider-movies .owl-dot:hover:before, #featured-movies .owl-dot:hover:after, #featured-movies .owl-dot:hover:before {
  opacity: 0.7;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
#slider-movies .owl-dot.active, #featured-movies .owl-dot.active {
  right: -2px;
  top: -10px;
}
#slider-movies .owl-dot.active:before, #featured-movies .owl-dot.active:before {
  content: counter(dots,decimal-leading-zero);
  opacity: 0;
  visibility: hidden;
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
#slider-movies .owl-dot.active:after, #featured-movies .owl-dot.active:after {
  font-size: 30px;
  content: counter(dots,decimal-leading-zero);
  opacity: 1;
  visibility: visible;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
#slider-movies .owl-nav, #slider-movies .owl-controls, #featured-movies .owl-nav, #featured-movies .owl-controls {
  position: relative;
}
#slider-movies .owl-dots, #featured-movies .owl-dots {
  right: 0px !important;
  text-align: center;
  position: relative;
  margin-top: -35% !important;
  float: right;
}
@media screen and (max-width: 1024px) {
  #slider-movies .owl-dots, #featured-movies .owl-dots {
    right: 20px !important;
  }
}

#slider-movies .owl-item .item img , #featured-movies .owl-item .item img  {
  width: 100% !important;
}
#slider-movies .owl-item:after, #featured-movies .owl-item:after {
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#slider-movies .fullWidth, #featured-movies .fullWidth {
  width: 100% !important;
}
#slider-movies .vCenterKid, #featured-movies .vCenterKid {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
#slider-movies .vCenterKid h2, #featured-movies .vCenterKid h2 {
  max-width: 700px;
  padding-top: 100px;
  padding-bottom: 100px;
  letter-spacing: 1px !important;
  font-size: 60px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif !important;
}
#slider-movies .vCenterKid .small-title, #featured-movies .vCenterKid .small-title {
  font-size: 20px;
}
#slider-movies .vCenterKid .medium-title, #featured-movies .vCenterKid .medium-title {
  font-size: 40px;
}
#slider-movies .vCenterKid .alignButton, #featured-movies .vCenterKid .alignButton {
  position: absolute;
  /* left: -100px; */
  /* padding: 0px 200px 0px 0px; */
  /* margin-right: 163px; */
  padding: 0px 20px;
}
#slider-movies .vCenterKid .programmButton, #featured-movies .vCenterKid .programmButton {
  padding: 0px 20px;
  height: 50px;
  text-transform: uppercase;
  border: 1px solid #c3a05f;
  font-size: 12px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  margin: 0 auto;
  text-align: center;
  display: block;
  color: white;
  line-height: 50px;
  letter-spacing: 1px;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#slider-movies .vCenterKid .programmButton:hover, #featured-movies .vCenterKid .programmButton:hover {
  background: #c8a461;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#slider-movies .vCenterKid .programmButtonSmall, #featured-movies .vCenterKid .programmButtonSmall {
  font-size: 17px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
#slider-movies .vCenterKid .programmButtonMedium, #featured-movies .vCenterKid .programmButtonMedium {
  font-size: 15px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
#slider-movies .vCenterKid .goldColor, #featured-movies .vCenterKid .goldColor {
  color: #c3a05f;
}

.discover {
  padding-bottom: 100px;
  margin: 0 auto;
  text-align: center;
  display: block;
  position: relative;
}
.discover:before {
  content: "";
  background: url(../../bundles/fdccourtmetrage/img/palmeBckg-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f6f6f6;
  position: absolute;
  height: 1000px;
  width: 100%;
  left: 0;
}

#slider-discover {
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  z-index: 3;
}
#slider-discover .owl-item {
  overflow: hidden;
}
#slider-discover .owl-dot:focus:before {
  content: "\f155";
  font-family: icons;
  font-size: .5rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  color: #c6b5b5;
  line-height: 13px;
}
#slider-discover .owl-next, #slider-discover .owl-prev {
  color: #c8a461;
  width: 65px;
  height: 65px;
}
#slider-discover .owl-next {
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  float: right;
  position: absolute;
  right: 31%;
  top: -200%;
}
#slider-discover .owl-prev {
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  float: left;
  position: absolute;
  left: 31%;
  top: -200%;
}
#slider-discover .goldarrowLeft, #slider-discover .goldarrowRight {
  width: 65px;
  height: 65px;
  line-height: 65px;
  font-size: 13px;
  border: 1px solid white;
}
#slider-discover:hover .owl-prev, #slider-discover:hover .owl-next {
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#slider-discover a {
  text-decoration: none;
}
#slider-discover .item {
  overflow: hidden;
  max-height: 0;
  padding-top: 62.8571428571%;
}
#slider-discover .item img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -moz-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -ms-transform: scale(1);
  /* IE 9 */
  -webkit-transform: scale(1);
  /* Safari */
  transform: scale(1);
}
#slider-discover .item img:hover {
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari */
  transform: scale(1.1);
  -moz-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#slider-discover .owl-buttons {
  display: none;
}
#slider-discover .owl-page {
  display: inline-block;
}
#slider-discover .owl-controls {
  display: block !important;
  position: relative;
  width: 100%;
  z-index: 1004;
  padding-top: 10px;
}
#slider-discover .owl-page {
  display: inline-block;
  height: 7px;
  margin: 0 5px;
  vertical-align: middle;
  position: relative;
  width: 7px;
  border-radius: 50px;
  border: 3px solid transparent;
  background: white;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#slider-discover .owl-page.active {
  border: 5px solid white;
  background: none;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#slider-discover .owl-Title {
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 15%;
  width: 100%;
}
#slider-discover .owl-Title h2 {
  font-size: 70px;
  text-transform: uppercase;
  color: white;
  font-family: "Playfair Display",Times New Roman,Times,serif;
  font-weight: normal;
}
#slider-discover .owl-Title p, #slider-discover .owl-Title span {
  font-size: 18px;
  color: white;
}
#slider-discover .owl-Title p {
  margin: 50px 0px;
  font-family: "Playfair Display",Times New Roman,Times,serif;
  text-align: center;
}
#slider-discover .owl-Title span {
  color: #fff481;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#slider-discover .owl-dots {
  margin-top: 25px;
}
#slider-discover .owl-dot {
  display: inline-block;
  height: 15px;
  margin: 0 5px;
  vertical-align: middle;
  position: relative;
  width: 15px;
}
#slider-discover .owl-dot:before {
  content: "\f155";
  font-family: icons;
  font-size: .5rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  color: #c6b5b5;
  line-height: 13px;
}
#slider-discover .owl-dot:after {
  content: "\f154";
  font-family: icons;
  font-size: .8rem;
  color: #c8a461;
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#slider-discover .owl-dot:hover:after, #slider-discover .owl-dot:hover:before {
  opacity: 0.7;
}
#slider-discover .owl-dot.active:before {
  opacity: 0;
  visibility: hidden;
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
#slider-discover .owl-dot.active:after {
  opacity: 1;
  visibility: visible;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
#slider-discover .title {
  position: absolute;
  top: 40%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
  z-index: 1002;
  color: #ffffff;
  font-size: 16px;
}
#slider-discover .title a h5 {
  text-transform: lowercase;
  color: #c3a05f;
  letter-spacing: 1px;
  margin-bottom: 5px;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-weight: normal !important;
}
#slider-discover .title a h4 {
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  color: white;
}
#slider-discover .title h5 {
  text-transform: lowercase;
  color: #c3a05f;
  letter-spacing: 1px;
  margin-bottom: 5px;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-weight: normal !important;
}
#slider-discover .title h4 {
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  color: white;
}

#slider-competition {
  height: 470px;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
}
#slider-competition .owl-item {
  width: 235px;
  width: 210px !important;
  margin-right: 50px !important;
}
@media screen and (max-width: 1024px) {
  #slider-competition .owl-item {
    margin-right: 50px !important;
  }
}
#slider-competition .owl-stage {
  margin-left: 471.5px;
}
@media screen and (max-width: 1680px) {
  #slider-competition .owl-stage {
    margin-left: 351.5px;
  }
}
@media screen and (max-width: 1366px) {
  #slider-competition .owl-stage {
    margin-left: 194.5px;
  }
}
@media screen and (max-width: 1280px) {
  #slider-competition .owl-stage {
    margin-left: 151.5px;
  }
}
@media screen and (max-width: 1024px) {
  #slider-competition .owl-stage {
    margin-left: 90px !important;
  }
}
#slider-competition .item {
  width: 235px !important;
  width: 210px !important;
}
#slider-competition .owl-buttons {
  display: none;
}
#slider-competition .owl-Title {
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 15%;
  width: 100%;
}
#slider-competition .owl-Title h2 {
  font-size: 70px;
  text-transform: uppercase;
  color: white;
  font-family: "Playfair Display",Times New Roman,Times,serif;
}
#slider-competition .owl-Title p, #slider-competition .owl-Title span {
  font-size: 18px;
  color: white;
}
#slider-competition .owl-Title p {
  margin: 50px 0px;
  font-family: "Playfair Display",Times New Roman,Times,serif;
  text-align: center;
}
#slider-competition .owl-Title span {
  color: #fff481;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#slider-competition img {
  overflow: hidden;
  /*object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: 210px!important;*/
}
#slider-competition .title {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
  z-index: 1002;
  font-size: 14px;
  letter-spacing: 0px;
  padding-top: 30px;
}
#slider-competition .title h4 {
  text-transform: initial;
  color: #c3a05f;
  line-height: 19px;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#slider-competition .title h5, #slider-competition .title h6 {
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #2c2c2c;
  line-height: 22px;
  padding-bottom: 5px;
}
#slider-competition .title h5 {
  line-height: 18px;
}
#slider-competition .title h6 {
  font-size: 11px;
  line-height: 15px;
}
#slider-competition .info-movie {
  padding-top: 30px;
  text-align: center;
  width: 210px;
}
#slider-competition .info-movie span {
  font-size: 10px;
  color: #2c2c2c;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  margin-bottom: 3px;
  text-transform: uppercase;
}

/* CAROUSEL ABOUT */
.aboutPhotos .slideshow {
  height: 460px !important;
  width: 725px;
  border-bottom: 0px solid #e5e5e5;
}
.aboutPhotos .slideshow .slideshow-img {
  height: 460px !important;
}
.aboutPhotos .slideshow .slideshow-img .images .img a {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0px;
}
.aboutPhotos .slideshow .slideshow-img .images .img img {
  object-fit: cover !important;
}
.aboutPhotos .slideshow .caption {
  text-align: left;
}

#slider-aboutVideos {
  /*.owl-item, .item {
    width: 725px !important;
  }*/
}
#slider-aboutVideos .vCenterKid {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
#slider-aboutVideos .owl-item .shadow-bottom-vid {
  z-index: 3;
}
#slider-aboutVideos .owl-item .shadow-bottom-vid:before {
  background: -moz-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 80%, rgba(20, 20, 20, 0.9) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(50%, transparent), color-stop(80%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(20, 20, 20, 0.9)));
  background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 80%, rgba(20, 20, 20, 0.9) 100%);
  background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 80%, rgba(20, 20, 20, 0.9) 100%);
  background: -ms-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 80%, rgba(20, 20, 20, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 80%, rgba(20, 20, 20, 0.9) 100%);
  z-index: 3;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#slider-aboutVideos .owl-item .no-zindex {
  z-index: 2 !important;
}
#slider-aboutVideos .owl-item .no-zindex:before {
  z-index: 2 !important;
}
#slider-aboutVideos .video-container .infos-bar .picto {
  bottom: 20px;
  left: 20px;
  cursor: pointer;
  pointer-events: auto;
  z-index: 1000;
}
#slider-aboutVideos .owl-stage {
  width: 5000px !important;
}
#slider-aboutVideos .owl-dots {
  margin-top: 20px;
}
#slider-aboutVideos .top-bar {
  opacity: 1 !important;
}
#slider-aboutVideos .owl-dot {
  display: inline-block;
  height: 15px;
  margin: 0 5px;
  vertical-align: middle;
  position: relative;
  width: 15px;
}
#slider-aboutVideos .owl-dot:before {
  content: "\f155";
  font-family: icons;
  font-size: .5rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  color: #c6b5b5;
  line-height: 13px;
}
#slider-aboutVideos .owl-dot:after {
  content: "\f154";
  font-family: icons;
  font-size: .8rem;
  color: #c8a461;
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#slider-aboutVideos .owl-dot:hover:after, #slider-aboutVideos .owl-dot:hover:before {
  opacity: 0.7;
}
#slider-aboutVideos .owl-dot.active:before {
  opacity: 0;
  visibility: hidden;
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
#slider-aboutVideos .owl-dot.active:after {
  opacity: 1;
  visibility: visible;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.slideshow {
  border-bottom: 0px solid #e5e5e5 !important;
  margin-bottom: 40px;
}

.slideshow .slideshow-img .images .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.slideshow .slideshow-img .thumbnails .thumb:after {
  -moz-transition: all 0.1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

/*.

.goldSlideshow .slideshow-img .thumbnails .thumb:after {
  border: 0px solid #c3a05f!important;
  @include transition(all 0.1s $smoothTransition);
}

.goldSlideshow .slideshow-img .thumbnails .thumb.active:after {
  border: 6px solid #c3a05f!important;
  @include transition(all 0.1s $smoothTransition);
}

.goldSlideshow .slideshow-img .thumbnails .thumb:after {
  border: 0px solid #FFFFFF!important;
  @include transition(all 0.1s $smoothTransition);
}*/
.goldSlideshow .owl-stage {
  width: 1177px !important;
}

.goldSlideshowmargin {
  transform: translate3d(-642px, 0px, 0px) !important;
  transition: 0.9s;
}

.eventSlideshow {
  margin: 0 auto;
}
.eventSlideshow .slideshow-img {
  height: auto;
}

div.chocolat-wrapper.show {
  opacity: 1;
  visibility: visible;
  z-index: 1006;
}

.slideshow .slideshow-img .images .img img {
  object-fit: cover !important;
  width: 100%;
}

.video-container .aboutPlayer {
  z-index: 2;
  width: 726px !important;
  height: calc(726px / 1.58) !important;
}

.aboutplayer .vcenter {
  margin-left: 75px;
}
.aboutplayer .video .picto .icon {
  font-size: 0.8rem;
  margin-top: 16px;
  margin-left: 5px !important;
}

.slide-artist .first {
  border-top: 0px solid #404040;
  border-bottom: 0px solid #404040;
  border-left: 0px solid #404040;
}

#slider-news {
  overflow: hidden;
}
#slider-news .owl-item {
  margin-right: 50px;
}
#slider-news .owl-stage {
  margin-left: 472px;
  -moz-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#slider-news .sliderDrag .owl-item {
  opacity: 1 !important;
}

.sliderDrag .owl-item {
  opacity: 1 !important;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

sub {
  vertical-align: super;
  font-size: .5rem;
}

.italic {
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
}

.dark figcaption {
  color: #666666;
}
.dark .italic {
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  color: #666666;
}

.bright .quote .italic {
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  color: #141414 !important;
}

.title {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1.8;
  /*letter-spacing: 10px;
  margin-bottom: 23px;*/
  text-align: center;
  text-transform: uppercase;
  color: #141414;
}
.dark .title {
  color: #fff;
}

.categorie-items .title-list-cat .title-item {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1.8;
  /*letter-spacing: 10px;
  margin-bottom: 23px;*/
  text-align: center;
  color: #141414;
}
.dark .categorie-items .title-list-cat .title-item {
  color: #fff;
}

.title-2 {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.875rem;
  letter-spacing: 0.5em;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.title-2a {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: .75rem;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  color: #c8a461;
}

.title-3 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .875rem;
  color: #c8a461;
  text-transform: uppercase;
}

.title-4 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  color: #141414;
  text-transform: uppercase;
  line-height: 24px;
}

.title-4a {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1.75rem;
  color: #000;
  text-transform: uppercase;
  line-height: 36px;
}

.title-5 {
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #c8a461;
  font-size: .75rem;
  line-height: 24px;
}

.title-6 {
  font-size: .6875rem;
  text-transform: uppercase;
  line-height: 24px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #333333;
}

.title-7 {
  font-size: .875rem;
  text-transform: uppercase;
  line-height: 24px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #141414;
}
.block-infos .title-7 {
  width: 150px;
  text-align: center;
}

.title-8 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .875rem;
  letter-spacing: .5rem;
  text-transform: uppercase;
  line-height: 18px;
}

.title-9 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .75rem;
  letter-spacing: .2rem;
  text-transform: uppercase;
  line-height: 18px;
  color: #fff;
  display: block;
  text-align: center;
  margin-bottom: 19px;
  padding-top: 60px;
}
.bright .title-9 {
  color: #4f4f4f;
}

.title-10 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 24px;
  color: #fff;
}

.title-11 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: .875rem;
  line-height: 18px;
  text-transform: uppercase;
}

.title-12 {
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  color: #c8a461;
  font-size: .8125rem;
  line-height: 18px;
}

.title-13 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: .625rem;
  line-height: 14px;
  text-transform: uppercase;
}

.title-14 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #c8a461;
  font-size: .625rem;
  text-transform: uppercase;
  display: block;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 39px;
}
.title-14 .date {
  color: #666666;
  margin-left: 3px;
}

.title-15 {
  color: #0c0c0c;
  font-family: "Camphor W01 Thin", Arial, Helvetica, sans-serif;
  font-size: 3rem;
  line-height: 60px;
  display: block;
  text-align: center;
  margin-bottom: 44px;
  padding: 0px 155px;
}
.dark .title-15 {
  color: #fff;
}
.brigth .title-15 {
  color: #0C0C0C;
}

.title-16 {
  color: #0c0c0c;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 1.375rem;
  line-height: 36px;
  display: block;
  text-align: center;
  margin-bottom: 54px;
  margin-top: 70px;
}

.title-17 {
  color: #999999;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: .6875rem;
  line-height: 18px;
}

.title-18 {
  color: #141414;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: .625rem;
  line-height: 17.75px;
  text-transform: uppercase;
  display: block;
  letter-spacing: 2px;
}

.title-19 {
  color: #141414;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 2.25rem;
  line-height: 36px;
  text-transform: uppercase;
  display: block;
  letter-spacing: 3px;
}

.title-20 {
  color: #c8a461;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: .75rem;
  line-height: 14px;
  display: block;
  letter-spacing: .1rem;
}

.title-21 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #141414;
  line-height: 24px;
}

.title-22 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #141414;
  line-height: 24px;
  text-transform: uppercase;
}

.title-23 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .875rem;
  color: #c8a461;
  letter-spacing: 2px;
  line-height: 26px;
  text-transform: uppercase;
  width: 500px;
  display: block;
}

.title-24 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .75rem;
  color: #141414;
  letter-spacing: 2px;
  line-height: 24px;
  text-transform: uppercase;
  display: block;
}

.title-25 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #0c0c0c;
  line-height: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.title-26 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #0c0c0c;
  line-height: 30px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.title-palmares-co {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 1rem;
  text-align: center;
  line-height: 30px;
}
.title-palmares-co strong {
  color: #fff;
}

.contain-title-grey {
  background-color: #202020;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  letter-spacing: .2em;
  height: 72px !important;
}
.contain-title-grey .title {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  letter-spacing: .2em;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.text-list {
  font-size: 1rem;
  color: #666666;
  line-height: 30px;
  padding-left: 28px;
  margin-bottom: 23px;
}
.text-list li {
  list-style: disc;
  list-style-position: inside;
}

.text-list-01 {
  font-size: 1rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #141414;
  line-height: 30px;
  padding-left: 28px;
  margin-bottom: 23px;
}
.text-list-01 li {
  list-style-position: inside;
}

.text-list-02 {
  font-size: .75rem;
  color: #0c0c0c;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 30px;
  margin-top: 50px;
  margin-bottom: 46px;
}
.text-list-02 li {
  list-style-position: inside;
  list-style: decimal;
}
.text-list-02 .gold {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}

.gold {
  color: #c8a461;
}

.bold {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}

.bold-1 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #0c0c0c;
  margin-bottom: 16px;
  display: block;
}

.quote {
  width: 776px !important;
}

blockquote, .quote {
  color: #141414;
  text-align: center;
  font-size: 1.5rem;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 69px;
  margin-bottom: 69px;
  line-height: 32px;
}

.quote-important, .p-register .info {
  padding: 25px 40px;
  border: 1px solid #c8a461;
  margin: 50px 0px;
  margin-left: -40px;
  font-size: 1rem;
  color: #666666;
  line-height: 30px;
}
.quote-important a, .p-register .info a {
  color: #c8a461;
  transition: .5s;
}
.quote-important a:hover, .p-register .info a:hover {
  opacity: .8;
}
.quote-important strong, .p-register .info strong {
  font-size: .75rem;
  color: #0c0c0c;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 24px;
  display: block;
}

.quote-02 {
  color: #666666;
  font-size: 1rem;
  line-height: 26px;
}

.by-author {
  font-size: .75rem;
  color: #666666;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  line-height: 24px;
  margin-top: 59px;
  padding-top: 11px;
  border-top: 1px solid #e5e5e5;
  display: block;
}
.by-author strong {
  color: #141414;
}

.texte-01 {
  color: #666666;
  font-size: 1rem;
  line-height: 26px;
  font-size: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  margin-top: 32px;
  margin-bottom: 66px;
}
.texte-01 a, .texte-01 strong, .texte-01 span {
  color: #c8a461;
}

.subtitle {
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-style: italic;
  font-size: 0.875rem;
  font-weight: normal;
  text-align: center;
}

.return-back {
  color: #fff;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: .625rem;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  padding-top: 20px;
  display: block;
  transition: .5s;
}
.mobile.portrait .return-back {
  left: 130px;
}
.return-back .icon {
  font-size: .4rem;
  margin-right: 10px;
}
.return-back:hover {
  opacity: .75;
}

.contain-title {
  min-height: 152px;
  flex-direction: column;
}
.contain-title p, .contain-title ul, .contain-title ol {
  font-size: 1.125rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 36px;
  font-size: 1rem;
  line-height: 30px;
  list-style: inside;
  color: #666666;
}
.ie .contain-title p, .ie .contain-title ul, .ie .contain-title ol {
  margin-top: 67px;
  width: 100%;
}
.bright .contain-title p, .bright .contain-title ul, .bright .contain-title ol {
  color: #141414;
}
.contain-title p a, .contain-title ul a, .contain-title ol a {
  color: #c8a461;
}
.contain-title p em, .contain-title ul em, .contain-title ol em {
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
}
.contain-title p strong, .contain-title ul strong, .contain-title ol strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.contain-title p sub, .contain-title ul sub, .contain-title ol sub {
  vertical-align: text-bottom;
  font-size: .5rem;
}
.contain-title p sup, .contain-title ul sup, .contain-title ol sup {
  vertical-align: super;
  font-size: .5rem;
}
.contain-title p a, .contain-title ul a, .contain-title ol a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.contain-title p a:hover, .contain-title ul a:hover, .contain-title ol a:hover {
  color: #8e6d30;
}
.contain-title ul {
  list-style: inherit;
  color: #666666;
}
.contain-title ol li {
  font-size: 1rem;
  line-height: 30px;
  list-style: inside;
  list-style-type: decimal;
  color: #666666;
}
.contain-title ol li a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.contain-title ol li a:hover {
  color: #8e6d30;
}
.contain-title ol {
  list-style: inherit;
  list-style-type: decimal;
  color: #666666;
  margin-left: 30px;
}
.contain-title.contain-title-small {
  min-height: 100px;
}
.contain-title.contain-title-top {
  padding: 10px 0px;
}
.contain-title .title-01 {
  font-size: 1.125rem;
  color: #fff;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: .5rem;
  text-align: center;
  line-height: 30px;
}
.ie .contain-title .title-01 {
  margin-top: 67px;
}
.ie .contain-title .title-01.two {
  margin-top: 28px;
}
.contain-title .title-02 {
  font-size: 1.125rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 36px;
}
.ie .contain-title .title-02 {
  margin-top: 67px;
  width: 100%;
}
.contain-title .title-02 strong {
  color: #c8a461;
}
.bright .contain-title .title-02 {
  color: #141414;
}
.contain-title .title-03 {
  text-align: center;
  padding: 20px 20px 0;
  font-size: .875rem;
  width: 977px;
  margin: 10px auto 2px;
  line-height: 26px;
  color: #fff;
}
.contain-title .title-04 {
  color: #999;
  width: 958px;
  margin: 0 auto;
  text-align: center;
}
.ie .contain-title .title-04 {
  margin-top: 30px;
}

.small-pres ul, .small-pres ol, .pres-honneur ul, .pres-honneur ol {
  list-style: inside;
  color: #666666;
}

figcaption, .caption {
  color: #868686;
  font-size: .625rem;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  margin-top: 10px;
  text-align: left;
}

.canvasloader {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  z-index: 11;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.83);
}
.canvasloader.show {
  opacity: 1;
  visibility: visible;
}

a {
  outline: none;
  text-decoration: none;
}

.button {
  border: 1px solid #dfdfdf;
  border-right: none;
  color: #c8a461;
  display: inline-block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.688rem;
  height: 38px;
  line-height: 38px;
  margin: 0 0 0 0;
  padding: 0 19px 0 19px;
  text-transform: uppercase;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.button:last-child {
  border-right: 1px solid #dfdfdf;
}
.button:hover {
  background-color: #c8a461;
  border-color: #c8a461;
  color: #fff;
}

.buttons {
  font-size: 0;
  text-align: center;
}
.buttons .icon {
  margin-right: 12px;
  font-size: .85rem;
  vertical-align: sub;
}
.buttons.square .button {
  height: 73px;
  position: relative;
  padding: 0;
  text-align: center;
  width: 73px;
}
.buttons.square .button .icon {
  margin-right: 0px !important;
}
.buttons.square .button .button:last-child {
  border-right: 1px solid #dfdfdf;
}
.buttons.square .button:hover {
  border-color: #dfdfdf;
}

.buttons-01 {
  margin-bottom: 94px;
}
.buttons-01 .button {
  border-color: #292929;
  color: #c8a461;
}
.bright .buttons-01 .button {
  border-color: #e8e8e8;
}
.buttons-01 .button:hover {
  border-color: #c8a461;
  background-color: rgba(255, 255, 255, 0);
}
.buttons-01 .button:hover + a {
  border-left-color: #c8a461;
}

.buttons-02 {
  padding-top: 20px;
}
.buttons-02 .button {
  border-color: #c8a461;
}

.button-submit {
  width: 100%;
  background-color: transparent;
  height: 55px;
  margin-top: 46px;
  outline: none;
}
.dark .button-submit {
  border: 1px solid #181818;
}
.button-submit .icon {
  margin-right: 24px;
  vertical-align: middle;
}
.button-submit:hover {
  background-color: transparent;
  border-color: #c8a461;
  color: #c8a461;
  cursor: pointer;
}

.button-submit-02 {
  width: 712px;
  background-color: transparent;
  height: 55px;
  margin-top: 46px;
  outline: none;
}
.dark .button-submit-02 {
  border: 1px solid #181818;
}
.button-submit-02 .icon {
  margin-right: 24px;
  vertical-align: middle;
}
.button-submit-02:hover {
  background-color: transparent;
  border-color: #c8a461;
  color: #c8a461;
  cursor: pointer;
}

.buttons-two .b-grey {
  background-color: #fff;
  border: 1px solid #f2f2f2;
  color: rgba(20, 20, 20, 0.5);
  height: 55px;
  width: 265px;
  outline: none;
}
.buttons-two .b-grey:hover {
  color: #c8a461;
  cursor: pointer;
  border-color: #c8a461;
  border-right: 0px solid #fff;
}
.buttons-two .b-grey .icon {
  font-size: .5rem;
  margin-right: 5px;
}

.button-long {
  display: block !important;
  text-align: center;
  border: 1px solid #dfdfdf !important;
}
.button-long .icon {
  margin-right: 5px !important;
}

.align-flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.button-half {
  width: 42% !important;
  text-align: center;
  border: 1px solid #dfdfdf !important;
  margin-top: 0px !important;
}

.block-button-bottom {
  padding: 58px 0px;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
}

.arrows {
  opacity: 0;
  transition: .3s;
  z-index: 1;
  position: relative;
}
.ie .arrows {
  display: none;
}
.ie .arrows.visible {
  display: block;
}
.arrows.visible {
  opacity: 1;
}
.arrows .next, .arrows .prev {
  font-size: .55rem;
  color: #030303;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  display: block;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  position: fixed;
  transition: .5s;
}
.arrows .next:hover, .arrows .prev:hover {
  border-color: #030303;
}
.arrows .next {
  top: 42%;
  right: 1%;
}
.arrows .prev {
  left: 1%;
  top: 42%;
}

.single-button {
  border-right: 1px solid #c8a461 !important;
  border-color: #c8a461;
}

.button-02 {
  border: 1px solid #ebebeb;
  height: 39px;
  color: #c8a461;
  display: inline-block;
  padding: 0 20px;
  line-height: 41px;
  text-align: center;
  font-size: .625rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  margin: 0 auto;
  transition: .5s;
  letter-spacing: .1px;
}
.button-02 .icon {
  vertical-align: middle;
  margin-right: 10px;
  font-size: .8rem;
}
.button-02:hover {
  border-color: #c8a461;
}

.read-more {
  border: 1px solid #e5e5e5;
  clear: both;
  color: #666666;
  display: block;
  height: 55px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  line-height: 55px;
  margin-top: 71px;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.read-more strong {
  color: #141414;
  font-weight: normal;
}
.read-more:hover {
  opacity: 0.5;
}
.bright .read-more {
  border: 1px solid #e5e5e5 !important;
}
.bright .read-more strong {
  color: #141414 !important;
}
.dark .read-more {
  border: 1px solid #252525;
}
.dark .read-more strong {
  color: #fff;
  font-weight: normal;
}

.read-later {
  content: '';
  display: block;
  height: 40px;
  opacity: 0;
  visibility: hidden;
  width: 40px;
  position: absolute;
  top: 15px;
  right: 15px;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  color: #000;
  background-color: #fff;
  text-align: center;
}
.read-later .icon {
  line-height: 46px;
}
.read-later span {
  background-color: #141414;
  position: fixed;
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  opacity: 0;
  visibility: hidden;
  height: 48px;
  line-height: 48px;
  width: 200px;
  color: #fff;
  letter-spacing: 0.1em;
  top: -59px;
  left: -80px;
  z-index: 5;
  text-align: center;
  text-transform: uppercase;
  -moz-transform: translateY(6px) translateZ(0);
  -ms-transform: translateY(6px) translateZ(0);
  -webkit-transform: translateY(6px) translateZ(0);
  transform: translateY(6px) translateZ(0);
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.read-later span:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 7px solid transparent;
  border-top-color: #141414;
  top: 100%;
  left: 92px;
}

.article-single .small-pres p, .article-single .pres-honneur p {
  margin-bottom: 51px;
  color: #666666;
  font-size: 1rem;
  line-height: 26px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  text-align: left;
  margin-top: 32px;
}
.article-single .small-pres p strong, .article-single .pres-honneur p strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #141414;
  line-height: 24px;
  text-align: left;
}
.article-single .small-pres p a, .article-single .pres-honneur p a {
  color: #c8a461;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.article-single .small-pres p a:hover, .article-single .pres-honneur p a:hover {
  color: #8e6d30;
}
.article-single .small-pres .big-quote p, .article-single .pres-honneur .big-quote p {
  color: #b1b1b1;
  text-align: center;
  font-size: .875rem;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 26px;
}
.article-single .small-pres .big-quote p strong, .article-single .pres-honneur .big-quote p strong {
  color: #b1b1b1;
  font-size: .875rem;
}
.article-single .small-pres .big-quote strong, .article-single .pres-honneur .big-quote strong {
  color: #c8a461 !important;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 26px;
  text-align: center;
  display: block;
  margin-bottom: 25px;
}

.big-quote {
  width: 776px;
  margin: 0 auto;
  padding: 70px 70px;
  box-sizing: border-box;
  border: 1px solid #c8a461;
  margin-bottom: 70px;
}

.big-quote strong {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 26px;
  text-align: center;
  display: block;
  margin-bottom: 25px;
}

.autoBtn {
  height: 50px;
  line-height: 50px;
  width: auto !important;
  text-align: center;
  padding: 0px 30px !important;
}

.single-article .big-quote {
  width: 776px;
  margin: 0 auto;
  padding: 70px 70px;
  box-sizing: border-box;
  border: 1px solid #c8a461;
  margin-bottom: 50px !important;
  margin-top: 50px !important;
}

.contain-title {
  min-height: 70px !important;
  flex-direction: column;
}

a {
  outline: none;
  text-decoration: none;
}

.button {
  /*border: 1px solid #dfdfdf;*/
  border: 1px solid #dfdfdf;
  border-right: none;
  color: #c8a461;
  display: inline-block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.688rem;
  height: 38px;
  line-height: 38px;
  margin: 0 0 0 0;
  padding: 0 19px 0 19px;
  text-transform: uppercase;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.button:last-child {
  /*border-right: 1px solid #dfdfdf;*/
  border-right: 1px solid #c8a461;
}
.button:hover {
  /*background-color: $gold;*/
  border-color: #c8a461;
}

.buttons {
  font-size: 0;
  text-align: center;
}
.buttons.square .button {
  height: 73px;
  position: relative;
  padding: 0;
  text-align: center;
  width: 73px;
}
.buttons.square .button:last-child {
  /*border-right: 1px solid #dfdfdf;*/
  border-right: 1px solid #dfdfdf;
}
.buttons.square .button:hover {
  border-color: #c8a461;
  color: #c8a461;
  background: white;
}
.buttons.square .button:hover + a {
  border-left-color: #c8a461;
}

.single-button {
  border-right: 1px solid #c8a461 !important;
  border-color: #c8a461;
}

.bigButton {
  width: 100%;
  text-align: center;
  padding: 0px !important;
}

.quote.italic {
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
}

.title {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  letter-spacing: 0.5em;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal !important;
}

.subtitle {
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-style: italic;
  font-size: 0.875rem;
  font-weight: normal;
  text-align: center;
}

.canvasloader {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  z-index: 11;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.canvasloader.show {
  opacity: 1;
  visibility: visible;
}

.whiteText {
  color: white !important;
  height: 50px;
  text-transform: uppercase;
  border: 1px solid #c3a05f;
  font-size: 12px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  margin: 0 auto;
  text-align: center;
  display: block;
  line-height: 50px;
  letter-spacing: 1px;
}

.icon {
  vertical-align: baseline !important;
}

html {
  font-size: 16px;
  overflow-x: hidden;
}

body {
  background-color: black;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  overflow-x: hidden;
}
body.fix {
  overflow-y: hidden;
  height: 100vh;
}

::-moz-selection {
  background: #fff;
  color: #000;
  text-shadow: none;
}

::selection {
  background: #fff;
  color: #000;
  text-shadow: none;
}

.fullHeight {
  height: 100%;
}

.vCenter {
  display: inline-table;
  height: 100%;
  width: 100%;
}

.vCenterKid {
  display: table-cell;
  vertical-align: middle;
}

.vCenterKidBottom {
  display: table-cell;
  vertical-align: bottom;
}

.vCenterKidTop {
  display: table-cell;
  vertical-align: top;
}

.container {
  margin: 0 auto;
  max-width: 100%;
  width: 977px;
}

.maxContainer {
  margin: 0 auto;
  text-align: center;
  display: block;
  max-width: 100%;
  width: 1366px;
}
@media screen and (max-width: 1024px) {
  .maxContainer {
    width: 1024px;
  }
}

#main {
  background-color: #fff;
  clear: both;
  position: relative;
}
#main:after {
  background-color: #141414;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 5;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#main.overlay:after {
  opacity: 0.8;
  visibility: visible;
}
#main:before {
  background-color: #141414;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 5;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#main.loading:before {
  opacity: 1;
  visibility: visible;
}
#main.overlay {
  cursor: pointer;
}

.shadow-bottom:before {
  background: transparent;
  background: -moz-linear-gradient(top, transparent 56%, transparent 70%, rgba(20, 20, 20, 0.8) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(56%, transparent), color-stop(70%, transparent), color-stop(100%, rgba(20, 20, 20, 0.8)));
  background: -webkit-linear-gradient(top, transparent 56%, transparent 70%, rgba(20, 20, 20, 0.8) 100%);
  background: -o-linear-gradient(top, transparent 56%, transparent 70%, rgba(20, 20, 20, 0.8) 100%);
  background: -ms-linear-gradient(top, transparent 56%, transparent 70%, rgba(20, 20, 20, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 70%, rgba(20, 20, 20, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#141414', GradientType=0 );
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.push-footer {
  border-bottom: 1px solid #2C2C2C;
}

@media screen and (max-width: 768px) {
  #main, header, footer {
    width: 1024px;
    zoom: 0.75;
  }

  #featured-movies .video {
    width: 1024px !important;
  }
  #featured-movies .video video {
    height: 576px !important;
  }
}
@font-face {
  font-family: "icons";
  src: url("../../bundles/fdccourtmetrage/fonts/icons.eot?6b329b5fed30750a169723fe02097f8c");
  src: url("../../bundles/fdccourtmetrage/fonts/icons.eot?#iefix") format("embedded-opentype"), url("../../bundles/fdccourtmetrage/fonts/icons.woff?6b329b5fed30750a169723fe02097f8c") format("woff"), url("../../bundles/fdccourtmetrage/fonts/icons.ttf?6b329b5fed30750a169723fe02097f8c") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.icon {
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon_InternetExplorer:before {
  content: "\f101";
}

.icon_Micro:before {
  content: "\f102";
}

.icon_a-votre-service:before {
  content: "\f103";
}

.icon_acces-libre:before {
  content: "\f104";
}

.icon_acces:before {
  content: "\f105";
}

.icon_accreditation:before {
  content: "\f106";
}

.icon_agenda-personnel:before {
  content: "\f107";
}

.icon_appli:before {
  content: "\f108";
}

.icon_article:before {
  content: "\f109";
}

.icon_assistance-photo:before {
  content: "\f10a";
}

.icon_audio:before {
  content: "\f10b";
}

.icon_avion:before {
  content: "\f10c";
}

.icon_badge:before {
  content: "\f10d";
}

.icon_bande-annonce:before {
  content: "\f10e";
}

.icon_bandes-annonces-extraits:before {
  content: "\f10f";
}

.icon_bus:before {
  content: "\f110";
}

.icon_cadenas:before {
  content: "\f111";
}

.icon_camera:before {
  content: "\f112";
}

.icon_camion:before {
  content: "\f113";
}

.icon_case-fermer:before {
  content: "\f114";
}

.icon_case-plus:before {
  content: "\f115";
}

.icon_casier:before {
  content: "\f116";
}

.icon_chrome:before {
  content: "\f117";
}

.icon_close:before {
  content: "\f118";
}

.icon_communique-presse:before {
  content: "\f119";
}

.icon_consignes:before {
  content: "\f11a";
}

.icon_creer:before {
  content: "\f11b";
}

.icon_dailymotion:before {
  content: "\f11c";
}

.icon_diaporama:before {
  content: "\f11d";
}

.icon_divers:before {
  content: "\f11e";
}

.icon_dossier:before {
  content: "\f11f";
}

.icon_drag:before {
  content: "\f120";
}

.icon_dress-code:before {
  content: "\f121";
}

.icon_enregistreur:before {
  content: "\f122";
}

.icon_espace-presse:before {
  content: "\f123";
}

.icon_evt-conference:before {
  content: "\f124";
}

.icon_evt-personnel:before {
  content: "\f125";
}

.icon_evt-seance-presse:before {
  content: "\f126";
}

.icon_evt-seance:before {
  content: "\f127";
}

.icon_facebook:before {
  content: "\f128";
}

.icon_fermer-cookies:before {
  content: "\f129";
}

.icon_firefox:before {
  content: "\f12a";
}

.icon_fleche-down:before {
  content: "\f12b";
}

.icon_fleche-right:before {
  content: "\f12c";
}

.icon_fleche-top:before {
  content: "\f12d";
}

.icon_flecheGauche:before {
  content: "\f12e";
}

.icon_fullscreen:before {
  content: "\f12f";
}

.icon_hebergement:before {
  content: "\f130";
}

.icon_horaires:before {
  content: "\f131";
}

.icon_informations:before {
  content: "\f132";
}

.icon_instagram:before {
  content: "\f133";
}

.icon_invitation:before {
  content: "\f134";
}

.icon_langue:before {
  content: "\f135";
}

.icon_les-bonnes-pratiques:before {
  content: "\f136";
}

.icon_les-differents-types-dacces:before {
  content: "\f137";
}

.icon_les-salles-de-projections:before {
  content: "\f138";
}

.icon_lettre:before {
  content: "\f139";
}

.icon_link:before {
  content: "\f13a";
}

.icon_lire-plus-tard:before {
  content: "\f13b";
}

.icon_loupeMoins:before {
  content: "\f13c";
}

.icon_loupePlus:before {
  content: "\f13d";
}

.icon_ma-selection:before {
  content: "\f13e";
}

.icon_main-drag:before {
  content: "\f13f";
}

.icon_mains:before {
  content: "\f140";
}

.icon_media:before {
  content: "\f141";
}

.icon_moins:before {
  content: "\f142";
}

.icon_mon-compte:before {
  content: "\f143";
}

.icon_n-urgences:before {
  content: "\f144";
}

.icon_objets-trouves:before {
  content: "\f145";
}

.icon_palme-bg:before {
  content: "\f146";
}

.icon_palme:before {
  content: "\f147";
}

.icon_participer:before {
  content: "\f148";
}

.icon_pause:before {
  content: "\f149";
}

.icon_pdf:before {
  content: "\f14a";
}

.icon_photo:before {
  content: "\f14b";
}

.icon_plateau-tv:before {
  content: "\f14c";
}

.icon_play:before {
  content: "\f14d";
}

.icon_player:before {
  content: "\f14e";
}

.icon_playlist:before {
  content: "\f14f";
}

.icon_podcast:before {
  content: "\f150";
}

.icon_point-infos:before {
  content: "\f151";
}

.icon_print:before {
  content: "\f152";
}

.icon_programmation:before {
  content: "\f153";
}

.icon_puce-big:before {
  content: "\f154";
}

.icon_puce-small:before {
  content: "\f155";
}

.icon_recherche:before {
  content: "\f156";
}

.icon_rendez-vous-des-medias:before {
  content: "\f157";
}

.icon_reverseFullScreen:before {
  content: "\f158";
}

.icon_rss:before {
  content: "\f159";
}

.icon_safari:before {
  content: "\f15a";
}

.icon_salle-presse:before {
  content: "\f15b";
}

.icon_se-rendre-a-cannes:before {
  content: "\f15c";
}

.icon_selfie:before {
  content: "\f15d";
}

.icon_service:before {
  content: "\f15e";
}

.icon_share:before {
  content: "\f15f";
}

.icon_son:before {
  content: "\f160";
}

.icon_speacker:before {
  content: "\f161";
}

.icon_taxi:before {
  content: "\f162";
}

.icon_telecharger:before {
  content: "\f163";
}

.icon_telephone:before {
  content: "\f164";
}

.icon_train:before {
  content: "\f165";
}

.icon_transport:before {
  content: "\f166";
}

.icon_tumblr:before {
  content: "\f167";
}

.icon_twitter:before {
  content: "\f168";
}

.icon_video:before {
  content: "\f169";
}

.icon_voiture:before {
  content: "\f16a";
}

.icon_wifi:before {
  content: "\f16b";
}

.icon_youtube:before {
  content: "\f16c";
}

.icon_zone-media:before {
  content: "\f16d";
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-single {
  *zoom: 1;
}
.pika-single:before, .pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

.pika-button {
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.is-disabled .pika-button, .is-outside-current-month .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3;
}
.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-inrange .pika-button {
  background: #D5E9F7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10001;
  margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980EC;
  color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}

img {
  content: none !important;
}

header {
  background-color: #080808;
  position: relative;
  width: 100%;
  z-index: 1005;
  top: 0;
  max-height: 230px;
}
header.press {
  overflow: initial;
}
header.press #navigation ul li ul.tcenter {
  width: 836px;
}
header.press #navigation ul.main {
  width: 835px;
}
header.press #navigation ul.user {
  float: right;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
header.press #navigation ul.user li a {
  color: #a7a7a7;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
header.press #navigation ul.user li a:hover {
  color: #c8a461;
}
header ul {
  cursor: default;
}
header #sticky-user {
  background: #141414;
  font-size: 0.750rem;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  bottom: 18px;
  right: 40px;
  -moz-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -moz-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), -moz-transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), -o-transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition-delay: 0;
}
header #sticky-user ul {
  padding: 0;
}
header.sticky {
  position: fixed;
  top: 0;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 1005;
}
header.sticky #top-bar, header.sticky h1 {
  display: none;
}
header.sticky #sticky-user {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  float: right;
  pointer-events: auto;
  margin-top: 18px;
  transition-delay: 0.5s;
}
header.sticky #sticky-user .user-nav {
  border: none;
}
header.sticky #sticky-user .user-nav a.search {
  background-size: 15px;
  margin-right: 0;
}
header.sticky #sticky-user .user-nav a.search .icon {
  font-size: .7rem;
}
header.sticky #sticky-user .user-nav a {
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
header.sticky #sticky-user .user-nav a.selection {
  min-width: 71px;
}
header.sticky #logo-wrapper {
  height: 50px;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
header.sticky #logo-wrapper #logo {
  width: 350px;
}
header.sticky #logo-wrapper #logo img.palm {
  float: left;
  margin-top: -5px;
  width: 72px;
}
header.sticky #logo-wrapper #logo h2 {
  display: none;
}
header.sticky #logo-wrapper #logo p.stick {
  float: left;
  font-size: 1.1rem;
  margin: 12px 0 0 30px;
  margin: 14px 0px 0px 0px;
  opacity: 1;
  visibility: visible;
  padding-left: 20px;
}
header.sticky #logo-wrapper #logo p.stick:after {
  transition-delay: 0.4s;
  width: 0;
}
header.sticky #logo-wrapper #partners, header.sticky #logo-wrapper #search {
  opacity: 0;
  visibility: hidden;
}
header .user-nav {
  background-color: #141414;
  border-left: 1px solid #404040;
  float: right;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding: 0 15px 0 10px;
}
header .user-nav li {
  display: inline-block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
header .user-nav li a {
  color: #fff;
  display: block;
  margin-right: 10px;
  padding: 0px 0px 1px 4px;
  -moz-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
header .user-nav li a:hover {
  opacity: 0.7;
}
header .user-nav li a .icon {
  font-size: 0.6rem;
  margin-right: 10px;
}
header .user-nav li a.account {
  padding-left: 0;
}
header .user-nav li a.account .icon {
  font-size: 0.6rem;
  margin-right: 10px;
}
header .user-nav li a.language {
  background-size: 20px;
  margin-right: 0;
}
header .user-nav li a.language .icon {
  font-size: 1.3rem;
  vertical-align: sub !important;
}
header .user-nav li a.language:hover {
  opacity: 1;
}
header .user-nav li .sub-languages {
  height: 0;
  margin-left: 32px;
  opacity: 0;
  position: absolute;
  top: 23px;
  visibility: hidden;
  z-index: 1;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
header .user-nav li .sub-languages li {
  display: block;
}
header .user-nav li .sub-languages li a {
  height: 23px;
  opacity: 0.5;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
header .user-nav li .sub-languages li a:hover {
  opacity: 1;
}
header .user-nav li.lang:hover .sub-languages {
  height: auto;
  opacity: 1;
  visibility: visible;
}
header #top-bar {
  border-bottom: 1px solid #404040;
  font-size: .75rem;
  height: 28px;
  line-height: 28px;
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
header #top-bar .main-nav {
  float: left;
  height: 28px;
  line-height: 28px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  background-color: #080808;
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
header #top-bar .main-nav li {
  margin-left: 0px;
  display: inline-block;
  /*background-color: #141414;*/
  background-color: #080808;
  border-left: 0px solid #404040;
  border-right: 0px solid #404040;
}
header #top-bar .main-nav li a {
  color: #8c8c8c;
  display: block;
  padding: 0 12px;
  /*background-color: #080808!important;*/
  text-transform: uppercase;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
header #top-bar .main-nav li a:hover, header #top-bar .main-nav li a.active {
  color: #c8a461;
  /*background-color: #141414!important;*/
}
header #top-bar .main-nav li a.active {
  /*border: 1px solid #404040!important;*/
  border-left: 1px solid #404040 !important;
  border-right: 1px solid #404040 !important;
  background-color: #141414 !important;
  padding-bottom: 1px;
}
header #top-bar .icon_ma-selection, header #top-bar .icon_mon-compte {
  min-width: 9.5px;
}
header #top-bar .icon_langue {
  min-width: 20.5px;
}
header #logo-wrapper {
  background-color: #141414;
  /*height: 160px;*/
  height: 160px;
  overflow: hidden;
  -moz-transition: all 0.1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
header #logo-wrapper .container {
  height: 100%;
  position: relative;
}
header #logo-wrapper #logo {
  display: inline-block;
  padding: 5px 100px 0 0;
  text-align: center;
  vertical-align: middle;
  width: 245px;
  position: relative;
}
header #logo-wrapper #logo h1, header #logo-wrapper #logo p.stick {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
header #logo-wrapper #logo h1 a, header #logo-wrapper #logo p.stick a {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
header #logo-wrapper #logo h1 {
  position: absolute;
  top: 105px;
  left: 0px;
}
header #logo-wrapper #logo h2 {
  position: absolute;
  top: 140px;
  left: 3px;
}
header #logo-wrapper #logo p.stick {
  opacity: 0;
  visibility: hidden;
  position: relative;
}
header #logo-wrapper #logo p.stick:after {
  content: '';
  display: block;
  background-color: #141414;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -moz-transition: width 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: width 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: width 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: width 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
header #logo-wrapper #logo p.stick.noTrans:after {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
header #logo-wrapper #logo h2 {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  position: absolute;
  top: 130px;
  /*left: 65px;*/
  left: 4px;
  margin-top: -4px;
}
header #logo-wrapper #logo h2 a {
  color: #c8a461;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
header #logo-wrapper #logo img.palm {
  display: block;
  width: 145px;
  /*margin: 0 auto;*/
  -moz-transition: width 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: width 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: width 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: width 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  text-align: left;
}
header #logo-wrapper #logo.wichlist {
  margin: 0 auto;
  display: block;
  padding: 5px 0 0 0;
}
header #logo-wrapper #partners {
  position: absolute;
  top: 60px;
  left: 315px;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
header #logo-wrapper #partners img {
  display: inline-block;
  margin-right: 25px;
  vertical-align: middle;
  height: 100%;
}
header #logo-wrapper #partners img.chopard {
  margin-top: 10px;
}
header #logo-wrapper #partners img.oreal {
  margin-top: 2px;
}
header #logo-wrapper #partners img.renault {
  margin-top: 2px;
}
header #logo-wrapper #partners img.kering {
  margin-top: -2px;
}
header #logo-wrapper #search {
  border: 1px solid #404040;
  display: block;
  float: right;
  height: 63px;
  position: relative;
  margin-top: 47px;
  width: 63px;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
header #logo-wrapper #search a {
  color: #fff;
  position: relative;
  background-size: 20px;
  display: block;
  height: 100%;
  width: 100%;
}
header #logo-wrapper #search a .icon {
  position: absolute;
  top: 39%;
  left: 39%;
}
header #logo-wrapper #search:hover {
  border-color: #fff;
}
header #navigation {
  background-color: #141414;
  border-bottom: 1px solid #404040;
  border-top: 1px solid #404040;
  height: 39px;
  line-height: 39px;
  padding: 5px;
  /*.container {
    overflow: hidden;
  }*/
}
header #navigation ul {
  float: left;
}
header #navigation ul li {
  display: inline-block;
  margin-left: -4px;
}
header #navigation ul li:hover > a {
  color: #c8a461;
}
header #navigation ul li:first-child {
  margin-left: 0;
}
header #navigation ul li a {
  color: #fff;
  display: block;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  padding-right: 25px;
  text-transform: uppercase;
  -moz-transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
header #navigation ul li a:hover, header #navigation ul li a.active {
  color: #c8a461;
}
header #navigation ul li.fade a {
  color: #434343;
}
header #navigation ul li ul {
  background-color: #141414;
  box-sizing: border-box;
  margin-top: 1px;
  opacity: 0;
  padding-left: 100px;
  position: absolute;
  visibility: hidden;
  width: 977px;
  z-index: 15;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
header #navigation ul li ul:before {
  background-color: #141414;
  border-bottom: 1px solid #404040;
  content: '';
  display: block;
  height: 100%;
  left: -150%;
  position: absolute;
  width: 450%;
  z-index: 0;
}
header #navigation ul li ul li {
  font-size: 0.688rem;
  position: relative;
  z-index: 2;
  letter-spacing: 0.18em;
}
header #navigation ul li ul.tcenter {
  text-align: center;
  width: 977px;
  padding-left: 0;
  left: 0;
}
header #navigation ul li ul.tcenter a {
  padding-right: 20px !important;
}
header #navigation ul li ul.tcenter li:last-child a {
  padding-right: 0;
}
header #navigation ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
header #navigation ul.main {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  position: relative;
  background-color: #141414;
}
header #navigation ul.user {
  float: right;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.740rem;
}
header #navigation ul.user li {
  vertical-align: top;
}
header #navigation ul.user li:hover > a {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #c8a461;
}
header #navigation ul.user li:hover > a:after {
  opacity: 1;
  visibility: visible;
}
header #navigation ul.user li a {
  color: #8c8c8c;
  padding: 0 0 0 26px;
  padding: 0px;
  position: relative;
}
header #navigation ul.user li a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
header #navigation ul.user li a .icon {
  margin-right: 5px;
  font-size: .6rem;
  margin-left: 14px;
}
header #navigation ul.user li a:hover {
  color: #c8a461;
}
header #navigation ul.user li a:hover:after {
  opacity: 1;
  visibility: visible;
}
header #navigation ul.user li ul li a {
  color: #fff;
  font-size: 0.750rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  padding: 0 0 0 26px;
}
header #navigation ul.user .participate-wrapper ul {
  left: auto;
  margin-left: -762px;
  text-align: right;
}
header #navigation ul.user .participate-wrapper ul li a {
  font-size: 0.688rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
header #navigation ul.user .programmation-wrapper ul {
  left: auto;
  margin-left: -649px;
  text-align: right;
}
header #navigation ul.user .programmation-wrapper ul li a {
  font-size: 0.688rem;
}
header #navigation ul.user .icon_participer, header #navigation ul.user .icon_programmation, header #navigation ul.user .icon_espace-presse {
  min-width: 9.5px;
}

.mob:not(.tablet) #navigation ul li {
  margin-left: -5px;
  margin-right: 15px;
}
.mob:not(.tablet) #navigation ul ul:before {
  width: 91% !important;
}
.mob:not(.tablet) #navigation ul.user .programmation-wrapper ul {
  margin-left: -662px;
}
.mob:not(.tablet) #navigation ul.user .participate-wrapper ul {
  margin-left: -793px;
}
.mob:not(.tablet) #navigation ul li ul {
  width: 1024px;
}
.mob:not(.tablet) #navigation ul li a {
  padding-right: 12px;
}
.mob:not(.tablet) #navigation ul li ul li {
  margin-left: 5px;
}
@media screen and (max-width: 1024px) {
  .mob:not(.tablet) .mob header #navigation ul.main {
    font-size: 0.8rem;
  }
  .mob:not(.tablet) .mob header #navigation ul.user {
    font-size: 0.7rem;
  }
}

.topiconsContainer {
  float: right;
  width: 193px;
  margin-top: 15px;
}
.topiconsContainer .first {
  position: relative;
  border-top: 1px solid #404040;
  border-bottom: 1px solid #404040;
  border-left: 1px solid #404040;
  z-index: 900;
  overflow: hidden;
}
.topiconsContainer .second {
  position: relative;
  border-top: 1px solid #404040;
  border-bottom: 1px solid #404040;
  border-left: 1px solid #404040;
  border-right: 1px solid #404040;
  overflow: hidden;
  z-index: 1;
}
.topiconsContainer .third {
  position: relative;
  border-top: 1px solid #404040;
  border-bottom: 1px solid #404040;
  border-right: 1px solid #404040;
  overflow: hidden;
  z-index: 1002;
}
.topiconsContainer .topIcons {
  display: block;
  float: left;
  height: 63px;
  position: relative;
  margin-top: 35px;
  width: 63px;
  line-height: 63px;
  text-align: center;
}
.topiconsContainer .topIcons a {
  color: #fff;
  position: relative;
  background-size: 20px;
  display: block;
  height: 100%;
  width: 100%;
  line-height: 63px;
}
.topiconsContainer .topIcons img {
  width: 16px;
  height: 63px;
}
.topiconsContainer .topIcons:hover i {
  color: white;
}

/*.topiconsContainer .biggerIcon {*/
  /*width: 22px !important;*/
/*}*/

.goldBdrs {
  border-top: 1px solid white !important;
  border-bottom: 1px solid white !important;
  border-right: 1px solid white !important;
  border-left: 1px solid white !important;
  margin-right: -1px !important;
  z-index: 1005 !important;
  overflow: hidden;
}

.middlegoldBdrs {
  border-top: 1px solid white !important;
  border-bottom: 1px solid white !important;
  border-right: 1px solid white !important;
  border-left: 1px solid white !important;
  z-index: 1005 !important;
  overflow: hidden;
}

.lastgoldBorders {
  border-top: 1px solid white !important;
  border-bottom: 1px solid white !important;
  border-right: 1px solid white !important;
  border-left: 1px solid white !important;
  margin-left: -1px !important;
  z-index: 1005 !important;
  overflow: hidden;
}

.noBdrs  {
  position: relative !important;
  z-index: 1 !important;
}

footer * {
  box-sizing: border-box;
}

footer {
  background-color: #141414;
  padding: 0;
  position: relative;
  z-index: 3;
}
footer .subtitle {
  padding-right: 7px;
}
footer:after {
  background-color: #141414;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 5;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
footer:before {
  background-color: #141414;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 5;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
footer.loading:before {
  opacity: 1;
  visibility: visible;
}
footer.overlay:after {
  opacity: 0.6;
  visibility: visible;
}
footer h2 {
  color: #fff;
}
footer h3 {
  color: #fff;
}
footer .newsletter {
  height: 150px;
  padding: 50px 0;
  position: relative;
}
footer .newsletter form {
  height: 100%;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
footer .newsletter form.hide {
  opacity: 0;
  visibility: hidden;
}
footer .newsletter #email {
  border: 0;
  display: inline-block;
  height: 100%;
  outline: none;
  padding-left: 20px;
  width: calc(100% - 165px);
}
footer .newsletter #email.error {
  color: #e93939;
}
footer .newsletter #confirmation {
  color: #fff;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-size: 0.875rem;
  line-height: 1.2em;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 55px;
  text-align: center;
  width: 100%;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
footer .newsletter #confirmation.show {
  opacity: 1;
  visibility: visible;
}
footer .newsletter #submit {
  background: #141414;
  border: 1px solid #414141;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  height: 100%;
  margin-left: 20px;
  outline: none;
  text-transform: uppercase;
  width: 135px;
  -moz-transition: all 1.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
footer .newsletter #submit:hover {
  border-color: #fff;
}
footer .social {
  border: none;
  border-bottom: 1px solid #2b2b2b;
  border-left: none;
  border-right: none;
  overflow: hidden;
  padding: 45px 0 45px 0;
  width: 100%;
}
footer .social p {
  color: #fff;
  float: left;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1.250rem;
  text-transform: uppercase;
}
footer .social .footerLogo {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: white;
  letter-spacing: 1px;
}
footer .social ul {
  float: right;
}
footer .social ul li {
  display: inline-block;
  margin-left: 25px;
}
footer .social ul li a {
  display: block;
  height: 26px;
  width: 26px;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
footer .social ul li a:hover {
  opacity: 0.5;
}
footer .social ul li a .icon {
  color: #fff;
  font-size: 1.1rem;
}
footer .footer-menu {
  padding: 50px 0;
}
footer .footer-menu ul {
  text-align: center;
}
footer .footer-menu ul li {
  color: #fff;
  display: inline-block;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  padding-right: 22px;
  position: relative;
}
footer .footer-menu ul li.copyright {
  opacity: 0.5;
}
footer .footer-menu ul li.copyright:after {
  opacity: 1;
}
footer .footer-menu ul li:last-child {
  padding-right: 0;
}
footer .footer-menu ul li:last-child:after {
  display: none;
}
footer .footer-menu ul li:after {
  background-color: #fff;
  border-radius: 100%;
  content: '';
  display: block;
  margin: -1px 0 0 0;
  opacity: 0.5;
  position: absolute;
  right: 8px;
  top: 50%;
  height: 3px;
  width: 3px;
}
footer .footer-menu ul li a {
  color: #fff;
  opacity: 0.5;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
footer .footer-menu ul li a:hover {
  opacity: 1;
}

#breadcrumb {
  border-bottom: 1px solid #2c2c2c;
  position: relative;
  background: #141414;
}
#breadcrumb:after {
  background-color: #141414;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 5;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#breadcrumb:before {
  background-color: #141414;
  content: '';
  display: block;
  height: 110%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -2px;
  visibility: hidden;
  width: 100%;
  z-index: 5;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#breadcrumb.loading:before {
  opacity: 1;
  visibility: visible;
}
#breadcrumb.overlay:after {
  opacity: 0.6;
  visibility: visible;
}
#breadcrumb .container {
  width: 979px;
  margin: 0 auto;
}
#breadcrumb .container li {
  display: inline-block;
  margin: 16px 0px;
}
#breadcrumb .container a {
  color: #fff;
  font-size: 0.63rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#breadcrumb .container a.active {
  color: #c8a461;
}
#breadcrumb .container .icon {
  color: #c8a461;
  font-size: .6rem;
  vertical-align: middle !important;
}
#breadcrumb .container a:hover {
  color: #c8a461;
}
#breadcrumb .container .goTop {
  color: #c8a461;
  font-size: 0.75rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  float: right;
  margin: 20px 0px;
}
#breadcrumb .container .goTop .icon {
  margin-bottom: 4px;
  margin-left: 5px;
}
#breadcrumb .container .goTop:hover {
  cursor: pointer;
}

.slideshow {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 40px;
}
.slideshow .slideshow-img {
  background-color: #000;
  height: 557px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slideshow .slideshow-img .images {
  height: 100%;
  position: relative;
  width: 100%;
}
.slideshow .slideshow-img .images:before {
  background: transparent;
  background: -moz-linear-gradient(top, transparent 56%, transparent 57%, rgba(20, 20, 20, 0.8) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(56%, transparent), color-stop(57%, transparent), color-stop(100%, rgba(20, 20, 20, 0.8)));
  background: -webkit-linear-gradient(top, transparent 56%, transparent 57%, rgba(20, 20, 20, 0.8) 100%);
  background: -o-linear-gradient(top, transparent 56%, transparent 57%, rgba(20, 20, 20, 0.8) 100%);
  background: -ms-linear-gradient(top, transparent 56%, transparent 57%, rgba(20, 20, 20, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 57%, rgba(20, 20, 20, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#141414', GradientType=0 );
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  pointer-events: none;
  top: 0;
  width: 100%;
  z-index: 1;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.slideshow .slideshow-img .thumbnails {
  height: 64px;
  bottom: 10px;
  left: 10px;
  position: absolute;
  width: calc(100% - 10px);
  z-index: 4;
}
.slideshow .slideshow-img .thumbnails .thumb {
  background: #141414;
  box-sizing: border-box;
  height: 61px;
  width: 97px;
  position: relative;
  -moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slideshow .slideshow-img .thumbnails .thumb:after {
  /*border: 0px solid $gold;*/
  border: 0px solid white;
  box-sizing: border-box;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.slideshow .slideshow-img .thumbnails .thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  -moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slideshow .slideshow-img .thumbnails .thumb.active:after {
  border-width: 6px;
}
.slideshow .slideshow-img .thumbnails .thumb.active img {
  opacity: 1;
}
.slideshow .slideshow-img .thumbnails .thumb:hover {
  cursor: pointer;
}
.slideshow .slideshow-img .thumbnails .thumb:hover:after {
  border-width: 6px;
}
.slideshow .slideshow-img .thumbnails .thumb:hover img {
  opacity: 1;
}
.slideshow .slideshow-img .thumbnails .thumb.compat-object-fit {
  background-size: cover;
  background-position: center center;
}
.slideshow .slideshow-img .thumbnails .thumb.compat-object-fit img {
  opacity: 0;
}
.slideshow .slideshow-img .images .img {
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  -moz-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.slideshow .slideshow-img .images .img a {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slideshow .slideshow-img .images .img a.compat-object-fit {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.slideshow .slideshow-img .images .img a.compat-object-fit img {
  opacity: 0;
}
.slideshow .slideshow-img .images .img img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: contain;
  pointer-events: none;
  -moz-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slideshow .slideshow-img .images .img.active {
  opacity: 1;
  visibility: visible;
}
.slideshow .slideshow-img .images .img.active div {
  visibility: visible !important;
}
.slideshow .slideshow-img .images .img:before {
  background-color: #000;
  content: '';
  display: block;
  height: 100%;
  opacity: 0;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 2;
  pointer-events: none;
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.slideshow .slideshow-img .images .img:after {
  background-size: 25px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  content: "\f14b";
  display: block;
  height: 80px;
  left: 50%;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  margin: -40px 0 0 -40px;
  top: 50%;
  visibility: hidden;
  width: 80px;
  z-index: 3;
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  font-family: icons;
  color: #fff;
  line-height: 82px;
  text-align: center;
  font-size: 1.4rem;
}
.slideshow .slideshow-img .images .img:hover:before {
  opacity: 0.6;
  visibility: visible;
}
.slideshow .slideshow-img .images .img:hover:after {
  opacity: 1;
  visibility: visible;
}
.slideshow .slideshow-img .images .img:hover img {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.slideshow .caption {
  color: #666;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  margin: 20px 0;
}
.slideshow .caption strong {
  color: #333;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.slideshow h3 {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 0.625rem;
  letter-spacing: 0.2em;
  margin-top: 25px;
  text-transform: uppercase;
}

body.chocolat-open {
  overflow: initial;
}

body.fixed {
  position: fixed;
  overflow-y: scroll;
}

div.chocolat-wrapper {
  background-color: #080808;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
div.chocolat-wrapper .chocolat-img {
  opacity: 0;
  visibility: hidden;
  -moz-transform: scale(1.1) translateZ(0);
  -ms-transform: scale(1.1) translateZ(0);
  -webkit-transform: scale(1.1) translateZ(0);
  transform: scale(1.1) translateZ(0);
  -moz-transition: all 1.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 1s;
  -o-transition: all 1.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 1s;
  -webkit-transition: all 1.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 1s;
  transition: all 1.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 1s;
}
div.chocolat-wrapper .chocolat-overlay {
  opacity: 1;
  background-color: #080808;
}
div.chocolat-wrapper.show {
  opacity: 1;
  visibility: visible;
}
div.chocolat-wrapper.show .chocolat-img {
  opacity: 1;
  visibility: visible;
  -moz-transform: scale(1) translateZ(0);
  -ms-transform: scale(1) translateZ(0);
  -webkit-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
}
div.chocolat-wrapper.show .chocolat-img.close {
  opacity: 0;
  visibility: hidden;
  -moz-transform: scale(1.1) translateZ(0);
  -ms-transform: scale(1.1) translateZ(0);
  -webkit-transform: scale(1.1) translateZ(0);
  transform: scale(1.1) translateZ(0);
}
div.chocolat-wrapper .thumbnails {
  position: absolute;
  bottom: 101px;
  left: 0;
  width: 100%;
  z-index: 15;
  max-height: 0;
  overflow: hidden;
  opacity: 1;
  z-index: 0;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 1.1s ease;
  -o-transition: all 1.1s ease;
  -webkit-transition: all 1.1s ease;
  transition: all 1.1s ease;
}
div.chocolat-wrapper .thumbnails.open {
  max-height: 150px;
}
div.chocolat-wrapper .thumbnails.open .thumb img {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
div.chocolat-wrapper .thumbnails .thumb {
  background-color: #000;
  cursor: pointer;
}
div.chocolat-wrapper .thumbnails .thumb img {
  display: block;
  height: 150px;
  opacity: 0.3 !important;
  width: auto;
  -moz-transform: translate3d(0, -40px, 0);
  -ms-transform: translate3d(0, -40px, 0);
  -webkit-transform: translate3d(0, -40px, 0);
  transform: translate3d(0, -40px, 0);
  -moz-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95), -moz-transform 0.9s ease;
  -o-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95), -o-transform 0.9s ease;
  -webkit-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.9s ease;
  transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95), transform 0.9s ease;
}
div.chocolat-wrapper .thumbnails .thumb.active img, div.chocolat-wrapper .thumbnails .thumb:hover img {
  opacity: 1 !important;
}
div.chocolat-wrapper .thumbnails .thumb.compat-object-fit {
  background: #000 !important;
}
div.chocolat-wrapper .chocolat-bottom {
  background: url("../../bundles/fdccourtmetrage/img/shadow-slideshow.png") repeat-x;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 16px;
  line-height: initial;
  padding: 0;
  height: 100px;
  opacity: 0;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
div.chocolat-wrapper .chocolat-bottom .buttons {
  position: absolute;
  right: 0;
  z-index: 5;
  bottom: 101px;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
div.chocolat-wrapper .chocolat-bottom .buttons.show {
  opacity: 1;
  visibility: visible;
}
div.chocolat-wrapper .chocolat-bottom .buttons .button {
  border-color: rgba(255, 255, 255, 0.4);
  border-bottom: none;
  height: 75px;
  width: 75px;
}
div.chocolat-wrapper .chocolat-bottom .buttons .button:last-child {
  border-right: none;
  width: 74px;
}
div.chocolat-wrapper .chocolat-bottom .buttons a .icon {
  font-size: 1rem;
  line-height: 75px;
}
div.chocolat-wrapper .chocolat-bottom:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #141414;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
div.chocolat-wrapper .chocolat-bottom.show {
  opacity: 1;
}
div.chocolat-wrapper .chocolat-bottom:hover {
  opacity: 1;
}
div.chocolat-wrapper .chocolat-bottom:hover:after {
  opacity: 1;
  visibility: visible;
}
div.chocolat-wrapper .chocolat-bottom:hover .buttons {
  background-color: #141414;
}
div.chocolat-wrapper .chocolat-bottom .icon_diaporama {
  font-size: 2rem;
  color: white;
  position: absolute;
  z-index: 100;
  left: 50%;
  margin-left: -16px;
  line-height: 85px;
}
div.chocolat-wrapper .chocolat-bottom .chocolat-pagination {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  cursor: pointer;
  font-size: 0.750rem;
  height: 100%;
  line-height: 140px;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  text-align: center;
  width: 100px;
  z-index: 2;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
div.chocolat-wrapper .chocolat-bottom .chocolat-pagination.active, div.chocolat-wrapper .chocolat-bottom .chocolat-pagination:hover {
  background-color: #c8a461;
}
div.chocolat-wrapper .chocolat-bottom .chocolat-description {
  box-sizing: border-box;
  padding-top: 30px;
  padding-left: 135px;
  text-align: left;
  line-height: 12px;
  position: relative;
  z-index: 2;
  -moz-transition: opacity 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
div.chocolat-wrapper .chocolat-bottom .chocolat-description.hide {
  opacity: 0;
}
@media screen and (max-width: 1920px) {
  div.chocolat-wrapper .chocolat-bottom .chocolat-description {
    width: 1230px;
  }
}
@media screen and (max-width: 1600px) {
  div.chocolat-wrapper .chocolat-bottom .chocolat-description {
    width: 830px;
  }
}
@media screen and (max-width: 1280px) {
  div.chocolat-wrapper .chocolat-bottom .chocolat-description {
    width: 530px;
  }
}
@media screen and (max-width: 1024px) {
  div.chocolat-wrapper .chocolat-bottom .chocolat-description {
    width: 430px;
    padding-top: 17px;
  }
}
div.chocolat-wrapper .chocolat-bottom .chocolat-description span.category {
  color: #c8a461;
  display: inline-block;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  margin-right: 12px;
  text-transform: uppercase;
}
div.chocolat-wrapper .chocolat-bottom .chocolat-description span.date {
  color: #666;
  display: inline-block;
  font-size: 0.625rem;
}
div.chocolat-wrapper .chocolat-bottom .chocolat-description h2 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  margin-top: 5px;
}
div.chocolat-wrapper .chocolat-bottom .chocolat-description p {
  color: #999;
  font-size: 0.750rem;
}
div.chocolat-wrapper .credit {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  height: 100px;
  bottom: 0;
  position: absolute;
  right: 303px;
  z-index: 20;
  color: #dedede;
  font-size: 0.750rem;
  line-height: 100px;
  padding: 0 35px;
  -moz-transition: opacity 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
div.chocolat-wrapper .credit.hide {
  opacity: 0;
}
div.chocolat-wrapper .share {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  display: block;
  width: 100px;
  height: 100px;
  bottom: 0;
  z-index: 20;
  right: 202px;
  position: absolute;
  text-align: center;
}
div.chocolat-wrapper .share .icon {
  line-height: 100px;
  color: #c8a461;
  font-size: 1.1rem;
  -moz-transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  cursor: pointer;
}
div.chocolat-wrapper .share .icon:hover {
  opacity: 0.5;
  cursor: pointer;
}
div.chocolat-wrapper .chocolat-left {
  background: none;
  bottom: 0;
  border-right: 2px solid rgba(20, 20, 20, 0.4);
  display: none;
  top: auto;
  left: auto;
  right: 100px;
  width: 100px;
  height: 100px;
  margin-top: 0;
  z-index: 20;
  text-align: center;
}
div.chocolat-wrapper .chocolat-left .icon {
  line-height: 100px;
}
div.chocolat-wrapper .chocolat-left.active {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
div.chocolat-wrapper .chocolat-left:not(.active) + .chocolat-right {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
div.chocolat-wrapper .chocolat-right {
  background: none;
  bottom: 0;
  display: none;
  top: auto;
  width: 100px;
  height: 100px;
  margin-top: 0;
  z-index: 20;
  text-align: center;
}
div.chocolat-wrapper .chocolat-right .icon {
  line-height: 100px;
}
div.chocolat-wrapper .chocolat-content {
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  -moz-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
div.chocolat-wrapper .chocolat-content.thumbsOpen {
  opacity: 0.3 !important;
}
div.chocolat-wrapper .chocolat-content.hide {
  opacity: 0 !important;
}
div.chocolat-wrapper .chocolat-fullscreen {
  display: none;
}
div.chocolat-wrapper .chocolat-top {
  overflow: initial;
  position: absolute;
  height: 80px;
  width: 80px;
  top: 20px;
  left: auto;
  right: 20px;
  border: 1px solid #c8a461;
  cursor: pointer;
  opacity: 0.6;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
div.chocolat-wrapper .chocolat-top .icon {
  height: 80px;
  position: absolute;
  top: 33px;
  right: -2px;
  z-index: 100;
  color: #c8a461;
}
div.chocolat-wrapper .chocolat-top .icon:hover {
  opacity: 1;
}
div.chocolat-wrapper .chocolat-close {
  background: none;
}
div.chocolat-wrapper .chocolat-loader {
  background: none;
}
div.chocolat-wrapper .zoomCursor {
  cursor: none;
  display: none;
  height: 80px;
  width: 80px;
  position: absolute;
  z-index: 50;
  border: 1px solid #c8a461;
  text-align: center;
  -moz-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
div.chocolat-wrapper .zoomCursor.hide {
  opacity: 0;
}
div.chocolat-wrapper .zoomCursor .icon {
  color: #c8a461;
  line-height: 80px;
}

.chocolat-zoomable .zoomCursor {
  background: url("../../bundles/fdccourtmetrage/img/svg/zoomIn.svg") no-repeat center;
  background-size: 20px;
  display: block !important;
}
.chocolat-zoomable .chocolat-content, .chocolat-zoomable .chocolat-img {
  cursor: none;
}

.chocolat-zoomed .zoomCursor {
  background: url("../../bundles/fdccourtmetrage/img/svg/zoomOut.svg") no-repeat center;
  background-size: 20px;
  display: block !important;
}
.chocolat-zoomed .chocolat-content, .chocolat-zoomed .chocolat-img {
  cursor: none !important;
}

@media screen and (max-width: 1600px) {
  div.chocolat-wrapper .share {
    height: 80px;
    width: 80px;
    right: 162px;
  }
  div.chocolat-wrapper .chocolat-right {
    height: 80px;
    width: 80px;
  }
  div.chocolat-wrapper .chocolat-left {
    height: 80px;
    width: 80px;
    right: 80px;
  }
  div.chocolat-wrapper .thumbnails {
    bottom: 81px;
  }
  div.chocolat-wrapper .credit {
    height: 80px;
    line-height: 80px;
  }
  div.chocolat-wrapper .chocolat-bottom {
    height: 80px;
  }
  div.chocolat-wrapper .chocolat-bottom .chocolat-description {
    padding-top: 15px;
    padding-left: 115px;
  }
  div.chocolat-wrapper .chocolat-bottom .chocolat-pagination {
    line-height: 120px;
    width: 80px;
  }
  div.chocolat-wrapper .chocolat-bottom .buttons {
    bottom: 81px;
  }
  div.chocolat-wrapper .chocolat-bottom .buttons .button {
    height: 60px;
    width: 60px;
  }
  div.chocolat-wrapper .chocolat-bottom .buttons .button .icon {
    top: auto;
    line-height: 60px;
  }
  div.chocolat-wrapper .chocolat-bottom .buttons .button:last-child {
    width: 59px;
  }
}
.article_photo {
  padding-top: 50px;
}
.article_photo .slideshow-img {
  height: 631px !important;
}
.article_photo .slideshow-img .images .img img {
  width: 100%;
}
.article_photo .slideshow-img .thumbnails {
  width: 960px;
}
.article_photo .caption {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
.article_photo .caption strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif !important;
}

@media screen and (max-width: 1600px) {
  div.chocolat-wrapper .chocolat-right .icon, div.chocolat-wrapper .chocolat-left .icon, div.chocolat-wrapper .share .icon {
    line-height: 80px;
  }
  div.chocolat-wrapper .chocolat-bottom .icon_diaporama {
    font-size: 2rem;
    color: white;
    z-index: 100;
    line-height: 65px;
  }
}
.slideshow .slideshow-img .images .img a {
  width: 100%;
  height: 100%;
}

.filters {
  text-align: center;
}
.filters .icon {
  font-size: .4rem;
  vertical-align: baseline;
  float: right;
}
.filters div {
  display: inline-block;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  margin-right: 40px;
  text-transform: uppercase;
}
.filters div:last-child {
  margin-right: 0;
}
.filters div .label {
  color: #333;
  margin-right: 15px;
  letter-spacing: 0.1em;
}
.filters div .select {
  color: #c8a461;
  cursor: pointer;
  -moz-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.filters div .select:hover {
  opacity: 0.5;
}
.filters div .select span {
  display: none;
  padding-right: 13px;
}
.filters div .select span.active {
  display: inline-block;
}

#filters {
  background-color: rgba(0, 0, 0, 0.9);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  top: 0;
  width: 100%;
  z-index: 15;
  -moz-transition: opacity 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  overflow-y: auto;
}
#filters.show {
  opacity: 1;
  visibility: visible;
}
#filters span {
  color: #fff;
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: 0.4em;
  opacity: 0;
  margin: 15px auto;
  text-align: center;
  text-transform: uppercase;
  visibility: hidden;
  -moz-transform: translateY(20px) translateZ(0);
  -ms-transform: translateY(20px) translateZ(0);
  -webkit-transform: translateY(20px) translateZ(0);
  transform: translateY(20px) translateZ(0);
}
#filters span.show {
  opacity: 1;
  visibility: visible;
  -moz-transform: translateY(0) translateZ(0);
  -ms-transform: translateY(0) translateZ(0);
  -webkit-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
}
#filters span.active {
  color: #c8a461;
}
#filters span:hover {
  color: #c8a461;
  cursor: pointer;
}
#filters span:nth-child(1) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.1s, 0.1s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(2) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.15s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.15s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.15s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.15s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.15s, 0.15s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.15s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.15s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(3) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.2s, 0.2s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(4) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.25s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.25s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.25s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.25s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.25s, 0.25s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.25s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.25s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(5) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.3s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.3s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.3s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.3s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.3s, 0.3s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.3s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.3s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(6) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.35s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.35s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.35s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.35s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.35s, 0.35s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.35s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.35s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(7) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.4s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.4s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.4s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.4s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.4s, 0.4s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.4s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.4s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(8) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.45s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.45s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.45s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.45s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.45s, 0.45s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.45s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.45s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(9) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.5s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.5s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.5s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.5s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.5s, 0.5s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.5s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.5s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(10) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.55s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.55s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.55s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.55s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.55s, 0.55s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.55s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.55s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(11) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.6s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.6s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.6s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.6s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.6s, 0.6s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.6s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.6s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(12) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.65s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.65s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.65s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.65s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.65s, 0.65s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.65s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.65s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(13) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.7s, 0.7s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(14) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.75s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.75s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.75s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.75s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.75s, 0.75s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.75s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.75s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#filters span:nth-child(15) {
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.8s, -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.8s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.8s, -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.8s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.8s, 0.8s, 0s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.8s, transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.8s, color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.close-button {
  border: 1px solid #c8a461;
  cursor: pointer;
  height: 85px;
  opacity: 0.6;
  position: absolute;
  top: 5%;
  right: 5%;
  width: 85px;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  text-align: center;
}
.close-button:hover {
  opacity: 1;
}
.close-button .icon {
  color: #c8a461;
  line-height: 85px;
}

.audio-container .audio-player {
  box-sizing: border-box;
  height: 87px;
  overflow: hidden;
  position: relative;
}
.audio-container .audio-player:before {
  background: #000;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  visibility: visible;
  width: 100%;
  z-index: 2;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.audio-container .audio-player.on .on {
  opacity: 1;
  visibility: visible;
}
.audio-container .audio-player .image {
  background-size: cover;
  background-position: center;
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: blur(7px);
  filter: blur(7px);
  -ms-filter: blur(7px);
}
.audio-container .audio-player .play-btn {
  display: block;
  position: absolute;
  height: 87px;
  width: 87px;
  line-height: 87px;
  left: 0;
  top: 0;
  z-index: 2;
  background: none;
  outline: none;
  border: none;
}
.audio-container .audio-player .play-btn:hover {
  cursor: pointer;
}
.audio-container .audio-player .play-btn .icon {
  color: #fff;
  font-size: 1rem;
}
.audio-container .audio-player .off {
  border-left: none;
  position: relative;
  float: left;
  margin-left: 87px;
  height: 100%;
  z-index: 3;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.audio-container .audio-player .off .picto {
  bottom: auto;
  left: auto;
  display: inline-block;
  margin-left: 20px;
  position: relative;
  pointer-events: auto;
  vertical-align: middle;
  text-align: center;
  line-height: 44px;
}
.audio-container .audio-player .off .picto.hide {
  display: none;
}
.audio-container .audio-player .off .picto .icon {
  color: #c8a461;
}
.audio-container .audio-player .off .info {
  color: #969696;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  text-align: left;
  width: 218px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: 13px;
  margin-top: -3px;
}
.audio-container .audio-player .off .info .category {
  color: #c8a461;
  display: inline-block;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  margin-right: 12px;
  text-transform: uppercase;
}
.audio-container .audio-player .off .info span {
  color: #969696;
  display: inline-block;
  font-size: 0.625rem;
  letter-spacing: -0.05em;
}
.audio-container .audio-player .off .info p {
  color: #fff;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  text-align: left;
  margin-top: 5px;
  width: auto;
}
.audio-container .audio-player .on {
  opacity: 0;
  visibility: hidden;
  float: left;
  position: relative;
  height: 100%;
  z-index: 3;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.audio-container .audio-player .on.show {
  opacity: 1;
  visibility: visible;
}
.audio-container .audio-player .on .duration {
  position: absolute;
  font-size: 0.625rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: rgba(255, 255, 255, 0.3);
  margin-top: -3px;
  left: 25px;
  z-index: 3;
}
.audio-container .audio-player .on .duration .curr {
  color: #fff;
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}
.audio-container .audio-player .on .duration .total {
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
}
.audio-container .audio-player .on .progress {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: inline-block;
  margin: 0 0 0 13px;
  vertical-align: middle;
  height: 55px;
  position: relative;
  width: 200px;
  -moz-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.audio-container .audio-player .on .progress.hide {
  opacity: 0;
  visibility: hidden;
}
.audio-container .audio-player .on .progress .progress-bar {
  position: absolute;
  cursor: pointer;
  width: calc(100% - 20px);
  margin-left: 10px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 1px;
  bottom: 27px;
}
.audio-container .audio-player .on .progress .progress-bar .buffer-bar {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1px;
  height: 3px;
  width: 0%;
  position: absolute;
  z-index: 1;
}
.audio-container .audio-player .on .progress .progress-bar .current-bar {
  background-color: #fff;
  border-radius: 1px;
  height: 3px;
  width: 0%;
  position: absolute;
  z-index: 2;
}
.mob .audio-container .audio-player .on .progress {
  width: 285px;
  border-right: none;
}
.audio-container .audio-player .on .sound {
  position: relative;
  display: inline-block;
  width: 85px;
  height: 14px;
}
.audio-container .audio-player .on .sound .icon {
  position: absolute;
  font-size: 1rem;
  height: 16px;
  width: 10px;
  margin: auto;
  color: #fff;
  background: none;
  outline: none;
  border: none;
}
.audio-container .audio-player .on .sound .sound-bar {
  position: absolute;
  cursor: pointer;
  width: 55px;
  height: 3px;
  bottom: 3px;
  margin: auto;
  margin-left: 25px;
  background-color: rgba(0, 0, 0, 0.5);
}
.audio-container .audio-player .on .sound .sound-bar .sound-seek {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: auto;
  background-color: #fff;
  z-index: 10;
}
.mob .audio-container .audio-player .on .sound {
  display: none !important;
}
.audio-container .jwplayer {
  height: 0 !important;
  width: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  cursor: none !important;
  overflow: hidden !important;
}
.audio-container.actu-article-audio {
  margin-top: 50px !important;
  height: 600px;
  width: 980px !important;
}
.audio-container.actu-article-audio .audio-player {
  height: 600px;
}
.audio-container.actu-article-audio .audio-player .play-btn {
  top: auto;
  bottom: 0;
}
.audio-container.actu-article-audio .audio-player .off {
  height: 87px;
  margin-top: 513px;
}
.audio-container.actu-article-audio .audio-player .on {
  height: 87px;
  margin-top: 513px;
}
.audio-container.actu-article-audio .audio-player .progress {
  width: 550px;
}
.mob .audio-container.actu-article-audio .audio-player .progress {
  width: 635px;
}
.audio-container.popin-audio {
  background-color: #fff;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  left: 50%;
  width: 750px;
  height: 580px;
  margin: -290px 0 0 -375px;
  padding: 20px;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 100;
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -moz-transition: all 1.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.audio-container.popin-audio:after {
  right: 50%;
}
.audio-container.popin-audio:before {
  visibility: hidden;
}
.audio-container.popin-audio.show {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.audio-container.popin-audio .audio-player {
  height: 440px;
}
.audio-container.popin-audio .audio-player .play-btn {
  top: auto;
  bottom: 0;
}
.audio-container.popin-audio .audio-player .on {
  height: 87px;
  margin-top: 353px;
  margin-left: 70px;
}
.audio-container.popin-audio .audio-player .progress {
  width: 520px;
}
.mob .audio-container.popin-audio .audio-player .progress {
  width: 605px;
}
.audio-container.popin-audio .info {
  color: #969696;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  bottom: 20px;
  height: 80px;
  left: 20px;
  margin: 0;
  text-align: left;
  width: 710px;
}
.audio-container.popin-audio .info .category {
  color: #c8a461;
  display: inline-block;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  margin-right: 12px;
  text-transform: uppercase;
}
.audio-container.popin-audio .info span {
  color: #969696;
  display: inline-block;
  font-size: 0.625rem;
  letter-spacing: -0.05em;
}
.audio-container.popin-audio .info p {
  color: #333;
  font-size: 1rem;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  text-align: left;
  margin-top: 5px;
  width: auto;
}
.audio-container.popin-audio .buttons {
  position: absolute;
  bottom: 25px;
  right: 20px;
}
.audio-container.popin-audio .buttons a:hover {
  background-color: #fff;
  border-color: #c8a461 !important;
}
.audio-container.popin-audio .buttons a:hover + .button {
  border-left-color: #c8a461;
}
.audio-container.popin-audio .buttons a .icon {
  font-size: .8rem;
  position: absolute;
  top: 30px;
  left: 30px;
}
.audio-container.popin-audio .buttons a:hover {
  color: #c8a461;
}
.single-article .audio-container {
  margin: 0 auto 70px;
  width: 630px;
}

.ov {
  background-color: #141414;
  content: '';
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 25;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.ov.show {
  opacity: 0.8;
  visibility: visible;
}

video {
  width: 100%;
  height: 100%;
}

.single-movie .trailer .video-container,
.webtv-live .trailer .video-container {
  width: 100%;
  height: 100%;
}

.single-movie .videos .video-container {
  width: 977px;
  height: calc(977px / 1.58);
  margin-bottom: 30px;
}

.single-channel .small-container .player.video-container {
  width: 975px;
  height: calc(975px / 1.58);
}

.single-article .container .video-container.video-single {
  margin-top: 50px;
  width: 980px;
  height: calc(980px / 1.58);
}

.popin-video .video-container {
  width: 710px;
  height: calc(710px / 1.58);
}

.video-container {
  position: relative;
  overflow: hidden;
  width: 630px;
  height: calc(630px / 1.58);
}
.video-container button {
  background: none;
  border: 0;
  color: inherit;
  outline: none;
  cursor: pointer;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
}
.video-container .jwplayer {
  z-index: 2;
}
.video-container .jwplayer.jw-state-idle .jw-preview {
  background-size: cover;
}
.video-container .top-bar {
  background: url("../../bundles/fdccourtmetrage/img/shadow-reverse.png") repeat-x;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  height: 80px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.tablet .video-container .top-bar {
  display: none;
}
.video-container .top-bar:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #141414;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.video-container .top-bar:hover:after {
  opacity: 1;
  visibility: visible;
}
.video-container .top-bar .channels {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  display: block;
  float: left;
  text-align: center;
  height: 100%;
  width: 80px;
  position: relative;
  z-index: 1;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.video-container .top-bar .channels:hover, .video-container .top-bar .channels.active {
  background-color: #c8a461;
}
.video-container .top-bar .channels i {
  display: table;
  width: 100%;
  height: 100%;
  font-size: 24px;
  color: #fff;
}
.video-container .top-bar .channels i:before {
  display: table-cell;
  vertical-align: middle;
}
.video-container .top-bar .info {
  color: #666;
  display: block;
  height: 100%;
  float: left;
  margin-top: 0;
  margin-left: 25px;
  position: relative;
  text-align: left;
  z-index: 1;
  max-width: calc(100% - 450px);
}
.video-container .top-bar .info .category {
  margin-left: 0;
  color: #c8a461;
  display: inline-block;
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  margin-right: 12px;
  text-transform: uppercase;
}
.video-container .top-bar .info span {
  color: #777;
  display: inline-block;
  font-size: 0.7rem;
}
.video-container .top-bar .info p {
  color: #fff;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  line-height: 20px;
  text-align: left;
  width: auto;
}
.video-container .top-bar .buttons {
  float: right;
  position: relative;
  z-index: 1;
}
.video-container .top-bar .buttons .button {
  background: none;
  border-color: rgba(255, 255, 255, 0.3);
  border-top: none;
  border-bottom: none;
  height: 80px;
  width: 80px;
}
.video-container .top-bar .buttons .button i {
  display: table;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #c8a461;
}
.video-container .top-bar .buttons .button i:before {
  display: table-cell;
  vertical-align: middle;
}
.video-container .channels-video {
  height: 185px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -92px;
  z-index: -1;
  -moz-transform: translate3d(0, 30px, 0);
  -ms-transform: translate3d(0, 30px, 0);
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.video-container .channels-video.active {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
  z-index: 3;
  overflow: hidden;
}
.video-container .channels-video .info, .video-container .channels-video .picto {
  display: block;
}
.video-container .channels-video .info-container {
  text-align: left;
  max-width: 200px;
}
.video-container .channels-video .image-wrapper {
  overflow: hidden;
  width: 293px;
  height: 193px;
  position: relative;
}
.video-container .channels-video .owl-item {
  opacity: 1;
  width: 293px !important;
}
.video-container .channels-video .owl-item .image-wrapper img {
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.video-container .channels-video .owl-item .linkVid {
  display: block;
}
.video-container .channels-video .info {
  bottom: 15px;
  height: auto;
}
.video-container .channels-video .info p {
  font-size: 0.850rem;
}
.video-container .infos-bar {
  position: relative;
  z-index: 5;
}
.tablet .video-container .infos-bar {
  display: none;
}
.video-container .infos-bar .picto {
  bottom: 20px;
  left: 20px;
  cursor: pointer;
  pointer-events: auto;
}
.video-container .infos-bar .picto.hide {
  opacity: 0;
  visibility: hidden;
}
.video-container .infos-bar .info {
  color: #666;
  height: 44px;
  bottom: 20px;
  left: 80px;
  position: absolute;
  z-index: 2;
  text-align: left;
}
.video-container .infos-bar .info.hide {
  opacity: 0;
  visibility: hidden;
}
.video-container .infos-bar .info .category {
  color: #c8a461;
  display: inline-block;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  margin-right: 12px;
  text-transform: uppercase;
}
.video-container .infos-bar .info span {
  color: #666;
  display: inline-block;
  font-size: 0.625rem;
}
.video-container .infos-bar .info p {
  color: #fff;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.850rem;
  text-align: left;
  width: auto;
  margin: 5px 0 0 0;
}
.video-container .control-bar {
  position: absolute;
  z-index: 10;
  bottom: 0;
  height: 18%;
  width: 100%;
  opacity: 1;
  background: rgba(0, 0, 0, 0.15);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
  transition: all .3s ease-in-out 2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.tablet .video-container .control-bar {
  display: none;
}
.video-container .control-bar .playstate {
  position: relative;
  width: 100px;
  height: 100%;
  display: inline-block;
}
.video-container .control-bar .playstate .play-btn {
  position: absolute;
  width: 12px;
  height: 14px;
  bottom: 40px;
  left: 40px;
  right: auto;
  margin: auto;
  color: #fff;
  font-size: 14px;
}
.video-container .control-bar .playstate .play-btn.pause {
  background-image: url("../../bundles/fdccourtmetrage/img/player/pause.png");
}
.video-container .control-bar .time {
  display: inline-block;
  position: relative;
  width: 125px;
  height: 100%;
}
.video-container .control-bar .time.hide {
  opacity: 0;
  visibility: hidden;
}
.video-container .control-bar .time .time-info {
  position: absolute;
  font-family: Helvetica;
  color: #83847f;
  font-size: 14px;
  width: 85px;
  height: 16px;
  bottom: 38px;
  left: 0px;
  margin: auto;
}
.video-container .control-bar .time .time-info .current-time {
  color: #fff;
}
.video-container .control-bar .progress {
  position: relative;
  display: inline-block;
  width: calc(100% - 458px);
  height: 100%;
}
.video-container .control-bar .progress.hide {
  opacity: 0;
  visibility: hidden;
}
.video-container .control-bar .progress .progress-bar {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 1px;
  bottom: 45px;
}
.video-container .control-bar .progress .progress-bar .buffer-bar {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1px;
  height: 3px;
  width: 0%;
  position: absolute;
  z-index: 1;
}
.video-container .control-bar .progress .progress-bar .current-bar {
  background-color: #fff;
  border-radius: 1px;
  height: 3px;
  width: 0%;
  position: absolute;
  z-index: 2;
}
.video-container .control-bar .sound {
  position: relative;
  display: inline-block;
  width: 135px;
  height: 100%;
}
.video-container .control-bar .sound .icon {
  position: absolute;
  height: 14px;
  width: 10px;
  left: 40px;
  bottom: 40px;
  margin: auto;
  color: #fff;
}
.video-container .control-bar .sound .icon:before {
  height: 14px;
}
.video-container .control-bar .sound .sound-bar {
  position: absolute;
  cursor: pointer;
  width: 70px;
  height: 3px;
  bottom: 45px;
  margin: auto;
  margin-left: 65px;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-container .control-bar .sound .sound-bar .sound-seek {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: auto;
  background-color: #fff;
  z-index: 10;
}
.video-container .control-bar .fs {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 100%;
}
.video-container .control-bar .fs .icon {
  position: absolute;
  width: 18px;
  height: 14px;
  color: #fff;
  bottom: 40px;
  right: 40px;
  margin: auto;
}
.video-container:fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
}
.video-container:fullscreen.state-init .top-bar {
  opacity: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.video-container:fullscreen.state-complete > .top-bar {
  opacity: 1;
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.video-container:fullscreen .jw-state-paused + .top-bar {
  opacity: 1;
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.video-container:-moz-full-screen {
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
}
.video-container:-moz-full-screen.state-init .top-bar {
  opacity: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.video-container:-moz-full-screen.state-complete > .top-bar {
  opacity: 1;
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.video-container:-moz-full-screen .jw-state-paused + .top-bar {
  opacity: 1;
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.video-container:-ms-fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
}
.video-container:-ms-fullscreen.state-init .top-bar {
  opacity: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.video-container:-ms-fullscreen.state-complete > .top-bar {
  opacity: 1;
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.video-container:-ms-fullscreen .jw-state-paused + .top-bar {
  opacity: 1;
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.video-container:-webkit-full-screen {
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
}
.video-container:-webkit-full-screen.state-init .top-bar {
  opacity: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.video-container:-webkit-full-screen.state-complete > .top-bar {
  opacity: 1;
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.video-container:-webkit-full-screen .jw-state-paused + .top-bar {
  opacity: 1;
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.video-container.state-init .control-bar {
  opacity: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.video-container.state-init:hover .control-bar {
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.video-container.state-complete > .control-bar {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.video-container:hover .control-bar {
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: all .3s ease-in-out;
}
.video-container.control-hide:hover,
.video-container.control-hide .jw-flag-controls-disabled .jw-media,
.video-container.control-hide .progress-bar,
.video-container.control-hide button {
  cursor: none;
}
.video-container.control-hide .control-bar {
  opacity: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.video-container.control-hide .jwplayer:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: visible;
  z-index: 2;
}
.video-container .jw-state-paused:before {
  content: '';
  background: #000;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  visibility: visible;
  z-index: 2;
}
.tablet .video-container .jw-state-paused:before {
  display: none;
}
.video-container .jw-state-paused.overlay-channels:before {
  opacity: 0.8;
  visibility: visible;
}
.video-container .jw-state-paused ~ .control-bar {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.popin-video {
  background-color: #fff;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 50%;
  left: 50%;
  width: 750px;
  height: 590px;
  margin: -290px 0 0 -375px;
  padding: 20px;
  box-sizing: border-box;
  z-index: 100;
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -moz-transition: all 1.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.popin-video:after {
  right: 50%;
}
.popin-video:before {
  visibility: hidden;
}
.popin-video.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.popin-video .popin-info {
  position: absolute;
  bottom: 20px;
  height: 80px;
  left: 20px;
  margin: 0;
  text-align: left;
  width: 710px;
}
.popin-video .popin-info p {
  color: #333;
  font-size: 1rem;
  line-height: normal;
  margin-top: 5px;
}
.popin-video .popin-info .category {
  color: #c8a461;
  display: inline-block;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  margin-right: 12px;
  text-transform: uppercase;
}
.popin-video .popin-info span {
  color: #969696;
  display: inline-block;
  font-size: 0.625rem;
  letter-spacing: -0.05em;
}
.popin-video .popin-buttons {
  position: absolute;
  bottom: 25px;
  right: 20px;
}
.popin-video .popin-buttons a:hover {
  background-color: #fff;
  border-color: #c8a461 !important;
}
.popin-video .popin-buttons a:hover + .button {
  border-left-color: #c8a461;
}
.popin-video .popin-buttons a .icon {
  font-size: .8rem;
  position: absolute;
  top: 30px;
  left: 30px;
}
.popin-video .popin-buttons a:hover {
  color: #c8a461;
}

.single-article .video-container {
  margin: 65px auto 70px;
  width: 100% !important;
  margin: 50px auto !important;
  text-align: center !important;
}

.jwplayer {
  width: 100% !important;
}

.video .picto .icon {
  font-size: 0.8rem;
  margin-top: 16px;
  margin-left: 1px !important;
}

.single-movie .poster .picto .icon {
  font-size: 2rem;
  margin-top: 24px;
  margin-left: 26px !important;
}

#selection {
  background-color: #fff;
  left: 0;
  max-height: 0;
  overflow: hidden;
  position: fixed;
  top: 230px;
  width: 100%;
  z-index: 14;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#selection #toClone {
  display: none;
}
#selection.open {
  max-height: 405px;
  padding: 40px 0 30px 0;
}
#selection h2 strong {
  color: #c8a461;
  font-weight: normal;
}
#selection #slider-selection, #selection #slider-suggestion {
  min-height: 230px;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#selection #slider-selection.fade, #selection #slider-suggestion.fade {
  opacity: 0;
  visibility: hidden;
}
#selection #slider-selection .owl-stage-outer, #selection #slider-suggestion .owl-stage-outer {
  overflow: initial;
}
#selection #slider-selection .owl-stage, #selection #slider-suggestion .owl-stage {
  background-color: #fff;
}
#selection #slider-selection .owl-item, #selection #slider-suggestion .owl-item {
  background-color: #fff;
  z-index: 2;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#selection #slider-selection .owl-item.added, #selection #slider-suggestion .owl-item.added {
  -moz-transition: padding-right 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), opacity 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95), -moz-transform 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: padding-right 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), opacity 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95), -o-transform 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: padding-right 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), opacity 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: padding-right 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), opacity 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95), transform 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#selection #slider-selection .owl-item .image-wrapper img, #selection #slider-suggestion .owl-item .image-wrapper img {
  max-width: 100%;
}
#selection #slider-selection .owl-item.fade, #selection #slider-suggestion .owl-item.fade {
  padding-right: 0 !important;
  width: 0 !important;
  overflow: hidden;
  position: absolute;
}
#selection #slider-selection .owl-item.scaled, #selection #slider-suggestion .owl-item.scaled {
  opacity: 0;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
#selection #slider-selection .owl-item .info, #selection #slider-selection .owl-item .picto, #selection #slider-suggestion .owl-item .info, #selection #slider-suggestion .owl-item .picto {
  -moz-transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#selection #slider-selection .article, #selection #slider-suggestion .article {
  height: 230px;
  position: relative;
  width: 212px;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#selection #slider-selection .article.deleted, #selection #slider-suggestion .article.deleted {
  overflow: hidden;
  padding-right: 0;
  width: 0;
}
#selection #slider-selection .article.deleted .image-wrapper img, #selection #slider-suggestion .article.deleted .image-wrapper img {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  max-width: 212px !important;
  width: 212px;
}
#selection #slider-selection .article.deleted .info, #selection #slider-selection .article.deleted .delete, #selection #slider-selection .article.deleted .picto, #selection #slider-suggestion .article.deleted .info, #selection #slider-suggestion .article.deleted .delete, #selection #slider-suggestion .article.deleted .picto {
  opacity: 0;
  visibility: hidden;
}
#selection #slider-selection .article .delete, #selection #slider-suggestion .article .delete {
  background: #fff url("../../bundles/fdccourtmetrage/img/svg/close.svg") no-repeat center;
  background-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  content: '';
  display: block;
  height: 28px;
  position: absolute;
  right: -14px;
  top: -14px;
  width: 28px;
  z-index: 5;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: border-color 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: border-color 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: border-color 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: border-color 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#selection #slider-selection .article .delete:hover, #selection #slider-suggestion .article .delete:hover {
  border-color: #000;
}
#selection #slider-selection .article .category, #selection #slider-suggestion .article .category {
  display: block;
  margin: 0 auto;
}
#selection #slider-selection .article article, #selection #slider-suggestion .article article {
  float: none;
  height: 100%;
  padding: 0;
  width: 100%;
}
#selection #slider-selection .article article .image, #selection #slider-selection .article article .img, #selection #slider-suggestion .article article .image, #selection #slider-suggestion .article article .img {
  height: 133px;
  margin-bottom: 15px;
  position: relative;
}
#selection #slider-selection .article article .image img, #selection #slider-selection .article article .img img, #selection #slider-suggestion .article article .image img, #selection #slider-suggestion .article article .img img {
  width: auto;
  height: auto;
  max-width: 100%;
  height: 100%;
}
#selection #slider-selection .article article .image .picto, #selection #slider-selection .article article .img .picto, #selection #slider-suggestion .article article .image .picto, #selection #slider-suggestion .article article .img .picto {
  z-index: 1;
}
#selection #slider-selection .article article .info h2, #selection #slider-suggestion .article article .info h2 {
  margin-top: 10px;
}
#selection #slider-selection .article article .info h2 a, #selection #slider-suggestion .article article .info h2 a {
  font-size: 1rem;
}
#selection #slider-suggestion {
  opacity: 0;
  position: absolute;
  top: 139px;
  visibility: hidden;
  pointer-events: none;
}
#selection #slider-suggestion.show {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
#selection .filters-selection {
  margin-bottom: 50px;
  text-align: center;
}
#selection .filters-selection li {
  display: inline-block;
  font-size: 0.625rem;
  padding: 0 15px;
}
#selection .filters-selection li:last-child {
  border-left: 1px solid #ccc;
}
#selection .filters-selection li a {
  color: #333;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#selection .filters-selection li a.active, #selection .filters-selection li a:hover {
  color: #c8a461;
}

.sticky #selection {
  top: 91px;
}

#addtext {
  background-color: #141414;
  position: fixed;
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  opacity: 0;
  visibility: hidden;
  height: 48px;
  line-height: 48px;
  width: 200px;
  color: #fff;
  letter-spacing: 0.1em;
  top: -59px;
  left: -80px;
  z-index: 5;
  text-align: center;
  text-transform: uppercase;
  -moz-transform: translateY(6px) translateZ(0);
  -ms-transform: translateY(6px) translateZ(0);
  -webkit-transform: translateY(6px) translateZ(0);
  transform: translateY(6px) translateZ(0);
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#addtext:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 7px solid transparent;
  border-top-color: #141414;
  top: 100%;
  left: 92px;
}
#addtext.show {
  opacity: 1;
  visibility: visible;
  -moz-transform: translateY(0) translateZ(0);
  -ms-transform: translateY(0) translateZ(0);
  -webkit-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
}

header #searchContainer {
  z-index: 14;
}

#searchContainer {
  background-color: #fff;
  left: 0;
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  position: fixed;
  top: 230px;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#searchContainer .container {
  position: relative;
}
#searchContainer p.link {
  margin-top: 25px;
}
#searchContainer p.link .icon {
  margin-right: 10px;
  font-size: .45rem;
  margin-bottom: 3px;
  vertical-align: middle !important;
}
#searchContainer p.link a {
  color: #c8a461;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  text-transform: uppercase;
  -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#searchContainer p.link a:hover {
  opacity: 0.5;
}
#searchContainer ::-webkit-input-placeholder {
  color: #e6e6e6;
  font-size: 2.250rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}
#searchContainer :-moz-placeholder {
  color: #e6e6e6;
  font-size: 2.250rem;
  letter-spacing: 0.1em;
  line-height: 1em;
}
#searchContainer ::-moz-placeholder {
  color: #e6e6e6;
  font-size: 2.250rem;
  letter-spacing: 0.1em;
  line-height: 1em;
}
#searchContainer :-ms-input-placeholder {
  color: #e6e6e6;
  font-size: 2.250rem;
  letter-spacing: 0.1em;
  line-height: 1em;
}
#searchContainer form {
  display: block;
  margin-top: 40px;
  position: relative;
  width: 100%;
}
#searchContainer #inputSearch {
  border: none;
  border-bottom: 1px solid #dfdfdf;
  color: #333;
  line-height: 1em;
  padding-bottom: 10px;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  letter-spacing: 0.1em;
  font-size: 2.250rem;
  outline: none;
  width: 100%;
}
#searchContainer #inputSearch::-ms-clear {
  visibility: hidden;
}
#searchContainer .icon_recherche {
  color: #c8a461;
  font-size: 1.5rem;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#searchContainer .icon_recherche:hover {
  opacity: .5;
  cursor: pointer;
}
#searchContainer #submitSearch {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50px;
  line-height: 50px;
  width: 50px;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#searchContainer #submitSearch:hover {
  opacity: 0.6;
}
#searchContainer #footerSearch {
  background-color: #000;
  height: 300px;
  margin-top: 40px;
  position: relative;
  width: 100%;
}
#searchContainer #footerSearch .img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0.3;
  width: 100%;
  background: url("../../bundles/fdccourtmetrage/img/search/footer.jpg") no-repeat top center;
  background-size: cover;
}
#searchContainer #footerSearch .txtFooter {
  color: #fff;
  position: relative;
  text-align: center;
  z-index: 1;
}
#searchContainer #footerSearch .txtFooter h2 {
  font-size: 1.750rem;
}
#searchContainer #footerSearch .txtFooter h3 {
  font-size: 0.750rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 12px;
}
#searchContainer #count {
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  color: #000;
  opacity: 0.4;
  right: 45px;
  font-size: 0.688rem;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  height: 25px;
  line-height: 25px;
  top: 19px;
  padding-right: 10px;
  position: absolute;
  z-index: 1;
}
#searchContainer #results {
  overflow: hidden;
  padding-left: 120px;
}
#searchContainer #results #artistsResults .person.big {
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-left: 24px;
}
#searchContainer #results #filtered {
  display: none;
}
#searchContainer #results #filtered .filters {
  height: 48px;
  border-bottom: 1px solid #dfdfdf;
  line-height: 42px;
  margin-top: 3px;
  margin-left: 55px;
}
#searchContainer #results #filtered #filteredContent {
  margin-left: 55px;
  padding-top: 15px;
}
#searchContainer #results #filtered #filteredContent article {
  margin-left: 40px;
  width: 240px;
}
#searchContainer #results #filtered #filteredContent article .image {
  height: 150px;
}
#searchContainer #results #filtered #filteredContent article:first-child {
  margin-left: 0;
}
#searchContainer #results #filtered #filteredContent article:nth-child(3n+1) {
  margin-left: 0;
}
#searchContainer #results #filtered #filteredContent .film.big .info h2 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
#searchContainer #results #filtered #filteredContent .film.big .info .date {
  padding-top: 5px;
}
#searchContainer #results #filtered #filteredContent.artist .person.big:nth-child(4n+1) {
  clear: both;
}
#searchContainer #results #filtered #filteredContent.news article:nth-child(3n+1), #searchContainer #results #filtered #filteredContent.info article:nth-child(3n+1), #searchContainer #results #filtered #filteredContent.statement article:nth-child(3n+1), #searchContainer #results #filtered #filteredContent.event article:nth-child(3n+1), #searchContainer #results #filtered #filteredContent.media article:nth-child(3n+1), #searchContainer #results #filtered #filteredContent.participate article:nth-child(3n+1) {
  clear: both;
}
#searchContainer #results .big {
  float: left;
  margin-bottom: 50px;
  margin-left: 40px;
  width: 170px;
}
#searchContainer #results .big:first-child {
  margin-left: 0;
}
#searchContainer #results .big:nth-child(4n+1) {
  margin-left: 0;
  clear: left;
}
#searchContainer #results .big img {
  display: block;
  margin-bottom: 17px;
  width: 170px;
  height: 231px;
  object-fit: cover;
}
#searchContainer #results .big .info {
  text-align: center;
}
#searchContainer #results .big .info h2 {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  text-transform: uppercase;
}
#searchContainer #results .big .info h2 a {
  color: #2c2c2c;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#searchContainer #results .big .info h2 a:hover {
  opacity: 0.6;
}
#searchContainer #results .big .info .category {
  color: #c8a461;
  display: block;
  font-size: 0.813rem;
  font-style: italic;
  margin: 5px 0;
}
#searchContainer #results .big .info .country {
  color: #999;
  text-transform: uppercase;
  display: block;
  font-size: 0.688rem;
}
#searchContainer #results .big .info .date {
  color: #999;
  font-size: 0.625rem;
  display: block;
  text-transform: uppercase;
}
#searchContainer #results .big.film .info .category {
  color: #a7a7a7;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  font-style: normal;
  text-transform: uppercase;
}
#searchContainer #results .big.film .info a.director {
  color: #c8a461;
  font-style: italic;
  font-size: 0.813rem;
  margin-bottom: 5px;
}
#searchContainer #results .resultWrapper {
  display: none;
  overflow: hidden;
  padding-top: 22px;
}
#searchContainer #results .resultWrapper .resultsContainer {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
#searchContainer #results .resultWrapper .resultsContainer.noBorder {
  border: none;
}
#searchContainer #results .resultWrapper .resultsContainer h2.titleSection {
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  margin-bottom: 30px;
  text-transform: uppercase;
}
#searchContainer #results .resultWrapper .resultsContainer .view-all {
  color: #c8a461;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.688rem;
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#searchContainer #results .resultWrapper .resultsContainer .view-all:hover {
  opacity: 0.6;
}
#searchContainer #results .resultWrapper .small {
  margin-bottom: 25px;
  overflow: hidden;
  position: relative;
}
#searchContainer #results .resultWrapper .small img {
  float: left;
  margin-right: 15px;
}
#searchContainer #results .resultWrapper .small .info {
  float: left;
  height: 66px;
}
#searchContainer #results .resultWrapper .small .info h2 {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.688rem;
  text-transform: uppercase;
}
#searchContainer #results .resultWrapper .small .info h2 a {
  color: #2c2c2c;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#searchContainer #results .resultWrapper .small .info h2 a:hover {
  opacity: 0.6;
}
#searchContainer #results .resultWrapper .small .info .category {
  color: #c8a461;
  display: block;
  font-size: 0.625rem;
  margin: 5px 0;
}
#searchContainer #results .resultWrapper .small .info .country {
  color: #999;
  text-transform: uppercase;
  display: block;
  font-size: 0.625rem;
}
#searchContainer #results .resultWrapper .small .info .date {
  color: #999;
  font-size: 0.625rem;
  position: absolute;
  top: 12px;
  right: 0;
}
#searchContainer #results .resultWrapper .small.film .info .category {
  color: #999;
}
#searchContainer #results .resultWrapper .small.film .info .category a {
  color: #c8a461;
  font-style: italic;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#searchContainer #results .resultWrapper .small.film .info .category a:hover {
  opacity: 0.6;
}
#searchContainer #results article {
  height: auto;
  padding: 0 0 40px 0;
  width: 225px;
}
#searchContainer #results article .info {
  color: #666;
}
#searchContainer #results article .category {
  display: block;
  margin: 0;
}
#searchContainer #results article .image {
  height: 140px;
}
#searchContainer #results article:nth-child(2n) {
  margin-left: 40px;
}
#searchContainer #results #wide {
  float: left;
  padding: 22px 55px 0 55px;
  width: 490px;
}
#searchContainer #results #wide .big {
  width: 136px;
}
#searchContainer #results #wide .big img {
  width: 136px;
  height: 185px;
  object-fit: cover;
}
#searchContainer #results #wide .big:nth-child(4n+1) {
  margin-left: 40px;
}
#searchContainer #results #wide .big:nth-child(3n+1) {
  margin-left: 0;
  clear: left;
}
#searchContainer #results #wide article:nth-child(2n+1) {
  clear: both;
}
#searchContainer #results #short {
  float: left;
  width: 257px;
}
#searchContainer #results #noResult {
  display: none;
  padding-top: 70px;
  text-align: center;
}
#searchContainer #results #noResult h3 {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  letter-spacing: 0.1em;
  font-size: 0.875rem;
  opacity: 0.2;
  color: #000;
  text-transform: uppercase;
}
#searchContainer #results #noResult p.link {
  margin-top: 20px;
}

#suggest {
  width: 100%;
  position: absolute;
  z-index: 3;
}
#suggest li {
  background-color: #fff;
  box-sizing: border-box;
  color: #a3a3a3;
  cursor: pointer;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-size: 0.688rem;
  font-weight: normal;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#suggest li:hover {
  background-color: #ededed;
}
#suggest li strong {
  color: #333;
  font-weight: 700;
}
#suggest li span {
  color: #000;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  position: absolute;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  right: 15px;
}
#suggest li:nth-child(2n) {
  background-color: #f7f7f7;
}
#suggest li:nth-child(2n):hover {
  background-color: #ededed;
}

.sticky #searchContainer {
  top: 91px;
}

.searchpage .wrapper {
  position: relative;
}
.searchpage #infscr-loading {
  display: none !important;
}
.searchpage #suggest {
  width: 977px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 100px;
}
.searchpage #colSearch {
  position: absolute;
  top: 104px;
  height: 400px;
  left: 0;
  width: 120px;
  z-index: 2;
}
.searchpage #colSearch li a {
  border-bottom: 1px solid #e5e5e5;
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  height: 48px;
  line-height: 48px;
  position: relative;
  color: #000;
  text-transform: uppercase;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.searchpage #colSearch li a.active, .searchpage #colSearch li a:hover {
  color: #c8a461;
}
.searchpage #colSearch li a.active {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
.searchpage #colSearch li a span {
  position: absolute;
  right: 0;
}
.searchpage #colSearch li:last-child {
  border-bottom: none;
}
.searchpage #colSearch.stick {
  position: fixed;
  top: 90px;
}
.searchpage #colSearch.bottom {
  bottom: 340px;
  top: auto;
}
.searchpage #results {
  min-height: 800px;
}
.searchpage #searchContainer {
  max-height: initial;
  position: relative;
  left: auto;
  top: auto;
}
.searchpage #searchContainer .container {
  position: relative;
}

#main.overlay-popin:after {
  opacity: 0.8;
  visibility: visible;
  cursor: pointer;
}

.popin-mail {
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  pointer-events: none;
  transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #fff;
  width: 628px;
  padding: 55px 0px;
  position: fixed;
  top: 16%;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  z-index: 120;
  height: 70%;
  overflow-y: scroll;
  min-height: 345px;
}
.popin-mail .contain-popin {
  width: 528px;
  margin: 0 auto;
  text-align: center;
}
.popin-mail .contain-popin .theme-article {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.63rem;
  color: #c8a461;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-right: 9px;
}
.popin-mail .contain-popin .date-article {
  font-size: 0.63rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.popin-mail .contain-popin .title-article {
  font-size: 36px;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  line-height: 50px;
  padding-bottom: 32px;
  padding-top: 7px;
}
.popin-mail .contain-popin .chap-article {
  font-size: 0.88rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  line-height: 24px;
  padding-bottom: 41px;
}
.popin-mail .contain-popin .chap-article a {
  color: #c8a461;
}
.popin-mail form {
  width: 528px;
  margin: 0 auto;
  /* Aspect général de la coche */
  /* Aspect si "pas cochée" */
  /* Aspect si "cochée" */
}
.popin-mail form .complet-infos {
  color: #c8a461;
  font-size: 0.75rem;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  float: right;
  padding-bottom: 16px;
}
.popin-mail form .newsletter {
  float: none;
}
.popin-mail form .detail {
  font-size: 0.88rem;
  color: #999999;
  float: right;
  margin-top: 4px;
}
.popin-mail form [type="checkbox"]:not(:checked),
.popin-mail form [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.popin-mail form [type="checkbox"]:not(:checked) + label,
.popin-mail form [type="checkbox"]:checked + label {
  position: relative;
  /* permet de positionner les pseudo-éléments */
  padding-left: 17px;
  /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;
  /* affiche un curseur adapté */
}
.popin-mail form [type="checkbox"]:not(:checked) + label:before,
.popin-mail form [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 10px;
  height: 10px;
  /* dim. de la case */
  border: 1px solid #c8a461;
  background: #ffffff;
}
.popin-mail form [type="checkbox"]:not(:checked) + label:after,
.popin-mail form [type="checkbox"]:checked + label:after {
  content: '\2713';
  position: absolute;
  top: 3px;
  left: 2px;
  font-size: 9px;
  color: #c8a461;
  transition: all .2s;
  /* on prévoit une animation */
}
.popin-mail form [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  /* coche invisible */
  transform: scale(0);
  /* mise à l'échelle à 0 */
}
.popin-mail form [type="checkbox"]:checked + label:after {
  opacity: 1;
  /* coche opaque */
  transform: scale(1);
  /* mise à l'échelle 1:1 */
}
.popin-mail #form {
  margin: 0 auto;
  overflow: hidden;
}
.popin-mail #form ::-webkit-input-placeholder {
  color: #999;
  font-size: 0.875rem;
}
.popin-mail #form :-moz-placeholder {
  color: #999;
  font-size: 0.875rem;
}
.popin-mail #form ::-moz-placeholder {
  color: #999;
  font-size: 0.875rem;
}
.popin-mail #form :-ms-input-placeholder {
  color: #999;
  font-size: 0.875rem;
}
.popin-mail #form .required {
  color: #999;
  float: right;
  font-size: 0.875rem;
}
.popin-mail #form input, .popin-mail #form textarea {
  background: #fff;
  border: 1px solid #c1c1c1;
  box-sizing: border-box;
  color: #999;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  display: block;
  margin-bottom: 8px;
  outline: none;
  padding: 0 25px;
  width: 100%;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.popin-mail #form input:focus, .popin-mail #form textarea:focus {
  border-color: #141414;
}
.popin-mail #form textarea {
  height: 173px;
  padding-top: 20px;
  resize: none;
  margin-bottom: 13px;
}
.popin-mail #form textarea.invalid {
  border-color: #e93939;
  color: #e93939;
}
.popin-mail #form input {
  height: 50px;
  line-height: 50px;
}
.popin-mail #form input.invalid {
  border-color: #e93939;
  color: #e93939;
}
.popin-mail #form input.valid {
  border-color: green;
}
.popin-mail #form input[type="submit"] {
  border-color: #c8a461;
  color: #c8a461;
  cursor: pointer;
  float: left;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  width: 180px;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  margin: 14px 0px;
  margin-bottom: 30px;
}
.popin-mail #form input[type="submit"]:hover {
  border-color: #000;
  color: #000;
}
.popin-mail #form input[type="checkbox"] {
  width: auto;
  height: auto;
  padding: 0px;
  margin: 0px;
  display: inline-block;
  margin-right: 7px;
}
.popin-mail #form .select {
  border: 1px solid #c1c1c1;
  box-sizing: border-box;
  color: #999;
  line-height: 50px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.688rem;
  display: block;
  height: 50px;
  margin-bottom: 15px;
  outline: none;
  padding: 0 25px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}
.popin-mail #form .select.invalid {
  border-color: #e93939;
  color: #e93939;
}
.popin-mail #form .select #triggerSelect {
  position: absolute;
  display: block;
  height: 50px;
  top: 0;
  right: 0;
  width: 50%;
  z-index: 2;
  cursor: pointer;
}
.popin-mail #form .select label {
  color: #333;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
.popin-mail #form .select select {
  background: none;
  height: 50px;
  line-height: 50px;
  margin-top: -3px;
  border: none;
  color: #c8a461;
  display: inline-block;
  vertical-align: middle;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.688rem;
  outline: none;
  -webkit-appearance: none;
  text-transform: uppercase;
  padding-right: 10px;
}
.popin-mail #form .errors {
  border: 1px solid #e93939;
  color: #e93939;
  clear: both;
  font-size: 0.875rem;
  opacity: 0;
  padding: 20px;
  display: none;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  margin-bottom: 20px;
}
.popin-mail #form .errors.show {
  opacity: 1;
  display: block;
}
.popin-mail #form .errors ul {
  list-style-type: disc;
  padding-left: 20px;
}
.popin-mail #form .errors ul li {
  margin-bottom: 5px;
}
.popin-mail .info-popin {
  display: block;
  width: 528px;
  margin: 0 auto;
}
.popin-mail .info-popin p {
  font-size: 0.63rem;
  color: #999;
  line-height: 14px;
  hyphens: auto;
  padding-top: 22px;
  border-top: 1px solid #e5e5e5;
}
.popin-mail .valid {
  border: 1px solid #25a20c;
  color: #25a20c;
  padding: 19px 0px;
}

.visible-popin {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(-30px) !important;
  pointer-events: auto;
}

.share {
  position: relative;
}

#share-box {
  position: absolute;
  top: 188px;
  z-index: 2;
  width: 371px;
  margin: 0 auto;
  left: 0;
  right: 0;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  opacity: 0;
}
#share-box.show {
  opacity: 1;
}
#share-box a {
  color: #666666;
  font-size: 0.75rem;
}

.bubble {
  background: #fff;
  border: 1px solid #dfdfdf;
  padding: 5px;
  text-align: center;
  position: relative;
}

.bubble:before {
  content: "";
  position: absolute;
  top: -15%;
  left: 49%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: -1px -1px 0px #D4D4D4;
  border: 5px solid;
  border-color: white white white white;
}

.webtv-ba-video #share-box {
  top: 84px;
  z-index: 3;
  width: 295px;
}
.webtv-ba-video #share-box .bubble {
  background-color: #141414;
  border: 1px solid #2C2C2C;
  padding: 5px;
  text-align: center;
  position: relative;
}
.webtv-ba-video #share-box .bubble:before {
  content: "";
  position: absolute;
  top: -8%;
  left: 62%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: -1px -1px 0px #2C2C2C;
  border: 4px solid;
  border-color: #141414;
}
.webtv-ba-video #share-box a {
  color: #999999;
  font-size: 0.75rem;
}

.single-channel #share-box {
  top: 85px;
  width: 298px;
}
.single-channel #share-box .bubble {
  background-color: #141414;
  border: 1px solid #2C2C2C;
}
.single-channel #share-box .bubble:before {
  box-shadow: -1px -1px 0px #2C2C2C;
  border: 4px solid;
  border-color: #141414;
}
.single-channel #share-box a {
  color: #999999;
  font-size: 0.75rem;
}
.single-channel #share-box a:hover {
  color: #999999;
  background-color: #141414;
}

.canne-classic #share-box {
  top: 187px;
  z-index: 3;
  width: 295px;
}
.canne-classic #share-box .bubble {
  background-color: #141414;
  border: 1px solid #2C2C2C;
  padding: 5px;
  text-align: center;
  position: relative;
}
.canne-classic #share-box .bubble:before {
  content: "";
  position: absolute;
  top: -8%;
  left: 49%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: -1px -1px 0px #2C2C2C;
  border: 4px solid;
  border-color: #141414;
}
.canne-classic #share-box a {
  color: #999999;
  font-size: 0.75rem;
}
.canne-classic #share-box a:hover {
  color: #999999;
  background-color: #141414;
}

.all-audios #share-box, .all-videos #share-box {
  width: 298px;
  top: 60px;
}
.all-audios #share-box .bubble:before, .all-videos #share-box .bubble:before {
  left: 60%;
}
.all-audios .square .email:hover, .all-videos .square .email:hover {
  border-right: 1px solid #c8a461 !important;
}

.chocolat-bottom #share-box {
  top: -76px;
  z-index: 89;
  width: 303px;
}
.chocolat-bottom #share-box .bubble {
  background: #141414;
  border: 1px solid #727272;
  padding: 5px;
  text-align: center;
  position: relative;
  opacity: 1;
  height: 64px;
}
.chocolat-bottom #share-box .bubble:before {
  display: none;
}
.chocolat-bottom #share-box .bubble a {
  color: #666666;
  font-size: 0.75rem;
  margin-top: 23px;
  display: block;
}

.navigation-sticky {
  background-color: #0c0c0c;
  height: 45px;
  line-height: 45px;
  z-index: 7;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.navigation-sticky a {
  color: #999999;
  transition: .5s;
}
.navigation-sticky ul {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.navigation-sticky li {
  font-size: .75rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding: 0px 7.5px;
}
.navigation-sticky li.active a {
  color: #c8a461;
}
.navigation-sticky li a:hover {
  color: #c8a461;
}
.navigation-sticky.sticky {
  position: fixed;
  top: 91px;
  width: 100%;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .navigation-sticky.sticky {
    top: 68px;
  }
}

.navigation-sticky-02 {
  background-color: #141414;
  height: 45px;
  line-height: 45px;
  z-index: 2;
}
.navigation-sticky-02 a {
  color: #fff;
  transition: .5s;
  letter-spacing: 1.1px;
}
.navigation-sticky-02 ul {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.navigation-sticky-02 li {
  font-size: .625rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  padding: 0px 7px;
}
@media screen and (max-width: 768px) {
  .navigation-sticky-02 li {
    font-size: .55rem;
  }
}
.navigation-sticky-02 li.active a {
  color: #c8a461;
}
.navigation-sticky-02 li a:hover {
  color: #c8a461;
}
.navigation-sticky-02.sticky {
  position: fixed;
  top: 91px;
  width: 100%;
}

#news + #social-wall {
  padding-top: 0px;
}

#social-wall {
  padding-top: 80px;
}
#social-wall #graph {
  border-bottom: 1px solid #eaeaea;
  height: 200px;
  margin-bottom: 20px;
  position: relative;
}
#social-wall #graph #tipGraph {
  background-color: #c8a461;
  color: #fff;
  font-size: 0.625rem;
  padding: 2px 10px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -moz-transition: -moz-transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: -o-transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#social-wall #graph #tipGraph.show {
  opacity: 1;
  visibility: visible;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#social-wall #graph #tipGraph:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 4px solid transparent;
  border-top-color: #c8a461;
  top: 100%;
  left: 35%;
}
#social-wall #graph circle {
  cursor: pointer;
}
#social-wall #graph ul {
  left: 52px;
  position: absolute;
  top: 0;
  width: calc(100% - 30px);
}
#social-wall #graph ul li {
  color: #f3f3f3;
  display: inline-block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.688rem;
  text-align: center;
  width: 76px;
}
#social-wall #graph ul li:last-child {
  width: 65px;
}
@media screen and (max-width: 1024px) {
  #social-wall #graph ul li:last-child {
    width: 45px;
    text-align: right;
  }
}
#social-wall #graph ul li.active {
  color: #000;
}
#social-wall #graph ul li span {
  display: block;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 14px;
}
#social-wall #graph #hashtag {
  color: #c8a461;
  float: left;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  height: 100%;
  width: 86px;
}
#social-wall #graph #hashtag img {
  display: block;
}
#social-wall #graph .icon {
  color: #c8a461;
  font-size: 4rem;
  margin-left: 5px;
}
#social-wall #graph svg {
  display: block;
  float: left;
  width: 891px;
}
#social-wall #wall {
  border-bottom: 1px solid #eaeaea;
  overflow: hidden;
  padding-bottom: 45px;
}
#social-wall #wall .post {
  float: left;
  height: 125px;
  max-width: 12.5%;
  position: relative;
  width: 125px;
}
#social-wall #wall .post .instagram:after {
  background: url("../../bundles/fdccourtmetrage/img/svg/instagram.svg");
  background-size: contain;
  bottom: 5px;
  content: '';
  display: block;
  left: 10px;
  position: absolute;
  height: 17px;
  width: 17px;
}
#social-wall #wall .post .twitter:after {
  background: url("../../bundles/fdccourtmetrage/img/svg/twitter.svg");
  background-size: contain;
  bottom: 5px;
  content: '';
  display: block;
  left: 10px;
  position: absolute;
  height: 16px;
  width: 16px;
}
#social-wall #wall .post p {
  box-sizing: border-box;
  padding: 0 10px;
  width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#social-wall #wall .post .twitter.hasimg:after {
  background-image: url("../../bundles/fdccourtmetrage/img/svg/twitter.svg");
}
#social-wall #wall .post .side {
  backface-visibility: hidden;
  background-size: cover;
  cursor: default;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 50% 50% 0px;
  -moz-transition: all 1.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  width: 100%;
}
#social-wall #wall .post .side .ov {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#social-wall #wall .post .side.overlay .ov {
  opacity: 0.7;
  visibility: visible;
}
#social-wall #wall .post .side.hasimg {
  cursor: pointer;
}
#social-wall #wall .post .side.hasimg .txt {
  opacity: 0;
  visibility: hidden;
}
#social-wall #wall .post .side.hasimg:hover .txt {
  opacity: 1;
  visibility: visible;
}
#social-wall #wall .post .side .txt {
  background-color: #fff;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  height: 100%;
  width: 100%;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#social-wall #wall .post .side a, #social-wall #wall .post .side strong {
  color: #c8a461;
  font-weight: normal;
}
#social-wall #wall .post .side.side-1 {
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
#social-wall #wall .post .side.side-1.flip {
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#social-wall #wall .post .side.side-2 {
  background-color: #f6f6f6;
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#social-wall #wall .post .side.side-2.flip {
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
#social-wall #wall .post img {
  height: 100%;
  width: 100%;
}
#social-wall #wall .post.big {
  height: 250px;
  max-width: 25%;
  width: 250px;
}
#social-wall #wall .post.big .side .txt {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
#social-wall #wall .post.big .side p {
  font-size: 1rem;
  padding: 0 25px;
  width: 250px;
}
#social-wall #wall .post.big .side.twitter:after {
  bottom: 25px;
  left: 25px;
}
#social-wall #wall .post.big .side.twitter.hasimg:after {
  bottom: 10px;
  left: 10px;
}
#social-wall #wall .post.right {
  float: right;
}

#networks {
  overflow: hidden;
  padding: 40px 0 50px 0;
}
#networks p {
  color: #333;
  float: left;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 20px;
  text-transform: uppercase;
}
#networks ul {
  float: right;
}
#networks ul li {
  display: inline-block;
  margin-left: 15px;
}
#networks ul li a {
  color: #999;
  display: block;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 16px;
  position: relative;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#networks ul li a:hover {
  color: #c8a461;
}
#networks ul li a:hover:after {
  opacity: 1;
  visibility: visible;
}
#networks ul li a:after {
  content: '';
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#networks ul li .icon {
  margin-left: 10px;
}
#networks ul li .icon.icon_youtube {
  font-size: 1.15rem;
  vertical-align: bottom !important;
}
#networks ul li .icon.icon_dailymotion {
  vertical-align: text-top !important;
}
#networks ul li .icon.icon_tumblr {
  vertical-align: text-top !important;
}

a {
  cursor: pointer;
}

#prehome-container {
  display: none !important;
  background-color: #fff;
  height: 0px;
  position: relative;
}
#prehome-container.show {
  min-height: 600px;
}
#prehome-container #prehome {
  display: none !important;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../../bundles/fdccourtmetrage/img/prehome.jpg) top center;
  background-size: cover;
  pointer-events: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#prehome-container #prehome.show {
  opacity: 1;
  visibility: visible;
}

#sliderWrapper {
  background: #141414;
  height: 537px;
}
#sliderWrapper #bar {
  background: #c8a461;
  height: 100%;
  max-width: 100%;
  width: 0%;
}
#sliderWrapper #progressBar {
  bottom: 0;
  height: 7px;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
}
#sliderWrapper .owl-stage-outer, #sliderWrapper .owl-stage, #sliderWrapper .owl-item > div {
  height: 100%;
}
#sliderWrapper .owl-prev {
  font-size: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 12%;
}
#sliderWrapper .owl-next {
  font-size: 0;
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 12%;
}
#sliderWrapper .owl-dots {
  bottom: 8%;
  text-align: center;
  position: absolute;
  width: 100%;
}
#sliderWrapper .owl-item {
  height: 100%;
  float: left;
  overflow: hidden;
  width: 1460px !important;
}
@media screen and (max-width: 1600px) {
  #sliderWrapper .owl-item {
    width: 1215px !important;
  }
}
@media screen and (max-width: 1280px) {
  #sliderWrapper .owl-item {
    width: 974px !important;
  }
}
#sliderWrapper .owl-item .linkArticle {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
#sliderWrapper .owl-item .info {
  position: absolute;
  text-align: center;
  bottom: 18%;
  z-index: 1;
  width: 1460px;
}
@media screen and (max-width: 1600px) {
  #sliderWrapper .owl-item .info {
    width: 1215px;
  }
}
@media screen and (max-width: 1280px) {
  #sliderWrapper .owl-item .info {
    width: 974px;
  }
}
#sliderWrapper .owl-item .info .category {
  color: #c8a461;
  display: block;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 10px, 0);
  -ms-transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#sliderWrapper .owl-item .info h2 {
  color: #fff;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-size: 2.750rem;
  font-weight: 400;
  line-height: 1.2em;
  max-width: 780px;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 10px, 0);
  -ms-transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s;
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s;
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.2s;
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s;
}
#sliderWrapper .owl-item .info h2 a {
  color: #fff;
}
#sliderWrapper .owl-item .img-container {
  background-color: #141414;
  height: 100%;
  width: 1460px !important;
}
@media screen and (max-width: 1600px) {
  #sliderWrapper .owl-item .img-container {
    width: 1215px !important;
  }
}
@media screen and (max-width: 1280px) {
  #sliderWrapper .owl-item .img-container {
    width: 974px !important;
  }
}
#sliderWrapper .owl-item .img-container:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  pointer-events: none;
  top: 0;
  background: transparent;
  background: -moz-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(40%, transparent), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -ms-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
}
#sliderWrapper .owl-item .img {
  background-position: center top;
  background-size: cover;
  width: 100%;
  height: 130%;
  margin-top: -10%;
  opacity: 0.2 !important;
  -moz-transition: opacity 0.1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#sliderWrapper .owl-item.center .img-container {
  z-index: 3;
}
#sliderWrapper .owl-item.center .img {
  opacity: 1 !important;
}
#sliderWrapper .owl-item.center .linkArticle {
  display: block;
}
#sliderWrapper .owl-item.center .info {
  z-index: 4;
}
#sliderWrapper .owl-item.center .info .category {
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s;
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s;
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.7s;
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s;
  -moz-transition: opacity 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s, visibility 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s;
}
#sliderWrapper .owl-item.center .info h2 {
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.9s;
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.9s;
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.9s;
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.9s;
  -moz-transition: opacity 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s, visibility 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.7s;
}
#sliderWrapper .owl-item.center .info h2 a {
  color: #fff;
}
#sliderWrapper .owl-item.center .info .category, #sliderWrapper .owl-item.center .info h2 {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#sliderWrapper #slider {
  height: 100%;
}

#filteredArticles {
  margin-bottom: 45px;
}

#news {
  overflow: hidden;
  padding: 80px 0;
}
#news #format {
  margin-right: 10px;
}
#news #articles-wrapper {
  overflow: hidden;
  -moz-transition: opacity 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95), max-height 2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95), max-height 2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95), max-height 2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95), max-height 2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#news #articles-wrapper.loading {
  opacity: 0;
  visibility: hidden;
}
#news .title {
  margin-bottom: 20px;
}
#news #shd, #news #shdMore {
  position: absolute;
  bottom: 82px;
  width: 104%;
  height: 130px;
  left: -7%;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}
#news #shd.show, #news #shdMore.show {
  opacity: 0.8;
  visibility: visible;
}
#news #shd:before, #news #shdMore:before {
  background: #3E3E3E;
  background: -moz-radial-gradient(center, ellipse cover, #3E3E3E 0%, transparent 70%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3E3E3E), color-stop(70%, transparent));
  background: -webkit-radial-gradient(center, ellipse cover, #3E3E3E 0%, transparent 70%);
  background: -o-radial-gradient(center, ellipse cover, #3E3E3E 0%, transparent 70%);
  background: -ms-radial-gradient(center, ellipse cover, #3E3E3E 0%, transparent 70%);
  background: radial-gradient(ellipse at center, #3e3e3e 0%, rgba(0, 0, 0, 0) 70%);
  bottom: -74px;
  top: auto;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#ffffff',GradientType=1 );
}
#news #shdMore {
  bottom: 70px;
}
#news #shdMore:before {
  height: 40px;
  bottom: -25px;
  background: -moz-radial-gradient(center, ellipse cover, #000 0%, transparent 60%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #000), color-stop(60%, transparent));
  background: -webkit-radial-gradient(center, ellipse cover, #000 0%, transparent 60%);
  background: -o-radial-gradient(center, ellipse cover, #000 0%, transparent 60%);
  background: -ms-radial-gradient(center, ellipse cover, #000 0%, transparent 60%);
  background: radial-gradient(ellipse at center, #000000 0%, rgba(0, 0, 0, 0) 60%);
}
#news #shd {
  bottom: 102px;
}
#news #shdMore {
  height: 100px;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#news #shdMore.show {
  opacity: 0.4;
}
#news .slideshow .caption {
  margin-top: 10px;
}
#news .filters {
  padding-bottom: 70px;
}
#news .read-more {
  border: 1px solid #d9d9d9;
  clear: both;
  color: #999;
  display: block;
  height: 55px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  line-height: 55px;
  margin-top: 45px;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  -moz-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#news .read-more strong {
  color: #000;
  font-weight: normal;
}
#news .read-more:hover {
  opacity: 0.5;
}
#news .read-more.hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0;
  border: 0;
}
#news .container {
  position: relative;
}
#news .container .content-news {
  width: 880px;
}
#news .container #timeline {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  -moz-transition: margin-top 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: margin-top 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: margin-top 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: margin-top 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#news .container #timeline.stick {
  position: fixed;
  top: 120px;
  z-index: 4;
}
#news .container #timeline.bottom {
  position: absolute;
  top: auto;
  bottom: 0px;
  left: auto !important;
}
#news .container #timeline a {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-top: 1px dotted #e5e5e5;
  color: #adadad;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  display: block;
  padding: 10px 0;
  text-align: center;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#news .container #timeline a.disabled {
  background-color: #f2f2f2;
  cursor: default;
}
#news .container #timeline a.disabled:hover {
  background-color: #f2f2f2;
  color: #adadad;
}
#news .container #timeline a:hover {
  color: #c8a461;
}
#news .container #timeline a.active {
  background-color: #c8a461;
  border-color: #c8a461;
  border-style: solid;
  color: #fff;
  position: relative;
}
#news .container #timeline a.active:after {
  content: '';
  display: block;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #c8a461;
  margin-top: -4px;
  position: absolute;
  left: -5px;
  top: 50%;
  width: 0;
}
#news .container #timeline a span {
  display: block;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 13px;
}
#news .container #timeline a:last-child {
  border-bottom: 1px dotted #e5e5e5;
}

.article .picto {
  color: #c8a461;
}
.article .picto .icon {
  margin-left: 17px;
  margin-top: 17px;
  font-size: .7rem;
}

.video .picto {
  color: #c8a461;
}
.video .picto .icon {
  font-size: 0.8rem;
  margin-top: 16px;
  margin-left: 16px;
}

.audio .picto {
  color: #c8a461;
}
.audio .picto .icon {
  font-size: 1rem;
  margin-top: 14px;
  margin-left: 14px;
}

.photo .picto {
  color: #c8a461;
}
.photo .picto .icon {
  font-size: 1rem;
  margin-top: 14px;
  margin-left: 14px;
}

.playlist .picto {
  color: #c8a461;
}
.playlist .picto .icon {
  font-size: .8rem;
  margin-top: 16px;
  margin-left: 15px;
}

.picto {
  background-color: #151515;
  background-position: center;
  background-repeat: no-repeat;
  bottom: 8px;
  height: 44px;
  left: 10px;
  position: absolute;
  pointer-events: none;
  width: 44px;
}

#news + #social-wall {
  padding-top: 0px;
}

#social-wall {
  padding-top: 80px;
}
#social-wall #graph {
  border-bottom: 1px solid #eaeaea;
  height: 200px;
  margin-bottom: 20px;
  position: relative;
}
#social-wall #graph #tipGraph {
  background-color: #c8a461;
  color: #fff;
  font-size: 0.625rem;
  padding: 2px 10px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -moz-transition: -moz-transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: -o-transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#social-wall #graph #tipGraph.show {
  opacity: 1;
  visibility: visible;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#social-wall #graph #tipGraph:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 4px solid transparent;
  border-top-color: #c8a461;
  top: 100%;
  left: 35%;
}
#social-wall #graph circle {
  cursor: pointer;
}
#social-wall #graph ul {
  left: 52px;
  position: absolute;
  top: 0;
  width: calc(100% - 30px);
}
#social-wall #graph ul li {
  color: #f3f3f3;
  display: inline-block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.688rem;
  text-align: center;
  width: 76px;
}
#social-wall #graph ul li:last-child {
  width: 65px;
}
@media screen and (max-width: 1024px) {
  #social-wall #graph ul li:last-child {
    width: 45px;
    text-align: right;
  }
}
#social-wall #graph ul li.active {
  color: #000;
}
#social-wall #graph ul li span {
  display: block;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 14px;
}
#social-wall #graph #hashtag {
  color: #c8a461;
  float: left;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  height: 100%;
  width: 86px;
}
#social-wall #graph #hashtag img {
  display: block;
}
#social-wall #graph .icon {
  color: #c8a461;
  font-size: 4rem;
  margin-left: 5px;
}
#social-wall #graph svg {
  display: block;
  float: left;
  width: 891px;
}
#social-wall #wall {
  border-bottom: 1px solid #eaeaea;
  overflow: hidden;
  padding-bottom: 45px;
}
#social-wall #wall .post {
  float: left;
  height: 125px;
  max-width: 12.5%;
  position: relative;
  width: 125px;
}
#social-wall #wall .post .instagram:after {
  background: url("../../bundles/fdccourtmetrage/img/svg/instagram.svg") no-repeat;
  background-size: contain;
  bottom: 5px;
  content: '';
  display: block;
  left: 10px;
  position: absolute;
  height: 17px;
  width: 17px;
}
#social-wall #wall .post .twitter:after {
  background: url("../../bundles/fdccourtmetrage/img/svg/twitter.svg") no-repeat;
  background-size: contain;
  bottom: 5px;
  content: '';
  display: block;
  left: 10px;
  position: absolute;
  height: 16px;
  width: 16px;
}
#social-wall #wall .post p {
  box-sizing: border-box;
  padding: 0 10px;
  width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#social-wall #wall .post .twitter.hasimg:after {
  background-image: url("../../bundles/fdccourtmetrage/img/svg/twitter.svg");
}
#social-wall #wall .post .side {
  backface-visibility: hidden;
  background-size: cover;
  cursor: default;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 50% 50% 0px;
  -moz-transition: all 1.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  width: 100%;
}
#social-wall #wall .post .side .ov {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#social-wall #wall .post .side.overlay .ov {
  opacity: 0.7;
  visibility: visible;
}
#social-wall #wall .post .side.hasimg {
  cursor: pointer;
}
#social-wall #wall .post .side.hasimg .txt {
  opacity: 0;
  visibility: hidden;
}
#social-wall #wall .post .side.hasimg:hover .txt {
  opacity: 1;
  visibility: visible;
}
#social-wall #wall .post .side .txt {
  background-color: #fff;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  height: 100%;
  width: 100%;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#social-wall #wall .post .side a, #social-wall #wall .post .side strong {
  color: #c8a461;
  font-weight: normal;
}
#social-wall #wall .post .side.side-1 {
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
#social-wall #wall .post .side.side-1.flip {
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#social-wall #wall .post .side.side-2 {
  background-color: #f6f6f6;
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#social-wall #wall .post .side.side-2.flip {
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
#social-wall #wall .post img {
  height: 100%;
  width: 100%;
}
#social-wall #wall .post.big {
  height: 250px;
  max-width: 25%;
  width: 250px;
}
#social-wall #wall .post.big .side .txt {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
#social-wall #wall .post.big .side p {
  font-size: 1rem;
  padding: 0 25px;
  width: 250px;
}
#social-wall #wall .post.big .side.twitter:after {
  bottom: 25px;
  left: 25px;
}
#social-wall #wall .post.big .side.twitter.hasimg:after {
  bottom: 10px;
  left: 10px;
}
#social-wall #wall .post.right {
  float: right;
}

#networks {
  overflow: hidden;
  padding: 40px 0 50px 0;
}
#networks p {
  color: #333;
  float: left;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 20px;
  text-transform: uppercase;
}
#networks ul {
  float: right;
}
#networks ul li {
  display: inline-block;
  margin-left: 15px;
}
#networks ul li a {
  color: #999;
  display: block;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 16px;
  position: relative;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#networks ul li a:hover {
  color: #c8a461;
}
#networks ul li a:hover:after {
  opacity: 1;
  visibility: visible;
}
#networks ul li a:after {
  content: '';
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#networks ul li .icon {
  margin-left: 10px;
}
#networks ul li .icon.icon_youtube {
  font-size: 1.15rem;
  vertical-align: bottom !important;
}
#networks ul li .icon.icon_dailymotion {
  vertical-align: text-top !important;
}
#networks ul li .icon.icon_tumblr {
  vertical-align: text-top !important;
}

#featured-videos {
  background-color: #141414;
  padding: 70px 0 0px 0;
}
#featured-videos .title {
  color: #fff;
}
#featured-videos .link {
  text-align: center;
}
#featured-videos .link .icon {
  margin-right: 10px;
  font-size: .5rem;
  margin-bottom: 3px;
  vertical-align: middle !important;
}
#featured-videos .link a {
  color: #c8a461;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  text-transform: uppercase;
  -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#featured-videos .link a:hover {
  opacity: 0.5;
}
#featured-videos #slider-videos {
  padding-top: 60px;
}
#featured-videos #slider-videos .owl-item.center .vid:hover .image-wrapper img {
  -moz-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.05) translateZ(0);
  -ms-transform: scale(1.05) translateZ(0);
  -webkit-transform: scale(1.05) translateZ(0);
  transform: scale(1.05) translateZ(0);
}
#featured-videos #slider-videos .vid {
  height: 400px;
  overflow: hidden;
  position: relative;
  width: 634px;
}
#featured-videos #slider-videos .vid:before {
  background: transparent;
  background: -moz-linear-gradient(top, transparent 56%, transparent 57%, rgba(20, 20, 20, 0.8) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(56%, transparent), color-stop(57%, transparent), color-stop(100%, rgba(20, 20, 20, 0.8)));
  background: -webkit-linear-gradient(top, transparent 56%, transparent 57%, rgba(20, 20, 20, 0.8) 100%);
  background: -o-linear-gradient(top, transparent 56%, transparent 57%, rgba(20, 20, 20, 0.8) 100%);
  background: -ms-linear-gradient(top, transparent 56%, transparent 57%, rgba(20, 20, 20, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 57%, rgba(20, 20, 20, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#141414', GradientType=0 );
  content: '';
  display: block;
  height: 100%;
  width: 102%;
  position: absolute;
  top: 0;
  left: -1%;
  z-index: 1;
}
#featured-videos #slider-videos .vid .info .titleLink {
  color: #fff;
  display: block;
  font-size: 0.875rem;
  margin-top: 3px;
}
#featured-videos #slider-videos .vid .info span {
  color: #666;
  display: inline-block;
  font-size: 0.625rem;
}
#featured-videos #slider-videos .vid .info span.category {
  color: #c8a461;
}
#featured-videos #slider-videos .vid .picto {
  color: #c8a461;
}
#featured-videos #slider-videos .vid .picto .icon {
  margin-left: 14px;
  margin-top: 14px;
}
#featured-videos #slider-videos .vid .image-wrapper {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 0;
}
#featured-videos #slider-videos .vid .image-wrapper img {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sliderDrag .owl-item {
  opacity: 0.3;
  -moz-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.sliderDrag .owl-item .linkVid {
  display: none;
}
.sliderDrag .owl-item.center {
  opacity: 1;
}
.sliderDrag .owl-item.center .linkVid {
  display: block;
}
.sliderDrag .owl-nav {
  display: none;
}
.sliderDrag .linkVid {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.webtv .sliderDrag .linkVid {
  z-index: 3;
}
.sliderDrag .info {
  bottom: 20px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.webtv .sliderDrag .info {
  z-index: 2;
}
.sliderDrag .info .info-container {
  color: #666;
  float: left;
  height: 44px;
}
.sliderDrag .info .picto {
  bottom: auto;
  float: left;
  left: auto;
  margin: 0 18px 0 20px;
  position: relative;
  top: auto;
  color: #c8a461;
}
.sliderDrag .info .picto .icon {
  margin-left: 14px;
  margin-top: 14px;
}
.sliderDrag .info .category {
  color: #c8a461;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  margin-right: 12px;
  text-transform: uppercase;
}

#channels {
  background-color: #141414;
  padding: 60px 0 60px 0;
}
#channels .title {
  color: #fff;
}
#channels #slider-channels {
  padding-top: 60px;
}
#channels #slider-channels .owl-item.center + .owl-item, #channels #slider-channels .owl-item.center + .owl-item + .owl-item {
  opacity: 1;
}
#channels #slider-channels .owl-item.center + .owl-item .linkVid, #channels #slider-channels .owl-item.center + .owl-item + .owl-item .linkVid {
  display: block;
}
#channels #slider-channels .owl-item.center .channel:hover .image-wrapper img, #channels #slider-channels .owl-item.center + .owl-item .channel:hover .image-wrapper img, #channels #slider-channels .owl-item.center + .owl-item + .owl-item .channel:hover .image-wrapper img {
  -moz-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.05) translateZ(0);
  -ms-transform: scale(1.05) translateZ(0);
  -webkit-transform: scale(1.05) translateZ(0);
  transform: scale(1.05) translateZ(0);
}
#channels #slider-channels .channel {
  height: 185px;
  overflow: hidden;
  position: relative;
  width: 293px;
}
#channels #slider-channels .channel .image-wrapper {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 0;
}
#channels #slider-channels .channel .image-wrapper img {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#channels #slider-channels .channel:before {
  background: transparent;
  background: -moz-linear-gradient(top, transparent 25%, transparent 25%, black 85%);
  background: -webkit-gradient(left top, left bottom, color-stop(25%, transparent), color-stop(25%, transparent), color-stop(85%, black));
  background: -webkit-linear-gradient(top, transparent 25%, transparent 25%, black 85%);
  background: -o-linear-gradient(top, transparent 25%, transparent 25%, black 85%);
  background: -ms-linear-gradient(top, transparent 25%, transparent 25%, black 85%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 25%, #000000 85%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#141414', GradientType=0 );
  content: '';
  display: block;
  height: 100%;
  width: 102%;
  position: absolute;
  top: 0;
  left: -1%;
  z-index: 1;
}
#channels #slider-channels .channel .info span {
  color: #fff;
  display: block;
  font-size: 0.875rem;
  margin-top: 3px;
}
#channels #slider-channels .channel img {
  display: block;
}
#channels #slider-channels .owl-nav {
  display: none;
}

#featured-movies {
  background-color: #141414;
  overflow: hidden;
}
#featured-movies #slider-movies, #featured-movies .owl-stage-outer, #featured-movies .owl-stage, #featured-movies .owl-item, #featured-movies .owl-item > div {
  height: 100%;
}
#featured-movies #barMovies {
  background: #c8a461;
  width: 100%;
  height: 0%;
}
#featured-movies #progressBarMovies {
  top: 0;
  width: 7px;
  position: absolute;
  left: 0;
  height: 100%;
  z-index: 1;
}
#featured-movies .owl-dots {
  right: 25px;
  bottom: 50%;
  text-align: center;
  position: absolute;
}
#featured-movies .owl-dot {
  display: block;
  margin: 5px 0;
}
#featured-movies .owl-stage {
  cursor: default;
}
#featured-movies .owl-item > div {
  overflow: hidden;
  position: relative;
}
#featured-movies .owl-nav {
  display: none;
}
#featured-movies .video {
  position: absolute;
}
#featured-movies .video:before {
  content: '';
  display: block;
  opacity: 0.4;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#featured-movies .video .img {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  top: 0;
  left: 0;
}
#featured-movies video {
  display: block;
  position: absolute;
  width: 100%;
}
#featured-movies .links {
  bottom: 10%;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#featured-movies .links a {
  color: #c8a461;
  display: inline-block;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  text-transform: uppercase;
  padding: 0 0 0 20px;
  position: relative;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#featured-movies .links a:hover {
  opacity: 0.5;
  /*&:after {
    opacity: 1;
    visibility: visible;
  }*/
}
#featured-movies .links a:after {
  content: '';
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  visibility: hidden;
  width: 15px;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#featured-movies .links a:first-child {
  margin-right: 45px;
}
#featured-movies .links a.seances .icon {
  margin-right: 10px;
  font-size: .7rem;
}
#featured-movies .links a.all .icon {
  margin-right: 10px;
  font-size: .6rem;
}
#featured-movies .textVideo {
  height: 100%;
  z-index: 2;
  width: 100%;
  top: 0;
}
#featured-movies .info {
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}
#featured-movies .info .category {
  color: #fff;
  display: block;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
  opacity: 0;
  text-transform: uppercase;
  visibility: hidden;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -moz-transform: translateY(20px) translateZ(0);
  -ms-transform: translateY(20px) translateZ(0);
  -webkit-transform: translateY(20px) translateZ(0);
  transform: translateY(20px) translateZ(0);
}
#featured-movies .info h2 {
  color: #fff;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 3.750rem;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
  opacity: 0;
  text-transform: uppercase;
  visibility: hidden;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -moz-transform: translateY(30px) translateZ(0);
  -ms-transform: translateY(30px) translateZ(0);
  -webkit-transform: translateY(30px) translateZ(0);
  transform: translateY(30px) translateZ(0);
}
#featured-movies .info h2 a {
  color: #fff;
}
#featured-movies .info .director {
  color: #fff;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  opacity: 0;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -moz-transform: translateY(30px) translateZ(0);
  -ms-transform: translateY(30px) translateZ(0);
  -webkit-transform: translateY(30px) translateZ(0);
  transform: translateY(30px) translateZ(0);
  visibility: hidden;
}
#featured-movies .info .director a {
  color: #c8a461;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: 14px;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#featured-movies .info .director a:hover {
  opacity: 0.5;
}
#featured-movies .active .info .category, #featured-movies .active .info .director, #featured-movies .active .info h2 {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.5s;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#featured-movies .active .info h2 {
  transition-delay: 0.8s;
}
#featured-movies .active .info .director {
  transition-delay: 1s;
}
#featured-movies .active .links {
  opacity: 1;
  transition-delay: 1.4s;
  visibility: visible;
}

.mob #featured-movies video {
  display: none;
}

.mob #featured-movies .video .img {
  display: block;
}

.push-container {
  background-color: #141414;
  overflow: hidden;
  padding: 70px 0;
  position: relative;
  z-index: 2;
}
.push-container.white {
  background-color: #fff;
}
.push-container .push {
  float: left;
  height: 205px;
  position: relative;
  width: 33.33333%;
}
.push-container .push .image-wrapper {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.push-container .push .image-wrapper:after {
  background-color: #141414;
  content: '';
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.push-container .push .image-wrapper img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  -moz-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.push-container .push.right {
  float: right;
}
.push-container .push.bigger {
  width: 66.66666%;
}
.push-container .push.bigger:after {
  content: '';
  clear: both;
}
.push-container .push.center {
  margin-left: 33.33333%;
}
.push-container .push:hover .image-wrapper:after {
  opacity: 0.4;
}
.push-container .push:hover .image-wrapper img {
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.08) translateZ(0);
  -ms-transform: scale(1.08) translateZ(0);
  -webkit-transform: scale(1.08) translateZ(0);
  transform: scale(1.08) translateZ(0);
}
.push-container .push h3 {
  color: #fff;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.4em;
  line-height: 1.5em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.push-container .push a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

#prefooter {
  background: #1f1f1f url("../../bundles/fdccourtmetrage/img/svg/palme-bg.svg") no-repeat center 20%;
  background-size: 900px auto;
  box-sizing: border-box;
  height: 535px;
  padding-top: 140px;
  overflow: hidden;
  position: relative;
}
#prefooter .textTop {
  top: 170px;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute !important;
}
#prefooter #slider-prefooter {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
#prefooter #slider-prefooter .owl-stage-outer, #prefooter #slider-prefooter .owl-stage, #prefooter #slider-prefooter .owl-item {
  height: 100%;
}
#prefooter #slider-prefooter .owl-stage {
  cursor: default;
  transition: all 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important;
}
#prefooter #slider-prefooter .owl-item {
  width: 100%;
  /*&.center {
    .imgSlide {
      left: 0;
      bottom: 0;
      right: 0;
    }
  }*/
}
#prefooter .imgSlide {
  text-align: center;
  height: 100%;
  width: 100%;
  z-index: 0;
  -moz-transform: translate3d(0px, -70px, 0px);
  -ms-transform: translate3d(0px, -70px, 0px);
  -webkit-transform: translate3d(0px, -70px, 0px);
  transform: translate3d(0px, -70px, 0px);
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    /*&:after {
      height: 100%;
      content: '';
      display: block;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #000;
      opacity: 0.3;
    }
*/
}
#prefooter .imgSlide img {
  display: block;
  margin: 0 auto;
  height: auto;
  max-height: 100%;
  width: auto;
  bottom: -10%;
  left: 0;
  right: 0;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-style: initial;
}
#prefooter .imgSlide.active {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1400px) {
  #prefooter .bottom img {
    margin-bottom: -200px;
  }
  #prefooter .top img {
    margin-top: -200px;
  }
}
#prefooter h2 {
  color: #fff;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 1.875rem;
  font-weight: normal;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
  text-align: center;
  text-transform: uppercase;
}
#prefooter h3 {
  color: #fff;
  font-size: 1.125rem;
  margin-bottom: 50px;
  position: relative;
  z-index: 1;
}
#prefooter ul {
  text-align: center;
  position: relative;
  z-index: 1;
}
#prefooter ul li {
  display: inline-block;
  padding-right: 50px;
  position: relative;
}
#prefooter ul li:after {
  background-color: #fff;
  border-radius: 100%;
  content: '';
  display: block;
  margin: -1px 0 0 0;
  opacity: 0.3;
  position: absolute;
  right: 20px;
  top: 50%;
  height: 3px;
  width: 3px;
}
#prefooter ul li:last-child {
  padding-right: 0;
}
#prefooter ul li:last-child:after {
  display: none;
}
#prefooter ul li a {
  color: #fff;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-weight: 700;
  opacity: 0.3;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#prefooter ul li a:hover, #prefooter ul li a.active {
  opacity: 1;
}

.prehome-01 {
  display: none;
  background-image: url("../../bundles/fdccourtmetrage/img/prehome01.jpg");
  background-size: cover;
  height: 100vh;
  background-position: center;
}
.prehome-01 .content {
  height: 213px;
  display: block;
  padding-left: 67px;
  padding-top: 32px;
}
.prehome-01 .link {
  display: inline-block;
  vertical-align: bottom;
}
.prehome-01 .link li a {
  font-size: .9rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 17px;
  display: block;
  transition: .5s;
}
.prehome-01 .link li a:hover {
  opacity: .7;
}
.prehome-01 .link ul {
  padding-bottom: 21px;
  padding-left: 40px;
}
.prehome-01 #logo {
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.29);
  display: inline-block;
  padding-right: 45px;
  padding-bottom: 21px;
  padding-top: 11px;
}
.prehome-01 #logo img {
  width: 141px;
  height: 99px;
}
.prehome-01 #logo h1, .prehome-01 #logo h2 {
  color: #f2e5b7;
  font-size: .875rem;
  font-size: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
}
.prehome-01 #logo h1 img {
  width: 209px;
  height: 14px;
}

.mob #sliderWrapper .owl-item.center .img-container {
  zoom: 1;
  display: block;
  top: 0;
}

.mob #featured-movies .video {
  position: absolute !important;
  z-index: 1;
}

/* BOX TWITTER / INSTAGRAM - SOCIAL BOX */
.socialIcon {
  position: absolute;
  text-align: left;
  margin-left: 10px;
  margin-top: 100px;
  z-index: 2;
}

.bigBox .socialIcon, .biggerBox .socialIcon {
  margin-top: 220px;
  margin-left: 30px;
}

.socialBox {
  width: 1020px;
  height: 500px;
  padding-top: 80px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.socialBox a {
  color: #c8a461;
  text-decoration: none;
}
.socialBox h3 {
  margin-bottom: 0px !important;
}
.socialBox img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.socialBox .firstBox {
  width: 500px;
  float: left;
}
.socialBox .secondBox {
  width: 250px;
  float: left;
}
.socialBox .thirdBox {
  width: 270px;
  float: left;
}
.socialBox .firstBox .icon_instagram, .socialBox .secondBox .icon_instagram, .socialBox .thirdBox .icon_instagram {
  color: white;
}
.socialBox .firstBox .icon_twitter, .socialBox .secondBox .icon_twitter, .socialBox .thirdBox .icon_twitter {
  color: #c8a461;
}

.biggerBox {
  display: block;
  width: 250px;
  height: 250px;
  float: left;
  position: relative;
}
.biggerBox .socialIcon {
  /*margin-left: 30px;*/
}
.biggerBox .socialContent {
  padding: 30px 15px 0px 30px;
  text-align: left;
  line-height: 27px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif !important;
  font-size: 17px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.biggerBox .socialContent h6 {
  color: #bdbdbd !important;
  font-size: 9px !important;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif !important;
}
.biggerBox .socialContent h5  {
  line-height: 20px !important;
  color: #000000 !important;
  font-size: 17px !important;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif !important;
}
.biggerBox:hover .socialIcon {
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.bigBox {
  display: block;
  width: 250px;
  height: 250px;
  float: left;
  position: relative;
}
.bigBox .socialContent {
  padding: 30px 25px 0px 30px;
  text-align: left;
  line-height: 27px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif !important;
  font-size: 17px;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.bigBox .socialContent h6 {
  color: #bdbdbd !important;
  font-size: 9px !important;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif !important;
}
.bigBox .socialContent h5  {
  line-height: 20px !important;
  color: #000000 !important;
  font-size: 17px !important;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif !important;
}
.bigBox:hover .socialIcon {
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.imgShown .socialContent {
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.imgShown:hover .socialContent {
  visibility: visible;
  opacity: 1;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.imgShown:hover img {
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.imgHidden img {
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.imgHidden:hover img {
  visibility: visible;
  opacity: 1;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.imgHidden:hover .socialContent {
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.smallBox {
  display: block;
  width: 125px;
  height: 125px;
  float: left;
  position: relative;
}
.smallBox .socialContent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px !important;
}
.smallBox .socialContent h5 {
  color: #000000 !important;
  font-size: 11px !important;
  line-height: 15px;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif !important;
  text-align: left !important;
}
.smallBox:hover .socialIcon {
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.empty {
  background: #eeeeee;
}

.shareSocial {
  color: #999999;
  width: 200px;
  text-align: center;
  margin: 0 auto;
  margin-top: 50px;
  height: 100px;
}
.shareSocial div {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  display: block;
  float: left;
  color: #999999;
}
.shareSocial a, .shareSocial i {
  text-decoration: none;
  color: #999999;
}
.shareSocial i {
  padding-left: 2px;
}
.shareSocial .icon_twitter {
  padding-left: 5px;
}

.catalogue {
  height: 630px;
  margin: 0 auto;
  text-align: center;
  display: block;
  /*background: url("../img/catalogueImg.png") no-repeat;
  background-size: 100% 100%;*/
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding-top: 70px;
}
.catalogue img {
  -moz-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 2s;
  -ms-transform: scale(1);
  /* IE 9 */
  -webkit-transform: scale(1);
  /* Safari */
  transform: scale(1);
}
.catalogue:hover img {
  -webkit-transition: all 2s;
  /*-ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);*/
  -moz-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.catalogue .imgIllustration {
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
  margin-top: 0px;
  -moz-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.catalogue .imgIllustration:after {
  content: '\A';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  opacity: 1;
  -moz-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.catalogue:hover .imgIllustration:after {
  /*opacity: 0.6;*/
  -moz-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.catalogue .img {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  top: 0;
  left: 0;
}
.catalogue h5 {
  font-size: 18px;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-weight: bold !important;
  color: #ffffff;
  letter-spacing: 10px;
  text-transform: uppercase;
  position: relative;
  z-index: 1000;
}
.catalogue div {
  float: left;
  display: block;
  text-align: center;
  margin-top: 120px;
  height: 550px;
  position: relative;
  z-index: 1000;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  /*&:hover .plusSign {
    @include transition(all 0.9s $smoothTransition);
    -webkit-transition: all 0.5s;
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }*/
}
.catalogue div h6 {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top: 30px;
}
.catalogue .plusSignContainer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -90px;
}
.catalogue .plusSign {
  cursor: pointer;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  width: 42px;
  height: 42px;
}

.blocks {
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.blocks:after {
  height: 1px;
  display: block;
  width: 100%;
  /* transform: rotate(90deg); */
  top: -2%;
  top: -8%;
  position: absolute;
  opacity: 0.4;
  content: url(../../bundles/fdccourtmetrage/img/trait.png);
  z-index: -1;
  -moz-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.blocks:hover {
  opacity: 0.6;
}
.blocks:hover:after {
  height: 1px;
  display: block;
  width: 100%;
  /* transform: rotate(90deg); */
  top: -2%;
  position: absolute;
  content: url(../../bundles/fdccourtmetrage/img/trait.png);
  z-index: -1;
  -moz-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.blocks:hover h6 {
  opacity: 0.8;
}
.blocks hr {
  transform: rotate(90deg);
  height: 1px;
  top: 21%;
  position: absolute;
  width: 100%;
  /* border-bottom: 1px solid #ECECEC; */
  opacity: 0.2;
  /* border-right: 1px white; */
  background: #ECECE2;
  border-width: 0px;
}

.blocks:hover .plusSign img {
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s;
  -ms-transform: scale(1.5);
  /* IE 9 */
  -webkit-transform: scale(1.5);
  /* Safari */
  transform: scale(1.5);
  -ms-transform: rotate(360deg);
  /* IE 9 */
  -webkit-transform: rotate(360deg);
  /* Chrome, Safari, Opera */
  transform: rotate(360deg);
}

.rotationplusSign {
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s;
  -ms-transform: scale(1.5);
  /* IE 9 */
  -webkit-transform: scale(1.5);
  /* Safari */
  transform: scale(1.5);
  -ms-transform: rotate(360deg);
  /* IE 9 */
  -webkit-transform: rotate(360deg);
  /* Chrome, Safari, Opera */
  transform: rotate(360deg);
}

.opacity {
  /*-moz-box-shadow: inset 0 0 500px 500px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 500px 500px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 500px 500px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 500px 500px 300px 300px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 500px 500px 300px 300px rgba(255, 255, 255, 0.3);
  box-shadow: inset 500px 500px 300px 300px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0px 0px 0px 800px rgba(255,255,255,0.3);
  -webkit-box-shadow: inset 0px 0px 0px 800px rgba(255,255,255,0.3);
  box-shadow: inset 0px 0px 0px 800px rgba(255,255,255,0.3);
@include transition(all 0.9s $smoothTransition); */
}

.thirdBlocks {
  width: 33.3333%;
}

.quarterBlocks {
  width: 25%;
}

.fifthBlocks {
  width: 20%;
}

.competition {
  position: relative;
}
.competition .title,
.competition h3 {
  font-size: 18px;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-weight: bold !important;
  color: #000000;
  letter-spacing: 10px;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  margin-bottom: 70px;
  padding-top: 70px;
}

.competition {
  background-color: white;
}
.competition .title {
  font-weight: bold !important;
}
.competition #slider-competition {
  margin-top: 65px;
}
.competition #slider-competition .owl-item {
  opacity: 1;
  min-height: 380px;
}
.competition #slider-competition .owl-item .slide.compat-object-fit {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 284px;
  margin-bottom: 60px;
}
.competition #slider-competition .owl-item .slide.compat-object-fit img {
  opacity: 0;
}
.competition #slider-competition .owl-item img {
  height: 284px;
  width: 210px;
  object-fit: cover;
}
.competition #slider-competition .owl-item .linkVid {
  height: 284px;
  display: block;
  z-index: 3;
  width: 210px;
}
.competition #slider-competition .info-movie {
  padding-top: 30px;
  text-align: center;
  width: 210px;
}
.competition #slider-competition .info-movie p {
  color: #2c2c2c;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.competition #slider-competition .info-movie a {
  color: #2c2c2c;
}
.competition #slider-competition .info-movie a.director {
  color: #c8a461;
  display: block;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: 0.813rem;
}

.about {
  margin: 0 auto;
  text-align: center;
  display: block;
  min-height: 700px;
  height: auto;
  width: 100%;
  z-index: 3;
  position: relative;
  overflow: auto;
  margin-bottom: 80px;
}
.about .innerWrapper {
  width: 1152px;
  margin: 0 auto;
  text-align: center;
  display: block;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .about .innerWrapper {
    width: 1024px;
  }
}
.about .aboutContent {
  height: auto;
  width: 650px;
  background: #c3a05f;
  text-align: right;
  color: white;
  float: right;
  padding: 50px 60px 50px 0px;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .about .aboutContent {
    transform: scale(0.8);
  }
}
.about .aboutContent strong {
  color: white;
}
.about .aboutContent span {
  font-size: 16px;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  opacity: 0.8;
  letter-spacing: 1px;
}
.about .aboutContent h5 {
  padding: 30px 0px 50px 345px;
  font-size: 26px;
  line-height: 35px;
  color: white;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  /*font-weight: bold!important;*/
  letter-spacing: 2px;
}
.about .aboutContent p {
  font-size: 14px;
  color: #e8ddcb;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  padding-bottom: 80px;
  line-height: 25px;
  padding-left: 300px;
}
.about .aboutContent .aboutMore {
  z-index: 3;
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  color: white;
}
.about .aboutVideos, .about .aboutPhotos {
  z-index: 3;
  height: 500px;
  width: 725px;
  position: absolute;
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .about .aboutVideos, .about .aboutPhotos {
    transform: scale(0.7);
  }
}
.about .aboutVideos img, .about .aboutPhotos img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.about .aboutVideos {
  display: none;
}
.about .aboutVideos article, .about .aboutVideos img {
  padding-left: 0px !important;
  width: 726px !important;
  height: 465px !important;
}
.about .aboutVideos .video-container {
  position: relative;
  overflow: hidden;
  width: 726px;
  height: calc(726px / 1.58);
}

.palmeBckg {
  width: 1366px;
  margin: 0 auto;
  text-align: center;
  display: block;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 800px;
  z-index: 2;
  margin-top: 0px;
  width: 100%;
  margin-top: -500px;
}
.palmeBckg .img {
  position: absolute;
  border: 0px solid white !important;
  height: 100%;
  width: 100%;
  background-size: cover;
  top: 0;
  left: 0;
}

img[src=""], .img {
  content: "";
}

.articles {
  overflow: hidden;
}
.articles.noOv {
  overflow: initial;
}
.articles.pad {
  padding-top: 40px;
}
.articles.nextDay {
  height: 90px;
}
.articles.right article {
  padding-left: 0;
  padding-right: 45px;
}
.articles.right .double {
  float: right;
  padding-right: 0;
}
.articles.center article {
  padding: 0;
  width: 29%;
}
.articles.center article:nth-child(2) {
  margin: 0 6.5%;
}
.articles.center article:nth-child(5) {
  margin: 0 6.5%;
}
.articles.center article:nth-child(8) {
  margin: 0 6.5%;
}
.articles.center article:nth-child(11) {
  margin: 0 6.5%;
}

#filteredArticles article:nth-of-type(3n-1) {
  margin: 0 6.5%;
}

h2.sub-title {
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-size: 1.5rem;
  margin-bottom: 50px;
  text-align: center;
}
h2.sub-title2 {
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-weight: 700;
  font-size: 1.125rem;
  margin: 25px 0px;
}

h3.sub-title {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  margin: 50px 0;
  text-align: center;
  text-transform: uppercase;
}

article {
  height: 305px;
  box-sizing: border-box;
  float: left;
  padding-left: 45px;
  position: relative;
  width: 35%;
}
article .info {
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  text-align: center;
}
article .info .category {
  color: #c8a461;
  display: inline-block;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  margin-right: 12px;
  text-transform: uppercase;
}
article .info span {
  color: #666;
  display: inline-block;
  font-size: 0.625rem;
}
article h2 {
  color: #333;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.3em;
  margin: 15px auto 0;
  text-align: center;
}
article h2 a {
  color: #333;
}
article h3 {
  color: #333;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.3em;
  margin: 15px auto 0;
  text-align: center;
}
article h3 a {
  color: #333;
}
article.double {
  height: 575px;
  padding-left: 0;
  width: 65%;
}
article.double h2 {
  font-size: 2.250rem;
  line-height: 1.3em;
  margin-top: 20px;
  max-width: 70%;
}
article.double .image {
  height: 362px;
  margin-bottom: 35px;
}
article:hover .image .read-later {
  opacity: 1;
  visibility: visible;
}
article:hover .image .image-wrapper img {
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.08) translateZ(0);
  -ms-transform: scale(1.08) translateZ(0);
  -webkit-transform: scale(1.08) translateZ(0);
  transform: scale(1.08) translateZ(0);
}
article .image {
  height: 165px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
article .image .image-wrapper {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 0;
}
article .image .image-wrapper img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  -moz-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
article .image .read-later {
  content: '';
  display: block;
  height: 40px;
  opacity: 0;
  visibility: hidden;
  width: 40px;
  position: absolute;
  top: 15px;
  right: 15px;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  color: #000;
  background-color: #fff;
}
article .image .read-later .icon {
  margin-top: 12px;
  margin-left: 12px;
}
article .image .read-later span {
  background-color: #141414;
  position: fixed;
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  opacity: 0;
  visibility: hidden;
  height: 48px;
  line-height: 48px;
  width: 200px;
  color: #fff;
  letter-spacing: 0.1em;
  top: -59px;
  left: -80px;
  z-index: 5;
  text-align: center;
  text-transform: uppercase;
  -moz-transform: translateY(6px) translateZ(0);
  -ms-transform: translateY(6px) translateZ(0);
  -webkit-transform: translateY(6px) translateZ(0);
  transform: translateY(6px) translateZ(0);
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -moz-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -o-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), visibility 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95), transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
article .image .read-later span:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 7px solid transparent;
  border-top-color: #141414;
  top: 100%;
  left: 92px;
}
article .image .linkImage {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
article .read-later.rAlign span:after {
  left: 132px;
}

.mob .read-later {
  opacity: 1 !important;
  visibility: visible !important;
}

.single-article {
  padding: 0px 0;
}
.single-article .text {
  margin: 35px 0px;
}
.single-article .txt-grey-bkg-container {
  background-color: #f4f4f4;
  padding: 88px 80px;
  margin-bottom: 70px;
  max-width: 776px;
  margin: 0 auto;
  text-align: left;
}
.single-article .strong {
  margin-bottom: 10px;
}
.single-article ul li {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 30px;
  font-size: 1rem;
  list-style: initial;
  list-style-position: inside;
}
.single-article ol {
  list-style-type: decimal;
  list-style: initial;
  list-style-position: inside;
}
.single-article ol li {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 30px;
  font-size: 1rem;
  list-style-type: decimal;
}
.single-article .anim {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background-color: #141414;
  z-index: 10;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-article .anim.show {
  width: 102%;
}
.single-article .anim.next {
  left: auto;
  right: 0;
}
.single-article .small-container {
  /*width: 730px;*/
  width: 977px;
}
.single-article.single-actualite .small-container {
  width: 977px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.single-article.single-actualite .small-container > div {
  width: 730px;
  margin-left: auto;
  margin-right: auto;
}
.single-article.single-actualite .small-container > div.single-photo, .single-article.single-actualite .small-container > div.single-video, .single-article.single-actualite .small-container > div.single-gallery, .single-article.single-actualite .small-container > div.chapeau {
  width: 100%;
}
.single-article.single-actualite .small-container > div.half-div, .single-article.single-actualite .small-container > div.single-photo.large-photo, .single-article.single-actualite .small-container > div.slideshow {
  width: 730px;
}
.single-article.single-actualite .small-container .half-photo {
  display: block;
  margin: 0 0 50px;
  vertical-align: top;
  width: 50%;
  float: left;
}
.single-article .print {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  color: #c8a461;
  font-size: 0.625rem;
}
.single-article .print .icon {
  font-size: 1rem;
  margin-right: 10px;
  vertical-align: middle !important;
}
.single-article .print:hover {
  color: #c8a461;
  background-color: #fff;
}
.single-article .print:hover + .button {
  border-left-color: #c8a461;
}
.single-article #share-article {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  color: #c8a461;
  font-size: 0.625rem;
  margin-bottom: 20px;
}
.single-article #share-article .icon {
  font-size: 1rem;
  margin-right: 10px;
  vertical-align: middle !important;
}
.single-article #share-article:hover {
  color: #c8a461;
  background-color: #fff;
}
.single-article #share-article:hover + .button {
  border-left-color: #c8a461;
}
.single-article .focus .title {
  margin: 50px 0;
}
.single-article .focus .articles article {
  height: 430px;
  padding: 0;
  width: 47%;
}
.single-article .focus .articles article .image {
  height: 290px;
}
.single-article .focus .articles article:first-child {
  margin-right: 6%;
}
.single-article .same-day {
  border-top: 1px solid #e5e5e5;
}
.single-article .same-day .title {
  margin: 50px 0;
}
.single-article .title-article {
  color: #333;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif !important;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.3em;
  max-width: 775px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 40px;
  margin-top: 40px;
}
.single-article .info {
  color: #969696;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  text-align: center;
}
.single-article .info .category,
.single-article .info .update {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  display: inline-block;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  margin-right: 12px;
  text-transform: uppercase;
}
.single-article .info .update {
  border-left: 1px solid #d0cfd0;
  margin-left: 4px;
  margin-right: 5px;
  padding-left: 8px;
}
.single-article .info a {
  color: black;
}
.single-article .info span {
  color: #969696;
  display: inline-block;
  font-size: 0.625rem;
}
.single-article .single-photo {
  margin: 50px 0;
  max-width: 100%;
  text-align: center;
}
.single-article .single-photo .photo-container {
  display: inline-block;
  width: 100%;
  max-width: 977px;
}
.single-article .single-photo img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.single-article .single-photo .caption {
  color: #969696;
  font-size: 0.750rem;
  margin: 10px 0 0;
  text-align: left;
}
.single-article .author {
  border-top: 1px solid #e5e5e5;
  color: #333;
  font-size: 0.750rem;
  margin: 0 auto;
  padding: 10px 0 80px;
  width: 630px;
}
.single-article .half-div {
  width: 730px;
}
.single-article .half-photo {
  display: inline-block;
  margin: 0 0 50px;
  vertical-align: top;
  width: 50%;
}
.single-article .half-photo img {
  display: block;
  max-width: 330px;
}
.single-article .half-photo .caption {
  color: #666;
  font-size: 0.750rem;
  margin: 10px 0 0;
}
.single-article .half-photo + .half-photo {
  margin: 0 0 0 -8px;
}
.single-article .half-photo + .half-photo .photo-container {
  float: right;
}
.single-article .chapeau {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 1.125rem;
  line-height: 2em;
  padding-bottom: 50px;
  text-align: center;
  width: 860px !important;
  margin: 0 auto;
}
.single-article .chapeau a {
  color: #c8a461;
}
.single-article .slideshow {
  border: none;
  margin-bottom: 70px;
}
.single-article .slideshow .slideshow-img {
  /*height: 462px;*/
}
.single-article .slideshow .caption strong {
  color: #666;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
.single-article .slideshow.article_photo .slideshow-img .thumbnails {
  bottom: 30px;
}
.single-article .slideshow.article_photo .slideshow-img .thumbnails .thumb {
  width: 128px;
  height: 84px;
}
.single-article .quote {
  width: 977px;
  margin: 0 auto;
  border-bottom: 0px solid #e5e5e5;
  border-top: 0px solid #e5e5e5;
  margin-top: 10px;
  margin-bottom: 10px;
}
.single-article .quote blockquote {
  /*border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;*/
  color: #666;
  color: #333;
  font-size: 1.688rem;
  line-height: 1.4em;
  padding: 40px 15px;
  text-align: center;
}
.single-article .big-quote {
  width: 776px;
  margin: 0 auto;
  padding: 70px 70px;
  box-sizing: border-box;
  border: 1px solid #c8a461;
  margin-bottom: 70px;
}
.single-article .big-quote strong {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 26px;
  text-align: center;
  display: block;
  margin-bottom: 25px;
}
.single-article .big-quote p {
  color: #b1b1b1;
  text-align: center;
  font-size: .875rem;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 26px;
}
.single-article .text {
  /*width: 630px;*/
  width: 776px;
  max-width: 776px;
  margin: 0 auto 70px;
}
.single-article .text p {
  color: #666;
  font-size: 1rem;
  line-height: 1.7em;
  margin-bottom: 5px;
}
.single-article .text p a {
  color: #c8a461;
}
.single-article .text strong {
  color: #333;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.single-article .text a strong {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.single-article .big-txt {
  /*width: 776px;*/
  width: 100%;
  margin: 0 auto 70px;
}
.single-article .big-txt p {
  color: #333333;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 40px;
  text-align: center;
}
.single-article .txt-grey-bkg-container {
  background-color: #f4f4f4;
  padding: 88px 0px;
  margin-bottom: 70px;
  max-width: 776px;
  margin: 0 auto;
}
.single-article .txt-grey-bkg-container .content {
  width: 634px;
  margin: 0 auto;
  display: block;
}
.single-article .txt-grey-bkg-container .content strong {
  font-size: 1rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #333333;
  margin-bottom: 20px;
  display: block;
}
.single-article .txt-grey-bkg-container .content p {
  font-size: 1rem;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  color: #666666;
  line-height: 26px;
}
.single-article .table-article {
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 644px;
  padding-bottom: 50px;
}
.single-article .table-article td, .single-article .table-article th {
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid #dfdfdf;
  padding: 15px 0px;
  width: 320px;
  text-align: center;
  color: #666666;
  font-size: .74rem;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  text-align: center;
}
.single-article .table-article th {
  text-transform: uppercase;
  color: #000;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.single-article .caption-article {
  color: #333333;
  font-size: 0.750rem;
  margin: 10px 0 0;
  text-align: left;
  display: block;
  margin: 0 auto;
  width: 644px;
  padding-top: 10px;
  border-top: 1px solid #dfdfdf;
}
.single-article .caption-article .name {
  color: #000;
}
.single-article .video-container {
  margin: 65px auto 70px;
  width: 630px;
}
.single-article .share {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 70px 0;
  margin-bottom: 0px !important;
  margin-top: 30px;
}
.single-article .share p {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}
.single-article .share a {
  color: #c8a461;
}
.single-article .share a:hover {
  background-color: #fff;
  border-color: #c8a461 !important;
}
.single-article .share a:hover + .button {
  border-left-color: #c8a461;
}
.single-article .share a:hover .icon {
  color: #c8a461;
  opacity: 1;
}
.single-article .share a .icon {
  font-size: 0.8rem;
  position: absolute;
  top: 30px;
  left: 30px;
}
.single-article .film {
  height: 365px;
  overflow: hidden;
  background-color: #2e2e2e;
}
.single-article .film .info-film {
  background-color: #2e2e2e;
  float: left;
  color: #fff;
  height: 100%;
  overflow: hidden;
  width: 50%;
}
.single-article .film .info-film .wrapper {
  float: right;
  height: 100%;
  margin-right: 85px;
  max-width: 398px;
}
.single-article .film .info-film .wrapper .category {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.single-article .film .info-film .wrapper h3 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  margin: 20px 0 10px;
  text-transform: uppercase;
}
.single-article .film .info-film .wrapper h3 a {
  color: #fff;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.single-article .film .info-film .wrapper h3 a:hover {
  opacity: 0.6;
}
.single-article .film .info-film .wrapper .poster {
  display: inline-block;
  margin-right: 65px;
  vertical-align: middle;
}
.single-article .film .info-film .wrapper .poster img {
  width: 187px;
  height: 255px;
  object-fit: cover;
}
.single-article .film .info-film .wrapper .text-container {
  display: inline-block;
  vertical-align: middle;
}
.single-article .film .info-film .wrapper p {
  color: #bababa;
  font-size: 0.813rem;
  margin: 10px 0;
}
.single-article .film .info-film .wrapper p.director {
  color: #c8a461;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  margin-bottom: 35px;
  position: relative;
}
.single-article .film .info-film .wrapper p.director a {
  color: #c8a461;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.single-article .film .info-film .wrapper p.director a:hover {
  opacity: 0.6;
}
.single-article .film .info-film .wrapper p.director:after {
  background-color: #bababa;
  bottom: -18px;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 27px;
}
.single-article .film .info-film.single {
  width: 100%;
  float: none;
}
.single-article .film .info-film.single .wrapper {
  margin: 0 auto;
  float: none;
}
.single-article .film .info-film + .programmation-film {
  float: left;
  width: 50%;
}
.single-article .film .info-film + .programmation-film .wrapper {
  color: #fff;
  height: 100%;
  float: left;
  margin-left: 85px;
  max-width: 470px;
}
.single-article .film .info-film + .programmation-film .wrapper ul li {
  width: 211px;
}
.single-article .film .programmation-film {
  background-color: #141414;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.single-article .film .programmation-film .wrapper {
  color: #fff;
  height: 100%;
  margin: 0 auto;
  max-width: 730px;
}
.single-article .film .programmation-film .wrapper .category {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.single-article .film .programmation-film .wrapper ul {
  padding: 38px 0 0;
}
.single-article .film .programmation-film .wrapper ul li {
  display: inline-block;
  font-size: 0.625rem;
  width: 363px;
}
.single-article .film .programmation-film .wrapper ul li span {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #bababa;
  margin-right: 8px;
}
.single-article .film .programmation-film .wrapper ul li span.type {
  color: #787878;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.single-article .film .programmation-film .wrapper ul li span.location {
  color: #fff;
  display: block;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  margin: 0px 0 30px;
  position: relative;
}
.single-article .film .programmation-film .wrapper ul li span.location:after {
  background-color: #525252;
  bottom: -18px;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 27px;
}
.single-article .film .programmation-film .wrapper ul li:nth-child(3) span.location:after, .single-article .film .programmation-film .wrapper ul li:nth-child(4) span.location:after {
  display: none;
}
.single-article .film .programmation-film .wrapper .button {
  border-color: #c8a461;
  margin-left: 0;
  height: 50px;
  line-height: 50px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  padding: 0 40px;
}
.single-article .film .programmation-film .wrapper .button:hover {
  background-color: transparent;
  border-color: #e8c27b;
  color: #c8a461;
}
.single-article .nav {
  border: 1px solid #dfdfdf;
  display: block;
  height: 82px;
  position: fixed;
  top: 50%;
  margin-top: -41px;
  width: 82px;
  z-index: 3;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-article .nav.bottom {
  bottom: 245px;
  position: absolute;
  top: auto;
}
.single-article .nav:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-article .nav.prev {
  left: 2%;
}
.single-article .nav.prev .icon {
  margin-top: 37px;
  margin-left: 33px;
  color: #000;
  font-size: 0.7rem;
}
.single-article .nav.prev:hover {
  border-color: #141414;
}
.single-article .nav.next {
  left: auto;
  right: 2%;
}
.single-article .nav.next .icon {
  margin-top: 37px;
  margin-left: 33px;
  color: #000;
  font-size: 0.7rem;
}
.single-article .nav.next:hover {
  border-color: #141414;
}
.single-article .text table td p {
  color: #666;
  font-size: .74rem !important;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
}

.all-articles .title {
  font-weight: bold !important;
}

.single-movie {
  padding-top: 410px;
  position: relative;
}

.single-movie .slide-video:before {
  background: transparent;
  background: -moz-linear-gradient(top, transparent 25%, transparent 25%, black 85%);
  background: -webkit-gradient(left top, left bottom, color-stop(25%, transparent), color-stop(25%, transparent), color-stop(85%, black));
  background: -webkit-linear-gradient(top, transparent 25%, transparent 25%, black 85%);
  background: -o-linear-gradient(top, transparent 25%, transparent 25%, black 85%);
  background: -ms-linear-gradient(top, transparent 25%, transparent 25%, black 85%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 25%, #000000 85%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#141414', GradientType=0 );
  content: '';
  display: block;
  height: 100%;
  width: 102%;
  position: absolute;
  top: 0;
  left: -1%;
  z-index: 1;
  opacity: .6;
}
.single-movie .slide-video:after {
  /*border: 0px solid #c8a461;*/
  box-sizing: border-box;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  z-index: 2;
}
.single-movie .slide-video:hover:after {
  border-width: 5px;
}
.single-movie .center .slide-video:after {
  border-width: 5px;
}
.single-movie .prevmovie, .single-movie .nextmovie {
  cursor: pointer;
  background: #fff;
  height: 280px;
  overflow: hidden;
  position: fixed;
  top: 57%;
  width: 0;
  margin-top: -105px;
  z-index: 2;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .prevmovie.black, .single-movie .nextmovie.black {
  background-color: #dfdfdf;
}
.single-movie .prevmovie .img, .single-movie .nextmovie .img {
  position: absolute;
  left: 100px;
  top: 38px;
  width: 150px;
}
.single-movie .prevmovie .img img, .single-movie .nextmovie .img img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.single-movie .prevmovie .info, .single-movie .nextmovie .info {
  height: 203px;
  position: absolute;
  left: 275px;
  top: 38px;
  width: 130px;
}
.single-movie .prevmovie .info h2, .single-movie .nextmovie .info h2 {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #080808;
  font-size: 0.875rem;
  font-weight: normal;
}
.single-movie .prevmovie .info a, .single-movie .nextmovie .info a {
  color: #c8a461;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  -moz-transition: opacity 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  pointer-events: none;
}
.single-movie .prevmovie .info a:hover, .single-movie .nextmovie .info a:hover {
  opacity: 0.7;
}
.single-movie .prevmovie .info p, .single-movie .nextmovie .info p {
  color: #999;
  font-size: 0.625rem;
  margin-top: 8px;
}
.single-movie .prevmovie.show, .single-movie .nextmovie.show {
  width: 420px;
}
.single-movie .videos {
  margin-bottom: 47px;
}
.single-movie .prevmovie {
  left: 2%;
}
.single-movie .nextmovie {
  right: 2%;
}
.single-movie .nextmovie .img {
  left: auto;
  right: 100px;
}
.single-movie .nextmovie .info {
  left: auto;
  right: 275px;
  text-align: right;
}
.single-movie .anim {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background-color: #141414;
  z-index: 10;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .anim.show {
  width: 102%;
}
.single-movie .anim.next {
  left: auto;
  right: 0;
}
@media screen and (max-width: 1600px) {
  .single-movie {
    padding-top: 330px;
  }
}
@media screen and (max-width: 1280px) {
  .single-movie {
    padding-top: 270px;
  }
}
@media screen and (max-width: 1024px) {
  .single-movie {
    padding-top: 180px;
  }
}
.single-movie h3.title-section {
  font-size: 1rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.single-movie .container {
  overflow: hidden;
  position: relative;
  z-index: 1;
  clear: both;
}
.single-movie .container.container-top {
  overflow: initial;
}
.single-movie .poster {
  float: left;
  margin: 0 45px 0 0;
  overflow: hidden;
  position: relative;
  width: 293px;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .poster.trailer {
  -moz-transform: translateY(570px);
  -ms-transform: translateY(570px);
  -webkit-transform: translateY(570px);
  transform: translateY(570px);
}
.single-movie .poster img {
  display: block;
  width: 293px;
  height: 397px;
  object-fit: cover;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.single-movie .poster .picto {
  height: 80px;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  pointer-events: auto;
  width: 80px;
  z-index: 1;
  -moz-transition: background-color 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: background-color 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: background-color 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: background-color 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .poster .picto .icon {
  font-size: 2rem;
  margin-top: 24px;
  margin-left: 26px;
}
.single-movie .poster .picto:hover + img {
  -moz-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.05) translateZ(0);
  -ms-transform: scale(1.05) translateZ(0);
  -webkit-transform: scale(1.05) translateZ(0);
  transform: scale(1.05) translateZ(0);
}
.single-movie .poster .picto:hover {
  background-color: #080808;
}
.single-movie .info-film {
  color: #fff;
  float: left;
  padding-top: 0px;
  width: 639px;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .info-film.trailer {
  -moz-transform: translateY(550px);
  -ms-transform: translateY(550px);
  -webkit-transform: translateY(550px);
  transform: translateY(550px);
}
.single-movie .info-film .information-movie {
  min-height: 28px;
}
.single-movie .info-film h2 {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 2.15rem;
  line-height: 2.15rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin: 12px 0 12px 0;
  text-transform: uppercase;
}
.single-movie .info-film .title-original {
  font-size: 0.750rem;
  font-weight: normal;
  margin-bottom: 28px;
  text-transform: uppercase;
  min-height: 24px;
}
.single-movie .info-film p {
  font-size: 0.750rem;
  margin: 10px 0;
}
.single-movie .info-film p a {
  color: #c8a461;
}
.single-movie .info-film p span {
  color: #ccc;
  margin-right: 10px;
}
.single-movie .info-film .synopsis {
  padding: 0 0 60px 0;
}
.single-movie .info-film .synopsis h3 {
  color: #000;
}
.single-movie .info-film .synopsis p {
  color: #666;
  font-size: 0.875rem;
  line-height: 1.8em;
}
.single-movie .info-film .categories span {
  display: inline-block;
  font-size: 0.688rem;
  letter-spacing: 0.1em;
  margin-right: 20px;
  position: relative;
  text-transform: uppercase;
}
.single-movie .info-film .categories span:after {
  color: #fff;
  content: '-';
  display: block;
  position: absolute;
  top: -1px;
  right: -12.5px;
}
.single-movie .info-film .categories span:last-child:after {
  display: none;
}
.single-movie .palmares {
  float: left;
  width: 63%;
  /*
  padding-bottom: 5px;
  */
  padding-bottom: 23px;
  margin-top: -66px;
}
.single-movie .palmares.trailer {
  -moz-transform: translateY(570px);
  -ms-transform: translateY(570px);
  -webkit-transform: translateY(570px);
  transform: translateY(570px);
}
.single-movie .palmares .palmares-item {
  display: block;
}
.single-movie .palmares i {
  font-size: 2.75rem;
  color: #c8a461;
  display: inline-block;
  vertical-align: middle !important;
}
.single-movie .palmares p {
  display: inline-block;
  margin-left: 9px;
  font-size: .875rem;
  color: #6f6f6f;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
}
.single-movie .palmares:after {
  content: "";
  display: block;
  padding-left: 332%;
  height: 1px;
  position: relative;
  left: -7.3%;
  border-bottom: 1px solid #f1f1f1;
  padding-top: 6px;
}
@media screen and (max-width: 1600px) {
  .single-movie .palmares:after {
    padding-top: 11px;
  }
}
@media screen and (max-width: 1280px) {
  .single-movie .palmares:after {
    padding-top: 11px;
  }
}
@media screen and (max-width: 1024px) {
  .single-movie .palmares:after {
    padding-top: 11px;
  }
}
@media screen and (max-width: 1600px) {
  .single-movie .palmares {
    /*margin-top: 34px;*/
  }
}
@media screen and (max-width: 1280px) {
  .single-movie .palmares {
    /*margin-top: 34px;*/
  }
}
@media screen and (max-width: 1024px) {
  .single-movie .palmares {
    /*margin-top: 34px;*/
  }
}
.single-movie .nav {
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: block;
  height: 82px;
  position: fixed;
  top: 57%;
  width: 82px;
  z-index: 3;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .nav:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
@media screen and (max-width: 1024px) {
  .single-movie .nav {
    top: 57%;
    margin-top: 0;
  }
}
.single-movie .nav.black {
  border-color: #dfdfdf;
}
.single-movie .nav.black .icon {
  color: #949494 !important;
}
.single-movie .nav.hide {
  opacity: 0;
  visibility: hidden;
}
.single-movie .nav.prev {
  left: 2%;
}
.single-movie .nav.prev.trailer {
  background-color: transparent;
  left: -85px;
}
.single-movie .nav.prev .icon {
  color: #000;
  margin: 32px;
  color: #fff;
}
.single-movie .nav.next {
  left: auto;
  right: 2%;
}
.single-movie .nav.next.trailer {
  background-color: transparent;
  right: -85px;
}
.single-movie .nav.next .icon {
  color: #fff;
  margin: 32px;
}
.single-movie .main-image {
  background-color: #141414;
  height: 620px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
@media screen and (max-width: 1600px) {
  .single-movie .main-image {
    height: 541px;
  }
}
@media screen and (max-width: 1280px) {
  .single-movie .main-image {
    height: 450px;
  }
}
@media screen and (max-width: 1024px) {
  .single-movie .main-image {
    height: 360px;
  }
}
.single-movie .main-image .img {
  background-size: cover;
  display: block;
  height: 115%;
  width: 100%;
  top: -5%;
  left: 0;
  position: absolute !important;
}
.single-movie .main-image .trailer {
  background-color: #000;
  height: 100%;
  opacity: 0;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s;
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s;
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.2s;
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.2s;
}
.single-movie .main-image.trailer:after {
  content: none;
}
.single-movie .main-image.trailer .trailer {
  opacity: 1;
  visibility: visible;
}
.single-movie .main-image.trailer .links {
  top: -60px;
}
.single-movie .main-image:before {
  background: transparent;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(20, 20, 20, 0) 50%);
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.single-movie .main-image:after {
  background: transparent;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(20, 20, 20, 0) 80%);
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.single-movie .main-image .links {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .main-image .links a {
  color: #fff;
  float: left;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .main-image .links a.movies {
  padding-left: 0px;
}
.single-movie .main-image .links a.movies .icon {
  font-size: .35rem;
  margin-right: 13px;
  vertical-align: middle !important;
  margin-bottom: 1px;
}
.single-movie .main-image .links a.programmation {
  padding-left: 0px;
}
.single-movie .main-image .links a.programmation .icon {
  font-size: .6rem;
  margin-right: 8px;
  vertical-align: middle !important;
  margin-bottom: 2px;
}
.single-movie .main-image .links a:last-child {
  float: right;
}
.single-movie .main-image .links a:hover {
  opacity: 0.6;
}
.single-movie #nav-movie {
  border-top: 1px solid #dfdfdf;
  clear: both;
  height: 73px;
  line-height: 73px;
  overflow: hidden;
  -moz-transition: height 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), top 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: height 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), top 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: height 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), top 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: height 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), top 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie #nav-movie.sticky {
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf;
  left: 0;
  position: fixed;
  height: 40px;
  line-height: 40px;
  top: 91px;
  width: 100%;
  z-index: 3;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.single-movie #nav-movie.sticky .buttons a {
  border-color: transparent;
  height: 40px;
  line-height: 40px;
}
.single-movie #nav-movie ul {
  float: left;
  width: 606px;
}
.single-movie #nav-movie ul li {
  display: inline-block;
}
.single-movie #nav-movie ul li a {
  color: #999;
  display: block;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  letter-spacing: 0.1em;
  margin: 0 9px;
  -moz-transform: translate3d(0, -1px, 0);
  -ms-transform: translate3d(0, -1px, 0);
  -webkit-transform: translate3d(0, -1px, 0);
  transform: translate3d(0, -1px, 0);
  text-transform: uppercase;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie #nav-movie ul li a:hover, .single-movie #nav-movie ul li a.active {
  color: #000;
}
.single-movie #nav-movie ul li:first-child a {
  margin-left: 0;
}
.single-movie #nav-movie .buttons {
  float: right;
  position: relative;
}
.single-movie #nav-movie .buttons a {
  border-top: none;
  line-height: 73px;
  -moz-transition: border-color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: border-color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: border-color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: border-color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie #nav-movie .buttons a:hover {
  background-color: #fff;
  color: #c8a461;
}
.single-movie #nav-movie .buttons .icon {
  font-size: .8rem;
}
.single-movie #nav-movie .buttons #share-box {
  top: -3px;
}
.single-movie .videos {
  clear: both;
}
.single-movie .videos .video-player {
  height: 615px;
  margin-bottom: 35px;
}
.single-movie .videos .video-player .picto {
  background-size: 40px;
  height: 80px;
  width: 80px;
  z-index: 3;
}
.single-movie .videos .video-player .picto .icon {
  font-size: 1.8rem;
  margin-top: 25px;
  margin-left: 27px;
}
.single-movie .videos .video-player .info {
  height: 80px;
  left: 120px;
}
.single-movie .videos .video-player .info .category, .single-movie .videos .video-player .info span {
  font-size: 0.750rem;
}
.single-movie .videos .video-player .info span {
  color: #ADACAC;
}
.single-movie .videos .video-player .info p {
  font-size: 1.2rem;
  margin-top: 7px;
}
.single-movie .videos .video .picto .icon {
  margin-left: 15px !important;
}
.single-movie .videos #slider-movie-videos .owl-item {
  opacity: 1;
}
.single-movie .videos #slider-movie-videos .owl-item.center .slide-video:after {
  opacity: 1;
  visibility: visible;
}
.single-movie .videos #slider-movie-videos .active .slide-video:after {
  /*border: 4px solid $gold;*/
  box-sizing: border-box;
  content: '';
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .videos #slider-movie-videos .slide-video {
  height: 185px;
  position: relative;
  width: 293px;
  overflow: hidden;
}
.single-movie .videos #slider-movie-videos .slide-video .info .category {
  font-size: 0.650rem;
}
.single-movie .videos #slider-movie-videos .slide-video .info p {
  color: #fff;
  font-size: 0.9rem;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 190px;
  white-space: nowrap;
}
.single-movie .photos {
  padding-top: 45px;
}
.single-movie .photos .slideshow {
  margin-bottom: 0;
}
.single-movie .photos .slideshow .slideshow-img {
  height: 631px;
}
.single-movie .casting {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  margin: 0 0 0 0;
  overflow: hidden;
  padding: 45px 0;
}
.single-movie .casting .gallery {
  float: left;
  margin-right: 50px;
}
.single-movie .casting .gallery .img {
  height: 357px;
  margin-bottom: 10px;
  position: relative;
  width: 292px;
  overflow: hidden;
  text-align: center;
}
.single-movie .casting .gallery .img .caption {
  bottom: 10px;
  color: #fff;
  font-size: 0.750em;
  left: 10px;
  position: absolute;
  z-index: 1;
}
.single-movie .casting .gallery .img img {
  display: none;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .casting .gallery .img img.active {
  width: 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin: 0 -100%;
  display: inline-block;
}
.single-movie .casting .gallery .thumbs a {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  width: 36px;
  height: 48px;
  overflow: hidden;
}
.single-movie .casting .gallery .thumbs a:before {
  content: '';
  display: block;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.single-movie .casting .gallery .thumbs a:after {
  border: 2px solid #c8a461;
  box-sizing: border-box;
  content: '';
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .casting .gallery .thumbs a.active img, .single-movie .casting .gallery .thumbs a:hover img {
  opacity: 1;
}
.single-movie .casting .gallery .thumbs a.active:after {
  opacity: 1;
  visibility: visible;
}
.single-movie .casting .gallery .thumbs img {
  display: block;
  opacity: 0.5;
  position: relative;
  z-index: 1;
  object-fit: cover;
  height: 48px;
  width: 37px;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .casting .content {
  float: left;
  min-height: 357px;
  width: 635px;
}
.single-movie .casting .content p {
  color: #666;
  font-size: 0.750rem;
  margin-bottom: 10px;
}
.single-movie .casting .content p a {
  color: #c8a461;
  font-size: 0.875rem;
}
.single-movie .casting .content .actors {
  border-top: 1px solid #dfdfdf;
  margin-top: 25px;
  padding-top: 30px;
}
.single-movie .casting .content .actors p {
  display: inline-block;
  width: 49%;
}
.single-movie .news {
  border-bottom: 1px solid #dfdfdf;
  padding-top: 45px;
}
.single-movie .news article {
  height: 325px;
  width: 295px;
}
.single-movie .news article .image {
  height: 185px;
}
.single-movie .news .articles.center article:nth-child(2) {
  margin: 0 4.5%;
}
.single-movie .news .articles.center article:nth-child(5) {
  margin: 0 4.5%;
}
.single-movie .news .articles.center article:nth-child(8) {
  margin: 0 4.5%;
}
.single-movie .news .articles.center article:nth-child(11) {
  margin: 0 4.5%;
}
.single-movie .audios {
  padding: 45px 0;
}
.single-movie .audios .audio-container {
  width: 100%;
}
.single-movie .audios .audio-container + .audio-container {
  margin-top: 30px;
}
.single-movie .audios .audio-player {
  width: 970px;
  height: 115px;
}
.single-movie .audios .audio-player .play-btn {
  top: 15px;
}
.single-movie .press {
  min-height: 286px;
  background-color: #141414;
}
.single-movie .press h3 {
  color: #fff;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  font-weight: normal;
  letter-spacing: 0.2em;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.single-movie .press h3.gold {
  color: #c8a461;
}
.single-movie .press p.sub {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  margin-bottom: 10px;
  text-align: left;
}
.single-movie .press .info-press {
  background-color: #141414;
  float: left;
  color: #fff;
  width: 50%;
  padding-bottom: 100px;
}
.single-movie .press .info-press .wrapper {
  float: right;
  height: 100%;
  margin-right: 20px;
  padding-top: 60px;
  width: 470px;
}
.single-movie .press .info-press .wrapper .folder {
  border-top: 1px solid #252525;
  border-bottom: 1px solid #252525;
  height: 145px;
  padding-left: 190px;
  position: relative;
}
.single-movie .press .info-press .wrapper .folder img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.single-movie .press .info-press .wrapper .folder a {
  color: #c8a461;
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .750rem;
  margin-bottom: 10px;
  text-transform: uppercase;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .press .info-press .wrapper .folder a:hover {
  color: #fff;
}
.single-movie .press .info-press .wrapper .folder a:last-child {
  margin-bottom: 0;
}
.single-movie .press .info-press .wrapper .links {
  border-bottom: 1px solid #252525;
  padding: 22px 0;
}
.single-movie .press .info-press .wrapper .links a {
  color: #999;
  display: inline-block;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  margin-right: 15px;
  text-transform: uppercase;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .press .info-press .wrapper .links a:hover {
  color: #fff;
}
.single-movie .press .info-press .wrapper .buttons {
  padding-top: 22px;
  text-align: left;
}
.single-movie .press .info-press .wrapper .button {
  border-color: #c8a461;
  border-right: 1px solid #c8a461;
  font-size: 0.750rem;
  height: 50px;
  line-height: 50px;
  margin: 15px 20px 0 0;
  padding: 0 40px;
}
.single-movie .press .info-press .wrapper .button:hover {
  background-color: transparent;
  border-color: #fff;
  color: #c8a461;
}
.single-movie .press .contacts {
  background-color: #292929;
  float: left;
  width: 50%;
  padding-bottom: 30px;
  min-height: 318px;
}
.single-movie .press .contacts h3 {
  margin-bottom: 15px;
}
.single-movie .press .contacts .wrapper {
  color: #fff;
  height: 100%;
  float: left;
  margin-left: 85px;
  width: 470px;
  padding-top: 60px;
}
.single-movie .press .contacts .wrapper .vCenterKidTop div {
  padding: 0 0 20px 0;
}
.single-movie .press .contacts .wrapper .vCenterKidTop div.prod {
  border-bottom: 1px solid #383838;
  margin-bottom: 10px;
  padding-bottom: 25px;
}
.single-movie .press .contacts .wrapper .vCenterKidTop div:last-child {
  padding-bottom: 0;
}
.single-movie .press .contacts .wrapper p {
  color: #999;
  font-size: 0.875rem;
  line-height: 1.8em;
}
.single-movie .press .contacts .wrapper p.sub {
  color: #fff;
  line-height: 1.2em;
}
.single-movie .press .contacts .wrapper p a {
  color: #c8a461;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-movie .press .contacts .wrapper p a:hover {
  color: #fff;
}
.single-movie .competition {
  background-color: #f6f6f6;
  padding: 70px 0 0px 0;
}
.single-movie .competition #slider-competition {
  margin-top: 65px;
}
.single-movie .competition #slider-competition .owl-item {
  opacity: 1;
  min-height: 380px;
}
.single-movie .competition #slider-competition .owl-item .slide.compat-object-fit {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 284px;
  margin-bottom: 60px;
}
.single-movie .competition #slider-competition .owl-item .slide.compat-object-fit img {
  opacity: 0;
}
.single-movie .competition #slider-competition .owl-item img {
  height: 284px;
  width: 210px;
}
.single-movie .competition #slider-competition .owl-item .linkVid {
  height: 284px;
  display: block;
  z-index: 3;
  width: 210px;
}
.single-movie .competition #slider-competition .info-movie {
  padding-top: 30px;
  text-align: center;
  width: 210px;
}
.single-movie .competition #slider-competition .info-movie p {
  color: #2c2c2c;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.single-movie .competition #slider-competition .info-movie a {
  color: #2c2c2c;
}
.single-movie .competition #slider-competition .info-movie a.director {
  color: #c8a461;
  display: block;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: 0.813rem;
}

.grid {
  padding-top: 60px;
}
.grid h2.title {
  color: #333;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-weight: 700;
  font-size: 1.625rem;
}
.grid .grid-sizer {
  width: calc(100%/4);
}
.grid .grid-wrapper {
  margin-top: 60px;
  overflow: hidden;
}
.grid #gridFilmSelection {
  background-color: #141414 !important;
}
.grid .item {
  padding: 0;
  margin: 0;
  border: 0;
  float: left;
  position: relative;
  cursor: pointer;
  width: calc(100%/4);
}
.webtv .grid .item {
  overflow: hidden;
}
.grid .item img {
  display: block;
  width: 100%;
  height: auto;
}
.grid .item .info {
  color: #9c9c9b;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  position: absolute;
  bottom: 8px;
  height: 44px;
  left: 70px;
  width: calc(100% - 70px);
  z-index: 2;
}
.grid .item .info .category {
  color: #c8a461;
  display: inline-block;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  margin-right: 12px;
  text-transform: uppercase;
}
.grid .item .info span {
  color: #9c9c9b;
  display: inline-block;
  font-size: 0.625rem;
}
.grid .item .info p {
  color: #fff;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.850rem;
  text-align: left;
  margin-top: 3px;
  width: auto;
}
.grid .item .picto {
  z-index: 2;
}
.grid .item.w2 {
  width: calc(200%/4);
  cursor: pointer;
}
.grid .filter-actived .item.w2 {
  width: calc(100%/6);
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}

#gridPhotos {
  background: #000;
}
#gridPhotos:after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background-color: #2b2b2b;
  bottom: -1px;
  left: 0;
  position: absolute;
  z-index: 5;
}
@media screen and (min-width: 320px) {
  #gridPhotos {
    /* 5 columns for larger screens */
  }
  #gridPhotos .grid-sizer {
    width: calc(100%/2);
  }
  #gridPhotos .item {
    width: calc(100%/2);
  }
  #gridPhotos .item.w2 {
    width: calc(200%/2);
  }
}
@media screen and (min-width: 1024px) {
  #gridPhotos {
    /* 5 columns for larger screens */
  }
  #gridPhotos .grid-sizer {
    width: calc(100%/3);
  }
  #gridPhotos .item {
    width: calc(100%/3);
  }
  #gridPhotos .item.w2 {
    width: calc(200%/3);
  }
}
@media screen and (min-width: 1280px) {
  #gridPhotos {
    /* 5 columns for larger screens */
  }
  #gridPhotos .grid-sizer {
    width: calc(100%/4);
  }
  #gridPhotos .item {
    width: calc(100%/4);
  }
  #gridPhotos .item.w2 {
    width: calc(200%/4);
  }
}
@media screen and (min-width: 1600px) {
  #gridPhotos {
    /* 5 columns for larger screens */
  }
  #gridPhotos .grid-sizer {
    width: calc(100%/5);
  }
  #gridPhotos .item {
    width: calc(100%/5);
  }
  #gridPhotos .item.w2 {
    width: calc(200%/5);
  }
}
@media screen and (min-width: 1920px) {
  #gridPhotos {
    /* 6 columns for larger screens */
  }
  #gridPhotos .grid-sizer {
    width: calc(100%/6);
  }
  #gridPhotos .item {
    width: calc(100%/6);
  }
  #gridPhotos .item.w2 {
    width: calc(200%/6);
  }
}
#gridPhotos .thumbnails {
  display: none;
}
#gridPhotos .item {
  cursor: pointer;
  overflow: hidden;
  visibility: hidden;
}
#gridPhotos .item.visible {
  visibility: visible;
}
#gridPhotos .item img {
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#gridPhotos .item:hover img {
  -moz-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.05) translateZ(0);
  -ms-transform: scale(1.05) translateZ(0);
  -webkit-transform: scale(1.05) translateZ(0);
  transform: scale(1.05) translateZ(0);
}

.all-photos .item .chocolat-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
}
.all-photos .shadow-bottom:before {
  background: transparent;
  background: -moz-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(40%, transparent), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -ms-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
}

.all-audios #gridAudios:after,
.all-videos #gridVideos:after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background-color: #2b2b2b;
  bottom: -1px;
  left: 0;
  position: absolute;
  z-index: 5;
}

#gridAudios, #gridVideos {
  background-color: #000;
}

.all-articles #gridAudios {
  background-color: #fff;
}

@media screen and (min-width: 1600px) {
  #gridAudios,
  #gridVideos {
    /* 5 columns for larger screens */
  }
  #gridAudios .grid-sizer,
  #gridVideos .grid-sizer {
    width: calc(100%/5);
  }
  #gridAudios .item,
  #gridVideos .item {
    width: calc(100%/5);
  }
  #gridAudios .item.w2,
  #gridVideos .item.w2 {
    width: calc(200%/5);
  }
}
@media screen and (min-width: 1920px) {
  #gridAudios,
  #gridVideos {
    /* 5 columns for larger screens */
  }
  #gridAudios .grid-sizer,
  #gridVideos .grid-sizer {
    width: calc(100%/6);
  }
  #gridAudios .item,
  #gridVideos .item {
    width: calc(100%/6);
  }
  #gridAudios .item.w2,
  #gridVideos .item.w2 {
    width: calc(200%/6);
  }
}
#gridAudios .item,
#gridVideos .item {
  cursor: pointer;
  overflow: hidden;
  visibility: hidden;
}
.press.press-actu #gridAudios .item, .press.press-actu
#gridVideos .item {
  cursor: default;
}
#gridAudios .item.visible,
#gridVideos .item.visible {
  visibility: visible;
}
#gridAudios .item img,
#gridVideos .item img {
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#gridAudios .item:hover img,
#gridVideos .item:hover img {
  -moz-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.05) translateZ(0);
  -ms-transform: scale(1.05) translateZ(0);
  -webkit-transform: scale(1.05) translateZ(0);
  transform: scale(1.05) translateZ(0);
}

.all-articles .item {
  height: 305px;
}
.all-articles .item:hover .img .read-later {
  opacity: 1;
  visibility: visible;
}
.all-articles .item .img {
  margin: 0 auto 23px auto;
  height: auto;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 79%;
}
.all-articles .item .img img {
  display: block;
  height: auto;
  width: 100%;
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.all-articles .item:hover img {
  -moz-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.05) translateZ(0);
  -ms-transform: scale(1.05) translateZ(0);
  -webkit-transform: scale(1.05) translateZ(0);
  transform: scale(1.05) translateZ(0);
}
.all-articles .item article {
  float: none;
  padding: 0;
  width: 100%;
}
.all-articles .item article .info {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #666;
  position: relative;
  bottom: auto;
  left: auto;
  height: auto;
  margin: 0 auto;
  width: 80%;
}
.all-articles .item article .picto {
  bottom: 20px;
  top: auto;
  left: 20px;
}
.all-articles .item.w2 {
  height: 610px;
}
.all-articles .item.w2 .img {
  height: auto;
  width: 90%;
}
.all-articles .item.w2 h2 {
  font-size: 2.250rem;
}
.all-articles .item.w2 h3 {
  font-size: 2.250rem;
}
.all-articles .item.w2 .picto {
  left: 20px;
  bottom: 20px;
  top: auto;
}
@media screen and (max-width: 1180px) {
  .all-articles #gridAudios,
  .all-articles #gridVideos {
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
  .all-articles .grid-sizer {
    width: 30%;
  }
  .all-articles .item {
    height: 305px;
    box-sizing: border-box;
    padding-left: 45px;
    position: relative;
    width: 30%;
  }
  .all-articles .item.w2 {
    height: 610px;
    padding-left: 45px;
    width: 60%;
  }
}
.all-articles .read-later {
  content: '';
  display: block;
  height: 40px;
  opacity: 0;
  visibility: hidden;
  width: 40px;
  position: absolute;
  top: 15px;
  right: 15px;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  color: #000;
  background-color: #fff;
}
.all-articles .read-later .icon {
  margin-top: 12px;
  margin-left: 12px;
}
.all-articles .read-later span {
  background-color: #141414;
  position: fixed;
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  opacity: 0;
  visibility: hidden;
  height: 48px;
  line-height: 48px;
  width: 200px;
  color: #fff;
  letter-spacing: 0.1em;
  top: -59px;
  left: -80px;
  z-index: 5;
  text-align: center;
  text-transform: uppercase;
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -moz-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), -moz-transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), -o-transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), -webkit-transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: opacity 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95), transform 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.all-articles .read-later span:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 7px solid transparent;
  border-top-color: #141414;
  top: 100%;
  left: 92px;
}

@media screen and (min-width: 320px) {
  #gridWebtv {
    /* 5 columns for larger screens */
  }
  #gridWebtv .grid-sizer {
    width: calc(100%/2);
  }
  #gridWebtv .item {
    width: calc(100%/2);
  }
  #gridWebtv .item.w2 {
    width: calc(200%/2);
  }
}
@media screen and (min-width: 768px) {
  #gridWebtv {
    /* 5 columns for larger screens */
  }
  #gridWebtv .grid-sizer {
    width: calc(100%/3);
  }
  #gridWebtv .item {
    width: calc(100%/3);
  }
  #gridWebtv .item.w2 {
    width: calc(200%/3);
  }
}
@media screen and (min-width: 1024px) {
  #gridWebtv {
    /* 5 columns for larger screens */
  }
  #gridWebtv .grid-sizer {
    width: calc(100%/4);
  }
  #gridWebtv .item {
    width: calc(100%/4);
  }
  #gridWebtv .item.w2 {
    width: calc(200%/4);
  }
}
@media screen and (min-width: 1400px) {
  #gridWebtv {
    /* 5 columns for larger screens */
  }
  #gridWebtv .grid-sizer {
    width: calc(100%/5);
  }
  #gridWebtv .item {
    width: calc(100%/5);
  }
  #gridWebtv .item.w2 {
    width: calc(200%/5);
  }
}

@media screen and (min-width: 320px) {
  #gridJurys {
    /* 5 columns for larger screens */
  }
  #gridJurys .grid-sizer {
    width: calc(100%/2);
  }
  #gridJurys .item {
    width: calc(100%/2);
  }
  #gridJurys .item.w2 {
    width: calc(200%/2);
  }
}
@media screen and (min-width: 768px) {
  #gridJurys {
    /* 5 columns for larger screens */
  }
  #gridJurys .grid-sizer {
    width: calc(100%/3);
  }
  #gridJurys .item {
    width: calc(100%/3);
  }
  #gridJurys .item.w2 {
    width: calc(200%/3);
  }
}
@media screen and (min-width: 1024px) {
  #gridJurys {
    /* 5 columns for larger screens */
  }
  #gridJurys .grid-sizer {
    width: calc(100%/4);
  }
  #gridJurys .item {
    width: calc(100%/4);
  }
  #gridJurys .item.w2 {
    width: calc(200%/4);
  }
}
@media screen and (min-width: 1400px) {
  #gridJurys {
    /* 5 columns for larger screens */
  }
  #gridJurys .grid-sizer {
    width: calc(100%/4);
  }
  #gridJurys .item {
    width: calc(100%/4);
  }
  #gridJurys .item.w2 {
    width: calc(200%/4);
  }
}

#gridJurys:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (min-width: 320px) {
  #gridFilmSelection {
    /* 5 columns for larger screens */
  }
  #gridFilmSelection .grid-sizer {
    width: calc(100%/2);
  }
  #gridFilmSelection .item {
    width: calc(100%/2);
  }
  #gridFilmSelection .item.w2 {
    width: calc(200%/2);
  }
}
@media screen and (min-width: 768px) {
  #gridFilmSelection {
    /* 5 columns for larger screens */
  }
  #gridFilmSelection .grid-sizer {
    width: calc(100%/3);
  }
  #gridFilmSelection .item {
    width: calc(100%/3);
  }
  #gridFilmSelection .item.w2 {
    width: calc(200%/3);
  }
}
@media screen and (min-width: 1024px) {
  #gridFilmSelection {
    /* 5 columns for larger screens */
  }
  #gridFilmSelection .grid-sizer {
    width: calc(100%/4);
  }
  #gridFilmSelection .item {
    width: calc(100%/4);
  }
  #gridFilmSelection .item.w2 {
    width: calc(200%/4);
  }
}
@media screen and (min-width: 1280px) {
  #gridFilmSelection {
    /* 5 columns for larger screens */
  }
  #gridFilmSelection .grid-sizer {
    width: calc(100%/5);
  }
  #gridFilmSelection .item {
    width: calc(100%/5);
  }
  #gridFilmSelection .item.w2 {
    width: calc(200%/5);
  }
}
@media screen and (min-width: 1600px) {
  #gridFilmSelection {
    /* 5 columns for larger screens */
  }
  #gridFilmSelection .grid-sizer {
    width: calc(100%/6);
  }
  #gridFilmSelection .item {
    width: calc(100%/6);
  }
  #gridFilmSelection .item.w2 {
    width: calc(200%/6);
  }
}
@media screen and (min-width: 1920px) {
  #gridFilmSelection {
    /* 5 columns for larger screens */
  }
  #gridFilmSelection .grid-sizer {
    width: calc(100%/8);
  }
  #gridFilmSelection .item {
    width: calc(100%/8);
  }
  #gridFilmSelection .item.w2 {
    width: calc(200%/8);
  }
}

@media screen and (min-width: 1600px) {
  #gridEvent {
    /* 5 columns for larger screens */
  }
  #gridEvent .grid-sizer {
    width: calc(100%/5);
  }
  #gridEvent .item {
    width: calc(100%/5);
  }
  #gridEvent .item.w2 {
    width: calc(200%/5);
  }
}
@media screen and (min-width: 1920px) {
  #gridEvent {
    /* 5 columns for larger screens */
  }
  #gridEvent .grid-sizer {
    width: calc(100%/6);
  }
  #gridEvent .item {
    width: calc(100%/6);
  }
  #gridEvent .item.w2 {
    width: calc(200%/6);
  }
}
#gridEvent .item {
  cursor: pointer;
  overflow: hidden;
}
#gridEvent .item img {
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#gridEvent .item:hover img {
  -moz-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.05) translateZ(0);
  -ms-transform: scale(1.05) translateZ(0);
  -webkit-transform: scale(1.05) translateZ(0);
  transform: scale(1.05) translateZ(0);
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.contact {
  padding-top: 60px;
}
.contact h2.title {
  color: #333;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-size: 1.625rem;
  font-weight: 700;
  margin-bottom: 60px;
  /*font-family: $CamphorHeavy!important;*/
}
.contact .coords, .contact .success {
  background-color: #f4f4f4;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
  padding: 35px 0;
}
.contact .coords h3, .contact .success h3 {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.875em;
  letter-spacing: 0.3em;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.contact .coords p, .contact .success p {
  color: #666;
  line-height: 1.4em;
}
.contact .success {
  display: none;
}
.contact .container p {
  color: #666;
  line-height: 1.6em;
  margin: 50px 0 25px 0;
  text-align: center;
}
.contact #form {
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 70px;
  width: 525px;
}
.contact #form ::-webkit-input-placeholder {
  color: #999;
  font-size: 0.875rem;
}
.contact #form :-moz-placeholder {
  color: #999;
  font-size: 0.875rem;
}
.contact #form ::-moz-placeholder {
  color: #999;
  font-size: 0.875rem;
}
.contact #form :-ms-input-placeholder {
  color: #999;
  font-size: 0.875rem;
}
.contact #form .required {
  color: #999;
  float: right;
  font-size: 0.875rem;
}
.contact #form input, .contact #form textarea {
  background: #fff;
  border: 1px solid #c1c1c1;
  box-sizing: border-box;
  color: #999;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  display: block;
  margin-bottom: 15px;
  outline: none;
  padding: 0 25px;
  width: 100%;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.contact #form input:focus, .contact #form textarea:focus {
  border-color: #141414;
}
.contact #form textarea {
  height: 190px;
  padding-top: 20px;
  resize: none;
}
.contact #form textarea.invalid {
  border-color: #e93939;
  color: #e93939;
}
.contact #form input {
  height: 50px;
  line-height: 50px;
}
.contact #form input.invalid {
  border-color: #e93939;
  color: #e93939;
}
.contact #form input.valid {
  border-color: green;
}
.contact #form input[type="submit"] {
  border-color: #c8a461;
  color: #c8a461;
  cursor: pointer;
  float: left;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  width: 180px;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.contact #form input[type="submit"]:hover {
  border-color: #000;
  color: #000;
}
.contact #form .select {
  border: 1px solid #c1c1c1;
  box-sizing: border-box;
  color: #999;
  line-height: 50px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.688rem;
  display: block;
  height: 50px;
  margin-bottom: 15px;
  outline: none;
  padding: 0 25px;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  position: relative;
}
.contact #form .select.invalid {
  border-color: #e93939;
  color: #e93939;
}
.contact #form .select #triggerSelect {
  position: absolute;
  display: block;
  height: 50px;
  top: 0;
  right: 0;
  width: 50%;
  z-index: 2;
  cursor: pointer;
}
.contact #form .select label {
  color: #333;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
.contact #form .select select {
  background: none;
  height: 50px;
  line-height: 50px;
  border: none;
  color: #c8a461;
  display: inline-block;
  vertical-align: middle;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.688rem;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-transform: uppercase;
  padding-right: 10px;
  width: 280px;
}
.contact #form .errors {
  border: 1px solid #e93939;
  color: #e93939;
  clear: both;
  font-size: 0.875rem;
  opacity: 0;
  padding: 20px;
  visibility: hidden;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.contact #form .errors.show {
  opacity: 1;
  visibility: visible;
}
.contact #form .errors ul {
  list-style-type: disc;
  padding-left: 20px;
}
.contact #form .errors ul li {
  margin-bottom: 5px;
}

#filters.show {
  z-index: 1006;
}

.container-list {
  width: 100%;
  clear: both;
}

.categorie-items {
  clear: both;
}
.categorie-items .titre-document {
  color: #999;
  width: 958px;
  margin: 0 auto;
}
.categorie-items .title-list-cat {
  color: #ffffff;
  padding: 42px;
  border-bottom: #202020 1px solid;
  border-top: #202020 1px solid;
  font-size: 1rem;
  text-align: center;
}
.categorie-items .title-list-cat .title {
  margin-bottom: 0px;
  width: 549px;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 30px;
}
.categorie-items .title-list-cat .title-item {
  text-align: center;
  padding: 20px;
  font-size: .875rem;
  width: 977px;
  margin: 10px auto;
  line-height: 26px;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  margin-bottom: 2px;
  padding-bottom: 0px;
}
.categorie-items .title-list-cat .title-big {
  color: #ffffff;
  font-family: "Playfair Display";
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.3em;
  margin: 20px auto;
  max-width: 700px;
  text-align: center;
  padding-bottom: 20px;
}
.categorie-items .title-list-cat .button {
  border-color: #2c2c2c;
}
.categorie-items .title-list-cat .button:hover {
  background-color: #141414 !important;
  border-color: #c8a461;
}
.categorie-items .sub-cat-title {
  padding: 20px;
  background-color: #656565;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.categorie-items article {
  box-sizing: border-box;
  float: none;
  padding-left: 0px;
  clear: both;
  color: #ffffff;
  width: 100%;
  min-height: 422px;
  height: auto;
  overflow: hidden;
  background: center 0 no-repeat fixed;
  background-size: cover;
}
.categorie-items article .bck-hover {
  background-color: #141414;
  width: 100%;
  padding: 37px;
  height: 425px;
  display: table;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  box-sizing: border-box;
}
.categorie-items article .bck-hover:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.categorie-items article .contain_item {
  width: 977px;
  max-width: 100%;
  margin: 0 auto;
  display: table;
}
.categorie-items article .contain_item img {
  height: 341px;
  width: 256px;
  object-fit: cover;
}
.categorie-items article .contain_item .list-camera-or .title-item {
  padding-top: 85px;
}
.categorie-items article img {
  float: left;
  margin-right: 50px;
  margin-left: 96px;
}
.categorie-items article .infos-item-list {
  text-align: center;
  vertical-align: middle;
  width: 475px;
  display: table-cell;
  padding-right: 100px;
}
.categorie-items article .infos-item-list .title-item {
  text-transform: uppercase;
  padding-bottom: 4px;
  font-size: 0.875rem;
  line-height: 16px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.categorie-items article .infos-item-list .sub-title-item {
  padding-bottom: 4px;
  font-size: 0.63rem;
  text-transform: uppercase;
}
.categorie-items article .infos-item-list .nom-item {
  display: inline-block;
  color: #c8a461;
  padding-bottom: 4px;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 0.8125rem;
}
.categorie-items article .infos-item-list .date-item {
  display: block;
  font-weight: 100;
  padding-bottom: 4px;
  color: #999999;
  font-size: 0.6875rem;
}
.categorie-items article .infos-item-list .description-item {
  padding-top: 40px;
  line-height: 26px;
  font-size: 0.875rem;
}
.categorie-items article .infos-item-list .description-item strong {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.categorie-items article .infos-item-list .date-pres-item {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: .2em;
  margin-bottom: 18px;
  display: inline-block;
  font-size: 0.75rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  margin-right: 6px;
}
.categorie-items article .infos-item-list .heure-pres-item {
  color: #999;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.categorie-items .contain-article-invit {
  color: #ffffff;
}
.categorie-items .contain-article-invit .title-list-cat {
  margin-bottom: 60px;
}
.categorie-items .contain-article-invit .contain-img-honneur {
  position: relative;
  width: 975px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.categorie-items .contain-article-invit .contain-img-honneur .copy {
  position: absolute;
  bottom: 18px;
  left: 18px;
  color: #DEDEDE;
  font-size: 0.63rem;
}
.categorie-items .contain-article-invit .contain-img-honneur .caption {
  font-size: .75rem;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
.categorie-items .contain-article-invit .big-txt p {
  color: #999999;
}
.categorie-items .contain-article-invit .txt-grey-bkg-container {
  background-color: #202020;
}
.categorie-items .contain-article-invit .txt-grey-bkg-container strong {
  color: #fff;
}
.categorie-items .contain-article-invit .txt-grey-bkg-container p {
  color: #999999;
}
.categorie-items .contain-article-invit .caption-article {
  color: #999999;
  font-size: 0.750rem;
  margin: 10px 0 0;
  text-align: left;
  display: block;
  margin: 0 auto;
  width: 644px;
  padding-top: 10px;
  border-top: 1px solid #2c2c2c;
}
.categorie-items .contain-article-invit .caption-article .name {
  color: #fefefe;
}
.categorie-items .contain-article-invit .table-article th {
  text-transform: uppercase;
  color: #fff !important;
}
.categorie-items .contain-article-invit .table-article th,
.categorie-items .contain-article-invit .table-article td {
  border: 1px solid #2c2c2c;
  color: #999999;
}
.categorie-items .contain-article-invit .sub-title, .categorie-items .contain-article-invit .sub-title2, .categorie-items .contain-article-invit h3.sub-title {
  color: #fff;
}
.categorie-items .contain-article-invit .pres-honneur {
  width: 975px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.125rem;
  line-height: 36px;
  padding-bottom: 40px;
}
.categorie-items .contain-article-invit .pres-honneur a {
  text-decoration: underline;
  color: #c8a461;
}
.categorie-items .contain-article-invit .pres-honneur strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.categorie-items .contain-article-invit .small-pres {
  width: 632px;
  margin: 0 auto;
  color: #999999;
  font-size: 1rem;
  line-height: 26px;
}
.categorie-items .contain-article-invit .small-pres.half-div {
  width: 730px;
}
.categorie-items .contain-article-invit .small-pres p {
  color: #999;
  padding: 16px 0px;
}
.categorie-items .contain-article-invit .small-pres p strong {
  color: #999;
  font-weight: bold;
}
.categorie-items .contain-article-invit .small-pres p a {
  color: #c8a461;
}
.categorie-items .contain-article-invit .small-pres p a strong, .categorie-items .contain-article-invit .small-pres p a em {
  color: #c8a461;
}
.categorie-items .contain-article-invit .small-pres h3 {
  color: #cccccc;
}
.categorie-items .contain-article-invit .small-pres h3 strong {
  color: #c8a461;
}
.categorie-items .contain-article-invit .small-pres h4 {
  color: #cccccc;
}
.categorie-items .contain-article-invit .small-pres .video {
  line-height: 18px;
  position: relative;
  margin-top: 30px;
  margin-bottom: 80px;
}
.categorie-items .contain-article-invit .small-pres .video p {
  padding: 0px;
}
.categorie-items .contain-article-invit .share {
  color: white;
  border-top: 1px solid #2C2C2C;
}
.categorie-items .contain-article-invit .share .button {
  border: 1px solid #2c2c2c;
}

.list-article {
  background-color: #141414 !important;
}
.list-article h3 {
  color: #fff;
}
.list-article .bandeau-list {
  /*background-color: #1b1b1b;*/
}
.list-article .bandeau-list .icon_fleche-right {
  font-size: .5rem;
  margin-bottom: 2px;
  vertical-align: middle !important;
  margin-right: 6px;
}
.list-article .bandeau-list .bandeau-list-img {
  height: 300px;
}
body:not(.mob) .list-article .bandeau-list .bandeau-list-img {
  background: center 0 no-repeat fixed;
  background-size: cover;
  -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.list-article .bandeau-list .bandeau-list-img .title-list-header {
  color: #ffffff;
  font-size: 1.75rem;
}
.list-article .bandeau-list .bandeau-list-img .push-footer .title-list-header, .list-article .bandeau-list .bandeau-list-img .bandeau-listfooter .title-list-header {
  margin-bottom: 20px;
}
.list-article .bandeau-list .bandeau-list-img .bandeau-lien {
  color: #c8a461;
  width: 178px;
  margin: 0 auto;
  display: block;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.list-article .bandeau-list .bandeau-list-img .bandeau-lien:hover {
  opacity: 0.5;
}
.list-article .bandeau-list .bandeau-list-img .bandeau-lien .svg-arrow {
  width: 12px;
  vertical-align: baseline;
  padding-right: 3px;
}
.list-article .bandeau-list .sub-nav-list {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  top: 0px;
}
.list-article .bandeau-list .sub-nav-list:after {
  background-color: #141414;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 5;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.list-article .bandeau-list .sub-nav-list:before {
  background-color: #141414;
  content: '';
  display: block;
  height: 110%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -2px;
  visibility: hidden;
  width: 100%;
  z-index: 5;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.list-article .bandeau-list .sub-nav-list.loading:before {
  opacity: 1;
  visibility: visible;
}
.list-article .bandeau-list .sub-nav-list.overlay:after {
  opacity: 0.6;
  visibility: visible;
}
.list-article .bandeau-list .sub-nav-list a {
  color: #686868;
  font-size: 0.8rem;
}
.list-article .bandeau-list .sub-nav-list a.active {
  color: #c8a461;
}
.list-article .bandeau-list .sub-nav-list li {
  display: inline-block;
  padding: 18px 6.5px;
  text-transform: uppercase;
}
.list-article .bandeau-list .nav-movie a {
  color: #fff;
  font-size: 0.63rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
.list-article .bandeau-list .nav-movie a:hover {
  color: #c8a461;
}
.list-article .bandeau-list .nav-movie.sticky {
  z-index: 10;
  width: 100%;
  background-color: #1b1b1b;
}
.list-article .bandeau-list .nav-list {
  margin: 0 auto;
  text-align: center;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  background-color: #202020;
  width: 100%;
  z-index: 5;
  transition: .3s;
}
.list-article .bandeau-list .nav-list a {
  color: #999999;
  font-size: 0.75rem;
}
.list-article .bandeau-list .nav-list a.active {
  color: #c8a461;
}
.list-article .bandeau-list .nav-list a:hover {
  color: #c8a461;
}
.list-article .bandeau-list .nav-list li {
  display: inline-block;
  padding: 16px 6.5px;
  text-transform: uppercase;
}
.list-article .title-film-detail {
  border-top: #202020 1px solid !important;
}

.landscape {
  visibility: hidden;
}

.mob.wishlist {
  width: 375px !important;
  zoom: 1 !important;
}
.mob .selection-whislist {
  width: 375px !important;
  zoom: 1 !important;
}
.mob .selection-whislist figure .image.compat-object-fit {
  height: 252px !important;
}
.mob .selection-whislist .categorie-items .titre-document {
  color: #FFF;
  width: 100%;
}
.mob .selection-whislist .share {
  display: none;
}
.mob .selection-whislist h2.titre-document {
  font-weight: 700;
  letter-spacing: .5em;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-family: "Playfair Display",Times New Roman,Times,serif;
  text-align: center;
  color: #fff;
  font-size: 1.75rem;
}
.mob .landscape {
  visibility: visible;
}

.selection-whislist h2.titre-document {
  font-weight: 700;
  letter-spacing: .5em;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-family: "Playfair Display",Times New Roman,Times,serif;
  text-align: center;
  color: #fff;
  font-size: 1.75rem;
}
.selection-whislist .categorie-items .title-list-cat {
  padding: 42px 0 42px 0;
  margin: 0 auto;
  display: block;
}

.selection-officielle .single-article {
  padding: 0px !important;
}
.selection-officielle .whishlist .share {
  margin: 9px 0 0 0;
}
.selection-officielle .whishlist .share .button {
  border-color: #2c2c2c;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.selection-officielle .whishlist .share .button:hover {
  border-color: #c8a461;
  background-color: #141414;
  color: #c8a461;
}
.selection-officielle .whishlist .share .button:hover + .button {
  border-left: 1px solid #c8a461;
}
.selection-officielle .whishlist .share .icon {
  font-size: .8rem;
  position: absolute;
  top: 30px;
  left: 30px;
}
.selection-officielle figure {
  overflow: hidden;
}
.selection-officielle figure figcaption {
  position: relative;
  z-index: 2;
  height: 103px;
  text-align: center;
  background: #141414;
  margin-top: 0px !important;
}
.selection-officielle figure figcaption .name {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .875rem;
  display: block;
  padding-top: 25px;
}
.selection-officielle figure figcaption .sub-name {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .625rem;
  display: block;
}
.selection-officielle figure figcaption .author {
  text-align: center;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: .8125rem;
  color: #c8a461;
  border-top: 0px solid #fff;
}
.selection-officielle figure:hover a .image img, .selection-officielle figure:hover a .image.compat-object-fit {
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.08) translateZ(0);
  -ms-transform: scale(1.08) translateZ(0);
  -webkit-transform: scale(1.08) translateZ(0);
  transform: scale(1.08) translateZ(0);
}
.selection-officielle figure .image {
  overflow: hidden;
}
.selection-officielle figure .image.compat-object-fit {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center center;
  margin-bottom: -2px;
}
.selection-officielle figure .image.compat-object-fit img {
  opacity: 0;
  height: 100%;
}
.selection-officielle .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.selection-officielle .grid {
  padding-top: 0px;
}
.selection-officielle .grid .grid-wrapper {
  margin-top: 0px;
}

.honneur-invit .buttons {
  margin-bottom: 14px;
}
.honneur-invit .buttons.square {
  margin-bottom: 0px;
}
.honneur-invit .buttons.square .button {
  border-right: 0px solid #000;
}
.honneur-invit .buttons.square .button:last-child {
  border-right: 1px solid #2c2c2c;
}
.honneur-invit .container {
  padding: 0px 0px;
}
.honneur-invit .quote {
  margin-bottom: 60px;
}
.honneur-invit .quote blockquote {
  color: white;
  border-top: 1px solid #2C2C2C;
  border-bottom: 1px solid #2C2C2C;
}
.honneur-invit .slideshow {
  margin-bottom: 60px;
}
.honneur-invit .slideshow .slideshow-img {
  height: 400px;
}
.honneur-invit .slideshow .caption {
  padding: 0px 0px !important;
}
.honneur-invit .slideshow .slideshow-img .thumbnails {
  bottom: -3px;
}
.honneur-invit .slideshow .slideshow-img .thumbnails .thumb {
  width: 80px;
  height: 52px;
}
.honneur-invit .half-photo .caption {
  padding: 0px 0px !important;
}
.honneur-invit .half-photo img {
  max-width: auto;
  width: 100%;
}
.honneur-invit .title-film-detail {
  margin-bottom: 0px !important;
}
.honneur-invit .square .button:hover {
  background-color: #141414;
}

.cannes-classic .title-list-cat:first-child {
  border-top: 0px solid #000;
}
.cannes-classic .container {
  padding: 0px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .list-article .bandeau-list .nav-list li {
    display: inline-block;
    padding: 17px 1.5px;
    text-transform: uppercase;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .single-evenement .best-films .item-film {
    margin: 0 20px;
  }
}
@media screen and (min-width: 1920px) {
  .films-list .bandeau-list-img {
    height: 448px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .films-list .bandeau-list-img {
    height: 373px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .films-list .bandeau-list-img {
    height: 297px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .films-list .bandeau-list-img {
    height: 294px !important;
  }
}
@media screen and (max-width: 1023px) {
  .films-list .bandeau-list-img {
    height: 296px !important;
  }
}
.palmares-list .bandeau-list .bandeau-list-img {
  -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.palmares-list .sub-nav-list a {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.75rem !important;
  color: #999999 !important;
}
.palmares-list .sub-nav-list a:hover {
  color: #c8a461 !important;
}
.palmares-list .sub-nav-list a.active {
  color: #c8a461 !important;
}
.palmares-list .sticky {
  z-index: 9;
  width: 100% !important;
  background-color: #1b1b1b;
}
.palmares-list .sub-cat-title {
  background-color: #202020;
  padding: 29px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  letter-spacing: .2em;
}
.palmares-list .bandeau-list {
  background-color: #202020;
}
.palmares-list .bandeau-list-img {
  height: 372px;
}
.palmares-list .title-list-cat {
  color: #ffffff;
  padding: 42px;
  border-bottom: #202020 1px solid;
  border-top: #202020 1px solid;
  font-size: 1rem;
  text-align: center;
}
.palmares-list .title-list-cat .titre-document {
  color: #999;
  width: 750px;
  margin: 0 auto;
  line-height: 24px;
}
.palmares-list .title-list-cat h2 {
  color: white;
}
.palmares-list .title-list-cat strong {
  color: #fff;
}
.palmares-list .categorie-items article {
  height: 447px;
  background: center 0 no-repeat fixed;
  background-size: cover;
}
.palmares-list .categorie-items article .bck-hover {
  height: 447px;
  padding: 0px;
}
.palmares-list .categorie-items article .contain-article {
  vertical-align: text-top;
  height: 447px;
  padding: 0px;
}
.palmares-list .categorie-items article .contain-article-invit .image {
  height: 177px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  padding-top: 45px;
}
.palmares-list .categorie-items article .contain-article-invit .infos-item-list .title-item {
  color: white;
}
.palmares-list .categorie-items article .infos-item-list {
  text-align: center;
  padding-top: 0px;
  display: table-cell;
}
.palmares-list .categorie-items article img {
  float: none;
  display: inline-block;
  margin-left: 190px;
  margin-top: 50px;
  margin-right: 86px;
  width: 256px;
  height: 348px;
  object-fit: cover;
}
.palmares-list .categorie-items article .lot-item {
  padding-top: 0px;
}
.palmares-list .categorie-items article .contain_item {
  height: 336px;
  width: 677px;
}
.palmares-list .categorie-items article .infos-item-list {
  position: relative;
  width: 450px;
}
.palmares-list .categorie-items article .infos-item-list a {
  text-decoration: none;
  color: inherit;
}
.palmares-list .categorie-items article .infos-item-list .sub-title-item {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: white;
}
.palmares-list .categorie-items article .infos-item-list .logo-palme-dor-container .palme-dor-img {
  float: none;
  margin-right: 0px;
  margin-left: 0px;
  font-size: 3rem;
}
.palmares-list .categorie-items article .infos-item-list .logo-palme-dor-container .palme-dor-portrait {
  margin: 0 auto;
  padding-bottom: 10px;
  width: 50px;
  height: 70px;
}
.palmares-list .categorie-items article .infos-item-list .logo-palme-dor-container .palme-dor-text {
  display: block;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 10px;
  line-height: 20px;
  width: 331px;
  font-size: 1.13rem;
  padding-top: 0px;
}
.palmares-list .categorie-items article .infos-item-list .logo-palme-dor-container .verticalline:after {
  content: "";
  display: block;
  height: 20px;
  width: 2px;
  padding: 0px;
  margin: 10px auto;
  margin-bottom: 5px;
  background-color: #434343;
}

.camerador .title-list-cat .titre-document {
  line-height: 30px;
}
.camerador .categorie-items article .contain_item {
  width: 674px;
}
.camerador .categorie-items article .contain_item img {
  margin: 40px 0 0 0;
  height: 341px;
  width: 256px;
  object-fit: cover;
}
.camerador .categorie-items article img {
  margin-left: 74px;
  margin-right: 150px;
}
.camerador .time-item {
  font-size: 0.69rem;
  color: #999;
  display: block;
  margin-top: 4px;
}
.camerador .title-item {
  width: 250px;
}
.camerador .title {
  line-height: 30px;
}
.camerador .categorie-items-columns ul {
  width: 780px;
  margin: 114px auto;
}
.camerador .categorie-items-columns ul li {
  display: inline-block;
  width: 49%;
}

@media screen and (min-width: 1920px) {
  .palmares-list .bandeau-list-img {
    height: 450px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .palmares-list .bandeau-list-img {
    height: 375px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .palmares-list .bandeau-list-img {
    height: 299px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .palmares-list .bandeau-list-img {
    height: 294px !important;
  }
}
@media screen and (max-width: 1023px) {
  .palmares-list .bandeau-list-img {
    height: 298px !important;
  }
}
.contain-article-invit .infos-item-list .title-item a, .contain-article-invit .infos-item-list .sub-title-item a {
  color: white !important;
}
.contain-article-invit .image {
  padding-top: 47px;
}

.webtv .image-wrapper {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.webtv .image-wrapper img {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.webtv .shadow-bottom:before {
  background: -moz-linear-gradient(top, transparent 60%, rgba(0, 0, 0, 0.5) 80%, rgba(20, 20, 20, 0.9) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(60%, transparent), color-stop(80%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(20, 20, 20, 0.9)));
  background: -webkit-linear-gradient(top, transparent 60%, rgba(0, 0, 0, 0.5) 80%, rgba(20, 20, 20, 0.9) 100%);
  background: -o-linear-gradient(top, transparent 60%, rgba(0, 0, 0, 0.5) 80%, rgba(20, 20, 20, 0.9) 100%);
  background: -ms-linear-gradient(top, transparent 60%, rgba(0, 0, 0, 0.5) 80%, rgba(20, 20, 20, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 80%, rgba(20, 20, 20, 0.9) 100%);
}
.webtv .channel {
  height: 185px;
  overflow: hidden;
  position: relative;
  width: 293px;
}
.webtv .channel.shadow-bottom:before {
  background: -moz-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 80%, rgba(20, 20, 20, 0.9) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(50%, transparent), color-stop(80%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(20, 20, 20, 0.9)));
  background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 80%, rgba(20, 20, 20, 0.9) 100%);
  background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 80%, rgba(20, 20, 20, 0.9) 100%);
  background: -ms-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 80%, rgba(20, 20, 20, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 80%, rgba(20, 20, 20, 0.9) 100%);
}
.webtv .vid {
  height: 400px;
  overflow: hidden;
  position: relative;
  width: 634px;
}
.webtv .shadow-bottom:before {
  width: 101%;
}
.webtv .owl-item.center .vid:hover .image-wrapper img,
.webtv .video:hover .image-wrapper img,
.webtv .channel:hover .image-wrapper img {
  -moz-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.05) translateZ(0);
  -ms-transform: scale(1.05) translateZ(0);
  -webkit-transform: scale(1.05) translateZ(0);
  transform: scale(1.05) translateZ(0);
}
.webtv #live {
  background-color: #000;
  height: 300px;
  position: relative;
  text-align: center;
  -moz-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s;
  -o-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s;
  -webkit-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.1s;
  transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.1s;
}
.webtv #live .textLive {
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 977px;
}
.webtv #live .textLive p {
  color: #fff;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  text-align: center;
  text-transform: uppercase;
  margin-top: 40px;
}
.webtv #live .textLive p span {
  color: #c8a461;
}
.webtv #live h2 {
  color: #fff;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 1.563rem;
  line-height: 1.6em;
  letter-spacing: 0.8em;
  text-transform: uppercase;
}
.webtv #live .img {
  background-size: cover;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  height: 130%;
  width: 100%;
  z-index: 0;
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.3s;
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.3s;
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.3s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.3s;
  /*&.rePosition {
    position: absolute!important;
  }*/
}
body:not(.tablette) .webtv #live .img {
  background: center 0 no-repeat fixed;
}
.webtv #live .vCenter {
  position: relative;
  z-index: 1;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.webtv #live .play-live {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin: 20px auto 0 auto;
  height: 45px;
  width: 45px;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.webtv #live .play-live:hover {
  border-color: white;
}
.webtv #live .play-live .icon {
  color: #fff;
  margin-top: 15px;
  margin-left: 2px;
}
.webtv #live .trailer {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: none;
}
.webtv #live.on .img,
.webtv #live.on > .vCenter {
  opacity: 0;
}
.webtv #live.on .trailer.on {
  opacity: 1;
  -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.25s;
  -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.25s;
  -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition-delay: 0.25s;
  transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95) 0.25s;
}
.webtv .title {
  color: #fff;
}
.webtv .link {
  text-align: center;
}
.webtv .link img {
  margin-right: 10px;
  width: 10px;
}
.webtv .link a {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  text-transform: uppercase;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.webtv .link a:hover {
  opacity: 0.5;
}
.webtv .link a .icon {
  font-size: .5rem;
  margin-bottom: 2px;
  vertical-align: middle !important;
  margin-right: 6px;
}
.webtv #content-channels {
  background-color: #141414;
  border-bottom: 1px solid #2c2c2c;
  padding: 70px 0;
  position: relative;
  z-index: 2;
}
.webtv #content-channels .info span {
  color: #fff;
  display: block;
  font-size: 0.875rem;
  margin-top: 3px;
}
.webtv #content-channels #slider-videos {
  margin: 50px 0;
}
.webtv #content-channels #slider-channels .owl-item.center + .owl-item,
.webtv #content-channels #slider-channels .owl-item.center + .owl-item + .owl-item {
  opacity: 1;
}
.webtv #content-channels #slider-channels .owl-item.center + .owl-item .linkVid,
.webtv #content-channels #slider-channels .owl-item.center + .owl-item + .owl-item .linkVid {
  display: block;
}
.webtv #content-trailers {
  clear: both;
  background-color: #141414;
  padding: 50px 0;
  position: relative;
  z-index: 2;
}
.webtv #content-trailers #slider-trailers {
  margin: 50px 0 0 0;
}
.webtv #content-trailers .info .titleLink {
  color: #fff;
  display: block;
  font-size: 0.875rem;
  margin-top: 3px;
}
.webtv #content-trailers .info span {
  color: #666;
  display: inline-block;
  font-size: 0.625rem;
}
.webtv #content-trailers .info span.category {
  color: #c8a461;
}
.webtv #content-latest {
  background-color: #141414;
  border-bottom: 1px solid #2c2c2c;
  padding: 70px 0;
  position: relative;
  z-index: 2;
}
.webtv #content-latest .icon_video {
  font-size: 1.2rem;
}
.webtv #content-latest .title {
  margin-bottom: 45px;
}
.webtv #content-latest .video {
  display: inline-block;
  height: 291px;
  position: relative;
  width: 463px;
}
.webtv #content-latest .video:last-child {
  margin-left: 45px;
}
.webtv #content-latest .video.shadow-bottom:before {
  width: 100%;
}
.webtv #content-latest .video .info .titleLink {
  color: #fff;
  display: block;
  font-size: 0.875rem;
  margin-top: 3px;
}
.webtv #content-latest .video .info .category {
  color: #c8a461;
}
.webtv #content-latest .video .info span {
  color: #666;
  display: inline-block;
  font-size: 0.625rem;
}

.list-channels #live {
  background: #000 url("../../bundles/fdccourtmetrage/img/webtv/picto.png") no-repeat center 40%;
  padding-top: 70px;
  box-sizing: border-box;
}
.list-channels #live h2 {
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-size: 1.750rem;
  font-weight: 700;
  letter-spacing: 0.5em;
}
.list-channels #live .img {
  background-position: center;
}
.list-channels .grid {
  padding-top: 0;
}

.single-channel {
  background-color: #141414 !important;
  padding-top: 15px;
}
.single-channel .back {
  color: #fff;
  display: block;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  margin: 0 0 65px 0;
  text-transform: uppercase;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-channel .back:hover {
  opacity: .5;
}
.single-channel .back .icon {
  font-size: .4rem;
  vertical-align: middle !important;
  margin-bottom: 2px;
  margin-right: 10px;
}
.single-channel #slider-trailer .info-container .vCenterKid .hour, .single-channel #slider-trailer .info-container .vCenterKid .date {
  color: #666;
  display: inline-block;
  font-size: 0.625rem;
}
.single-channel #slider-trailer.sliderDrag .owl-item {
  opacity: 1;
}
.single-channel .channel:after {
  border: 4px solid #c8a461;
  box-sizing: border-box;
  content: '';
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.single-channel .owl-item.center .channel:after {
  opacity: 1;
  visibility: visible;
}
.single-channel .small-container {
  margin: 0 auto;
  width: 975px;
}
.single-channel .small-container .player {
  margin-top: 49px;
}
.single-channel .small-container .infos-videos {
  padding-top: 18px;
  position: relative;
}
.single-channel .small-container .infos-videos .infos {
  width: calc(100% - 300px);
}
.single-channel .small-container .infos-videos .infos strong {
  color: #c8a461;
  font-size: 0.69rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 18px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.single-channel .small-container .infos-videos .infos .time {
  margin-left: 9px;
  color: #666666;
  font-size: 0.69rem;
  text-transform: uppercase;
  line-height: 24px;
}
.single-channel .small-container .infos-videos .infos p {
  color: #fff;
  font-size: 1.13rem;
  line-height: 24px;
}
.single-channel .small-container .infos-videos .square {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 1px;
}
.single-channel .small-container .infos-videos .square .icon {
  font-size: .8rem;
  position: absolute;
  top: 30px;
  left: 30px;
}
.single-channel .small-container .infos-videos .square a {
  border-color: #2c2c2c;
  border-top: none;
}
.single-channel .small-container .infos-videos .square a:hover {
  background-color: #141414;
  color: #c8a461;
  border-color: #c8a461;
}
.single-channel .small-container .infos-videos .square a:hover + .button {
  border-left-color: #c8a461;
}
.single-channel .small-container .infos-videos .square a:last-child:hover {
  border-right-color: #c8a461 !important;
}
.single-channel #content-channels {
  padding-top: 23px;
}

.webtv-ba .item:hover img {
  -moz-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.05) translateZ(0);
  -ms-transform: scale(1.05) translateZ(0);
  -webkit-transform: scale(1.05) translateZ(0);
  transform: scale(1.05) translateZ(0);
}
.webtv-ba .item {
  overflow: hidden;
}
.webtv-ba .item img {
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.webtv-ba .shadow-bottom:before {
  width: 100%;
}
.webtv-ba #live {
  background: center 0 no-repeat fixed;
  background-size: cover;
}
.webtv-ba #live h2 {
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-size: 1.75rem;
  letter-spacing: 15px;
  font-weight: 700;
}
.webtv-ba #live .play-live {
  border-radius: 50%;
  margin-bottom: 18px;
  border: 0px solid #fff;
  cursor: default;
  margin-top: 0px;
}
.webtv-ba #live .play-live .icon {
  color: #fff;
  font-size: 3.1rem;
  margin: 0px;
}
.webtv-ba .sticky {
  width: 100% !important;
}
.webtv-ba .sub-nav-list {
  background-color: #202020;
  width: auto;
  margin: 0 auto;
  text-align: center;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.webtv-ba .sub-nav-list a {
  color: #999999;
  font-size: 0.75rem;
}
.webtv-ba .sub-nav-list a:hover {
  color: #c8a461;
}
.webtv-ba .sub-nav-list a.active {
  color: #c8a461;
}
.webtv-ba .sub-nav-list li {
  display: inline-block;
  padding: 16px 6.5px;
  text-transform: uppercase;
}
.webtv-ba .grid {
  padding-top: 0px;
}
.webtv-ba .grid .item:hover {
  cursor: pointer;
}
.webtv-ba .grid-wrapper {
  margin-top: 0px;
  background-color: #141414;
}
.webtv-ba .grid:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.webtv-ba .listtrailer .picto {
  bottom: auto;
  float: left;
  left: auto;
  margin: 0 18px 0 20px;
  position: relative;
  top: auto;
}
.webtv-ba .listtrailer .info {
  bottom: 20px !important;
  left: 0 !important;
  position: absolute;
  width: 100% !important;
  z-index: 3 !important;
}
.webtv-ba .listtrailer .info .info-container {
  color: #666;
  float: left;
  height: 44px;
}
.webtv-ba .listtrailer .info span {
  color: #c8a461 !important;
  display: block !important;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: 0.75rem !important;
  margin-top: 3px;
}
.webtv-ba .listtrailer .info .category {
  color: #fff !important;
  text-transform: none !important;
  font-size: 0.875rem !important;
  letter-spacing: 0px;
}
.webtv-ba .listtrailer .vCenterKid {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (min-width: 1920px) {
  .webtv-ba #live {
    height: 448px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .webtv-ba #live {
    height: 373px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .webtv-ba #live {
    height: 297px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .webtv-ba #live {
    height: 294px !important;
  }
}
@media screen and (max-width: 1023px) {
  .webtv-ba #live {
    height: 296px !important;
  }
}

.webtv-ba-video {
  background-color: #141414 !important;
}
.webtv-ba-video .title-container {
  padding: 13px 0px 40px 0px;
}
.webtv-ba-video .title-container a {
  color: #fff;
  text-transform: uppercase;
  font-size: 9.6px;
  font-family: "Camphor W01 Bold";
  letter-spacing: 0.1em;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.webtv-ba-video .title-container a .icon {
  margin-right: 10px;
  font-size: .45rem;
  vertical-align: middle !important;
  margin-bottom: 2px;
}
.webtv-ba-video .title-container a:hover {
  opacity: .5;
}
.webtv-ba-video .title-container h1 {
  margin: 10px 0 0 0;
}
.webtv-ba-video article {
  min-height: 490px;
  box-sizing: border-box;
  float: none;
  padding-left: 0px;
  clear: both;
  color: #ffffff;
  width: auto;
  float: left;
}
.webtv-ba-video article.video {
  max-width: 630px;
}
.webtv-ba-video .container-webtv-ba-video {
  width: 977px;
  max-width: 100%;
  margin: 0 auto;
}
.webtv-ba-video .video .infos-videos .infos strong {
  color: #c8a461;
  font-size: 0.69rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  display: inline-block;
  padding-top: 25px;
  font-size: 11px;
}
.webtv-ba-video .video .infos-videos .infos .time {
  margin-left: 9px;
  color: #666666;
  font-size: 0.69rem;
  text-transform: uppercase;
}
.webtv-ba-video .video .infos-videos .infos p {
  color: #fff;
  font-size: 0.9rem;
  padding-top: 10px;
  display: block;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
.webtv-ba-video .informations-video {
  float: left;
  color: #fff;
  height: 466px;
  vertical-align: top;
  width: 297px;
  position: relative;
}
.webtv-ba-video .informations-video ul li {
  float: left;
  text-transform: uppercase;
  padding: 20px 0px;
  font-size: 0.75rem;
  color: #999999;
  border-bottom: 1px solid #2c2c2c;
  border-top: 1px solid #2c2c2c;
  margin: 0px;
  width: 148px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.webtv-ba-video .informations-video ul li:first-child {
  border-right: 1px solid #2c2c2c;
}
.webtv-ba-video .informations-video ul .active {
  color: #c8a461;
  border-bottom: 0px solid #2c2c2c;
  width: 148px;
}
.webtv-ba-video .informations-video ul li:hover {
  color: rgba(255, 255, 255, 0.28);
}
.webtv-ba-video .informations-video .block {
  height: 308px;
  padding-top: 73px;
  border-left: 1px solid #2c2c2c;
  border-right: 1px solid #2c2c2c;
  border-bottom: 1px solid #2c2c2c;
}
.webtv-ba-video .informations-video .infos-film {
  text-align: center;
}
.webtv-ba-video .informations-video .infos-film h4 {
  font-size: 0.6875rem;
  text-transform: uppercase;
  padding-top: 16px;
  padding-bottom: 12px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: 0.2em;
}
.webtv-ba-video .informations-video .infos-film strong {
  font-size: 1rem;
  text-transform: uppercase;
}
.webtv-ba-video .informations-video .infos-film span {
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: 0.81rem;
  color: #c8a461;
  display: block;
  padding-top: 4px;
}
.webtv-ba-video .informations-video .program-film {
  text-align: center;
  padding-right: 10px;
  display: none;
}
.webtv-ba-video .informations-video .program-film .contain-info {
  max-height: 222px;
  margin-bottom: 26px;
  overflow-y: auto;
  overflow-x: hidden;
}
.webtv-ba-video .informations-video .program-film .infos {
  padding-bottom: 18px;
}
.webtv-ba-video .informations-video .program-film .infos p {
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  color: #666;
  margin-bottom: 10px;
}
.webtv-ba-video .informations-video .program-film .infos p .date {
  color: #bababa;
  margin-left: 5px;
}
.webtv-ba-video .informations-video .program-film .infos p .date .hour {
  margin-left: 5px;
  text-transform: none;
}
.webtv-ba-video .informations-video .program-film .infos .where {
  font-size: 16px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
.webtv-ba-video .informations-video .program-film .infos hr {
  width: 20px;
  border-color: #666;
  margin-top: 19px;
}
.webtv-ba-video .informations-video .program-film .btn {
  color: #c8a461;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 20px 35px;
  border: 1px solid rgba(200, 164, 97, 0.53);
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.webtv-ba-video .informations-video .program-film .btn:hover {
  background-color: #c8a461;
  color: #fff;
}
.webtv-ba-video .informations-video .program-film ::-webkit-scrollbar {
  width: 5px;
}
.webtv-ba-video .informations-video .program-film ::-webkit-scrollbar-track {
  background-color: rgba(102, 102, 102, 0.44);
}
.webtv-ba-video .informations-video .program-film ::-webkit-scrollbar-thumb {
  height: 10px;
  background-color: #c8a461;
}
.webtv-ba-video .informations-video .share {
  margin: 9px 0 0 0;
}
.webtv-ba-video .informations-video .share .button {
  border-color: #2c2c2c;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.webtv-ba-video .informations-video .share .button:hover {
  border-color: #c8a461;
  background-color: #141414;
  color: #c8a461;
}
.webtv-ba-video .informations-video .share .button:hover + .button {
  border-left: 1px solid #c8a461;
}
.webtv-ba-video .informations-video .share .icon {
  font-size: .8rem;
  position: absolute;
  top: 30px;
  left: 30px;
}
.webtv-ba-video #slider-trailer {
  padding: 10px 0px 72px 0;
}
.webtv-ba-video #content-trailers {
  padding: 0px;
}
.webtv-ba-video #content-trailers #slider-trailer .picto .icon {
  margin-top: 15px;
  margin-left: 15px;
}
.webtv-ba-video #content-trailers #slider-trailer .info span {
  color: #ffffff;
  display: block;
  font-size: 0.78rem;
}
.webtv-ba-video #content-trailers #slider-trailer .info .category {
  font-size: 0.56rem;
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
  display: block;
}
.webtv-ba-video #content-trailers .sliderDrag .owl-item {
  opacity: 1;
}
.webtv-ba-video #content-trailers .channel {
  height: 185px;
  overflow: hidden;
  position: relative;
  width: 293px;
}
.webtv-ba-video #content-trailers .channel:before {
  background: transparent;
  background: -moz-linear-gradient(top, transparent 25%, transparent 25%, black 85%);
  background: -webkit-gradient(left top, left bottom, color-stop(25%, transparent), color-stop(25%, transparent), color-stop(85%, black));
  background: -webkit-linear-gradient(top, transparent 25%, transparent 25%, black 85%);
  background: -o-linear-gradient(top, transparent 25%, transparent 25%, black 85%);
  background: -ms-linear-gradient(top, transparent 25%, transparent 25%, black 85%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 25%, #000000 85%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#141414', GradientType=0 );
  content: '';
  display: block;
  height: 100%;
  width: 102%;
  position: absolute;
  top: 0;
  left: -1%;
  z-index: 1;
  opacity: .6;
}
.webtv-ba-video #content-trailers .channel:after {
  border: 0px solid #c8a461;
  box-sizing: border-box;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  z-index: 2;
}
.webtv-ba-video #content-trailers .channel:hover:after {
  border-width: 5px;
}
.webtv-ba-video #content-trailers .center .channel:after {
  border-width: 5px;
}
.webtv-ba-video .bandeau-list-img {
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  height: 365px;
  background: center 0 no-repeat fixed;
  background-size: cover;
}
.webtv-ba-video .bandeau-list-img .title-list-header {
  color: #ffffff;
  font-size: 1.75rem;
}
.webtv-ba-video .bandeau-list-img .bandeau-lien {
  color: #c8a461;
  width: 178px;
  margin: 0 auto;
  display: block;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.webtv-ba-video .bandeau-list-img .bandeau-lien:hover {
  opacity: 0.5;
}
.webtv-ba-video .bandeau-list-img .bandeau-lien .icon {
  font-size: .5rem;
  margin-bottom: 2px;
  vertical-align: middle !important;
  margin-right: 6px;
}
@media screen and (min-width: 1920px) {
  .webtv-ba-video .bandeau-list-img {
    height: 448px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .webtv-ba-video .bandeau-list-img {
    height: 373px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .webtv-ba-video .bandeau-list-img {
    height: 297px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .webtv-ba-video .bandeau-list-img {
    height: 294px !important;
  }
}
@media screen and (max-width: 1023px) {
  .webtv-ba-video .bandeau-list-img {
    height: 296px !important;
  }
}
@media screen and (max-width: 769px) {
  .webtv-ba-video .buttons.square .button {
    height: 72px;
    line-height: 73px;
    padding: 0;
    text-align: center;
    width: 72px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .webtv-ba .sub-nav-list li {
    padding: 16px 1.5px;
  }
}
#main.webtv.webtv-live {
  background-color: #000;
}

.sitemap h2 {
  padding: 60px;
  font-size: 28px;
}
.sitemap section {
  background-color: #fff;
  width: 1122px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
.sitemap section article {
  height: auto;
  box-sizing: border-box;
  float: none;
  padding-left: 0px;
  margin-bottom: 100px;
  position: relative;
  width: 363px;
  display: inline-block;
  padding: 13px;
  vertical-align: top;
  text-align: center;
}
.sitemap section article .title {
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 300;
  margin-bottom: 27px;
}
.sitemap section article a {
  color: #c8a461;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sitemap section article a:hover {
  color: #966505;
}
.sitemap section article li {
  padding-bottom: 20px;
  letter-spacing: 3px;
}

.legal-notice h2 {
  padding: 60px;
  font-size: 28px;
}
.legal-notice section {
  background-color: #fff;
  width: 630px;
  max-width: 100%;
  margin: 0 auto;
  color: #666666;
  padding-bottom: 150px;
}
.legal-notice section .legal-notice-description {
  padding-bottom: 40px;
}
.legal-notice section .legal-notice-responsable p {
  margin-bottom: 20px;
}
.legal-notice section .legal-notice-responsable p strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 0.89rem;
  color: #000;
}
.legal-notice section .legal-notice-responsable p:first-child {
  padding-bottom: 18px;
}
.legal-notice section article {
  height: auto;
  box-sizing: border-box;
  float: none;
  padding-left: 0px;
  position: relative;
  width: 100%;
  padding-top: 42px;
  line-height: 26px;
}
.legal-notice section article h4 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 0.89rem;
  color: #c8a461;
}

.faq {
  width: 978px;
  margin: 0 auto;
}
.faq .faq-menu {
  width: 210px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin-right: 29px;
  position: absolute;
  top: 163px;
}
.faq .faq-menu.stick {
  /*position: fixed;
  top: 200px!important;
  z-index: 4;*/
}
.faq .faq-menu.bottom {
  position: absolute;
  top: auto;
  bottom: 190px;
  left: auto !important;
}
.faq .faq-menu ul {
  border-right: 1px solid #dfdfdf;
}
.faq .faq-menu ul li {
  padding: 15px;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #ccc;
  transition: .5s;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.faq .faq-menu ul li:hover {
  background-color: #fafafa;
  color: #b2b2b2;
  cursor: pointer;
}
.faq .faq-menu ul .active {
  background-color: #dfdfdf;
  color: #000;
}
.faq .faq-container {
  width: 733px;
  display: none;
  vertical-align: top;
}
.faq .faq-container article strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.faq .faq-container article sub {
  vertical-align: sub;
  font-size: smaller;
}
.faq .faq-container article sup {
  font-size: smaller;
  vertical-align: super;
}
.faq .faq-container article em {
  font-style: italic;
}
.faq .faq-container article i {
  font-style: italic;
}
.faq .faq-container article ol, .faq .faq-container article ul {
  list-style: inherit;
}
.faq .faq-active {
  display: inline-block;
}
.faq section[data-name="informations-generales"], .faq section[data-name="general-informations"], .faq section[data-name="informaciones-generales"], .faq section[data-name="chang-gui-xin-xi"] {
  top: 1px;
  opacity: 1;
  display: inline-block;
}
.faq h2 {
  padding: 50px;
  font-size: 1.75rem;
}
.faq section {
  background-color: #fff;
  width: 630px;
  max-width: 100%;
  margin: 0 auto;
  color: #666666;
  padding-bottom: 150px;
  position: relative;
  opacity: 0;
  display: inline-block;
  top: 200px;
  margin-left: 240px;
}
.faq section article {
  height: auto;
  box-sizing: border-box;
  float: none;
  padding-left: 0px;
  position: relative;
  width: 100%;
  padding-top: 0px;
  line-height: 26px;
  border-top: 1px solid #c1c1c1;
  padding: 20px 18px;
  max-height: 100px;
  overflow: hidden;
  transition: 1s;
}
.faq section article .faq-question {
  position: relative;
}
.faq section article .faq-question:hover .icon_case-plus {
  color: #c8a461;
  cursor: pointer;
}
.faq section article .faq-question:hover h3 {
  color: #c8a461;
  transition: .5s;
  cursor: pointer;
}
.faq section article h3 {
  font-size: 1rem;
  text-transform: uppercase;
  color: #999999;
  padding-bottom: 40px;
  width: 533px;
  display: inline-block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-align: left;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.faq section article .icon_case-plus {
  position: absolute;
  top: 4px;
  right: -4px;
  font-size: 2.8rem;
  color: #c1c1c1;
  -moz-transition: color 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: color 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: color 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: color 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  font-style: normal !important;
}
.faq section article .icon_moins {
  position: absolute;
  top: 21px;
  right: 12px;
  font-size: 0.7rem;
  color: #c8a461;
}
.faq section article .faq-description {
  width: 660px;
  color: #666666;
  font-size: 1rem;
  line-height: 26px;
}
.faq section article .faq-description a {
  color: #c8a461;
  text-decoration: underline;
}
.faq section article .fa:hover {
  color: #c8a461;
  transition: .5s;
  cursor: pointer;
}
.faq section .faq-article-active h3 {
  color: #c8a461;
}
.faq section .faq-article-active .fa {
  color: #c8a461;
}

.evenement .title {
  margin-bottom: 20px;
}
.evenement #gridEvent {
  padding-top: 60px;
}
.evenement #gridEvent .item .info .category {
  margin-right: 0px;
}
.evenement .grid {
  padding-top: 0px;
}
.evenement .grid-wrapper {
  margin-top: 0px;
  margin-bottom: 70px;
}
.evenement .grid:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.evenement .read-more {
  border: 1px solid #d9d9d9;
  clear: both;
  color: #999;
  display: block;
  height: 55px;
  font-family: "Camphor W01 Heavy";
  font-size: 0.625rem;
  line-height: 55px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  width: 95%;
  letter-spacing: .1em;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  margin-top: 37px;
  margin-bottom: 70px;
}
.evenement .read-more strong {
  color: #000;
  font-weight: normal;
}
.evenement .read-more:hover {
  opacity: 0.5;
}
.evenement .list-article .bandeau-list .bandeau-list-img {
  height: 300px;
  background-size: cover;
}
.evenement .bandeau-list-img {
  height: 444px !important;
}
.evenement .bandeau-list-img .icon {
  font-size: .4rem;
  vertical-align: middle !important;
  margin-bottom: 2px;
}
.evenement .bandeau-list-img {
  height: 443px !important;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.evenement:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.single-evenement {
  padding-bottom: 0px;
  border-bottom: 1px solid #2c2c2c;
}
.single-evenement .slideshow .caption {
  border-bottom: 1px solid #e5e5e5;
  margin: 0px 0px;
  padding: 20px 0px;
}
.single-evenement a.nav.bottom {
  bottom: 85px;
}
.single-evenement .title-article {
  margin-bottom: 37px;
}
.single-evenement .single-photo {
  margin-top: 64px;
}
.single-evenement .quote {
  padding: 60px 0px;
  width: auto;
}
.single-evenement .quote blockquote {
  font-size: 1.5rem !important;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  padding: 40px 88px;
}
.single-evenement .text {
  width: 634px;
}
.single-evenement .text a {
  color: #c8a461;
}
.single-evenement .text .text-quote {
  font-style: italic;
}
.single-evenement .title {
  letter-spacing: normal;
  text-transform: none;
  font-size: 1.375rem;
  margin-bottom: 35px;
  font-weight: 200;
}
.single-evenement .paragraph {
  padding-top: 40px;
}
.single-evenement .small-container {
  width: 634px;
  margin: 0 auto;
}
.single-evenement .small-container .slideshow .slideshow-img .thumbnails .thumb {
  width: 81px;
  height: 57px;
}
.single-evenement .chapeau {
  margin-bottom: 40px;
}
.single-evenement .film {
  height: 290px;
}
.single-evenement .film .programmation-film {
  background-color: #141414;
  float: none;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.single-evenement .film .programmation-film .wrapper {
  margin: 0 auto;
  max-width: 630px;
  float: none;
}
.single-evenement .film .programmation-film .wrapper ul {
  width: 630px;
  margin-bottom: 35px;
}
.single-evenement .film .programmation-film .wrapper ul li {
  width: auto;
  margin-right: 14px;
}
.single-evenement .film .programmation-film .wrapper .location {
  margin: 10px 0px !important;
  text-transform: uppercase;
  color: #bababa !important;
  font-size: 0.63rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.single-evenement .film .programmation-film .wrapper .location:after {
  background-color: #525252;
  bottom: -18px;
  content: '';
  display: none !important;
  height: 1px;
  left: 0;
  position: absolute;
  width: 27px;
}
.single-evenement .film .programmation-film .wrapper .date {
  color: #bababa !important;
}
.single-evenement .film .programmation-film .wrapper .descript {
  font-size: 1rem;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  color: #fff;
}
.single-evenement .video .vCenterKid {
  text-align: left;
}
.single-evenement .best-films {
  padding-top: 37px;
}
.single-evenement .best-films .item-film {
  width: 185px;
  display: inline-block;
  margin: 0 28px;
  padding-bottom: 41px;
}
.single-evenement .best-films .item-film .title {
  padding-top: 17px;
  color: #c8a461;
  font-size: 0.88rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  line-height: 14px;
  display: block;
  margin: 0px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
}
.single-evenement .best-films .item-film .desc {
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #c8a461;
  font-size: 0.63rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 14px;
}
.single-evenement .best-films .item-film .date {
  font-size: 0.69rem;
  color: #999;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  text-align: center;
  display: block;
  line-height: 18px;
  margin-top: 4px;
}

@media screen and (min-width: 1920px) {
  .evenement .bandeau-list-img {
    height: 444px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .evenement .bandeau-list-img {
    height: 373px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .evenement .bandeau-list-img {
    height: 296px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .evenement .bandeau-list-img {
    height: 294px !important;
  }
}
@media screen and (max-width: 1023px) {
  .evenement .bandeau-list-img {
    height: 294px !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .single-evenement .best-films .item-film {
    margin: 0 23px;
  }
}
.jurys-list .bandeau-list .sub-nav-list li {
  padding: 16px 13px;
}
.jurys-list .bandeau-list .sticky {
  z-index: 9;
  width: 100%;
  background-color: #1b1b1b;
}
.jurys-list .bandeau-list-img {
  height: 443px !important;
  -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.jurys-list .title-list-header {
  -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.jurys-list .sub-nav-list a {
  color: #999 !important;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.75rem !important;
}
.jurys-list .sub-nav-list a.active {
  color: #c8a461 !important;
}
.jurys-list .sub-nav-list a:hover {
  color: #c8a461 !important;
}
.jurys-list .grid {
  padding: 0px !important;
}
.jurys-list .grid-wrapper {
  margin: 0px;
}

.contain-jury {
  max-height: 603px;
  min-height: 603px;
  overflow: hidden;
}
.contain-jury .photo-jury {
  float: left;
  width: 50%;
  background-size: cover;
  max-height: 603px;
  min-height: 603px;
  max-width: 635px;
  position: relative;
}
.contain-jury .photo-jury img {
  width: 100%;
  max-height: 603px;
  min-height: 603px;
}
.contain-jury .contain-descript {
  background-color: #ffffff;
  max-height: 606px;
  height: 603px;
  padding-left: 160px;
  padding-top: 100px;
  padding-right: 160px;
  box-sizing: border-box;
  overflow-x: auto;
  -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.contain-jury .contain-descript a {
  color: #000;
}
.contain-jury .contain-descript .descript-title {
  text-transform: uppercase;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: .625rem;
  padding-top: 25px;
  letter-spacing: .2em;
  color: #141414 !important;
}
.contain-jury .contain-descript .descript-name {
  text-transform: uppercase;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 2.25rem;
  padding-top: 19px;
  padding-bottom: 7px;
  letter-spacing: .1em;
}
.contain-jury .contain-descript .descript-rank {
  color: #ccab6e;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: .75rem;
  padding-bottom: 20px;
  letter-spacing: .1em;
  display: block;
}
.contain-jury .contain-descript p {
  font-size: 0.88rem;
  line-height: 24px;
  padding-top: 35px;
  color: #666666;
}

.contain-jurys-list {
  background-color: #1a1a1a;
}
.contain-jurys-list .title-list-cat {
  border: 0px solid #000;
  font-weight: 700;
  font-size: 1.13rem;
  padding: 70px;
}
.contain-jurys-list .title {
  margin-bottom: 0px;
  line-height: 1.75rem;
}
.contain-jurys-list article img {
  float: left;
  margin-right: 0px;
  margin-left: 0px;
}
.contain-jurys-list .jury-box {
  display: inline-block;
  overflow: hidden;
}
.contain-jurys-list .jury-box a {
  color: #000;
}
.contain-jurys-list .jury-box:hover a .image img, .contain-jurys-list .jury-box:hover a .compat-object-fit {
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transform: scale(1.08) translateZ(0);
  -ms-transform: scale(1.08) translateZ(0);
  -webkit-transform: scale(1.08) translateZ(0);
  transform: scale(1.08) translateZ(0);
}
.contain-jurys-list .jury-box .image {
  overflow: hidden;
}
.contain-jurys-list .jury-box .image.compat-object-fit {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.contain-jurys-list .jury-box .image img {
  opacity: 0 !important;
}
.contain-jurys-list .legend {
  position: relative;
  z-index: 2;
  background-color: #fff;
  margin: 0px;
  vertical-align: middle;
  /* display: table-cell; */
  text-align: center;
  height: 100px;
}
.contain-jurys-list .name {
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .875rem;
  text-transform: uppercase;
  padding-top: 24px;
  padding-bottom: 3px;
}
.contain-jurys-list .rank {
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  color: #ccab6e;
  font-size: .8125rem;
}

@media screen and (min-width: 1920px) {
  .contain-jury {
    max-height: 904px;
    min-height: 904px;
  }
  .contain-jury .contain-descript {
    padding-top: 72px;
    padding-left: 160px;
    padding-right: 160px;
    padding-bottom: 66px;
    max-height: 904px;
    min-height: 904px;
  }
  .contain-jury .photo-jury {
    max-height: 904px;
    min-height: 904px;
    max-width: 960px;
  }

  .jurys-list .bandeau-list-img {
    height: 444px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .contain-jury {
    max-height: 748px;
    min-height: 748px;
  }
  .contain-jury .contain-descript {
    padding-top: 33px;
    padding-left: 120px;
    padding-right: 120px;
    padding-bottom: 66px;
    max-height: 748px;
    min-height: 748px;
  }
  .contain-jury .photo-jury {
    max-height: 748px;
    min-height: 748px;
    max-width: 800px;
  }

  .jurys-list .bandeau-list-img {
    height: 373px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .contain-jury {
    max-height: 603px;
    min-height: 603px;
  }
  .contain-jury .contain-descript {
    padding-top: 25px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 66px;
    max-height: 603px;
    min-height: 603px;
  }
  .contain-jury .photo-jury {
    max-height: 603px;
    min-height: 603px;
    max-width: 640px;
  }

  .jurys-list .bandeau-list-img {
    height: 296px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .contain-jury {
    max-height: 603px;
    min-height: 603px;
  }
  .contain-jury .contain-descript {
    padding-top: 25px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 66px;
    max-height: 603px;
    min-height: 603px;
  }
  .contain-jury .photo-jury {
    max-height: 603px;
    min-height: 603px;
    max-width: 512px;
  }

  .jurys-list .bandeau-list-img {
    height: 294px !important;
  }
}
@media screen and (max-width: 1023px) {
  .contain-jury {
    max-height: 603px;
    min-height: 603px;
  }
  .contain-jury .contain-descript {
    padding-top: 25px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 66px;
    max-height: 603px;
    min-height: 603px;
  }
  .contain-jury .photo-jury {
    max-height: 603px;
    min-height: 603px;
    max-width: 512px;
  }

  .jurys-list .bandeau-list-img {
    height: 294px !important;
  }
}
.artist {
  padding: 0px 0px;
  padding-top: 65px;
  /*  .button {
      padding: 0 19px 0 39px;
    }
    */
}
.artist .nav.next, .artist .nav.prev {
  -moz-transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.artist .info .category {
  margin-right: 2px;
}
.artist .small-container {
  margin: 0 auto;
  width: 649px;
}
.artist .single-photo {
  margin-bottom: 76px;
}
.artist .city {
  text-transform: uppercase;
}
.artist .title-article {
  margin-top: 16px;
  margin-bottom: 29px;
}
.artist .title-cat-artist {
  font-family: "Playfair Display", Times New Roman, Times, serif;
  text-transform: none;
  letter-spacing: normal;
  font-size: 1.375rem;
  padding-bottom: 40px;
  margin-bottom: 0px;
  font-weight: normal;
}
.artist .title-art-artist {
  font-family: "Playfair Display", Times New Roman, Times, serif;
  text-transform: none;
  letter-spacing: normal;
  font-size: 1.375rem;
  margin-bottom: 50px;
  padding-top: 45px;
  border-top: 1px solid #dfdfdf;
  font-weight: normal;
}
.artist .paragraph {
  color: #666;
  font-size: 1rem;
  line-height: 1.7em;
  margin-bottom: 5px;
}
.artist .biographie {
  margin-bottom: 70px;
}
.artist .contain-films-list .item {
  line-height: 18px;
  margin: 0px 16px;
  display: inline-block;
  min-height: 418px;
  vertical-align: bottom;
  width: 181px;
}
.artist .contain-films-list .item img {
  width: 183px;
  height: 244px;
  object-fit: cover;
}
.artist .contain-films-list .item .content-text {
  margin: 0 auto;
  text-align: center;
}
.artist .contain-films-list .item .content-text .item-title {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #c8a461;
  font-size: .875rem;
  display: block;
  padding-top: 13px;
}
.artist .contain-films-list .item .content-text .item-date {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  color: #999999;
  font-size: .6875rem;
  padding-right: 5px;
}
.artist .contain-films-list .item .content-text .item-categ {
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: .6875rem;
  color: #333333;
}
.artist .contain-films-list .item .content-text .item-details {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: .75rem;
  color: #666666;
  display: block;
}
.artist .contain-films-list .item .content-text .item-sub-title {
  font-size: .625rem;
  text-transform: uppercase;
  color: #c8a461;
  display: block;
}
.artist .jury {
  text-align: center;
  padding-bottom: 50px;
  line-height: 30px;
}
.artist .jury .rank {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #c8a461;
  font-size: 1.125rem;
}
.artist .jury .role {
  text-transform: uppercase;
  font-size: .875rem;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
}
.artist .jury .item-separate {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  padding: 0 7px;
}
.artist .realisateurs {
  background-color: #f6f6f6;
  padding-bottom: 48px;
}
.artist .realisateurs .title {
  padding: 70px 0px;
  padding-bottom: 53px;
}
.artist .realisateurs .owl-carousel .owl-item {
  width: auto !important;
}
.artist .realisateurs #slide-artist .item img {
  margin-bottom: 19px;
  width: 210px;
  height: 284px;
  object-fit: cover;
}
.artist .realisateurs #slide-artist .item a {
  color: #333;
}
.artist .realisateurs #slide-artist .item figcaption {
  margin-top: 15px;
  height: 38px;
}
.artist .realisateurs .owl-controls {
  display: none;
}
.artist .realisateurs figure {
  text-align: center;
  margin: 0px 20px;
}
.artist .realisateurs figure span {
  display: block;
}
.artist .realisateurs figure .name {
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-bottom: 4px;
  font-size: .875rem;
}
.artist .realisateurs figure .rank {
  color: #c8a461;
  font-size: .8125rem;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
}

@media screen and (min-width: 1920px) {
  .app {
    background-position: 424px 113px !important;
  }
}
@media screen and (min-width: 1700px) and (max-width: 1919px) {
  .app {
    background-position: 356px 113px !important;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1699px) {
  .app {
    background-position: 213px 113px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1400) {
  .app {
    background-position: 85px 113px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .app {
    background-position: -132px 113px !important;
  }
}
@media screen and (max-width: 1023px) {
  .app {
    background-position: -132px 113px !important;
  }
}
.app {
  height: 533px;
  background-color: #000 !important;
  background-image: url(../../bundles/fdccourtmetrage/img/app.png);
  background-repeat: no-repeat;
  background-position: 133px 113px;
  transition: .5s;
}
.app .contain-app {
  height: 533px;
  float: right;
  width: 65%;
}
.app .contain-app h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.875rem;
  padding-top: 145px;
  text-align: center;
  letter-spacing: 5px;
}
.app .contain-app h2 {
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-size: 1.125rem;
  color: #fff;
  padding-top: 25px;
  text-align: center;
  font-style: italic;
}
.app .contain-app .logo-app {
  text-align: center;
  padding-top: 30px;
}
.app .contain-app .logo-app a {
  margin-right: 30px;
}
.app .contain-app .logo-app img {
  cursor: pointer;
}

.participate ul li {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 30px;
  font-size: 1rem;
  list-style: initial;
  list-style-position: inside;
}
.participate ol {
  list-style-type: decimal;
  list-style: initial;
  list-style-position: inside;
}
.participate ol li {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 30px;
  font-size: 1rem;
  list-style-type: decimal;
}
.participate .participate-active {
  height: auto !important;
}
.participate .logo {
  margin-bottom: 26px;
  height: 39px;
}
.participate .title-list-header .icon {
  font-size: 4.5rem;
  margin-bottom: 12px;
  vertical-align: middle !important;
  margin-left: 18px;
  margin-top: -17px;
}
.participate .title-list-header .icon_mains {
  font-size: 4rem;
}
.participate .icon_case-plus,
.participate .icon_moins {
  margin-bottom: 40px;
  color: #c1c1c1;
  position: absolute;
  right: 1px;
  top: 22px;
}
.participate .icon_case-plus:hover,
.participate .icon_moins:hover {
  cursor: pointer;
}
.participate .icon_case-plus {
  font-size: 2.7rem;
  top: 29px;
  right: 0px;
}
.participate .icon_moins {
  top: 44px;
  right: 15px;
  font-size: .7rem;
  color: #c8a461;
}
.participate .contain-participate {
  background-color: #fff;
}
.participate .contain-participate .contain-descript {
  border-bottom: 1px solid #e0e0e0;
}
.participate .contain-participate .contain-descript .descrip {
  width: 785px;
  margin: 0 auto;
  padding: 46px 0px;
  line-height: 30px;
  color: #333333;
  text-align: center;
}
.participate .contain-participate section {
  border-bottom: 1px solid #e0e0e0;
}
.participate .contain-participate section .contain-section {
  width: 997px;
  margin: 0 auto;
  padding-bottom: 63px;
  position: relative;
  overflow: hidden;
  height: 31px;
}
.participate .contain-participate section .contain-section a {
  color: #c29f5f;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.participate .contain-participate section .contain-section a:hover {
  color: #966505;
}
.participate .contain-participate section .contain-section .descrip-section {
  line-height: 24px;
  font-size: .8125rem;
}
.participate .contain-participate section .contain-section .descrip-section .ask {
  font-size: 0.81rem;
}
.participate .contain-participate section .contain-section .descrip-section a {
  font: 0.81rem "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.participate .contain-participate section .contain-section .descrip-section a:hover {
  color: #966505;
}
.participate .contain-participate section .contain-section #google-map {
  width: 975px;
  height: 350px;
  margin-top: 51px;
}
.participate .contain-participate section .title-participate:hover {
  cursor: pointer;
}
.participate .contain-participate section .title-participate {
  font: 0.875rem "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #c1c1c1;
  text-transform: uppercase;
  padding-top: 37px;
  padding-bottom: 49px;
  letter-spacing: 2px;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.participate .contain-participate section .title-participate .plus-info {
  width: 19px;
  height: 40px !important;
  padding-right: 22px;
  margin-bottom: -12px;
}
.participate .contain-participate section .title-participate .icon {
  font-size: 1.3rem;
  margin-right: 22px;
}
.participate .contain-participate section .title-participate .icon_les-salles-de-projections {
  font-size: 1.5rem;
  vertical-align: sub !important;
}
.participate .contain-participate section .part-plus-info {
  padding-top: 27px;
}
.participate .contain-participate section .participate-active .title-participate {
  color: #c29f5f;
}
.participate .contain-participate section .title-participate:hover {
  color: #c29f5f;
}
.participate .contain-participate section .item {
  text-align: center;
  width: 325px;
  line-height: 24px;
  text-align: center;
  min-height: 269px;
  display: inline-block;
  vertical-align: text-top;
}
.participate .contain-participate section .item .icon {
  font-size: 5rem;
  color: #c8a461;
}
.participate .contain-participate section .item .transport {
  color: #000000;
  font: 0.75rem "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  display: block;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 15px;
}
.participate .contain-participate section .item .time {
  font-size: .8125rem;
  display: block;
  margin-bottom: 29px;
  padding: 0 25px;
}
.participate .contain-participate section .item .info {
  display: block;
  padding-bottom: 15px;
  font-size: .8125rem;
  width: 275px;
  margin: 0 auto;
}
.participate .contain-participate section .item .info a {
  color: #c29f5f;
  text-decoration: underline;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.participate .contain-participate section .item .info a:hover {
  color: #966505;
}
.participate .contain-participate section .item .info .price {
  color: #c29f5f;
}
.participate .contain-participate section .item .info strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.participate .contain-participate section .item .btn {
  font-size: .625rem;
  padding: 14px 26px;
  border: 1px solid #c8a461;
  color: #c8a461;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.participate .contain-participate section .item .btn .icon {
  font-size: .5rem;
  margin-right: 10px;
  vertical-align: middle !important;
  margin-bottom: 3px;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.participate .contain-participate section .item .btn:hover {
  border-color: #000;
  color: #000;
}
.participate .contain-participate section .item .btn:hover .icon {
  color: #000;
}
.participate .contain-participate section .large {
  width: 495px;
  text-align: center;
}
.participate .contain-participate section .descrip-participate {
  width: 607px;
  font-size: 1.25rem;
  text-align: center;
  margin: 0 auto;
  line-height: 36px;
}
.participate .contain-participate section .contain-map {
  width: 325px;
  display: inline-block;
  text-align: center;
  margin-top: 59px;
  vertical-align: top;
}
.participate .contain-participate section .contain-map .map {
  margin-bottom: 40px;
}
.participate .contain-participate section .contain-map .name {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  display: block;
  padding-bottom: 20px;
  letter-spacing: 1px;
}
.participate .contain-participate section .contain-map .btn {
  font-size: .625rem;
  padding: 14px 26px;
  border: 1px solid #c8a461;
  color: #c8a461;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  display: block;
  width: 130px;
  margin: 0 auto;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.participate .contain-participate section .contain-map .btn .icon {
  margin-right: 10px;
  font-size: .7rem;
}
.participate .contain-participate section .contain-map .btn:hover {
  border-color: #000;
  color: #000;
}
.participate .contain-participate section .contain-map .link {
  padding-top: 38px;
  color: #c8a461;
}
.participate .contain-participate section .contain-map .link a {
  color: #c8a461;
  text-decoration: underline;
  vertical-align: text-top;
  font-size: 0.81rem;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.participate .contain-participate section .contain-map .link a:hover {
  color: #966505;
}
.participate .contain-participate section .contain-map .link .icon {
  padding-right: 9px;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  vertical-align: text-top;
}
.participate .contain-participate section .contain-map .link:hover {
  color: #966505;
}
.participate .contain-acces .imgs-acces {
  display: inline-block;
  height: 762px;
  width: 363px;
  padding-right: 54px;
}
.participate .contain-acces .imgs-acces img {
  padding-bottom: 31px;
}
.participate .contain-acces .text-acces {
  display: inline-block;
  width: 355px;
  vertical-align: top;
}
.participate .contain-acces .text-acces .title-acces {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: .75rem;
  padding-bottom: 20px;
}
.participate .contain-acces .text-acces .title-acces .icon {
  font-size: .85rem;
}
.participate .contain-acces .text-acces .descript-acces {
  padding-bottom: 20px;
  font-size: .8125rem;
  line-height: 24px;
}
.participate .contain-acces .text-acces .descript-acces strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.participate .contain-cinema .title-cinema {
  font-size: 0.88rem;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.participate .contain-cinema .contain-item-cinema {
  padding-bottom: 71px;
}
.participate .contain-cinema .contain-item-cinema .cinema {
  padding-top: 29px;
}
.participate .contain-cinema .contain-item-cinema .cinema img {
  display: inline-block;
  width: 363px;
  height: 229px;
}
.participate .contain-cinema .contain-item-cinema .cinema .text-cinema {
  width: 521px;
  display: inline-block;
  vertical-align: top;
  margin-left: 59px;
}
.participate .contain-cinema .contain-item-cinema .cinema .text-cinema h4 {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  padding-bottom: 23px;
}
.participate .contain-cinema .contain-item-cinema .cinema .text-cinema p {
  font-size: 0.81rem;
  line-height: 24px;
  padding-bottom: 11px;
}
.participate .contain-cinema .contain-item-cinema .cinema .text-cinema p strong {
  color: #c8a461;
}
.participate .contain-cinema .contain-item-cinema .cinema .text-cinema p a {
  color: #c8a461;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.participate .contain-cinema .contain-item-cinema .cinema .text-cinema p a:hover {
  color: #966505;
}
.participate .contain-cinema .contain-item-cinema .cinema .text-cinema a {
  font-size: 0.81rem;
}
.participate .contain-cinema .descrip-participate {
  padding-top: 24px;
  padding-bottom: 21px;
}
.participate .contain-cinema .descrip-title {
  text-align: center;
  line-height: 26px;
  font-size: 0.81rem;
}
.participate .contain-cinema .descrip-title strong {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.81rem;
}
.participate .contain-cinema .loc {
  display: block;
  width: 246px;
  margin: 0 auto;
  line-height: 20px;
}
.participate .contain-cinema .contain-map {
  vertical-align: top;
  font-size: 0.81rem;
}
.participate .contain-cinema .contain-map strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.participate .contain-cinema .contain-map span {
  padding-bottom: 5px;
}
.participate .contain-cinema .contain-good-practice {
  width: 980px;
  margin: 0 auto;
  padding-top: 10px;
}
.participate .contain-cinema .contain-good-practice .item-good-practice {
  width: 181px;
  display: inline-block;
  padding-left: 53px;
  text-align: center;
  vertical-align: top;
}
.participate .contain-cinema .contain-good-practice .item-good-practice strong {
  display: block;
  font-size: 0.81rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  width: 188px;
  margin: 0 auto;
  line-height: 24px;
}
.participate .contain-cinema .contain-good-practice .item-good-practice .icon {
  font-size: 2.4rem;
  color: #B0B0B0;
  margin-bottom: 13px;
}

.prepare .title-list-header .icon {
  font-size: 2.75rem;
  margin-top: -6px;
}

.partners .title-section:hover {
  cursor: pointer;
}
.partners .content-partners {
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
}
.partners .content-partners .contain-section {
  margin: 0 auto;
  width: 975px;
  position: relative;
  overflow: hidden;
  height: 97px;
}
.partners .content-partners .contain-section .title-section {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #c1c1c1;
  font-size: 0.88rem;
  letter-spacing: 2px;
  padding-top: 44px;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.partners .content-partners .contain-section .title-section:hover {
  color: #c8a461;
}
.partners .content-partners .contain-section .item-partners {
  border-bottom: 1px solid #e0e0e0;
  padding: 41px 0px;
  margin-bottom: 41px;
}
.partners .content-partners .contain-section .item-partners .contain-img {
  display: inline-block;
  width: 400px;
  vertical-align: top;
}
.partners .content-partners .contain-section .item-partners .contain-img img {
  padding: 65px;
  margin: 0 auto;
  display: block;
}
.partners .content-partners .contain-section .item-partners .text-partners {
  width: 571px;
  display: inline-block;
  vertical-align: top;
}
.partners .content-partners .contain-section .item-partners .text-partners .title-partners {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-bottom: 29px;
  letter-spacing: 2px;
}
.partners .content-partners .contain-section .item-partners .text-partners p,
.partners .content-partners .contain-section .item-partners .text-partners .descrip-partners {
  font-size: 0.81rem;
  line-height: 24px;
  margin-bottom: 18px;
}
.partners .content-partners .contain-section .item-partners .text-partners a {
  color: #c8a461;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding-right: 13px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.partners .content-partners .contain-section .item-partners .text-partners a:hover {
  color: #966505;
}
.partners .content-partners .contain-section .item-partners .text-partners .content-text-with-portrait {
  display: inline-block;
  width: 69%;
}
.partners .content-partners .contain-section .item-partners .text-partners .portrait {
  display: inline-block;
  width: 134px;
  vertical-align: top;
  margin-top: 9%;
  margin-left: 39px;
  text-align: center;
}
.partners .content-partners .contain-section .item-partners .text-partners .portrait .name {
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-bottom: 5px;
  padding-top: 10px;
  font-size: 0.75rem;
}
.partners .content-partners .contain-section .item-partners .text-partners .portrait .rank {
  display: block;
  font-size: 0.75rem;
  padding-bottom: 5px;
}
.partners .content-partners .contain-section .item-partners:last-child {
  border-bottom: 0px solid #e0e0e0;
}
.partners .content-partners .participate-active .title-section {
  color: #c8a461;
}
.partners .content-partners:first-child {
  border-top: 0px solid #e0e0e0;
}
.partners .content-partners:last-child .item-partners:last-child {
  border-bottom: #FFF solid 0px;
}

.contractor .content-contractor {
  background-color: #fff;
}
.contractor .content-contractor .contain-section {
  margin: 0 auto;
  width: 975px;
  position: relative;
}
.contractor .content-contractor .contain-section .title-section {
  text-transform: uppercase;
  color: #c8a461;
  font-size: 0.88rem;
  letter-spacing: 2px;
  padding-top: 55px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.contractor .content-contractor .contain-section .item-contractor {
  border-bottom: 1px solid #e0e0e0;
  padding: 41px 0px;
}
.contractor .content-contractor .contain-section .item-contractor .contain-img {
  display: inline-block;
  width: 400px;
  vertical-align: top;
  text-align: center;
}
.contractor .content-contractor .contain-section .item-contractor .contain-img img {
  padding: 22px;
}
.contractor .content-contractor .contain-section .item-contractor .text-contractor {
  width: 571px;
  display: inline-block;
  vertical-align: top;
}
.contractor .content-contractor .contain-section .item-contractor .text-contractor .title-contractor {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-bottom: 29px;
  letter-spacing: 2px;
}
.contractor .content-contractor .contain-section .item-contractor .text-contractor .descrip-contractor {
  font-size: 0.81rem;
  line-height: 24px;
  margin-bottom: 22px;
}
.contractor .content-contractor .contain-section .item-contractor .text-contractor a {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding-right: 13px;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.contractor .content-contractor .contain-section .item-contractor .text-contractor a:hover {
  color: #966505;
}
.contractor .content-contractor .contain-section .item-contractor .text-contractor .content-text-with-portrait {
  display: inline-block;
  width: 69%;
}
.contractor .content-contractor .contain-section .item-contractor .text-contractor .portrait {
  display: inline-block;
  width: 134px;
  vertical-align: top;
  margin-top: 9%;
  margin-left: 39px;
  text-align: center;
}
.contractor .content-contractor .contain-section .item-contractor .text-contractor .portrait img {
  margin-bottom: 9px;
}
.contractor .content-contractor .contain-section .item-contractor .text-contractor .portrait .name {
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-bottom: 5px;
}
.contractor .content-contractor .contain-section .item-contractor .text-contractor .portrait .rank {
  display: block;
  font-size: 0.75rem;
  padding-bottom: 5px;
}
.contractor .content-contractor:last-child .item-contractor:last-child {
  border-bottom: #FFF solid 0px;
}

.manual .title-bandeau {
  background-color: #fff;
  padding: 50px 0px;
}
.manual .title-bandeau p {
  font-size: 1rem;
  line-height: 30px;
  width: 778px;
  margin: 0 auto;
  text-align: center;
}
.manual .title-bandeau ul li, .manual .title-bandeau ol li {
  text-align: center;
}
.manual .content-manual {
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
}
.manual .content-manual .contain-section {
  margin: 0 auto;
  width: 975px;
  position: relative;
  overflow: hidden;
  height: 100px;
}
.manual .content-manual .contain-section .title-section {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #c1c1c1;
  font-size: 0.88rem;
  letter-spacing: 2px;
  padding-top: 41px;
  -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.manual .content-manual .contain-section .title-section .icon {
  font-size: 1.3rem;
  margin-right: 20px;
  margin-left: 2px;
}
.manual .content-manual .contain-section .title-section:hover {
  color: #c8a461;
  cursor: pointer;
}
.manual .content-manual .contain-section .descrip-section p {
  width: 750px;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 36px;
  padding: 39px 0px;
  text-align: center;
}
.manual .content-manual .contain-section .item-manual {
  padding: 41px 0px;
}
.manual .content-manual .contain-section .item-manual .contain-img {
  display: inline-block;
  width: 422px;
  vertical-align: top;
}
.manual .content-manual .contain-section .item-manual .contain-img img {
  padding-bottom: 30px;
}
.manual .content-manual .contain-section .item-manual .text-manual {
  width: 547px;
  display: inline-block;
  vertical-align: top;
}
.manual .content-manual .contain-section .item-manual .text-manual .title-manual {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-bottom: 29px;
}
.manual .content-manual .contain-section .item-manual .text-manual .descrip-manual {
  font-size: 0.81rem;
  line-height: 24px;
}
.manual .content-manual .contain-section .item-manual .text-manual .descrip-manual strong {
  color: #c29f5f;
  font-size: 0.88rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.manual .content-manual .contain-section .item-manual .text-manual .title-descript {
  margin: 18px 0px;
}
.manual .content-manual .contain-section .item-manual .text-manual a {
  color: #c8a461;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding-right: 13px;
}
.manual .content-manual .contain-section .item-manual .text-manual .content-text-with-portrait {
  display: inline-block;
  width: 69%;
}
.manual .content-manual .contain-section .item-manual .text-manual .portrait {
  display: inline-block;
  width: 134px;
  vertical-align: top;
  margin-top: 9%;
  margin-left: 39px;
  text-align: center;
}
.manual .content-manual .contain-section .item-manual .text-manual .portrait .name {
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-bottom: 5px;
  padding-top: 10px;
}
.manual .content-manual .contain-section .item-manual .text-manual .portrait .rank {
  display: block;
  font-size: 0.75rem;
  padding-bottom: 5px;
}
.manual .content-manual .contain-section .item-manual .text-manual ul {
  line-height: 24px;
}
.manual .content-manual .contain-section .item-manual .text-manual ul li {
  font-size: 0.81rem;
  list-style: disc;
  list-style-position: inside;
}
.manual .content-manual .contain-section .item-manual .accredit .small-container-title {
  width: 353px;
}
.manual .content-manual .contain-section .item-manual .accredit .descrip-manual strong {
  color: #000;
}
.manual .content-manual .contain-section .item-manual .accredit .contain-people .people {
  width: 184px;
  display: inline-block;
  line-height: 24px;
  font-size: 0.81rem;
  vertical-align: text-top;
  padding-bottom: 24px;
}
.manual .content-manual .contain-section .item-manual .accredit .contain-people .people strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  display: block;
}
.manual .content-manual .contain-section .item-manual .accredit .contain-people .people .num {
  color: #c29f5f;
}
.manual .content-manual .contain-section .item-manual .accredit .title-item-manual {
  font-size: 0.75rem;
  letter-spacing: 2px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.manual .content-manual .contain-section .item-manual .contain-infos .item-infos {
  width: 357px;
  display: inline-block;
  padding: 0px 60px;
  padding-bottom: 22px;
  vertical-align: top;
  text-align: center;
  font-size: 0.81rem;
  line-height: 24px;
}
.manual .content-manual .contain-section .item-manual .contain-infos .item-infos .icon {
  font-size: 3rem;
}
.manual .content-manual .contain-section .item-manual .contain-infos .item-infos .title-infos {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  display: block;
  padding-bottom: 30px;
  padding-top: 12px;
  letter-spacing: 2px;
}
.manual .content-manual .contain-section .item-manual .contain-infos .item-infos strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.manual .content-manual .contain-section .item-manual .contain-infos .item-infos .phone {
  color: #c8a461;
}
.manual .content-manual .participate-active .title-section {
  color: #c8a461;
}
.manual .content-manual:last-child .item-manual:last-child {
  border-bottom: #FFF solid 0px;
}

@media screen and (min-width: 1920px) {
  .participate .bandeau-list,
  .participate .bandeau-list-img {
    height: 300px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .participate .bandeau-list,
  .participate .bandeau-list-img {
    height: 300px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .participate.bandeau-list,
  .participate .bandeau-list-img {
    height: 230px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .participate .bandeau-list,
  .participate .bandeau-list-img {
    height: 230px !important;
  }
}
@media screen and (max-width: 1023px) {
  .participate .bandeau-list,
  .participate .bandeau-list-img {
    height: 230px !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .partners .content-partners .contain-section .item-partners .contain-img {
    width: 330px;
  }
}
.blockimg-margin {
  margin-bottom: 35px;
}

.block-accordion .download.no-flex {
  display: block;
  margin-bottom: 20px;
}

.block-accordion .s-margin-top {
  margin-top: 10px;
}

.press {
  overflow: hidden;
  padding-top: 0 !important;
}
.press .download .icon.icon_telecharger {
  margin-right: 10px !important;
  vertical-align: middle !important;
  margin-bottom: 3px;
}
.press .download + .communiques {
  border-top: 1px solid #e3e3e3;
}
.press .button {
  font-size: 0.63rem;
  height: 37px;
}
.press .button .icon_telecharger {
  margin-right: 10px;
  font-size: .8rem;
  vertical-align: middle !important;
  margin-bottom: 2px;
}
.press .button .icon_cadenas {
  margin-right: 10px;
  font-size: .8rem;
  vertical-align: middle !important;
  margin-bottom: 3px;
}
.press a.bold {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.press .title-center {
  width: 607px;
  font-size: 1.25rem;
  text-align: center;
  margin: 0 auto;
  line-height: 36px;
  text-transform: none;
  display: block;
  margin-bottom: 20px;
}
.press .descrip-title {
  text-align: center;
  line-height: 26px;
  font-size: 0.81rem;
}
.press .descrip-title strong {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.81rem;
}
.press #google-map {
  width: 975px;
  height: 350px;
  margin-top: 51px;
}
.press .googlemap-descrip {
  font-size: .75rem;
  color: #333333;
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  margin-top: 10px;
  display: block;
}
.press .fc-event {
  background-color: #373737;
  border-radius: 0;
  border: none;
  cursor: pointer;
  margin: 5px 0 0 3px;
  height: 150px;
}
.press .fc-event.one-hour {
  height: 75px;
}
.press .fc-event.one-hour .bottom, .press .fc-event.one-hour img {
  display: none;
}
.press .fc-event.one-hour .info .txt {
  margin-left: 10px;
  width: 200px;
}
.press .fc-event.one-hour .info .txt span {
  display: block;
  max-width: 200px;
  height: auto;
  -webkit-line-clamp: initial;
  overflow: hidden;
}
.press .fc-event .category {
  background-color: #555;
  background-repeat: no-repeat;
  background-position: 10px center;
  box-sizing: border-box;
  height: 27px;
  display: block;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  line-height: 28px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
.press .fc-event .category .icon {
  font-size: 1rem;
  margin: 0 13px;
  vertical-align: middle !important;
  margin-bottom: 2px;
}
.press .fc-event .category .icon_close {
  margin: 0px;
  color: #fff;
  vertical-align: baseline !important;
  position: relative;
  top: -6px;
  font-size: .7rem;
  right: -5px;
}
.press .fc-event .category .icon_espace-presse {
  font-size: .8rem;
}
.press .fc-event .category:after {
  content: '';
  display: block;
  width: 8px;
  height: 13px;
  background: url("../../bundles/fdccourtmetrage/img/press/drag-icon.png") no-repeat center;
  position: absolute;
  top: 7px;
  right: 5px;
  cursor: -webkit-grab;
  cursor: grab;
}
.press .fc-event .info {
  overflow-x: hidden;
}
.press .fc-event .info img {
  float: left;
  margin: 10px;
}
.press .fc-event .info .txt {
  font-family: "Camphor W01 Medium", Arial, Helvetica, sans-serif;
  font-size: 0.813rem;
  float: left;
  width: 145px;
  margin: 5px 0 0 0;
  text-transform: uppercase;
}
.press .fc-event .info .txt span {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 145px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.press .fc-event .info .txt strong {
  color: #c8a461;
  display: block;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-transform: none;
}
.press .fc-event .bottom {
  border-top: 1px solid #4b4b4b;
  clear: both;
  padding: 7px 10px 10px 10px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
}
.press .fc-event .bottom .competition {
  color: #aeaeae;
  display: block;
  font-family: "Camphor W01 Bold Italic", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
}
.press #calendar {
  background-color: #272727;
  color: #fff;
  height: 100%;
  position: absolute;
  right: -310px;
  top: 0;
  width: 310px;
  z-index: 2;
}
.press #calendar.fullwidth {
  position: relative;
  right: auto;
  top: auto;
  width: 100%;
}
.press #calendar.fullwidth #mycalendar {
  height: auto;
}
.press #calendar #calendar-wrapper.stick {
  position: fixed;
  top: 91px;
  z-index: 4;
  width: 310px;
}
.press #calendar #calendar-wrapper.bottom {
  position: absolute;
  top: auto;
  bottom: 0px;
}
.press #calendar #calendar-wrapper .drag {
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 40px;
  height: 510px;
  left: 0;
  text-align: center;
  z-index: 2;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.press #calendar #calendar-wrapper .drag h2 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  margin: 140px auto 35px auto;
  text-transform: uppercase;
  width: 80%;
}
.press #calendar #calendar-wrapper .drag p {
  color: #bebebe;
  font-size: 0.875rem;
  line-height: 1.4em;
  margin: 0 auto;
  width: 75%;
}
.press #calendar #calendar-wrapper .drag p strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #c8a461;
  display: block;
  margin-bottom: 8px;
}
.press #calendar #calendar-wrapper .drag img {
  display: block;
  margin: 0 auto 20px auto;
}
.press #calendar #calendar-wrapper .drag a {
  display: block;
  color: #c8a461;
  border: 1px solid #c8a461;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin: 15px auto 0 auto;
  text-transform: uppercase;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.press #calendar #calendar-wrapper .drag a:hover {
  opacity: 0.6;
}
.press #calendar #calendar-wrapper.drag .drag {
  opacity: 1;
  visibility: visible;
}
.press #calendar h2.title-calendar {
  background-color: #373737;
  color: #c8a461;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.813rem;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
}
.press #calendar #mycalendar {
  background-color: #242424;
  height: 510px;
}
.press #calendar #mycalendar ::-webkit-scrollbar {
  width: 5px;
}
.press #calendar #mycalendar ::-webkit-scrollbar-track {
  background-color: rgba(102, 102, 102, 0.44);
}
.press #calendar #mycalendar ::-webkit-scrollbar-thumb {
  height: 10px;
  background-color: #c8a461;
}
.press #calendar #mycalendar .fc-highlight-skeleton {
  display: none;
}
.press #calendar #mycalendar .fc-event .category:after {
  display: none;
}
.press #calendar #mycalendar .fc-event .category a {
  display: block;
  position: absolute;
  top: 7px;
  right: 10px;
  height: 12px;
  width: 12px;
}
.press #calendar #mycalendar .fc-toolbar {
  height: 40px;
  line-height: 40px;
  margin-bottom: 0;
}
.press #calendar #mycalendar .fc-toolbar .fc-left,
.press #calendar #mycalendar .fc-toolbar .fc-right {
  height: 100%;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.press #calendar #mycalendar .fc-toolbar .hide {
  opacity: 0;
  visibility: hidden;
}
.press #calendar #mycalendar .fc-toolbar button {
  background: none;
  border: none;
  border-right: 1px solid #3a3a3a;
  outline: none;
  height: 100%;
  text-shadow: none;
  box-shadow: none;
  width: 40px;
}
.press #calendar #mycalendar .fc-toolbar button span {
  color: #666;
  font-size: 0.6em;
}
.press #calendar #mycalendar .fc-toolbar .fc-right button {
  border-left: 1px solid #3a3a3a;
}
.press #calendar #mycalendar .fc-toolbar h2 {
  color: #fff;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 0.813rem;
  opacity: 0.3;
  text-transform: uppercase;
}
.press #calendar #mycalendar .fc-slats tr {
  height: 40px;
}
.press #calendar #mycalendar.side .fc-time-grid-container {
  height: 468px !important;
}
.press #calendar #mycalendar.side .fc-head,
.press #calendar #mycalendar.side .fc-day-grid,
.press #calendar #mycalendar.side .fc-widget-header {
  display: none;
}
.press #calendar #mycalendar.fc-unthemed .fc-divider, .press #calendar #mycalendar.fc-unthemed .fc-popover, .press #calendar #mycalendar.fc-unthemed .fc-row, .press #calendar #mycalendar.fc-unthemed tbody, .press #calendar #mycalendar.fc-unthemed td, .press #calendar #mycalendar.fc-unthemed th, .press #calendar #mycalendar.fc-unthemed thead {
  border-color: #3a3a3a;
}
.press #calendar #mycalendar .fc-minor td {
  border-top: 0;
}
.press #calendar #mycalendar .fc-slats .fc-time {
  font-size: 0.750rem;
  text-align: center;
  position: relative;
  width: 60px !important;
}
.press #calendar #mycalendar .fc-slats .fc-time span {
  margin-top: 14px;
  display: block;
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
  text-transform: uppercase;
}
.press #calendar #mycalendar .fc-bg .fc-axis, .press #calendar #mycalendar .fc-content-skeleton .fc-axis {
  width: 60px !important;
}
.press #calendar #mycalendar .fc-today {
  background-color: #242424;
}
.press #calendar p.link {
  border-bottom: 1px solid #3d3d3d;
  height: 70px;
  line-height: 70px;
  margin-top: 0;
  text-align: center;
}
.press #calendar p.link a {
  font-size: 0.625rem;
}
.press .wrapper {
  position: relative;
}
.press .header-press {
  border-bottom: 1px solid #e3e3e3;
  height: 150px;
}
.press .header-press .head {
  background: #c8a461 no-repeat center 36%;
  background-size: 40px;
  color: #fff;
  float: left;
  height: 100%;
  box-sizing: border-box;
  padding-top: 83px;
  margin-right: 70px;
  text-align: center;
  text-transform: uppercase;
  width: 80px;
}
.press .header-press .head span {
  display: block;
  margin: 0 auto;
  width: 80%;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  letter-spacing: 0.1em;
  position: relative;
}
.press .header-press .head span .icon {
  position: absolute;
  top: -38px;
  right: 17px;
  font-size: 1.75rem;
}
.press .header-press .container {
  height: 100%;
}
.press .header-press .container a.service-presse {
  color: #000;
  text-decoration: underline;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.press .header-press .container a.service-presse:hover {
  color: #333;
}
.press .header-press h2 {
  color: #c8a461;
  float: left;
  font-family: "Camphor W01 Thin", Arial, Helvetica, sans-serif, "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 2.125rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin: 60px 0 0 0;
  text-transform: uppercase;
}
.press .header-press p {
  float: right;
  font-size: 0.813rem;
  height: 100%;
  width: 515px;
  line-height: 1.5em;
}
.press .header-press .buttons {
  float: right;
  margin: 50px 0 0 0;
  position: relative;
  z-index: 3;
}
.press .header-press .buttons .button {
  background-color: #fff;
  border-color: #c8a461;
  border-right: 1px solid #c8a461;
}
.press .header-press .buttons .button.list {
  border-top: none;
  display: block;
  opacity: 0;
  visibility: hidden;
  position: relative;
  text-align: left;
  -moz-transition: background-color 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: background-color 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: background-color 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: background-color 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95), color 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.press .header-press .buttons .button.list.show {
  opacity: 1;
  visibility: visible;
}
.press .header-press .buttons .button.list.show:hover {
  background-color: #c8a461;
  color: #fff;
  cursor: pointer;
}
.press .header-press .buttons .button.subnav:hover {
  background-color: #fff;
  color: #c8a461;
  cursor: default;
}
.press .header-press .buttons.full .button {
  width: calc(100% - 40px);
}
.press .locked {
  background-color: #f4f4f4;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  height: 95px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.press .locked ::-webkit-input-placeholder {
  color: #999;
  font-size: 0.875rem;
  text-align: center;
}
.press .locked :-moz-placeholder {
  color: #999;
  font-size: 0.875rem;
  text-align: center;
}
.press .locked ::-moz-placeholder {
  color: #999;
  font-size: 0.875rem;
  text-align: center;
}
.press .locked :-ms-input-placeholder {
  color: #999;
  font-size: 0.875rem;
  text-align: center;
}
.press .locked h3 {
  padding-top: 2px;
  line-height: 1.4em;
  margin: 0 0 5px 65px;
}
.press .locked h3 .icon {
  font-size: 1.1rem;
  margin-right: 5px;
}
.press .locked p {
  color: #666;
  font-size: 0.813rem;
  margin: 0 0 0 65px;
}
.press .locked p.access {
  font-size: 0.8rem;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #c8a461;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.press .locked form {
  position: absolute;
  right: 150px;
  height: 50px;
  top: 24px;
}
@media screen and (max-width: 1024px) {
  .press .locked form {
    right: 50px;
  }
}
.press .locked form.error input[type="password"] {
  border-color: red;
}
.press .locked form input {
  background: none;
  border: 1px solid #c6c6c6;
  border-right: none;
  box-sizing: border-box;
  color: #999;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  display: block;
  float: left;
  outline: none;
  padding: 0 25px;
  text-align: center;
  height: 50px;
  width: 135px;
}
.press .locked form input[type="submit"] {
  border: 1px solid #c8a461;
  color: #c8a461;
  cursor: pointer;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  text-transform: uppercase;
  width: auto;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.press .locked form input[type="submit"]:hover {
  border-color: #c8a461;
  color: #fff;
  background-color: #c8a461;
}
.press .locked .buttons {
  position: absolute;
  right: 150px;
  height: 50px;
  top: 24px;
}
@media screen and (max-width: 1024px) {
  .press .locked .buttons {
    right: 50px;
  }
}
.press .locked .buttons a {
  border: 1px solid #c8a461;
  color: #c8a461;
  cursor: pointer;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  text-transform: uppercase;
  width: auto;
  box-sizing: border-box;
  display: block;
  display: block;
  float: left;
  outline: none;
  padding: 12px 25px;
  text-align: center;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.press .locked .buttons a:hover {
  border-color: #c8a461;
  color: #fff;
  background-color: #c8a461;
}
.press .communiques {
  overflow: hidden;
  clear: both;
  border-bottom: 1px solid #e3e3e3;
}
.press .communiques .grid-container {
  overflow: hidden;
  padding: 20px;
}
.press .communiques .grid-container .grid-wrapper {
  margin: 0 auto;
}
.press .communiques .grid-container article {
  border: 1px solid #e3e3e3;
  border-right: none;
  border-bottom: none;
  padding: 20px 20px 0 20px;
  width: 310px;
}
.press .communiques .grid-container article.communique .picto {
  background-color: #c8a461;
}
.press .communiques .grid-container article.communique .picto .icon {
  margin-left: 13px;
  margin-top: 13px;
  font-size: 1.2rem;
}
.press .communiques .grid-container article .image {
  width: 265px;
}
.press .communiques .grid-container article:nth-child(6), .press .communiques .grid-container article:nth-child(12) {
  border-right: 1px solid #e3e3e3;
}
.press .communiques .grid-container article:nth-child(7), .press .communiques .grid-container article:nth-child(8), .press .communiques .grid-container article:nth-child(9), .press .communiques .grid-container article:nth-child(10), .press .communiques .grid-container article:nth-child(11), .press .communiques .grid-container article:nth-child(12) {
  border-bottom: 1px solid #e3e3e3;
}
@media screen and (max-width: 1919px) {
  .press .communiques .grid-container article:nth-child(11), .press .communiques .grid-container article:nth-child(12) {
    display: none;
  }
  .press .communiques .grid-container article:nth-child(5), .press .communiques .grid-container article:nth-child(10) {
    border-right: 1px solid #e3e3e3;
  }
  .press .communiques .grid-container article:nth-child(6) {
    clear: left;
    border-right: none;
    border-bottom: 1px solid #e3e3e3;
  }
}
@media screen and (max-width: 1606px) {
  .press .communiques .grid-container article:nth-child(9), .press .communiques .grid-container article:nth-child(10) {
    display: none;
  }
  .press .communiques .grid-container article:nth-child(5) {
    border-right: none;
    border-bottom: 1px solid #e3e3e3;
    clear: left;
  }
  .press .communiques .grid-container article:nth-child(6) {
    clear: none;
  }
  .press .communiques .grid-container article:nth-child(4), .press .communiques .grid-container article:nth-child(8) {
    border-right: 1px solid #e3e3e3;
  }
}
@media screen and (max-width: 1296px) {
  .press .communiques .grid-container article:nth-child(7), .press .communiques .grid-container article:nth-child(8) {
    display: none;
  }
  .press .communiques .grid-container article:nth-child(5) {
    border-right: none;
    clear: none;
  }
  .press .communiques .grid-container article:nth-child(4) {
    border-right: none;
    border-bottom: 1px solid #e3e3e3;
    clear: left;
  }
  .press .communiques .grid-container article:nth-child(3), .press .communiques .grid-container article:nth-child(6) {
    border-right: 1px solid #e3e3e3;
  }
}
.press .programmation {
  border-top: 1px solid #e3e3e3;
}
.press .programmation #calendar-programmation {
  padding-top: 40px;
  position: relative;
}
.press .programmation #calendar-programmation .calendar {
  width: 3000px;
  max-height: 528px;
  overflow-y: scroll;
}
.press .programmation #calendar-programmation .calendar .timeCol {
  background-color: #f4f4f4;
  float: left;
  position: relative;
  width: 60px;
  z-index: 5;
}
.press .programmation #calendar-programmation .calendar .timeCol .empty {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  height: 40px;
}
.press .programmation #calendar-programmation .calendar .timeCol .time {
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  height: 80px;
  font-size: 0.750rem;
  color: #202020;
  line-height: 80px;
  text-align: center;
}
.press .programmation #calendar-programmation .calendar .venues {
  float: left;
  height: 1662px;
}
.press .programmation #calendar-programmation .calendar .venues .nav {
  background: #e5e5e5;
  display: block;
  position: absolute;
  height: 40px;
  width: 40px;
  top: 41px;
  z-index: 1;
}
.press .programmation #calendar-programmation .calendar .venues .nav.prev {
  left: 60px;
}
.press .programmation #calendar-programmation .calendar .venues .nav.prev .icon {
  margin-top: 15px;
  margin-left: 15px;
  font-size: .6rem;
  color: #000;
}
.press .programmation #calendar-programmation .calendar .venues .nav.next {
  right: 0;
}
.press .programmation #calendar-programmation .calendar .venues .nav.next .icon {
  margin-top: 15px;
  margin-left: 15px;
  font-size: .6rem;
  color: #000;
}
.press .programmation #calendar-programmation .calendar .venues .nav.hide {
  opacity: 0;
  visibility: hidden;
}
.press .programmation #calendar-programmation .calendar .venues .v-wrapper {
  height: 100%;
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  position: relative;
}
.press .programmation #calendar-programmation .calendar .venues .venue {
  float: left;
  height: 100%;
  width: 235px;
}
.press .programmation #calendar-programmation .calendar .venues .venue .v-head {
  background-color: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  height: 40px;
  line-height: 40px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}
.press .programmation #calendar-programmation .calendar .venues .venue .v-container {
  background: url("../../bundles/fdccourtmetrage/img/press/bg.jpg") repeat-x;
  border-right: 1px solid #e5e5e5;
  height: calc(100% - 42px);
  position: relative;
}
.press .programmation #calendar-programmation .calendar .venues .venue .v-container:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e5e5e5;
  height: 1px;
}
.press .programmation #calendar-programmation .calendar .venues .venue .v-container .fc-event {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  position: absolute;
  width: 220px;
  z-index: 0 !important;
  min-height: 80px;
}
.press .programmation #calendar-programmation .calendar .venues .venue .v-container .fc-event.ui-draggable-dragging {
  z-index: 10 !important;
}
.press .programmation #calendar-programmation .calendar .venues .venue .v-container .fc-event.ui-draggable-dragging .category:after {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.press .programmation #calendar-programmation .calendar .venues .venue .v-container .fc-event .txt, .press .programmation #calendar-programmation .calendar .venues .venue .v-container .fc-event .bottom {
  color: #000;
}
.press .programmation #calendar-programmation .calendar .venues .venue .v-container .fc-event .bottom {
  border-color: #e5e5e5;
}
.press .programmation #calendar-programmation .filters {
  position: absolute;
  top: 0;
  left: 15px;
  height: 40px;
  line-height: 38px;
  z-index: 3;
  background-color: #fff;
  width: 55%;
  text-align: left;
  padding-left: 54px;
}
@media screen and (max-width: 1279px) {
  .press .programmation #calendar-programmation .filters {
    width: calc(100% - 360px);
    background-color: #fff;
    z-index: 1;
  }
}
.press .programmation #calendar-programmation #timeline {
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
}
.press .programmation #calendar-programmation #timeline .arrow {
  background-color: #fff;
  display: none;
  font-size: 0.750em;
  line-height: 40px;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .press .programmation #calendar-programmation #timeline {
    padding: 0 43px;
    width: 260px;
    overflow: hidden;
  }
  .press .programmation #calendar-programmation #timeline .timeline-container {
    width: 600px;
    -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  }
  .press .programmation #calendar-programmation #timeline .arrow {
    cursor: pointer;
    display: block;
    height: 100%;
    position: absolute;
    left: -4px;
    right: 0;
    width: 43px;
    top: 0;
    z-index: 2;
  }
  .press .programmation #calendar-programmation #timeline .arrow.hide {
    display: none;
  }
  .press .programmation #calendar-programmation #timeline .arrow.left {
    border-left: 1px solid #e5e5e5;
    border-right: 1px dashed #e5e5e5;
  }
  .press .programmation #calendar-programmation #timeline .arrow.right {
    left: auto;
    right: 0;
    border-left: 1px dashed #e5e5e5;
  }
  .press .programmation #calendar-programmation #timeline a.active.hideB:after {
    display: none;
  }
}
.press .programmation #calendar-programmation #timeline a {
  border-right: 1px dashed #e5e5e5;
  color: #adadad;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  display: inline-block;
  margin-left: -4px;
  padding: 9px 0 8px 0;
  width: 43px;
  text-align: center;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.press .programmation #calendar-programmation #timeline a.disabled {
  background-color: #f2f2f2;
  cursor: default;
}
.press .programmation #calendar-programmation #timeline a.disabled:hover {
  background-color: #f2f2f2;
  color: #adadad;
}
.press .programmation #calendar-programmation #timeline a:hover {
  color: #c8a461;
}
.press .programmation #calendar-programmation #timeline a.active {
  background-color: #c8a461;
  border-color: #c8a461;
  border-style: solid;
  color: #fff;
  position: relative;
}
.press .programmation #calendar-programmation #timeline a.active:after {
  content: '';
  display: block;
  height: 0;
  border-top: 5px solid #c8a461;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin-left: -4px;
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 0;
  z-index: 2;
}
.press .programmation #calendar-programmation #timeline a span {
  display: block;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 13px;
}
.press .programmation #calendar-programmation #timeline a:first-child {
  border-left: 1px solid #e5e5e5;
}
.press .programmation #calendar-programmation #timeline a:last-child {
  border-right: none;
}
.press .mediatheque {
  clear: left;
}
.press .mediatheque .container {
  width: 885px;
}
.press .mediatheque .table .line {
  border-bottom: 1px solid #e3e3e3;
  overflow: hidden;
  padding: 10px 0;
}
@media screen and (max-width: 1279px) {
  .press .mediatheque .table .line {
    padding: 10px 20px;
  }
}
.press .mediatheque .table .line .info {
  float: left;
}
.press .mediatheque .table .line .info img {
  display: block;
  float: left;
  margin-right: 15px;
  width: 55px;
  height: 75px;
  object-fit: cover;
}
.press .mediatheque .table .line .info .txt {
  height: 75px;
  float: left;
  width: 150px;
}
.press .mediatheque .table .line .info .txt p {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  color: #999;
  text-transform: uppercase;
}
.press .mediatheque .table .line .info .txt a {
  color: #c8a461;
  display: block;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: 0.813rem;
  text-transform: none;
}
.press .mediatheque .table .line .media {
  color: #999;
  float: left;
  height: 75px;
  line-height: 75px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  margin-right: 45px;
  text-transform: uppercase;
}
.press .mediatheque .table .line .media .icon {
  font-size: 1rem;
  margin-right: 10px;
  vertical-align: middle !important;
  margin-bottom: 3px;
}
@media screen and (max-width: 1279px) {
  .press .mediatheque .table .line .media span {
    display: none;
  }
}
.press .mediatheque .table .line .button {
  border-color: #c8a461;
  padding: 1px 15px 0 15px;
  height: 38px;
  line-height: 38px;
  margin: 16px 0 0 0;
  float: right;
}
.press .stats .container {
  padding: 40px 0;
  width: 885px;
}
.press .stats .container img {
  max-width: 100%;
}
.press .stats .container h3 {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.press .stats .container p {
  font-size: 1rem;
  line-height: 1.8em;
  margin-bottom: 25px;
}
.press .stats .container p a {
  color: #c8a461;
}
.press .stats .container p strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.press .stats .container p em {
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
}
.press .stats .container p sub {
  vertical-align: text-top;
  font-size: .7rem;
}
.press .stats .container p sub {
  vertical-align: super;
  font-size: .7rem;
}
.press .chap {
  border-bottom: 1px solid #e3e3e3;
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 45px;
  position: relative;
}
.press .chap .link {
  position: absolute;
  right: 45px;
  top: 0;
  margin-top: 0;
}
.press .chap .link a {
  font-size: 0.625rem;
}
.press .chap .link a .icon {
  font-size: .45rem;
  margin-right: 10px;
  vertical-align: middle !important;
  margin-bottom: 3px;
}
.press p.link {
  margin-top: 25px;
}
.press p.link .icon {
  font-size: .45rem;
  vertical-align: middle !important;
  margin-bottom: 2px;
  margin-right: 10px;
}
.press p.link a {
  color: #c8a461;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  text-transform: uppercase;
  -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.press p.link a:hover {
  opacity: 0.5;
}
.press .section {
  height: 300px;
  width: 100%;
  background-color: #000;
  position: relative;
  clear: both;
}
.press .section .img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0.25;
  width: 100%;
}
.press .section.participate .img {
  background: url("../../bundles/fdccourtmetrage/img/press/001.jpg") no-repeat center;
  background-size: cover;
}
.press .section.accrediter .img {
  background: url("../../bundles/fdccourtmetrage/img/press/002.jpg") no-repeat center;
  background-size: cover;
}
.press .section .txt {
  color: #fff;
  position: relative;
  text-align: center;
  z-index: 1;
}
.press .section .txt h2 {
  font-size: 1.750rem;
}
.press .affiche {
  overflow: hidden;
  padding: 40px 0;
}
.press .affiche .container {
  width: 885px;
}
.press .affiche .title-press {
  margin-bottom: 30px;
}
.press .affiche img {
  border: 1px solid #e1e1e1;
  display: block;
}
.press .affiche .buttons {
  text-align: left;
}
.press .affiche .buttons .button {
  border-color: #c8a461;
  border-right: 2px solid #c8a461;
  position: relative;
}
.press .affiche .caption {
  color: #666;
  display: block;
  line-height: 1.4em;
  height: 36px;
  font-size: 0.750rem;
  margin-top: 15px;
}
.press .affiche .portrait {
  float: left;
  width: 260px;
}
.press .affiche .landscape {
  float: left;
  margin-left: 85px;
  width: 540px;
}
@media screen and (max-width: 1024px) {
  .press .affiche .portrait {
    float: none;
    margin: 0 auto 25px auto;
    width: 540px;
  }
  .press .affiche .landscape {
    float: none;
    margin: 0 auto;
  }
  .press .affiche .title-press {
    width: 540px;
    margin-left: auto;
    margin-right: auto;
  }
}
.press .affiche p {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  font-weight: normal;
  letter-spacing: 0.2em;
  margin: 30px 0 20px 0;
  text-transform: uppercase;
}
.press h3.title-press {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.press .contact-press {
  border-top: 1px solid #e3e3e3;
  padding: 60px 0;
}
.press .contact-press ul li {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 30px;
  font-size: 1rem;
  list-style: initial;
  list-style-position: inside;
}
.press .contact-press ol {
  list-style-type: decimal;
  list-style: initial;
  list-style-position: inside;
}
.press .contact-press ol li {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 30px;
  font-size: 1rem;
  list-style-type: decimal;
}
.press .contact-press .button {
  font-size: 0.75rem;
}
.press .contact-press .title {
  margin-bottom: 55px;
  font-size: 1.125rem !important;
}
.press .contact-press .container {
  overflow: hidden;
}
.press .contact-press .col {
  box-sizing: border-box;
  float: left;
  padding-right: 1%;
  width: 33.33333%;
}
.press .contact-press .col:last-child {
  padding-right: 0;
}
.press .contact-press .col h3 {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.850rem;
  line-height: 1.6em;
  margin-bottom: 30px;
}
.press .contact-press .col h3 strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.press .contact-press .col strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.press .contact-press .col p {
  font-size: 0.850rem;
  line-height: 1.8em;
  margin-bottom: 30px;
}
.press .contact-press .col p.pressaudio {
  padding-top: 23px;
}
.press .contact-press .col p strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.press .contact-press .col .mail {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.850rem;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.press .contact-press .col .mail:hover {
  color: #966505;
}
.press .contact-press .button {
  border-color: #c8a461;
  padding: 5px 22px;
}
.press.lock .affiche .buttons .button {
  border-color: #b0b0b0;
  color: #b0b0b0;
  pointer-events: none;
  border-right: 2px solid #b0b0b0;
}
.press.lock .fc-event.private {
  display: none;
}
.press.lock .header-press {
  border-bottom: none;
}
.press.lock.press-programmation .programmation {
  border-top: none;
}
.press.lock.press-programmation .programmation p {
  width: 518px;
}
.press.press-home #calendar, .press.press-programmation #calendar {
  display: none;
}
.press.press-programmation #calendar-programmation .calendar {
  max-height: 1662px;
}
.press.press-programmation #calendar-programmation .calendar .venues {
  height: 1662px;
}
.press.press-programmation .contact-press {
  border-top: none;
  clear: left;
}
.press.press-programmation .programmation:after {
  content: '';
  display: block;
  clear: both;
}
.press.press-programmation .programmation #calendar-programmation .calendar .venues .venue .v-container {
  background-repeat: repeat;
}
.press.press-home .popin-event {
  height: 1012px;
}
@media screen and (max-width: 1024px) {
  .press.press-home .popin-event {
    height: auto;
    min-height: 1012px;
  }
}
.press.press-home.calendar-open #calendar, .press.press-programmation #calendar {
  display: block;
}
.press.press-home.calendar-open #calendar-programmation .calendar, .press.press-programmation #calendar-programmation .calendar {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.press.press-home.calendar-open #calendar-programmation .calendar .venues .venue .v-head, .press.press-programmation #calendar-programmation .calendar .venues .venue .v-head {
  border-top: none;
}
.press.press-home.calendar-open #calendar-programmation .calendar .venues .venue .v-container:after, .press.press-programmation #calendar-programmation .calendar .venues .venue .v-container:after {
  content: none;
}
.press.press-home.calendar-open .wrapper, .press.press-programmation .wrapper {
  width: calc(100% - 310px);
}
.press.press-home.calendar-open .communiques .grid-container article:nth-child(11), .press.press-home.calendar-open .communiques .grid-container article:nth-child(12), .press.press-programmation .communiques .grid-container article:nth-child(11), .press.press-programmation .communiques .grid-container article:nth-child(12) {
  display: none;
}
.press.press-home.calendar-open .communiques .grid-container article:nth-child(5), .press.press-home.calendar-open .communiques .grid-container article:nth-child(10), .press.press-programmation .communiques .grid-container article:nth-child(5), .press.press-programmation .communiques .grid-container article:nth-child(10) {
  border-right: 1px solid #e3e3e3;
}
.press.press-home.calendar-open .communiques .grid-container article:nth-child(6), .press.press-programmation .communiques .grid-container article:nth-child(6) {
  clear: left;
  border-right: none;
  border-bottom: 1px solid #e3e3e3;
}
@media screen and (min-width: 1600px) {
  .press.press-home.calendar-open .communiques .grid-container article:nth-child(9), .press.press-home.calendar-open .communiques .grid-container article:nth-child(10), .press.press-programmation .communiques .grid-container article:nth-child(9), .press.press-programmation .communiques .grid-container article:nth-child(10) {
    display: none;
  }
  .press.press-home.calendar-open .communiques .grid-container article:nth-child(5), .press.press-programmation .communiques .grid-container article:nth-child(5) {
    border-right: none;
    border-bottom: 1px solid #e3e3e3;
    clear: left;
  }
  .press.press-home.calendar-open .communiques .grid-container article:nth-child(6), .press.press-programmation .communiques .grid-container article:nth-child(6) {
    clear: none;
  }
  .press.press-home.calendar-open .communiques .grid-container article:nth-child(4), .press.press-home.calendar-open .communiques .grid-container article:nth-child(8), .press.press-programmation .communiques .grid-container article:nth-child(4), .press.press-programmation .communiques .grid-container article:nth-child(8) {
    border-right: 1px solid #e3e3e3;
  }
}
@media screen and (max-width: 1599px) {
  .press.press-home.calendar-open .communiques .grid-container article:nth-child(7), .press.press-home.calendar-open .communiques .grid-container article:nth-child(8), .press.press-programmation .communiques .grid-container article:nth-child(7), .press.press-programmation .communiques .grid-container article:nth-child(8) {
    display: none;
  }
  .press.press-home.calendar-open .communiques .grid-container article:nth-child(5), .press.press-programmation .communiques .grid-container article:nth-child(5) {
    border-right: none;
    clear: none;
  }
  .press.press-home.calendar-open .communiques .grid-container article:nth-child(4), .press.press-programmation .communiques .grid-container article:nth-child(4) {
    border-right: none;
    border-bottom: 1px solid #e3e3e3;
    clear: left;
  }
  .press.press-home.calendar-open .communiques .grid-container article:nth-child(3), .press.press-home.calendar-open .communiques .grid-container article:nth-child(6), .press.press-programmation .communiques .grid-container article:nth-child(3), .press.press-programmation .communiques .grid-container article:nth-child(6) {
    border-right: 1px solid #e3e3e3;
    clear: none;
  }
}
@media screen and (max-width: 1279px) {
  .press.press-home.calendar-open .communiques .grid-container article:nth-child(5), .press.press-home.calendar-open .communiques .grid-container article:nth-child(6), .press.press-programmation .communiques .grid-container article:nth-child(5), .press.press-programmation .communiques .grid-container article:nth-child(6) {
    display: none;
  }
  .press.press-home.calendar-open .communiques .grid-container article:nth-child(4), .press.press-programmation .communiques .grid-container article:nth-child(4) {
    clear: none;
  }
  .press.press-home.calendar-open .communiques .grid-container article:nth-child(3), .press.press-programmation .communiques .grid-container article:nth-child(3) {
    border-right: none;
    border-bottom: 1px solid #e3e3e3;
    clear: left;
  }
  .press.press-home.calendar-open .communiques .grid-container article:nth-child(2), .press.press-home.calendar-open .communiques .grid-container article:nth-child(4), .press.press-programmation .communiques .grid-container article:nth-child(2), .press.press-programmation .communiques .grid-container article:nth-child(4) {
    border-right: 1px solid #e3e3e3;
  }
}

.fullcalendar .header-press {
  border: none;
}
.fullcalendar .header-press .container {
  position: relative;
}
.fullcalendar .header-press .container .buttons {
  right: 0px;
  position: absolute;
  float: right;
}
.fullcalendar .header-press .container .buttons .button:hover {
  color: #fff;
  background-color: #c8a461;
}
.fullcalendar .header-press .container .buttons .export:hover {
  background-color: #fff;
  color: #c8a461;
  opacity: 1;
}
.fullcalendar .popin {
  position: relative;
  top: 0px;
}
.fullcalendar #calendar #mycalendar .fc-time-grid-container {
  height: auto !important;
}
.fullcalendar #calendar #mycalendar .fc-divider {
  display: none !important;
}
.fullcalendar #calendar #mycalendar .fc-toolbar {
  height: 0;
}
.fullcalendar #calendar #mycalendar .fc-toolbar .fc-right {
  background-color: #4b4b4b;
  color: #818181;
  position: absolute;
  top: 0;
  right: 0;
  height: 41px;
  z-index: 3;
}
.fullcalendar #calendar #mycalendar .fc-toolbar .fc-left {
  background-color: #4b4b4b;
  color: #818181;
  position: absolute;
  top: 0;
  left: 70px;
  height: 41px;
  z-index: 3;
}
.fullcalendar #calendar #mycalendar .fc-head {
  position: relative;
}
.fullcalendar #calendar #mycalendar .fc-head .fc-axis {
  background-color: #373737;
  width: 60px !important;
}
.fullcalendar #calendar #mycalendar .fc-head .fc-day-header {
  background-color: #373737;
  border-color: #4b4b4b;
  height: 40px;
  line-height: 40px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  text-transform: uppercase;
  position: relative;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  z-index: 3;
}
.fullcalendar #calendar #mycalendar .fc-slats .fc-time {
  background-color: #373737;
  border-color: #4b4b4b;
}
.fullcalendar #calendar #mycalendar .fc-slats .fc-time span {
  z-index: 2;
  text-transform: uppercase;
}
.fullcalendar #calendar #mycalendar .fc-slats tr {
  height: 40px;
}
.fullcalendar .container .buttons .create {
  color: #c8a461;
}
.fullcalendar .container .buttons .create:hover {
  background-color: #c8a461;
  border-color: #c8a461;
  color: #fff;
}
.fullcalendar .container .buttons .create .icon {
  margin-right: 10px;
  font-size: 0.8rem;
  vertical-align: middle !important;
}
.fullcalendar .container .buttons .export {
  color: #c8a461;
  border-left: 0px solid #fff;
}
.fullcalendar .container .buttons .export:hover {
  background-color: #c8a461;
  border-color: #c8a461;
  color: #fff;
}
.fullcalendar .container .buttons .export .icon {
  margin-right: 10px;
  font-size: 0.8rem;
  vertical-align: middle !important;
}

.popin-event {
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 973px;
  opacity: 0;
  visibility: hidden;
  z-index: 4;
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.popin-event .close-button {
  height: 70px;
  top: 20px;
  right: 20px;
  width: 70px;
  color: #c8a461;
}
.popin-event .close-button .icon {
  line-height: 72px;
  -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.popin-event .close-button:hover {
  border-color: #000;
}
.popin-event .close-button:hover .icon {
  color: #000;
}
.popin-event.show {
  opacity: 1;
  visibility: visible;
  overflow-y: auto;
}
.popin-event .owl-nav {
  width: 273px;
  margin: 30px auto 0 auto;
  overflow: hidden;
}
.popin-event .pagination {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  float: left;
  text-align: center;
  width: 105px;
  height: 82px;
  line-height: 82px;
}
.popin-event .owl-nav div {
  border: 1px solid #dfdfdf;
  display: block;
  font-size: 0;
  height: 82px;
  width: 82px;
  z-index: 3;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.popin-event .owl-nav div.owl-prev {
  text-align: center;
  float: left;
  color: #DFDFDF;
}
.popin-event .owl-nav div.owl-prev:hover {
  border-color: #141414;
  color: #000;
}
.popin-event .owl-nav div.owl-prev:after {
  content: "\f12e";
  font-family: "icons";
  font-size: 1rem;
  line-height: 84px;
}
.popin-event .owl-nav div.owl-next {
  text-align: center;
  float: right;
  color: #DFDFDF;
}
.popin-event .owl-nav div.owl-next:hover {
  border-color: #141414;
  color: #000;
}
.popin-event .owl-nav div.owl-next:after {
  content: "\f12c";
  font-family: "icons";
  font-size: 1rem;
  line-height: 84px;
}
.popin-event .films {
  border-right: 1px solid #ebebeb;
  height: 100%;
  padding-top: 50px;
  box-sizing: border-box;
  float: left;
  width: 325px;
}
.popin-event .films .owl-item img {
  margin: 0 auto;
  width: 222px;
  height: 300px;
  object-fit: cover;
}
.popin-event .films .owl-item .film .content {
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.popin-event .films .center .film .content {
  opacity: 1;
  visibility: visible;
}
.popin-event .films .owl-stage {
  cursor: default;
}
.popin-event .events-container {
  box-sizing: border-box;
  float: left;
  padding: 10px 0 0 50px;
  width: calc(100% - 326px);
}
.popin-event .events-container h2 {
  color: #000;
  clear: both;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  margin: 40px 0 12px 0;
  text-transform: uppercase;
}
.popin-event .events-container .date {
  color: #ababab;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  text-transform: uppercase;
}
.popin-event .events-container .date span {
  color: #c8a461;
}
.popin-event .events-container .events-wrapper {
  margin-top: 10px;
}
.popin-event .events-container .events-wrapper .event {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 225px;
}
.popin-event .events-container .events-wrapper .event p {
  margin-bottom: 5px;
}
.popin-event .events-container .events-wrapper .event .fc-event {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  margin: 0 !important;
}
.popin-event .events-container .events-wrapper .event .fc-event .category:after {
  display: none;
}
.popin-event .events-container .events-wrapper .event .fc-event .txt, .popin-event .events-container .events-wrapper .event .fc-event .bottom {
  color: #000;
}
.popin-event .events-container .events-wrapper .event .fc-event .bottom {
  border-color: #e5e5e5;
}
.popin-event .events-container .events-wrapper .event .button {
  font-size: 0.625rem;
  margin-top: 20px;
  padding: 0;
  text-align: center;
  width: 100%;
}
.popin-event .events-container .events-wrapper .event .button.add {
  border-color: #c8a461;
}
.popin-event .events-container .events-wrapper .event.delete .fc-event {
  opacity: 0.5;
}
.popin-event .events-container .events-wrapper .event.delete .button {
  border-color: #c7c7c7;
  color: #c7c7c7;
}
.popin-event .events-container .events-wrapper .event.delete .button:hover {
  background-color: #fff;
  color: #000;
  border-color: #000;
}
.popin-event .film {
  text-align: center;
  width: 230px;
}
.popin-event .film img {
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.popin-event .film .button {
  border-color: #c8a461;
  padding: 0 18px;
  margin-top: 30px;
}
.popin-event .film h2 {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin: 20px 0 5px 0;
  text-transform: uppercase;
}
.popin-event .film .title-original {
  font-size: 0.750rem;
  font-weight: normal;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.popin-event .film p {
  font-size: 0.750rem;
  line-height: 1.5em;
  margin: 0 auto;
  width: 85% !important;
}
.popin-event .film p a {
  color: #c8a461;
}
.popin-event .film p span {
  color: #adadad;
  margin-right: 10px;
  display: inline-block;
}
.popin-event .film p .nom-item {
  color: #c8a461;
}
.popin-event .film .categories {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding-top: 30px;
}
.popin-event .film .categories span {
  display: block;
  font-size: 0.688rem;
  letter-spacing: 0.1em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

#mycalendar .fc-event[style*="right: 20%"] img, #mycalendar .fc-event[style*="left: 20%"] img,
#mycalendar .fc-event[style*="right: 40%"] img, #mycalendar .fc-event[style*="left: 40%"] img,
#mycalendar .fc-event[style*="right: 50%"] img, #mycalendar .fc-event[style*="left: 50%"] img,
#mycalendar .fc-event[style*="right: 60%"] img, #mycalendar .fc-event[style*="left: 60%"] img,
#mycalendar .fc-event[style*="right: 33.3333%"] img, #mycalendar .fc-event[style*="left: 33.3333%"] img,
#mycalendar .fc-event[style*="right: 66.6667%"] img, #mycalendar .fc-event[style*="left: 66.6667%"] img {
  display: none;
}
#mycalendar .fc-event[style*="right: 20%"] .category, #mycalendar .fc-event[style*="left: 20%"] .category,
#mycalendar .fc-event[style*="right: 40%"] .category, #mycalendar .fc-event[style*="left: 40%"] .category,
#mycalendar .fc-event[style*="right: 50%"] .category, #mycalendar .fc-event[style*="left: 50%"] .category,
#mycalendar .fc-event[style*="right: 60%"] .category, #mycalendar .fc-event[style*="left: 60%"] .category,
#mycalendar .fc-event[style*="right: 33.3333%"] .category, #mycalendar .fc-event[style*="left: 33.3333%"] .category,
#mycalendar .fc-event[style*="right: 66.6667%"] .category, #mycalendar .fc-event[style*="left: 66.6667%"] .category {
  font-size: 0;
}
#mycalendar .fc-event[style*="right: 20%"] .duration, #mycalendar .fc-event[style*="left: 20%"] .duration,
#mycalendar .fc-event[style*="right: 40%"] .duration, #mycalendar .fc-event[style*="left: 40%"] .duration,
#mycalendar .fc-event[style*="right: 50%"] .duration, #mycalendar .fc-event[style*="left: 50%"] .duration,
#mycalendar .fc-event[style*="right: 60%"] .duration, #mycalendar .fc-event[style*="left: 60%"] .duration,
#mycalendar .fc-event[style*="right: 33.3333%"] .duration, #mycalendar .fc-event[style*="left: 33.3333%"] .duration,
#mycalendar .fc-event[style*="right: 66.6667%"] .duration, #mycalendar .fc-event[style*="left: 66.6667%"] .duration {
  display: inline-block;
}
#mycalendar .fc-event[style*="right: 20%"] .txt, #mycalendar .fc-event[style*="left: 20%"] .txt,
#mycalendar .fc-event[style*="right: 40%"] .txt, #mycalendar .fc-event[style*="left: 40%"] .txt,
#mycalendar .fc-event[style*="right: 50%"] .txt, #mycalendar .fc-event[style*="left: 50%"] .txt,
#mycalendar .fc-event[style*="right: 60%"] .txt, #mycalendar .fc-event[style*="left: 60%"] .txt,
#mycalendar .fc-event[style*="right: 33.3333%"] .txt, #mycalendar .fc-event[style*="left: 33.3333%"] .txt,
#mycalendar .fc-event[style*="right: 66.6667%"] .txt, #mycalendar .fc-event[style*="left: 66.6667%"] .txt {
  width: 80px;
  padding: 0 10px;
}
#mycalendar .fc-event[style*="right: 20%"] .txt span, #mycalendar .fc-event[style*="left: 20%"] .txt span,
#mycalendar .fc-event[style*="right: 40%"] .txt span, #mycalendar .fc-event[style*="left: 40%"] .txt span,
#mycalendar .fc-event[style*="right: 50%"] .txt span, #mycalendar .fc-event[style*="left: 50%"] .txt span,
#mycalendar .fc-event[style*="right: 60%"] .txt span, #mycalendar .fc-event[style*="left: 60%"] .txt span,
#mycalendar .fc-event[style*="right: 33.3333%"] .txt span, #mycalendar .fc-event[style*="left: 33.3333%"] .txt span,
#mycalendar .fc-event[style*="right: 66.6667%"] .txt span, #mycalendar .fc-event[style*="left: 66.6667%"] .txt span {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 80px;
  height: 32px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#mycalendar .fc-event[style*="right: 20%"] .txt strong, #mycalendar .fc-event[style*="left: 20%"] .txt strong,
#mycalendar .fc-event[style*="right: 40%"] .txt strong, #mycalendar .fc-event[style*="left: 40%"] .txt strong,
#mycalendar .fc-event[style*="right: 50%"] .txt strong, #mycalendar .fc-event[style*="left: 50%"] .txt strong,
#mycalendar .fc-event[style*="right: 60%"] .txt strong, #mycalendar .fc-event[style*="left: 60%"] .txt strong,
#mycalendar .fc-event[style*="right: 33.3333%"] .txt strong, #mycalendar .fc-event[style*="left: 33.3333%"] .txt strong,
#mycalendar .fc-event[style*="right: 66.6667%"] .txt strong, #mycalendar .fc-event[style*="left: 66.6667%"] .txt strong {
  margin-bottom: 5px;
}
#mycalendar .fc-event[style*="right: 20%"] .ven, #mycalendar .fc-event[style*="left: 20%"] .ven,
#mycalendar .fc-event[style*="right: 40%"] .ven, #mycalendar .fc-event[style*="left: 40%"] .ven,
#mycalendar .fc-event[style*="right: 50%"] .ven, #mycalendar .fc-event[style*="left: 50%"] .ven,
#mycalendar .fc-event[style*="right: 60%"] .ven, #mycalendar .fc-event[style*="left: 60%"] .ven,
#mycalendar .fc-event[style*="right: 33.3333%"] .ven, #mycalendar .fc-event[style*="left: 33.3333%"] .ven,
#mycalendar .fc-event[style*="right: 66.6667%"] .ven, #mycalendar .fc-event[style*="left: 66.6667%"] .ven {
  width: 61px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

#popin-press {
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #fff;
  width: 524px;
  padding: 59px;
  position: fixed;
  top: 41%;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  z-index: 120;
  height: 252px;
  overflow-y: hidden;
  box-sizing: border-box;
}
#popin-press .container-popin strong {
  text-transform: uppercase;
  font-size: 0.88rem;
  letter-spacing: .2em;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  line-height: 24px;
}
#popin-press .container-popin strong .icon {
  font-size: 1rem;
  vertical-align: middle !important;
  margin-bottom: 5px;
}
#popin-press .container-popin p {
  padding-top: 10px;
  font-size: 0.81rem;
  line-height: 18px;
  color: #666666;
  width: 284px;
}
#popin-press .container-popin form {
  height: 50px;
  margin-top: 19px;
}
#popin-press .container-popin form input {
  background: none;
  border: 1px solid #c6c6c6;
  border-right: none;
  box-sizing: border-box;
  color: #999;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  display: block;
  float: left;
  outline: none;
  padding: 0 25px;
  text-align: center;
  height: 50px;
  width: 135px;
}
#popin-press .container-popin form input[type="submit"] {
  border: 1px solid #c8a461;
  color: #c8a461;
  cursor: pointer;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.750rem;
  text-transform: uppercase;
  width: 95px;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#popin-press .container-popin form input[type="submit"]:hover {
  border-color: #c8a461;
  color: #fff;
  background-color: #c8a461;
}
#popin-press .container-popin form.error input[type="password"] {
  border-color: red;
}

.popin-download-press {
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #fff;
  width: 760px;
  padding: 59px;
  position: fixed;
  top: 25%;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  z-index: 120;
  height: 601px;
  overflow-y: scroll;
  box-sizing: border-box;
  padding-top: 62px;
  padding-bottom: 50px;
}
.popin-download-press .contain-info-item {
  padding-bottom: 17px;
  border-bottom: 1px solid #c1c1c1;
  margin-bottom: 20px;
}
.popin-download-press .contain-info-item img {
  width: 55px;
  height: 75px;
  display: inline-block;
  margin-right: 12px;
  object-fit: cover;
}
.popin-download-press .contain-info-item .contain-text {
  width: 30%;
  height: 75px;
  vertical-align: top;
}
.popin-download-press .contain-info-item .contain-text h3 {
  font-size: 0.88rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  line-height: 18px;
  text-transform: uppercase;
}
.popin-download-press .contain-info-item .contain-text span {
  color: #c8a461;
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: 0.81rem;
}
.popin-download-press h4 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.88rem;
  letter-spacing: .2em;
  vertical-align: 24px;
  text-transform: uppercase;
  margin-top: 17px;
  margin-bottom: 7px;
}
.popin-download-press p {
  color: #666666;
  line-height: 24px;
  font-size: 0.81rem;
  margin-bottom: 32px;
}
.popin-download-press strong {
  line-height: 24px;
  font-size: 0.81rem;
  display: block;
  margin-bottom: 12px;
}
.popin-download-press table td {
  width: 238px;
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 0.63rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  color: #999999;
  padding-left: 19px;
}
.popin-download-press table td a {
  text-align: center;
  width: 97px;
  border: 0px;
  padding-left: 12px;
}
.popin-download-press table td a .icon {
  margin-right: 10px;
}
.popin-download-press table td:last-child {
  width: 97px;
  padding-left: 0px;
}

#create-event-pop {
  background-color: #fff;
  width: 100%;
  height: auto;
  position: absolute;
  top: 150px;
  z-index: 3;
  border-top: 1px solid #ccc;
  padding-top: 47px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#create-event-pop .contain-btn .btn-close {
  height: 68px;
  width: 68px;
  position: absolute;
  right: 37px;
  top: 38px;
  border: 1px solid #c8a461;
  color: #c8a461;
  transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
}
#create-event-pop .contain-btn .btn-close .icon {
  margin-top: 27px;
  margin-left: 26px;
}
#create-event-pop .contain-btn .btn-close:hover {
  color: #000;
  border-color: #000;
}
#create-event-pop .container {
  width: 561px;
  margin: 0 auto;
}
#create-event-pop .container .button {
  background-color: #fff;
  border-color: #c8a461;
  padding: 0px 33px;
  text-align: center;
}
#create-event-pop .container .button:hover {
  background-color: #c8a461;
  color: #fff;
}
#create-event-pop .container h3 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #c8a461;
  text-transform: uppercase;
  letter-spacing: .2em;
  line-height: 24px;
  font-size: 0.88rem;
  padding-bottom: 4px;
}
#create-event-pop .container p {
  color: #666666;
  font-size: 0.88rem;
  line-height: 26px;
}
#create-event-pop .container form {
  padding-top: 23px;
  width: 561px;
}
#create-event-pop .container form label {
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  letter-spacing: .2em;
  display: block;
  margin-top: 15px;
}
#create-event-pop .container form input {
  margin: 12px 0px;
  font-size: 0.88rem;
}
#create-event-pop .container form input[type="submit"] {
  margin-bottom: 41px;
  font-size: .625rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
#create-event-pop .container form input[type="submit"]:hover {
  cursor: pointer;
}
#create-event-pop .container form input[type="text"] {
  padding-left: 10px;
  padding-right: 10px;
  width: 537px;
  height: 46px;
  color: #666;
  border: 1px solid #CCC;
}
#create-event-pop .container form input[type="text"].error {
  border-color: red;
}
#create-event-pop .container form .time {
  display: inline-block;
  width: 268px;
}
#create-event-pop .container form .time input[type='text'] {
  width: 96px;
  height: 46px;
  text-align: center;
}
#create-event-pop .container form .time .pictodate {
  width: 51px;
  height: 48px;
  border: 1px solid #ccc;
  display: inline-block;
  margin: 12px 0px;
  vertical-align: bottom;
  border-left: 0px solid #fff;
  color: #8c8c8c;
}
#create-event-pop .container form .time .pictodate .icon {
  margin-top: 16px;
  margin-left: 18px;
}
#create-event-pop .container form .time .hours {
  width: 64px !important;
  height: 46px;
  text-align: center;
  margin-left: 8px;
}
#create-event-pop .container form .first {
  margin-right: 21px;
}

.press-programmation .header-press .container {
  position: relative;
}
.press-programmation .header-press .buttons {
  position: absolute;
  right: 1px;
}
.press-programmation .header-press .button.list:hover {
  color: #c8a461;
}

.press #calendar.fullwidth #mycalendar .fc-day {
  width: 234px;
}
.press #calendar.fullwidth #mycalendar .fc-day-header {
  width: 234px;
}
.press #calendar.fullwidth #mycalendar .fc-content-skeleton .fc-event-container {
  width: 234px;
}
.press #calendar.fullwidth #mycalendar .fc-content-skeleton td {
  width: 234px;
}

.events-site .contact-press {
  padding: 0px;
}
.events-site .header-press .buttons {
  margin: 56px 0 0 0;
}
.events-site .locked p {
  color: #666;
  font-size: 0.813rem;
  margin: 0 0 0 65px;
  width: 64%;
}

.seatingchart .header-press {
  border-bottom: 1px solid #e3e3e3 !important;
}
.seatingchart #seatingchart {
  width: 980px;
  margin: 41px auto;
}
.seatingchart #seatingchart .nav-map {
  width: 216px;
  display: inline-block;
  margin-right: 114px;
}
.seatingchart #seatingchart .nav-map ul li {
  display: block;
  text-transform: uppercase;
  color: #999999;
  font-size: 0.75rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding: 15px 22px;
  cursor: pointer;
  position: relative;
  -moz-transition: padding 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: padding 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: padding 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: padding 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.seatingchart #seatingchart .nav-map ul .active {
  background-color: #c8a461;
  color: #fff;
  padding-left: 43px;
}
.seatingchart #seatingchart .nav-map ul .active .icon {
  position: absolute;
  left: 19px;
}
.seatingchart #seatingchart .nav-map ul li:hover {
  background-color: #e8ce9e;
  color: #ffffff;
}
.seatingchart #seatingchart .nav-map ul .active:hover {
  background-color: #c8a461;
  color: #fff;
}
.seatingchart #seatingchart .nav-map ul #more-map {
  margin-top: 21px;
  cursor: default;
}
.seatingchart #seatingchart .nav-map ul #more-map strong {
  color: #000;
  letter-spacing: .2em;
}
.seatingchart #seatingchart .nav-map ul #more-map img {
  width: 197px;
  height: 142px;
  margin-top: 15px;
  display: none;
  opacity: 0;
}
.seatingchart #seatingchart .nav-map ul #more-map .visible {
  display: block;
  opacity: 1;
}
.seatingchart #seatingchart .nav-map ul #more-map:hover {
  background-color: #fff;
  color: #000;
}
.seatingchart #seatingchart .nav-map ul #more-map:hover {
  background-color: #fff;
  color: #000;
}
.seatingchart #seatingchart .maps {
  vertical-align: top;
  width: 646px;
  height: 567px;
  display: inline-block;
}
.seatingchart #seatingchart .maps span {
  display: none;
  position: relative;
  opacity: 0;
  -moz-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.seatingchart #seatingchart .maps span.active {
  display: block;
}
.seatingchart #seatingchart .maps span.first {
  opacity: 1;
}

.practicalguide ul li {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 30px;
  font-size: 1rem;
  list-style: initial;
  list-style-position: inside;
}
.practicalguide ol {
  list-style-type: decimal;
  list-style: initial;
  list-style-position: inside;
}
.practicalguide ol li {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 30px;
  font-size: 1rem;
  list-style-type: decimal;
}
.practicalguide .header-press {
  border-bottom: 1px solid #e3e3e3 !important;
}
.practicalguide #praticalguide .container-pguide {
  border-bottom: 1px solid #e5e5e5;
  max-height: 95px;
  min-height: 95px;
  overflow: hidden;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.practicalguide #praticalguide .container-pguide .wrapper {
  width: 976px;
  margin: 0 auto;
  margin-top: 38px;
  position: relative;
  margin-bottom: 43px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-title-pg .title-pguide {
  color: #999;
  letter-spacing: .2em;
  font-size: 0.88rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
  margin-bottom: 46px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-title-pg .title-pguide .icon {
  font-size: 1.3rem;
  margin-right: 22px;
  vertical-align: sub !important;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-title-pg .title-pguide:hover {
  color: #c8a461;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-title-pg .accordion {
  position: absolute;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-title-pg .icon_case-plus {
  font-size: 2.7rem;
  top: -5px;
  right: 0px;
  margin-bottom: 40px;
  color: #c1c1c1;
  position: absolute;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .aside {
  width: 364px;
  display: inline-block;
  margin-right: 53px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .aside img {
  margin-bottom: 36px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .aside .container-infos {
  margin-bottom: 40px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .aside .container-infos:last-child {
  margin-bottom: 36px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .aside .container-infos {
  padding: 29px;
  border: 1px solid #d8c29f;
  padding-bottom: 22px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .aside .container-infos strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .aside .container-infos .container-title {
  font-size: 0.75rem;
  letter-spacing: .2em;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 16px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .aside .container-infos .infos {
  margin-top: 16px;
  line-height: 24px;
  font-size: 0.81rem;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .aside .container-infos .infos .date {
  font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
  font-size: 0.81rem;
  display: block;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .aside .container-infos .infos .name {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.81rem;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .aside .container-infos .infos .addr {
  color: #c29f5f;
  text-decoration: underline;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .aside .container-infos .infos .addr:hover {
  color: #8e6d30;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .aside .container-infos .infos .num {
  display: block;
  font-size: 0.81rem;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .texts {
  width: 552px;
  display: inline-block;
  vertical-align: top;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .texts strong,
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .texts .container-title {
  color: #000;
  letter-spacing: .2em;
  font-size: 0.75rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .texts p {
  line-height: 24px;
  font-size: 0.81rem;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  padding-top: 8px;
  padding-bottom: 38px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .texts p a {
  color: #c29f5f;
  text-decoration: underline;
  font-size: 0.81rem;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .texts p a:hover {
  color: #8e6d30;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-article .texts p .media {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-service {
  width: 486px;
  text-align: center;
  display: inline-block;
  margin-top: 5px;
  vertical-align: text-top;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-service .icon {
  font-size: 3rem;
  margin-bottom: 12px;
  color: #B5B5B5;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-service .icon_casier {
  font-size: 2rem;
  margin-bottom: 26px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-service .icon_plateau-tv {
  font-size: 2.4rem;
  margin-bottom: 22px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-service .icon_zone-media {
  font-size: 2.4rem;
  margin-bottom: 22px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-service .icon_divers {
  font-size: 2.4rem;
  margin-bottom: 22px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-service strong {
  display: block;
  letter-spacing: .2em;
  color: #000;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  padding-bottom: 30px;
}
.practicalguide #praticalguide .container-pguide .wrapper .contain-service p {
  display: block;
  width: 370px;
  margin: 0 auto 20px auto;
  line-height: 24px;
  font-size: 0.81rem;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  min-height: 117px;
}
.practicalguide #praticalguide .container-pguide.active {
  min-height: auto;
  max-height: 3000px;
  overflow: auto;
}
.practicalguide #praticalguide .container-pguide.active .contain-title-pg .title-pguide {
  color: #c9a562;
}
.practicalguide #praticalguide .container-pguide.active .contain-title-pg .icon_moins {
  top: 10px;
  right: 15px;
  font-size: .7rem;
  color: #c8a461;
}

.accreditation ul li {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 30px;
  font-size: 1rem;
  list-style: initial;
  list-style-position: inside;
}
.accreditation ol {
  list-style-type: decimal;
  list-style: initial;
  list-style-position: inside;
}
.accreditation ol li {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 30px;
  font-size: 1rem;
  list-style-type: decimal;
}
.accreditation #accreditation {
  border-top: 1px solid #e3e3e3;
}
.accreditation #accreditation .button:hover {
  background-color: #c8a461;
  border-color: #c8a461;
}
.accreditation #accreditation .save {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 0.625rem;
}
.accreditation #accreditation .save .icon {
  font-size: 1rem;
  margin-right: 10px;
  vertical-align: middle !important;
}
.accreditation #accreditation .save:hover {
  color: #c8a461 !important;
  background-color: #fff;
}
.accreditation #accreditation #share-article {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  color: #c8a461;
  font-size: 0.625rem;
}
.accreditation #accreditation #share-article .icon {
  font-size: 1rem;
  margin-right: 10px;
  vertical-align: middle !important;
}
.accreditation #accreditation #share-article:hover {
  color: #c8a461;
  background-color: #fff;
}
.accreditation #accreditation #share-article:hover + .button {
  border-left-color: #c8a461;
}
.accreditation #accreditation .request-btn {
  padding-top: 5px;
  padding-bottom: 4px;
  position: relative;
}
.accreditation #accreditation .request-btn .icon {
  font-size: 1rem;
  margin-right: 10px;
  vertical-align: middle !important;
}
.accreditation #accreditation .request-btn:hover {
  background-color: #fff !important;
  color: #c8a461 !important;
  border: 1px solid #c8a461 !important;
}
.accreditation #accreditation .buttons {
  padding: 50px 0px;
  padding-top: 58px;
  padding-bottom: 61px;
}
.accreditation #accreditation .wrapper {
  width: 980px;
  margin: 0 auto;
}
.accreditation #accreditation .wrapper .container-small {
  width: 100%;
  margin: 0 auto;
}
.accreditation #accreditation .wrapper .container-small em {
  font-style: italic;
}
.accreditation #accreditation .wrapper .container-small i {
  font-style: italic;
}
.accreditation #accreditation .wrapper .container-small ol, .accreditation #accreditation .wrapper .container-small ul {
  list-style: inherit;
}
.accreditation #accreditation .wrapper .container-small strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.accreditation #accreditation .wrapper .container-small sub {
  vertical-align: sub;
  font-size: smaller;
}
.accreditation #accreditation .wrapper .container-small sup {
  font-size: smaller;
  vertical-align: super;
}
.accreditation #accreditation .wrapper .container-small a {
  color: #c8a461;
  text-decoration: none;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.accreditation #accreditation .wrapper .container-small a:hover {
  color: #8e6d30;
}
.accreditation #accreditation .wrapper .container-small h3 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  padding: 52px 0px;
}
.accreditation #accreditation .wrapper .container-small h4 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.88rem;
  text-transform: uppercase;
  letter-spacing: .2em;
  margin-bottom: 10px;
  color: #c8a461;
}
.accreditation #accreditation .wrapper .container-small p {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 30px;
  font-size: 1rem;
  margin-bottom: 36px;
}
.accreditation #accreditation .wrapper .container-small p strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.accreditation #accreditation .wrapper .container-small ul li strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  line-height: 24px;
}
.accreditation #accreditation .wrapper .container-small ul li a {
  color: #c8a461;
  text-decoration: none;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.accreditation #accreditation .wrapper .container-small ul li a:hover {
  color: #8e6d30;
}
.accreditation #accreditation .wrapper .container-small ol {
  list-style: decimal;
  margin-bottom: 5px;
  padding-left: 20px;
}
.accreditation #accreditation .wrapper .container-small h5 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  line-height: 24px;
}
.accreditation #accreditation .wrapper .info {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px solid #d2b990;
  padding: 25px 38px;
  line-height: 30px;
  font-size: 1rem;
  margin-bottom: 43px;
}
.accreditation #accreditation .wrapper .info strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  display: block;
}
.accreditation #accreditation .nav-accre {
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  padding: 46px 0;
  padding-bottom: 54px;
}
.accreditation #accreditation .nav-accre .wrapper {
  width: 980px;
  margin: 0 auto;
}
.accreditation #accreditation .nav-accre .wrapper h2 {
  line-height: 24px;
  font-size: 0.75rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: .2em;
  width: 488px;
  margin: 0 auto;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 22px;
}
.accreditation #accreditation .nav-accre .wrapper table td {
  width: 324px;
  height: 39px;
  border: 1px solid #cccccc;
  color: #cccccc;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
}
.accreditation #accreditation .nav-accre .wrapper table .active,
.accreditation #accreditation .nav-accre .wrapper table .active:hover {
  background-color: #c8a461;
  border: 1px solid #c8a461;
  color: #fff;
}
.accreditation #accreditation .nav-accre .wrapper table td:hover {
  background-color: rgba(200, 164, 97, 0.51);
  color: #fff;
  border: 1px solid #cccccc;
}
.accreditation #accreditation .nav-container {
  display: none;
  transform: translateY(100px);
  opacity: 0;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.accreditation #accreditation .nav-container.active {
  display: block;
  transform: translateY(0px);
  opacity: 1;
}
.accreditation #accreditation .request {
  border-top: 1px solid #e3e3e3;
  padding-top: 60px;
  padding-bottom: 60px;
}
.accreditation #accreditation .request a {
  border: 1px solid #dfdfdf !important;
  margin: 0 auto;
  max-width: 426px;
  margin-bottom: 11px;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  -o-align-items: baseline;
  align-items: baseline;
}
.accreditation #accreditation .request a:hover {
  color: #c8a461;
}
.accreditation #accreditation .request span {
  display: block;
  text-align: center;
  font-size: 0.75rem;
}

.downloading-press.lock .block .container .contain-dp .large {
  border-right: 1px solid #b0b0b0;
  width: 276px;
}
.downloading-press.lock .block .container .contain-dp .large a {
  color: #b0b0b0;
}
.downloading-press.lock .buttons .button {
  border-color: #b0b0b0;
  color: #b0b0b0;
  border-color: #b0b0b0;
  color: #b0b0b0;
  pointer-events: none;
}
.downloading-press.lock .buttons .button a {
  color: #b0b0b0;
}
.downloading-press.lock .block .container .imgs-container .button {
  border: 1px solid #b0b0b0;
}
.downloading-press.lock .buttons .button:hover {
  background-color: #fff;
  border-color: #b0b0b0;
  color: #b0b0b0;
}
.downloading-press.lock .buttons .button:hover a {
  color: #b0b0b0;
}
.downloading-press.lock .download-btns .download {
  border-color: #b0b0b0;
  color: #b0b0b0;
}
.downloading-press.lock .download-btns .download a {
  color: #b0b0b0;
}
.downloading-press.lock .download-btns .download:hover {
  border-color: #b0b0b0;
  color: #b0b0b0;
}
.downloading-press.lock .download-btns .download:hover a {
  color: #b0b0b0;
}
.downloading-press.lock .affiche .active-btn .button {
  border-color: #c8a461;
  background-size: 14px;
  position: relative;
}
.downloading-press.lock .affiche .active-btn .button:hover {
  background-color: #c8a461;
  border-color: #c8a461;
  color: #fff;
}
.downloading-press.lock .affiche .active-btn .button {
  pointer-events: auto;
  color: #c29f5f !important;
  border-color: #c29f5f !important;
}
.downloading-press.lock .affiche .active-btn .button:hover {
  color: #fff !important;
  background-color: #c29f5f !important;
}
.downloading-press.lock .active-btn .button {
  border-color: #c8a461;
  position: relative;
}
.downloading-press.lock .active-btn .button:hover {
  background-color: #c8a461;
  border-color: #c8a461;
  color: #fff;
}
.downloading-press.lock .active-btn .button {
  pointer-events: auto;
  color: #c29f5f !important;
  border-color: #c29f5f !important;
}
.downloading-press.lock .active-btn .button:hover {
  color: #fff !important;
  background-color: #c29f5f !important;
}

.b-downloading-press.lock div.chocolat-wrapper .chocolat-bottom .buttons.show {
  visibility: hidden;
  display: none;
}

.b-downloading-press div.chocolat-wrapper .chocolat-bottom .buttons.show {
  visibility: hidden;
  display: none;
}

.downloading-press .owl-stage {
  display: none;
}
.downloading-press .slideshow {
  border-bottom: 0px solid #fff;
}
.downloading-press .buttons {
  text-align: left;
}
.downloading-press .buttons .button {
  position: relative;
  color: #c29f5f;
  border-color: #c29f5f;
}
.downloading-press .buttons .button:hover {
  color: #fff;
}
.downloading-press .icon_telecharger {
  margin-right: 10px;
  font-size: .8rem;
  vertical-align: middle !important;
  margin-bottom: 2px;
}
.downloading-press .icon_cadenas {
  margin-right: 10px;
  font-size: .8rem;
  vertical-align: middle !important;
  margin-bottom: 3px;
}
.downloading-press .contact-press .button {
  color: #c29f5f;
  border: 1px solid #c29f5f;
}
.downloading-press .contact-press .button:hover {
  background-color: #c29f5f;
  border-color: #c29f5f;
  color: #fff;
}
.downloading-press .grid {
  padding: 0px !important;
}
.downloading-press .grid-wrapper {
  margin: 0px;
}
.downloading-press .downloading-nav {
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  background-color: white;
}
.downloading-press .downloading-nav ul {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.downloading-press .downloading-nav ul li {
  display: inline-block;
  margin: 14px 14px;
  margin-top: 13px;
}
.downloading-press .downloading-nav ul li a {
  color: #999999;
  line-height: 14px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 0.75rem;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.downloading-press .downloading-nav ul li a:hover, .downloading-press .downloading-nav ul li a.active {
  color: #c29f5f;
}
.downloading-press .affiche {
  padding-top: 59px;
  padding-bottom: 59px;
}
.downloading-press .affiche .container {
  width: 970px;
}
.downloading-press .affiche .caption {
  margin-top: 12px;
}
.downloading-press .affiche .portrait {
  width: 309px;
}
.downloading-press .affiche p {
  margin-top: 45px;
}
.downloading-press .block .container {
  margin-bottom: 61px;
  padding-top: 60px;
  border-top: 1px solid #dfdfdf;
}
.downloading-press .block .container .item {
  overflow: hidden;
}
.downloading-press .block .container .item a img {
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.downloading-press .block .container .item:hover a img {
  -moz-transform: scale(1.08) translateZ(0);
  -ms-transform: scale(1.08) translateZ(0);
  -webkit-transform: scale(1.08) translateZ(0);
  transform: scale(1.08) translateZ(0);
}
.downloading-press .block .container .title-press {
  margin-bottom: 30px;
}
.downloading-press .block .container .container-title {
  position: relative;
}
.downloading-press .block .container .container-title .number {
  color: #c29f5f;
  font-size: 0.88rem;
  letter-spacing: .2em;
}
.downloading-press .block .container .container-title .right-btn {
  position: absolute;
  top: -12px;
  right: 0px;
  text-transform: uppercase;
  font-size: 0.60rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  float: left;
  letter-spacing: .01em;
}
.downloading-press .block .container .imgs-container {
  width: 293px;
  display: inline-block;
  vertical-align: top;
  margin: 0px 45px;
}
.downloading-press .block .container .imgs-container .container-img {
  display: block;
  width: 293px;
  height: 293px;
  text-align: center;
  border: 1px solid #dfdfdf;
  margin-bottom: 11px;
}
.downloading-press .block .container .imgs-container .container-img img {
  border: 0px solid #dfdfdf;
  vertical-align: middle;
}
.downloading-press .block .container .imgs-container .container-img:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.downloading-press .block .container .imgs-container .infos h4 {
  line-height: 24px;
  font-size: 0.75rem;
  letter-spacing: .2em;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding-top: 32px;
  padding-bottom: 4px;
}
.downloading-press .block .container .imgs-container .infos ul {
  height: 90px;
}
.downloading-press .block .container .imgs-container .infos li {
  color: #666666;
  font-size: 0.75rem;
  list-style: disc;
  list-style-position: inside;
  line-height: 20px;
}
.downloading-press .block .container .first {
  margin: 0px;
}
.downloading-press .block .container .last {
  margin: 0px;
}
.downloading-press .block .container .caption {
  color: #666666;
  font-size: 0.75rem;
  margin-bottom: 21px;
  display: block;
}
.downloading-press .block .container .player {
  margin-bottom: 18px;
}
.downloading-press .block .container .download-btns {
  padding: 40px 0px;
}
.downloading-press .block .container .download-btns .download {
  padding-right: 14px;
  padding-left: 38px;
  text-transform: uppercase;
  font-size: 0.60rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  float: left;
  padding-top: 16px;
  padding-bottom: 16px;
  letter-spacing: .01em;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.downloading-press .block .container .download-btns .download:first-child {
  border-right: 0px solid #000;
}
.downloading-press .block .container .contain-dp {
  display: inline-block;
  width: 33%;
  vertical-align: top;
  min-height: 120px;
}
.downloading-press .block .container .contain-dp .btns .button:first-child {
  border-bottom: 0px solid #fff;
}
.downloading-press .block .container .contain-dp .large {
  border-right: 1px solid #c8a461;
  width: 276px;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.downloading-press .block .container .contain-dp .large a {
  color: #c8a461;
}
.downloading-press .block .container .contain-dp .large a:hover {
  color: #fff;
}
.downloading-press .block .container .contain-dp .large:hover a {
  color: #fff;
}
.downloading-press .block .container .contain-dp .large:first-child {
  border-bottom: 0px solid #fff;
}
.downloading-press .block .container .contain-dp .infos {
  margin-top: 9px;
  color: #666666;
  font-size: 0.63rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.downloading-press .block .container .contain-dp .infos strong {
  color: #c8a461;
}
.downloading-press .block.animation .buttons {
  margin-top: 40px;
}

.press-media.lock .mediatheque .table .line .button:hover {
  background-color: #fff;
  border-color: #b0b0b0;
  color: #b0b0b0;
}
.press-media.lock .mediatheque .table .line .button {
  border-color: #b0b0b0;
  color: #b0b0b0;
}
.press-media.lock .mediatheque .table .line .button:hover:after {
  opacity: 0;
  visibility: hidden;
}

.b-press-media.lock div.chocolat-wrapper .chocolat-bottom .buttons.show {
  visibility: hidden;
  display: none;
}

.b-press-media div.chocolat-wrapper .chocolat-bottom .buttons.show {
  visibility: hidden;
  display: none;
}

.press-media .owl-carousel.owl-loaded {
  display: none;
}
.press-media .slideshow {
  border: 0px solid #fff;
}
.press-media .contact-press .button:hover {
  background-color: #c8a461;
  border-color: #c8a461 !important;
  color: #fff;
}
.press-media .mediatheque .container {
  width: 977px;
}
.press-media .mediatheque .table .line:last-child {
  border-bottom: 0px solid #fff;
}
.press-media .mediatheque .table .line .info {
  float: left;
  width: 338px;
}
.press-media .mediatheque .table .line .info .txt {
  width: 225px;
}
.press-media .mediatheque .table .line .button,
.press-media .mediatheque .table .line .active-btn .button {
  border-color: #c8a461;
  position: relative;
}
.press-media .mediatheque .table .line .button:hover,
.press-media .mediatheque .table .line .active-btn .button:hover {
  background-color: #c8a461;
  border-color: #c8a461;
  color: #fff;
}
.press-media .mediatheque .table .line .active-btn .button {
  color: #c8a461;
  border-color: #c8a461;
  background-color: #fff;
}
.press-media .mediatheque .table .line .active-btn .button:hover {
  color: #fff;
  background-color: #c8a461;
  cursor: pointer;
}
.press-media .header-press p {
  width: 442px;
}
.press-media .nav-mediapress {
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  padding: 43px 0;
  padding-bottom: 51px;
}
.press-media .nav-mediapress .wrapper {
  width: 980px;
  margin: 0 auto;
}
.press-media .nav-mediapress .wrapper h2 {
  line-height: 24px;
  font-size: 0.88rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: .2em;
  width: 488px;
  margin: 0 auto;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 18px;
}
.press-media .nav-mediapress .wrapper table td {
  width: 324px;
  height: 39px;
  border: 1px solid #cccccc;
  color: #cccccc;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
}
.press-media .nav-mediapress .wrapper table .active {
  background-color: #c8a461;
  border: 1px solid #c8a461;
  color: #fff;
}
.press-media .nav-mediapress .wrapper table .active:hover {
  background-color: #c8a461;
  border: 1px solid #c8a461;
  color: #fff;
}
.press-media .nav-mediapress .wrapper table td:hover {
  background-color: rgba(200, 164, 97, 0.51);
  color: #fff;
  border: 1px solid #cccccc;
}
.press-media .nav-container {
  position: relative;
}
.press-media .nav-container .loader {
  position: absolute;
  top: 40px;
  left: 49%;
  z-index: 2;
}
.press-media .nav-container:after {
  content: '';
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: .7s;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
.press-media .nav-container.load:after {
  opacity: 1;
  display: block;
}
.press-media .nav-container .table .line {
  position: relative;
}
.press-media .nav-container .table .line .media,
.press-media .nav-container .table .line .info {
  cursor: pointer;
}
.press-media .nav-container .table .line .item {
  display: inline-block;
  margin: 8px;
}
.press-media .nav-container .table .line .item.last {
  margin-right: 0px;
}
.press-media .nav-container .table .line .grid-wrapper {
  position: relative;
  height: auto;
  margin-left: -7px;
}
.press-media .nav-container .table .line .container {
  position: relative;
}
.press-media .nav-container .table .line .container .contain {
  display: none;
  float: left;
  width: 100%;
  padding-top: 63px;
  padding-bottom: 11px;
}
.press-media .nav-container .table .line .container .contain .icon_telecharger {
  margin-right: 10px;
  font-size: .8rem;
  vertical-align: middle !important;
  margin-bottom: 2px;
}
.press-media .nav-container .table .line .container .contain .icon_cadenas {
  margin-right: 10px;
  font-size: .8rem;
  vertical-align: middle !important;
  margin-bottom: 3px;
}
.press-media .nav-container .table .line .container .contain .contain-buttons {
  display: inline-block;
  vertical-align: top;
  margin: 20px 0 0 0;
}
.press-media .nav-container .table .line .container .contain .contain-buttons strong {
  display: block;
  margin-bottom: 17px;
  text-transform: uppercase;
  font-size: 0.88rem;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: .2em;
}
.press-media .nav-container .table .line .container .contain .contain-buttons strong span {
  color: #c8a461;
}
.press-media .nav-container .table .line .container .contain .contain-buttons .buttons {
  display: inline-block;
}
.press-media .nav-container .table .line .container .contain .contain-buttons .buttons .button {
  margin: 2px;
  float: none;
  border-right: 1px solid;
}
.press-media .nav-container .table .line .container .contain .contain-buttons:first-child {
  margin-right: 78px;
}
.press-media .nav-container .table .line .container .info .txt p {
  line-height: 18px;
}
.press-media .nav-container .table .line .container.active .contain {
  display: block;
}
.press-media .nav-container .table .line .container.active .plus {
  position: absolute;
  top: 30px;
  right: -20px;
  cursor: pointer;
  font-size: .8rem;
  color: #c8a461;
}
.press-media .nav-container .table .line .container.active .media {
  color: #000;
}
.press-media .nav-container .table .line .container.active .info .txt p {
  color: #000;
}
.press-media .nav-container .table .line .plus {
  width: 57px;
  height: 57px;
  position: absolute;
  top: 11px;
  right: 0px;
  cursor: pointer;
  font-size: 3.4rem;
  color: #CCCCCC;
}
.press-media .block .container {
  margin-bottom: 41px;
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px solid #dfdfdf;
}
.press-media .block .container .item {
  overflow: hidden;
}
.press-media .block .container .item a img {
  -moz-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.press-media .block .container .item:hover a img {
  -moz-transform: scale(1.08) translateZ(0);
  -ms-transform: scale(1.08) translateZ(0);
  -webkit-transform: scale(1.08) translateZ(0);
  transform: scale(1.08) translateZ(0);
}
.press-media .block .container-title {
  position: relative;
}
.press-media .block .container-title .right-btn {
  position: absolute;
  top: -32px;
  right: 0px;
  text-transform: uppercase;
  font-size: 0.60rem;
  font-family: "Camphor W01 Heavy";
  float: left;
  letter-spacing: .01em;
}
.press-media .block .container-title .number {
  color: #c8a461;
  font-size: 0.88rem;
  letter-spacing: .2em;
}
.press-media .block .title-press {
  margin-bottom: 30px;
  color: #000;
}
.press-media .grid-wrapper {
  margin: 0px;
}

@media screen and (max-width: 1115px) {
  .press-actu .header-press p {
    width: 321px !important;
  }
}
.press-actu .section {
  -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-size: cover;
}
.press-actu .header-press {
  border-bottom: 1px solid #e3e3e3 !important;
}
.press-actu .header-press p {
  width: 350px;
}
.press-actu .section .txt h2 {
  color: #fff;
}
.press-actu .grid-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
.press-actu .filters {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-bottom: 35px;
  padding-top: 35px;
}
.press-actu .item.communique .picto {
  background-color: #c8a461;
  color: #000;
}
.press-actu .item.communique .picto .icon {
  font-size: 1.2rem;
  margin-left: 13px;
  margin-top: 13px;
}
.press-actu .read-more {
  border: 1px solid #d9d9d9;
  clear: both;
  color: #999;
  display: block;
  height: 55px;
  font-family: "Camphor W01 Heavy";
  font-size: 0.625rem;
  line-height: 55px;
  margin: 0 auto;
  margin-bottom: 55px;
  text-align: center;
  text-transform: uppercase;
  width: 95%;
  letter-spacing: .1em;
  -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.press-actu .read-more strong {
  color: #000;
  font-weight: normal;
}
.press-actu .read-more:hover {
  opacity: 0.5;
}

@media screen and (min-width: 1920px) {
  .press-actu .section {
    height: 450px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .press-actu .section {
    height: 375px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .press-actu .section {
    height: 299px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .press-actu .section {
    height: 298px !important;
  }
}
@media screen and (max-width: 1023px) {
  .press-actu .section {
    height: 298px !important;
  }
}
.error-not-found {
  background-image: url("../../bundles/fdccourtmetrage/img/error-bck.jpg");
  height: 593px;
  background-size: cover;
}
.error-not-found .texts {
  width: 900px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}
.error-not-found .texts h1 {
  color: #fff;
  font-size: 1.75rem;
  letter-spacing: .5em;
  line-height: 24px;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 19px;
}
.error-not-found .texts p {
  text-transform: uppercase;
  color: #fff;
  font-size: 0.75rem;
  letter-spacing: .2rem;
  line-height: 24px;
  margin-bottom: 34px;
}
.error-not-found .texts a {
  color: #c8a461;
  font-size: 0.69rem;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.error-not-found .texts a:hover {
  color: rgba(200, 164, 97, 0.74);
}
.error-not-found .texts .icon {
  font-size: .4rem;
  vertical-align: middle !important;
  margin-bottom: 2px;
}

#main.error-nav {
  color: #fff;
  background-color: #141414;
  height: 720px;
}
#main.error-nav #logo {
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 300px;
  margin-bottom: 63px;
}
#main.error-nav #logo a {
  display: block;
  color: #c8a461;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: normal;
  margin-top: 5px;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.error-nav #logo a:hover {
  color: #966505;
}
#main.error-nav .palm {
  display: block;
  margin: 0 auto;
  width: 145px;
}
#main.error-nav h1 {
  font-size: 3rem;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  text-align: center;
  margin-bottom: 64px;
  line-height: 66px;
}
#main.error-nav .texts {
  width: 738px;
  margin: 0 auto;
}
#main.error-nav p {
  font-size: 1rem;
  line-height: 26px;
  text-align: center;
  margin-bottom: 64px;
}
#main.error-nav table td {
  font-size: 19px;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  letter-spacing: .1rem;
  width: 363px;
  text-align: center;
}
#main.error-nav table td .icon {
  color: #c8a461;
  margin-top: 29px;
  width: 23px;
  height: 23px;
  margin-right: 47px;
  font-size: 1.5rem;
}
#main.error-nav table td .icon:first-child {
  margin-left: 43px;
}

#main.landing-page {
  background-color: #fff !important;
}
#main.landing-page .container {
  background-color: #fff;
  width: 634px;
  margin: 67px auto;
  margin-bottom: 0px;
  padding-bottom: 67px;
  display: block;
}
#main.landing-page .container p {
  color: #666666;
  line-height: 26px;
}
#main.landing-page .container p strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
#main.landing-page .container p a {
  color: #c8a461;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.landing-page .container p a:hover {
  color: #966505;
}

@media screen and (min-width: 1920px) {
  .landing-page .bandeau-list-img {
    height: 448px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .landing-page .bandeau-list-img {
    height: 373px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .landing-page .bandeau-list-img {
    height: 297px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .landing-page .bandeau-list-img {
    height: 296px !important;
  }
}
@media screen and (max-width: 1023px) {
  .landing-page .bandeau-list-img {
    height: 296px !important;
  }
}
.navBckg {
  background: url("../../bundles/fdccourtmetrage/img/oldCam.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  height: 400px;
  vertical-align: middle;
  width: 100%;
  position: relative;
  z-index: 1000;
}

.our-news {
  background: url("../../bundles/fdccourtmetrage/img/newsBckg.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  height: 770px;
  width: 100%;
  z-index: 2;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .our-news {
    margin-bottom: -15px;
  }
}
@supports (-ms-accelerator: true) {
  .our-news {
    margin-bottom: -15px;
  }
}
.our-news .innerWrapper {
  width: 1072px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
@media screen and (max-width: 1279px) {
  .our-news .innerWrapper {
    width: 70% !important;
    max-width: 70% !important;
  }
  .our-news .noShow {
    display: none !important;
  }
}
.our-news span {
  color: #533b0e;
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-align: center;
  line-height: 30px;
}
.our-news h3 {
  font-size: 18px;
  color: white;
  text-transform: uppercase;
  padding-top: 70px;
  margin: 0px 0px 50px 0px;
  letter-spacing: 10px;
  text-align: center;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-weight: bold !important;
  text-align: center;
}
.our-news .articles {
  height: 560px;
  background: #FFFFFF;
  width: 32%;
  display: block;
  float: left;
  text-align: center;
  margin-left: 1%;
}
.our-news .articles img {
  -moz-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.our-news .articles:hover img {
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari */
  transform: scale(1.1);
  -moz-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.our-news .articles .readMore {
  position: absolute;
  /* top: 1%; */
  margin-top: 500px;
  margin-left: 30px;
  font-size: 25px;
}
@media screen and (max-width: 1279px) {
  .our-news .articles {
    width: 49% !important;
    margin-left: 0% !important;
    margin: 0.5% !important;
  }
}
.our-news .articles .articles-content {
  padding: 30px;
  display: block;
}
.our-news .articles .articles-content .readMore {
  font-size: 25px;
  position: absolute;
}
.our-news .articles .articles-img {
  height: 215px;
  overflow: hidden;
}
.our-news .articles .articles-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.our-news .articles:nth-child(2), .our-news .articles:nth-child(3) {
  margin-left: 2%;
}
.our-news .articles span {
  text-transform: uppercase;
  color: #c3a05f;
  font-size: 10px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
}
.our-news .articles .article-date {
  color: #333;
  padding-left: 5px;
}
.our-news .articles h6 {
  margin: 20px 0px 40px;
  letter-spacing: 1px;
  font-size: 25px;
  line-height: 27px;
  color: #000000;
  font-family: "Playfair Display","Times New Roman",Times,serif;
  text-transform: none !important;
}
.our-news .articles p {
  font-size: 13px;
  color: #b1b1b1;
  overflow: hidden;
  line-height: 25px;
  text-align: center;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  opacity: 0.8;
}
@-moz-document url-prefix() {
  .our-news .articles p {
    font-size: 13px;
  }
}
/* BOX PRODUCERS WORKSHOP */
.producersWorkshop {
  width: 100%;
  height: 310px;
  padding: 0px 0px;
  background: url("../../bundles/fdccourtmetrage/img/redBackg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: 0px solid #404040;
  overflow: hidden;
}
.producersWorkshop h3 {
  color: white;
  margin: 85px 0px 105px 0px;
  text-transform: initial;
  letter-spacing: 1px;
}
.producersWorkshop img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.opportunites {
  width: 100%;
  height: 310px;
  padding: 0px 0px;
  background: url("../../bundles/fdccourtmetrage/img/ligthblueBckg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: 0px solid #404040;
  overflow: hidden;
}
.opportunites h3 {
  color: white;
  margin: 90px 0px 100px 0px;
  text-transform: initial;
  letter-spacing: 3px;
}

.subNavigation {
  background: black;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  width: 100%;
  margin-bottom: 100px;
}
.subNavigation .active {
  color: #c3a05f;
}
.subNavigation ul {
  font-size: 0.875rem;
}
.subNavigation ul li {
  display: inline-block;
  margin-left: 30px;
}
.subNavigation ul li a {
  color: #fff;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  display: block;
  padding-right: 20px;
  text-transform: uppercase;
  -moz-transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: color 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  letter-spacing: 1px;
  font-weight: normal;
}
.subNavigation ul li a:hover {
  color: #c8a461;
}

.opportunites .subNavigation .active {
  color: #1bafd1;
}

/* END BOX PRODUCERS WORKSHOP */
/* BOX CONTACT */
oxox {
  z-index: 2;
}

.contact-box {
  position: relative;
  width: 100%;
  height: 350px;
  /*background: url("../img/plageCannes.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../img/plageCannes.png");
  background-size: 100%;
  background: center 0 no-repeat fixed;
  background-size: cover;*/
  margin: 0 auto;
  text-align: center;
  display: block;
  padding-top: 100px;
}
.contact-box img {
  width: 100%;
  max-width: 100%;
}
.contact-box .contact-details h3, .contact-box .contact-details span {
  color: #ffffff;
  font-size: 42px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: 7px;
  text-transform: uppercase;
}
.contact-box .contact-details h3 {
  margin: 25px 0px 80px 0px;
  letter-spacing: 5px;
}
.contact-box .contact-details span {
  font-size: 12px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  letter-spacing: 5px;
}
.contact-box .contact-details a h3 {
  margin: 25px 0px 80px 0px;
  letter-spacing: 5px;
}
.contact-box .contact-details a span {
  font-size: 12px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  letter-spacing: 5px;
}
.contact-box .contact-details .participateBtn {
  width: 235px;
  height: 50px;
  border: 1px solid #c8a461;
  color: #c8a461;
  font-size: 12px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  line-height: 50px;
  text-align: center;
  margin: 0 auto;
  text-transform: uppercase;
  letter-spacing: 1px;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.contact-box .contact-details .participateBtn:hover {
  background: #c8a461;
  color: white;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.contact-box .contact-details a .participateBtn {
  width: 235px;
  height: 50px;
  border: 1px solid #c8a461;
  color: #c8a461;
  font-size: 12px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  line-height: 50px;
  text-align: center;
  margin: 0 auto;
  text-transform: uppercase;
  letter-spacing: 1px;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.contact-box .contact-details a .participateBtn:hover {
  background: #c8a461;
  color: white;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.reverse {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* COMPONENTS : FLOATING BUTTONS*/
.blackBtn {
  width: 180px;
  height: 50px;
  background: black;
  color: white;
  text-transform: uppercase;
  padding-top: 30px;
  margin: 0 auto;
  text-align: center;
}

.floatingButton {
  position: absolute;
  z-index: 1004;
  z-index: 999;
  right: 1%;
  top: 100%;
}
.floatingButton span:first-child {
  background: black;
  padding: 20px 30px;
  color: white;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
@media screen and (max-width: 1279px) {
  .floatingButton span:first-child {
    padding: 10px 20px;
  }
}
.floatingButton .arrow {
  opacity: 1;
  visibility: visible;
  float: right;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.floatingButton .icon_flecheGauche {
  padding: 20px;
  font-size: 15px;
  border: 1px solid #ECECEC;
}
@media screen and (max-width: 1279px) {
  .floatingButton .icon_flecheGauche {
    padding: 10px;
  }
}
.floatingButton .icon_flecheGauche:hover span:first-child {
  opacity: 1;
  visibility: visible;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.floatingButton:hover .arrow {
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.showBtn {
  display: block !important;
}

.floatingButtonRight {
  /*position: absolute;
  z-index: 1004;
  right: 1%;
  top: 100%;*/
  display: none;
  position: fixed;
  z-index: 999;
  right: 1%;
  top: 50%;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
@media screen and (max-width: 1279px) {
  .floatingButtonRight {
    top: 48%;
  }
}
.floatingButtonRight span {
  float: left;
}
.floatingButtonRight .floatingButtonText {
  background: black;
  padding: 20px 30px;
  color: white;
  text-transform: uppercase;
  display: none;
  float: left;
  max-width: 200px;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
@media screen and (max-width: 1279px) {
  .floatingButtonRight .floatingButtonText {
    padding: 10px 20px;
  }
}
.floatingButtonRight .arrow {
  opacity: 1;
  visibility: visible;
  width: 70px;
  height: 70px;
  float: right;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.floatingButtonRight .icon_flecheGauche {
  padding: 20px;
  font-size: 15px;
  border: 1px solid #ECECEC;
}
@media screen and (max-width: 1279px) {
  .floatingButtonRight .icon_flecheGauche {
    padding: 10px;
  }
}
.floatingButtonRight:hover {
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.floatingButtonLeft {
  display: none;
  position: fixed;
  z-index: 999;
  left: 1%;
  top: 50%;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
@media screen and (max-width: 1279px) {
  .floatingButtonLeft {
    top: 48%;
  }
}
.floatingButtonLeft span {
  float: left;
}
.floatingButtonLeft .floatingButtonText {
  background: black;
  padding: 20px 30px;
  color: white;
  max-width: 200px;
  text-transform: uppercase;
  display: none;
  float: left;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
@media screen and (max-width: 1279px) {
  .floatingButtonLeft .floatingButtonText {
    padding: 10px 20px;
  }
}
.floatingButtonLeft .arrow {
  opacity: 1;
  visibility: visible;
  width: 70px;
  height: 70px;
  float: left;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.floatingButtonLeft .icon_flecheGauche {
  padding: 20px;
  font-size: 15px;
  border: 1px solid #ECECEC;
}
@media screen and (max-width: 1279px) {
  .floatingButtonLeft .icon_flecheGauche {
    padding: 10px;
  }
}
.floatingButtonLeft:hover {
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.eventMessage {
  margin-left: 50px;
  text-transform: initial;
  font-size: 16px;
  color: #505050;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  -moz-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.blueBtn {
  float: right;
  right: 5%;
  width: 139px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #29afcf;
  color: #29afcf;
  line-height: 50px;
  text-decoration: none;
  background: transparent;
  z-index: 1005;
  cursor: pointer;
}
.blueBtn:hover {
  background: #29afcf !important;
  color: white !important;
  cursor: pointer;
}

.eventsPage .share {
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: center;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 70px 0;
  /* height: 120px; */
  position: relative;
  /*float: left;*/
  width: 100%;
  margin: 50px 0px;
}
.eventsPage .share p {
  font-size: .75rem;
  letter-spacing: .2em;
  margin-bottom: 20px;
  text-align: center;
  font-family: "Camphor W01 Bold",Arial,Helvetica,sans-serif;
  text-transform: uppercase;
}
.eventsPage .buttons.square .button {
  line-height: 73px;
}

.buttons i {
  margin-right: 5px;
}

/* TABS */
.pub {
  height: 480px;
}

.greyBckg {
  background-color: #f8f8f8;
  width: 100%;
  min-height: 100px;
  position: relative;
}

.boxes {
  height: 400px !important;
  padding-top: 3%;
}
@media screen and (max-width: 1279px) {
  .boxes {
    padding: 3% 5%;
  }
}
.boxes h3 {
  text-transform: initial;
  letter-spacing: 2px;
  margin: 40px 0px 40px 0px;
}
.boxes h5 {
  margin-bottom: 0px;
  padding: 0px 100px;
}
.boxes a {
  color: #ec3050;
}

.boxesHeight {
  min-height: 580px;
}
.boxesHeight h3 {
  margin: 40px 0px 40px 0px;
}

.bigContainer {
  width: 100%;
  margin: 0 auto;
  max-width: 1152px;
  text-align: center;
  overflow: hidden !important;
}

ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 100px;
  width: 100%;
  margin-bottom: 0px;
  /* margin-top: -90px; */
}
ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  height: 31px;
  line-height: 31px;
  background-color: #f8f8f8;
  color: #ccc;
  overflow: hidden;
  position: relative;
  text-transform: initial;
}
ul.tabs li p {
  text-transform: uppercase;
}
ul.tabs .active {
  color: #141414 !important;
  background: white;
  color: "Camphor W01 Regular", Arial, Helvetica, sans-serif !important;
}
ul.tabs .active h4 {
  color: #29afcf !important;
  opacity: 1;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
ul.tabs .active .redActive {
  color: #ec3050 !important;
}
ul.tabs p.active {
  color: #29afcf;
}
ul.tabs .halfTab {
  width: 50%;
  height: 100px;
  letter-spacing: 0px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 12px;
}
ul.tabs .halfTab h4 {
  text-transform: uppercase;
  line-height: 22px;
  padding-top: 25px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
}
ul.tabs .thirdTab {
  width: 33.3%;
  height: 100px;
  letter-spacing: 0px;
  font-size: 12px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
ul.tabs .thirdTab h4 {
  text-transform: uppercase;
  line-height: 22px;
  padding-top: 25px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
}
ul.tabs .quarterTab {
  width: 25%;
  height: 100px;
  font-size: 12px;
  letter-spacing: 0px;
  font-size: 12px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
ul.tabs .quarterTab h4 {
  text-transform: uppercase;
  line-height: 22px;
  padding-top: 25px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
}

.tabbing {
  min-height: 450px;
}

.tabsMargin {
  margin-top: -100px;
}

.tabpicturesBox {
  width: 25%;
  height: 225px;
  float: left;
  background: white;
  vertical-align: middle;
}
.tabpicturesBox img {
  vertical-align: middle;
  border: 3px solid white;
}
@media screen and (max-width: 1279px) {
  .tabpicturesBox img {
    object-fit: cover;
    width: 90%;
  }
}
.tabpicturesBox img:hover {
  border: 3px solid #CCC;
}

.whiteBckg {
  background: white;
  padding-top: 50px;
}

.tab_container {
  clear: both;
  /* float: left; */
  width: 100%;
  max-width: 1152px;
  background: #fff;
  overflow: auto;
  margin: 0 auto;
  /* padding-top: 40px; */
  margin-top: 60px;
  padding-bottom: 50px;
}
@media screen and (max-width: 1279px) {
  .tab_container {
    max-width: 980px;
  }
}
.tab_container .tabPic {
  width: 30%;
  float: left;
  background: #fff;
  height: 330px;
  overflow: hidden;
}
.tab_container .tabPic img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.tab_container .tabBox {
  text-align: left;
  width: 68%;
  float: left;
  background-color: #f8f8f8;
  min-height: 270px;
  padding-top: 30px;
  padding-bottom: 15px;
  padding-right: 2%;
  letter-spacing: 2px;
}
.tab_container .tabBox .tabBoxleft {
  width: 80%;
  float: left;
}
.tab_container .tabBox .tabBoxright {
  width: 100%;
  float: left;
}
.tab_container .tabBox span, .tab_container .tabBox h5 {
  font-size: 18px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #29afcf;
}
.tab_container .tabBox h5 {
  font-size: 12px;
  color: #505050;
  line-height: 70px;
  margin-bottom: 10px;
}
.tab_container .tabBox .fromPrice {
  color: #ec3050;
  padding-left: 0px;
  font-family: inherit;
  font-size: 12px;
}
.tab_container .tabBox p, .tab_container .tabBox .read-more-target span {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  color: #505050;
  opacity: 0.8;
  line-height: 25px;
  font-size: 14px;
  text-transform: initial;
}
.tab_container .tabBox .read-more-target {
  color: #505050;
  opacity: 0;
  line-height: 25px;
  font-size: 14px;
  margin-top: 50px;
}
.tab_container .tabBox span, .tab_container .tabBox h5, .tab_container .tabBox p, .tab_container .tabBox .read-more-wrap, .tab_container .tabBox .read-more-trigger {
  padding-left: 50px;
  border: 0px solid #ddd;
}
.tab_container .tabBox .read-more-wrap {
  margin-bottom: 30px;
}
.tab_container .tabBox p {
  margin-bottom: 15px;
  text-align: left;
  letter-spacing: 0px;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: -40px;
}
.tab_container .tabBox .read-more-target span {
  padding-left: 0px;
}
.tab_container .tabBox li {
  letter-spacing: 0px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  color: #505050;
  opacity: 0.8;
}

.nopicTab {
  width: 100%;
}
.nopicTab .tabBox {
  width: 98%;
  padding-right: 2% !important;
}

.speakersBox {
  width: 83% !important;
  float: left;
}
.speakersBox span {
  color: #ec3050 !important;
}
.speakersBox h5 {
  color: #505050 !important;
  font-size: 12px;
}
.speakersBox .fromCountry {
  color: #c3a05f !important;
  font-size: 12px !important;
  padding-left: 0px !important;
}
.speakersBox p {
  margin-bottom: 10px !important;
}

.speakersPicture {
  width: 15%;
  float: left;
  background: #fff;
  height: 330px;
  overflow: hidden;
}
.speakersPicture img {
  width: 150px;
  height: 220px;
  float: right;
}

.picturesTabcontainer {
  margin-top: 0px !important;
}

.tab_content {
  display: none;
  height: auto;
}

.minTab {
  min-height: 300px;
  overflow: hidden;
  margin-bottom: 30px;
}

.tab_drawer_heading {
  display: none;
}

@media screen and (max-width: 480px) {
  .tabs {
    display: none;
  }

  .tab_drawer_heading {
    background-color: #ccc;
    color: #fff;
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .d_active {
    background-color: #FFF;
    color: #fff;
  }
}
.read-more-state {
  height: 0px;
  display: none;
  -moz-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  transition: .25s ease;
}
.read-more-target ul {
  z-index: 999;
}

.read-more-wrap .read-more-target {
  width: 80%;
  height: 0px;
  opacity: 0;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.read-more-state:checked {
  -moz-transition: all 2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 2s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  max-height: 999em;
  width: auto;
  height: auto;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Plus détails';
  padding-left: 30px;
  color: black;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Fermer';
  padding-left: 30px;
  color: black;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.read-more-trigger {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  color: #b1b1b1;
  opacity: 0.5;
  line-height: 25px;
  font-size: 12px;
  text-transform: uppercase;
}

.opportuniteArrow {
  position: absolute;
  margin-left: 50px;
  font-size: 10px;
  margin-top: 5px;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #29afcf;
}

.read-more-state:checked ~ .opportuniteArrow {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* END TABS */
.owl-carousel {
  display: block !important;
}

.owl-pub {
  text-align: center;
  margin: 0 auto;
}
.owl-pub .owl-carousel {
  overflow: hidden;
}
.owl-pub .owl-stage-outer {
  height: auto !important;
}
.owl-pub .minowl-item {
  min-width: 347px !important;
}
.owl-pub .item img {
  display: block;
  width: 100%;
  height: auto;
}
.owl-pub .owl-controls {
  position: absolute;
  width: 100%;
  z-index: 1004;
  text-align: center;
  margin-top: -15%;
  display: block !important;
}
.owl-pub .owl-buttons {
  display: none;
}
.owl-pub .owl-dot:after {
  color: white;
}
.owl-pub .owl-controls {
  position: absolute;
  width: 100%;
  z-index: 1004;
  text-align: center;
  margin-top: 85% !important;
  display: block !important;
}
.owl-pub .owl-page {
  display: inline-block;
  height: 3px;
  margin: 0 8.5px;
  vertical-align: middle;
  position: relative;
  width: 3px;
  border-radius: 50px;
  border: 3px solid transparent;
  background: white;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.owl-pub .owl-page.active {
  border: 4px solid white;
  width: 7px;
  height: 7px;
  background: none;
  -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

/* ACCORDION*/
#accordion-menu p, #accordion-menu ul, #accordion-menu ol, #accordion-menu form, #accordion-menu fieldset, #accordion-menu input {
  margin: 0;
  padding: 0;
}
#accordion-menu ul, #accordion-menu ol {
  list-style: none;
}
#accordion-menu a {
  text-decoration: none;
  outline: none;
  min-height: 80px;
  color: #505050;
  font-size: 16px;
  text-transform: uppercase;
}
#accordion-menu .hide {
  display: none;
}
#accordion-menu li {
  background: white;
  padding: 10px 15px;
  border-bottom: 2px solid #f8f8f8;
  text-align: left;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #505050;
  font-size: 16px;
  color: #505050;
  letter-spacing: 2px;
}
#accordion-menu li:before {
  content: url(../../bundles/fdccourtmetrage/img/checkMark.png);
  position: relative;
  top: 35px;
  left: 0;
  /* margin-right: 30px; */
  width: 30px;
}
#accordion-menu li p {
  text-transform: initial;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  opacity: 0.8;
  font-size: 14px;
  line-height: 30px;
  text-align: left;
  color: white;
}
#accordion-menu .open {
  cursor: pointer;
  display: block;
  height: 50px;
  line-height: 50px;
  margin-left: 40px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#accordion-menu .openPlus {
  color: #333;
  float: right;
  margin-right: 30px;
  font-size: 15px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
#accordion-menu .openMinus {
  display: none;
  color: white;
  float: right;
  margin-right: 30px;
  font-size: 15px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
#accordion-menu .noDisplay {
  display: none;
}
#accordion-menu .doDisplay {
  display: block;
}
#accordion-menu .open-selected {
  background-color: #0e5554;
  color: #40acab !important;
  -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
#accordion-menu .content {
  padding: 0px 100px 10px 40px;
  color: #ffffff;
  text-align: left;
  margin-bottom: 70px;
  margin-top: 20px;
}
#accordion-menu a {
  color: #505050;
}

/***Accordion Menu [End]***/
.dropArrow {
  float: left;
  width: 1%;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.dropArrowOpen {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  float: right;
  margin-right: 10%;
}

.dropdown span {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 1279px) {
  #accordion-menu {
    font-size: 80%;
    padding: 0px 45px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
}

#eventSelector {
  visibility: hidden;
  opacity: 0;
  width: 0%;
  height: 0px;
  margin-top: 10px;
}

.showeventSelector {
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: auto !important;
}

.selectText {
  width: auto;
  display: inline-block;
  color: #c3a05f;
  font-size: 22px;
  margin: 0px 5px;
  line-height: 30px;
  /*&:after {
    content: ',';
  }

  &:last-child {

        &:after {
        content: '';
    }
  }*/
}

.virgule:after {
  content: ',';
}
.virgule:last-child:after {
  content: '';
}

.visibleSelectText {
  visibility: visible;
  opacity: 1;
}

.seperator {
  height: 100%;
  width: 1px;
  background: black;
  margin: 0 auto;
  top: 0;
  bottom: 0;
  position: absolute;
  left: 50%;
}

/* PAGE INFOS UTILES */
.infosUtiles {
  width: 100%;
  height: 230px;
  padding: 0px 0px;
  background: url("../../bundles/fdccourtmetrage/img/infosutilesBackg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: 0px solid #404040;
  overflow: hidden;
}
.infosUtiles h3 {
  color: white;
  margin: 70px 0px 85px 0px;
  text-transform: initial;
  letter-spacing: 1px;
}
.infosUtiles img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.box-infosUtiles {
  margin-top: 100px;
}
.box-infosUtiles .results-sections {
  width: 25%;
  float: left;
}
.box-infosUtiles .results-content {
  width: 75%;
  float: left;
}
.box-infosUtiles .results-content .contents {
  display: none;
}
.box-infosUtiles .results-content .activeContent {
  display: block;
}
.box-infosUtiles .results-boxes {
  width: 100%;
  height: 60px;
  background: white;
  text-align: left;
}
.box-infosUtiles .results-boxes h6 {
  color: #cccccc;
  font-size: 12px;
  padding: 20px 0px 20px 30px;
  text-transform: uppercase;
  line-height: 25px;
  letter-spacing: 2px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.box-infosUtiles .results-boxes .active {
  color: #141414;
  background: #f8f8f8;
}
.box-infosUtiles .bigBox {
  height: 80px;
}

.accordion-infos p, .accordion-infos ul, .accordion-infos ol, .accordion-infos form, .accordion-infos fieldset, .accordion-infos input {
  margin: 0;
  padding: 0;
}
.accordion-infos ul, .accordion-infos ol {
  list-style: none;
}
.accordion-infos a {
  text-decoration: none;
  color: #ec3050 !important;
  font-size: 14px;
  text-transform: initial;
}
.accordion-infos .hide {
  display: none;
}
.accordion-infos .bigLi {
  padding: 30px 15px 20px !important;
}
.accordion-infos li {
  background: #f8f8f8;
  padding: 30px 15px 5px;
  border-bottom: 3px solid white;
  text-align: left;
  text-transform: uppercase;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #505050;
}
.accordion-infos li:before {
  content: "";
  position: relative;
  top: 35px;
  left: 0;
  width: 30px;
}
.accordion-infos li p {
  text-transform: initial;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  opacity: 0.8;
  font-size: 14px;
  line-height: 25px;
  margin-top: 40px;
  text-align: left;
}
.accordion-infos .open {
  cursor: pointer;
  display: block;
  height: 50px;
  line-height: 25px;
  margin-left: 20px;
  font-size: 15px;
  -moz-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.accordion-infos .open h5 {
  width: 80%;
  float: left;
}
.accordion-infos .open span {
  width: 0%;
  float: left;
  margin-left: 15%;
}
.accordion-infos .openPlus {
  color: #333;
  float: right;
  margin-right: 30px;
  font-size: 15px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.accordion-infos .openMinus {
  display: none;
  color: #333;
  float: right;
  margin-right: 30px;
  font-size: 15px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.accordion-infos .noDisplay {
  display: none;
}
.accordion-infos .doDisplay {
  display: block;
}
.accordion-infos .open-selected {
  -moz-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.accordion-infos .content {
  padding: 0px 10px 35px 15px;
  color: #ffffff;
  text-align: left;
}

.selectbtn {
  background: white;
  border: 2px solid #ECECEC;
  padding: 20px 20px;
  font-size: 12px;
  color: #505050;
  text-transform: uppercase;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  min-width: 100px;
  max-width: 240px;
  margin: 1% 1%;
  text-transform: uppercase;
  display: inline-block;
  float: left;
}
.selectbtn:hover {
  cursor: pointer;
}

.selectbtn:focus {
  outline: none;
  border: none;
}

.purpleBtn {
  background: #c3a05f;
  color: white;
}

/* EVENT PAGE */
.noPadding {
  padding: 0px 0;
}

.single-article .half-div {
  margin: 0 auto;
}

.blackBcgk {
  background: #141414;
  margin-bottom: 10px;
}

.calendar {
  width: 100%;
  height: 240px;
  padding: 0px 0px;
  background: url(../../bundles/fdccourtmetrage/img/redBackg2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: 0px solid #404040;
  overflow: hidden;
}
.calendar h3 {
  color: white;
  margin: 75px 0px 0px 0px;
  text-transform: initial;
}
.calendar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.events p {
  color: #b1b1b1;
  text-align: left;
}

.conference {
  height: auto !important;
}
.conference h5 {
  margin-bottom: 50px;
  padding: 0px 90px;
}
.conference h6 {
  text-align: left;
  margin-top: 10px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;
  margin-left: 85px;
}
.conference img {
  max-width: 977px;
  width: 100%;
}

.conferences {
  padding: 0px;
  margin: 50px 0px 0px 0px;
  height: auto;
}
.conferences .content {
  background: white;
  visibility: hidden;
  height: 0px;
}
.conferences .open-selected-conf {
  background: #333333 !important;
  color: white !important;
  padding-bottom: 25px;
  transition: opacity 500 ease-in-out;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.conferences .open-selected-conf .open {
  padding: 40px 0px;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.conferences .open-selected-conf .content {
  visibility: visible !important;
  height: auto !important;
}
.conferences .open {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  padding: 20px 0px;
  margin-left: 25px;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.conferences .dropdown {
  width: 100%;
  float: left;
  text-align: center;
  height: auto;
  min-height: 70px;
}
.conferences .selector {
  width: 100%;
}
.conferences .selectbtn {
  letter-spacing: 1px;
  float: none;
  border: 1px solid #ECECEC;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.conferences .selectbtn:hover {
  background: #c3a05f;
  -moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  color: white;
}
.conferences .conferencesMenu {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 50px;
  padding-top: 20px;
}
@media screen and (max-width: 1279px) {
  .conferences .conferencesMenu {
    width: 90%;
  }
}
.conferences .conferenceMenu {
  width: 100%;
  margin-top: 0px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 1279px) {
  .conferences .conferenceMenu {
    width: 90%;
  }
}
.conferences li {
  padding: 0px 25px 0px 25px;
  text-transform: uppercase;
  color: #505050;
  background: #f8f8f8;
  line-height: 50px;
  border-bottom: 3px solid white;
  text-align: left;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -moz-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}
.conferences li:hover {
  cursor: pointer;
}
.conferences .dropdown span {
  color: #505050 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 50px !important;
}
.conferences select, .conferences option {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  color: #c60e2d !important;
  font-size: 22px;
}
.conferences select::-ms-expand, .conferences option::-ms-expand {
  /* for IE 11 */
  display: none;
}
.conferences .openPlus {
  color: #333;
  float: right;
  margin-right: 30px;
  font-size: 15px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.conferences .openMinus {
  display: none;
  color: white;
  float: right;
  margin-right: 30px;
  font-size: 15px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.conferences .noDisplay {
  display: none;
}
.conferences .doDisplay {
  display: block;
}
.conferences .conf10 {
  width: 15%;
  float: left;
  color: #c3a05f;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 30px;
  padding-top: 75px;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
}
.conferences .conf10 p {
  text-align: right;
  margin-right: 25px;
  color: #c3a05f;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif !important;
  text-transform: uppercase;
  line-height: 30px;
  font-size: 12px;
  line-height: 25px;
  width: 70px;
  float: right;
}
.conferences .conf60, .conferences .conf70 {
  display: block;
  width: 47%;
  float: left;
  color: #505050;
  text-transform: initial !important;
  line-height: 20px;
  text-align: left;
  padding-top: 15px;
  min-height: 200px;
  height: auto;
  padding-right: 30px;
}
.conferences .conf60 p, .conferences .conf70 p {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #505050;
  text-align: left;
  /*padding-bottom: 30px;*/
  padding-top: 10px;
  color: #505050;
  line-height: 20px;
  text-transform: none !important;
}
@media screen and (max-width: 1280px) {
  .conferences .conf60, .conferences .conf70 {
    width: 44%;
  }
}
.conferences .conf60 .conf60title, .conferences .conf70 .conf60title {
  display: none;
  color: #c3a05f;
  font-size: 12px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.conferences .conf60 hr, .conferences .conf70 hr {
  display: none;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-right: -100px;
  width: 140px;
  border-right: 1px solid #e7e7e7;
  margin-top: -115px;
  opacity: 0.2;
}
@media screen and (max-width: 1280px) {
  .conferences .conf60 hr, .conferences .conf70 hr {
    margin-right: -95px;
    margin-top: -140px;
  }
}
.conferences .conf60 .confButton, .conferences .conf70 .confButton {
  position: absolute;
  text-transform: uppercase;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.7;
  letter-spacing: 1px;
  color: #b1b1b1;
  bottom: 10%;
}
.conferences .conf60 .confButton:hover, .conferences .conf70 .confButton:hover {
  color: #c8a461;
}
.conferences .conf60 .confButton .ensavoirplus, .conferences .conf70 .confButton .ensavoirplus {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #c3a05f;
  margin-right: 5px;
}
.conferences .conf60 span, .conferences .conf70 span {
  text-transform: uppercase;
  font-size: 16px;
  color: #312f2f !important;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  line-height: 50px;
  letter-spacing: 1px;
}
.conferences .conf70 {
  width: 59%;
  padding-left: 3%;
  height: auto;
}
@media screen and (max-width: 1280px) {
  .conferences .conf70 {
    width: 55%;
  }
}
.conferences .conf70 img {
  max-width: 120px;
  height: 160px;
  text-align: left;
}
.conferences .conf70 hr {
  display: none;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-right: -255px;
  width: 440px;
  border-right: 1px solid #e7e7e7;
  margin-top: 60px;
  margin-bottom: -27px;
  opacity: 0.2;
  float: right;
}
@media screen and (max-width: 1280px) {
  .conferences .conf70 hr {
    /*margin-right: -95px;
    margin-top: -70px;*/
  }
}
.conferences .conf30Sharp {
  width: 35% !important;
}
.conferences .conf30, .conferences .conf30Sharp {
  position: absolute;
  width: 36%;
  float: right;
  color: #505050;
  text-transform: initial !important;
  line-height: 30px;
  text-align: left;
  padding-top: 20px;
  font-size: 12px;
  background: #f6f6f6;
  height: 100%;
  /* min-height: 590px; */
  border-left: 1px solid #e7e7e7;
  overflow: hidden;
  z-index: 1;
  /* display: table-cell; */
  right: 0%;
}
@media screen and (max-width: 1280px) {
  .conferences .conf30, .conferences .conf30Sharp {
    float: right;
  }
}
.conferences .conf30 p, .conferences .conf30Sharp p {
  margin-left: 28px;
  margin-top: -5px;
  margin-right: 25px;
  color: #505050;
  opacity: 0.9;
  text-align: left;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-transform: initial !important;
  text-transform: none !important;
}
.conferences .conf30 span, .conferences .conf30Sharp span {
  color: #505050;
  text-transform: uppercase;
  opacity: 0.4;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
}
.conferences .conf30 div, .conferences .conf30Sharp div {
  padding-left: 45px;
  margin-bottom: 5px;
}
.conferences .conf30 div:first-child:before, .conferences .conf30Sharp div:first-child:before {
  content: url(../../bundles/fdccourtmetrage/img/access.png);
  position: relative;
  top: 20px;
  left: -10px;
  /* margin-right: 30px; */
  width: 20px;
}
.conferences .conf30 div:nth-child(2):before, .conferences .conf30Sharp div:nth-child(2):before {
  content: url(../../bundles/fdccourtmetrage/img/clock.png);
  position: relative;
  top: 20px;
  left: -10px;
  /* margin-right: 30px; */
  width: 20px;
}
.conferences .conf30 div:nth-child(3):before, .conferences .conf30Sharp div:nth-child(3):before {
  content: url(../../bundles/fdccourtmetrage/img/pin.png);
  position: relative;
  top: 20px;
  left: -10px;
  /* margin-right: 30px; */
  width: 20px;
}
.conferences .box {
  min-height: 230px;
  height: auto;
  cursor: default;
  position: relative;
  overflow: hidden !important;
  border-bottom: 20px solid #333333 !important;
  padding-bottom: 15px;
}
@media screen and (max-width: 1280px) {
  .conferences .box {
    min-height: 325px !important;
  }
}
.conferences .confDetails {
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  color: #505050 !important;
  line-height: 50px;
}
.conferences .confDetailsTop {
  color: #505050 !important;
}

.conferenceMenu .box {
  position: relative;
  height: auto;
  min-height: 900px !important;
}
@media screen and (max-width: 1280px) {
  .conferenceMenu .box {
    min-height: 1000px !important;
  }
}
.conferenceMenu .minBox {
  min-height: 600px !important;
}

.confPeople .quarterWidth {
  width: 25%;
  float: left;
  min-height: 300px;
  text-align: left;
  font-size: 10px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
.confPeople .quarterWidth span {
  font-size: 12px !important;
  text-align: left;
}
.confPeople .quarterWidth h6 {
  text-align: left;
  line-height: 25px;
  text-transform: uppercase;
  font-size: 11px;
  color: #ec3050 !important;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  line-height: 20px;
}
.confPeople .quarterWidth .name {
  height: 60px;
  width: 130px;
  text-align: left;
  text-transform: uppercase;
  line-height: 20px;
}
.confPeople .quarterWidth .name h6 {
  font-size: 10px !important;
  letter-spacing: 1px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
.confPeople .quarterWidth .name p {
  text-align: left;
  color: #505050;
  font-size: 10px !important;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
.confPeople .quarterWidth .alignLeft {
  text-align: left;
  margin-left: 15px;
}
.confPeople .quarterWidth p {
  text-align: left;
  color: #505050;
  font-size: 10px;
}

.minPadding {
  padding: 60px 0px 0px 0px !important;
  height: auto !important;
  line-height: 30px;
  color: #2b2b2b;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.minMargin {
  margin-bottom: 20px !important;
  color: #2b2b2b;
  font-size: 14px;
  line-height: 25px;
  width: 766px;
  margin: 0 auto;
  text-align: center;
}

.producersProgramme {
  height: auto !important;
  display: block;
  margin-bottom: 100px;
}

.who .block-01-xs img {
  margin-bottom: 55px;
}
.who .block-01-xs figure {
  margin-bottom: 55px;
}
.who .block-01-xs figure img {
  margin-bottom: 0px;
}
.who .block-01-xs figure figcaption {
  font-size: .75rem;
}
.who .buttons-01 {
  margin-bottom: 65px;
}
.who .texte-01 {
  margin-bottom: 51px;
}

.who-staff .title-11 {
  padding: 0 24px;
}
.who-staff .title-12 {
  padding: 0 0px;
}
.who-staff .block-poster .contain-txts {
  padding-top: 25px;
  height: 121px;
}
.who-staff .item img, .who-staff .item .contain-img {
  width: 163px;
  object-fit: cover;
}
.who-staff .block-01 {
  margin-bottom: 68px;
}

.who-staff .block-poster {
  width: 163px;
  display: inline-block;
  overflow: hidden;
  margin-right: 29px;
}
.who-staff .title-22 {
  margin-bottom: 20px;
  display: block;
}

.participate {
  /*min-height: 2000px;*/
}

.padded {
  padding-top: 100px;
}

.whiteBckg {
  background: white !important;
}

body:not(.mob) .list-article .bandeau-list .bandeau-list-img {
  background: center 0 no-repeat fixed;
  background-size: 100%;
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  height: 270px;
}

@media screen and (min-width: 1920px) {
  .participate .bandeau-list, .participate .bandeau-list-img {
    height: 277px !important;
  }
}
.whiteBackg {
  background: white !important;
}

.subHeader {
  text-align: center;
  height: 250px;
  vertical-align: middle;
  width: 100%;
  position: relative;
  z-index: 999;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.subHeader h3 {
  font-size: 40px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 250px;
}
@media screen and (min-width: 1600px) {
  .subHeader {
    height: 350px;
  }
  .subHeader h3 {
    line-height: 300px;
  }
}

.subNavigation {
  position: relative;
  z-index: 1002;
  top: 0px;
  background: #141414;
  -moz-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.subNavigationFixed {
  position: fixed;
  z-index: 1002;
  width: 100%;
  top: 90px !important;
  -moz-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -o-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  -webkit-transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
  transition: all 0s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.eventsHeader {
  height: 230px !important;
}
.eventsHeader h3 {
  line-height: 230px !important;
}
@media screen and (min-width: 1600px) {
  .eventsHeader {
    height: 300px !important;
  }
  .eventsHeader h3 {
    line-height: 300px !important;
  }
}

.formBtn {
  color: #c8a461 !important;
  text-align: center;
  font-size: 12px;
  width: 235px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #c8a461;
}
.formBtn:hover {
  background: #c8a461;
  color: white !important;
}

.smallWrapper {
  width: 650px;
  padding-bottom: 40px;
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: left;
}
.smallWrapper a {
  color: #c3a05f;
}
.smallWrapper ul {
  margin-left: 30px;
}
.smallWrapper h2, .smallWrapper h3 {
  color: #0c0c0c;
  text-transform: uppercase;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  margin-bottom: 30px;
  letter-spacing: 1px;
  font-size: 16px;
}
.smallWrapper h3 {
  font-size: 12px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  margin-bottom: 25px;
}
.smallWrapper li, .smallWrapper p {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
.smallWrapper li {
  color: #666666;
  list-style-type: none !important;
  list-style-position: inside;
  padding: 0px 35px 0px 0px;
  line-height: 25px;
  font-size: 16px !important;
  list-style: initial;
  list-style-position: inside;
}
.smallWrapper ul {
  padding: 25px 0px;
}
.smallWrapper .upUl {
  text-transform: uppercase;
  padding: 35px 0px;
  line-height: 40px;
}
.smallWrapper .upUl li {
  font-size: 12px !important;
  letter-spacing: 2px;
  text-indent: -1.5em;
}
.smallWrapper p {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  letter-spacing: 0px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
.smallWrapper p span {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #666666;
}
.smallWrapper .underlined {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #0c0c0c;
  text-decoration: underline;
}
.smallWrapper .numbers {
  color: #c8a461;
}
.smallWrapper .centeredTitle {
  color: #0c0c0c;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 125px 0px 60px 0px;
  line-height: 30px;
}
.smallWrapper h5 {
  text-transform: uppercase;
  color: #666666;
  letter-spacing: 2px;
  font-size: 12px;
}
.smallWrapper .goldTitle {
  font-size: 14px;
  color: #c8a461;
  padding: 130px 0px 70px 0px;
  text-transform: uppercase;
}

.onlineWrapper {
  width: 650px;
}
.onlineWrapper p, .onlineWrapper h3 {
  letter-spacing: 1px;
}
.onlineWrapper h1 {
  padding-top: 100px;
  color: #0c0c0c;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  padding-bottom: 30px;
  text-align: center;
  padding-bottom: 100px;
}

.reducedPadding {
  padding-bottom: 0px;
}

.text p .italic {
  font-style: italic;
  color: #666666;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}

.bio a {
  color: #c8a461;
}
.bio h2 {
  font-size: 22px;
  padding: 5px 0px 50px 0px;
  color: #333333;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  text-align: center;
}
.bio h3 {
  font-size: 18px;
  padding: 5px 0px 30px 0px;
  color: #333333;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  text-align: left;
}
.bio h4 {
  font-size: 14px;
  padding: 5px 0px 40px 0px;
  color: #333333;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  text-align: center;
  text-transform: uppercase;
}
.bio p {
  padding-bottom: 25px;
}

.wideWrapper {
  width: 705px;
  padding-bottom: 50px;
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: left;
}
.wideWrapper a {
  color: #c3a05f;
}
.wideWrapper h2 {
  color: #0c0c0c;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  padding-bottom: 30px;
}
.wideWrapper h3 {
  color: #0c0c0c;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.wideWrapper li, .wideWrapper p {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  color: #0c0c0c;
  line-height: 25px;
}
.wideWrapper li {
  font-size: 12px;
  text-transform: uppercase;
  list-style-type: none !important;
}
.wideWrapper p {
  font-size: 16px;
  color: #666666;
  line-height: 35px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
.wideWrapper .numbers {
  color: #c8a461;
}
.wideWrapper .formBtn {
  margin: 0 auto;
  text-align: center;
  display: block;
  color: #c8a461;
  font-size: 12px;
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #c8a461;
}

.wysiwygBlocks {
  width: 776px;
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: left;
}
.wysiwygBlocks h3 {
  padding-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0px;
  color: #000000;
}
.wysiwygBlocks .goldBorders {
  min-height: 150px;
}
.wysiwygBlocks .goldBorders h3 {
  font-size: 16px;
  padding: 30px 0px 10px 40px;
  text-transform: initial;
}
.wysiwygBlocks .goldBorders p {
  font-size: 16px;
  line-height: 30px;
}
.wysiwygBlocks h6 {
  font-size: 20px;
  line-height: 40px;
  color: #333333;
  text-align: center;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
.wysiwygBlocks .goldTitle {
  color: #c8a461;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  font-size: 14px;
}

.wysiwygGreyblock {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 100%;
  height: auto;
  min-height: 280px;
  background: #f4f4f4;
  text-align: center !important;
  margin-bottom: 50px;
}
.wysiwygGreyblock h4 {
  padding: 90px 0px 20px 0px;
  color: #333333;
  font-size: 16px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
.wysiwygGreyblock p {
  color: #666666;
  font-size: 16px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 25px !important;
}

.goldwysiwygBlocks {
  width: 705px;
}

.wysiwyg-categorie-items .title-list-cat {
  border-bottom: #202020 0px solid;
  border-top: #202020 0px solid;
}
.wysiwyg-categorie-items h2, .wysiwyg-categorie-items p {
  color: #202020;
}

.centerWrapper {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.centerWrapper h2 {
  font-size: 48px;
  color: #141414;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  letter-spacing: 2px;
  padding-bottom: 70px;
  text-transform: initial;
}
.centerWrapper p {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #505050;
  opacity: 0.9;
}

.tableau {
  width: 636px;
  height: 200px;
  text-align: center;
  margin: 0 auto;
}
.tableau .tableauArticle {
  width: 310px;
  height: 120px;
  margin: 0 auto;
  float: left;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-bottom: 0px solid #e5e5e5;
}
.tableau .tableauArticle h3 {
  border-bottom: 1px solid #e5e5e5;
  line-height: 40px;
  color: #000000;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.tableau .tableauArticle h4 {
  border-bottom: 1px solid #e5e5e5;
  line-height: 40px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.tableau .tableauArticle:nth-child(2) {
  border-left: 0px solid #e5e5e5;
}

.greyHr {
  width: 100%;
  height: 0px;
  border-top: 1px solid #cfcfcf;
}

.movieOnline {
  padding-bottom: 70px;
  text-align: left;
  height: auto;
  border-top: 2px solid #ececec;
}
.movieOnline .centered {
  margin: 0 auto;
  text-align: center;
}
.movieOnline h3 {
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  padding: 40px 0px 30px 0px;
}
.movieOnline .reducedPadding {
  padding: 40px 0px 0px 0px;
}
.movieOnline .formBtn {
  line-height: 50px;
  text-align: center;
}

.mediumWrapper {
  width: 1020px;
  padding-bottom: 170px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.mediumWrapper a {
  color: #c3a05f;
}
.mediumWrapper h6 {
  height: 55px;
  border: 1px solid #e5e5e5;
  width: 49%;
  float: left;
  display: block;
  text-transform: uppercase;
  line-height: 50px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  color: #0c0c0c;
  letter-spacing: 0px;
  opacity: 0.9;
  font-size: 12px;
}
.mediumWrapper h6:nth-child(2) {
  border-left: 0px solid #e5e5e5;
}
.mediumWrapper .formBtn {
  margin: 0 auto;
  text-align: center;
  display: block;
  color: #c8a461;
  font-size: 12px;
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #c8a461;
}

.formRegister {
  background: url("../../bundles/fdccourtmetrage/img/registerBckg.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  height: 400px;
  vertical-align: middle;
  width: 100%;
  position: relative;
  z-index: 900;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.formRegister .smallWrapper {
  text-align: center;
}
@media screen and (min-width: 1600px) {
  .formRegister {
    height: 500px;
  }
}
.formRegister h3, .formRegister p {
  color: white;
  font-size: 16px;
}
.formRegister h3 {
  text-transform: uppercase;
  padding-top: 50px;
  padding-bottom: 20px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  letter-spacing: 4px;
}
.formRegister p {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  padding: 15px 0px;
  line-height: 35px;
}
.formRegister a {
  color: #c8a461;
}
.formRegister .formBtn {
  margin: 0 auto;
  text-align: center;
  display: block;
  color: #c8a461;
  font-size: 12px;
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #c8a461;
  margin-top: 20px;
}
.formRegister li {
  font-size: 16px !important;
}

.goldBorders {
  width: 700px;
  min-height: 350px;
  height: auto;
  border: 1px solid #c8a461;
}
.goldBorders a {
  color: #c3a05f;
}
.goldBorders h3 {
  letter-spacing: 1px;
  padding: 30px 0px 30px 40px;
  color: #0c0c0c;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.goldBorders p {
  margin-bottom: 25px;
  font-size: 16px;
  padding: 0px 40px;
}
.goldBorders .specs {
  width: 40%;
  float: left;
  padding: 5%;
}
.goldBorders .specs i {
  margin-right: 10px;
}
.goldBorders .specs h2 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #c8a461;
  padding-bottom: 0px;
}
.goldBorders .specs h3 {
  color: #0c0c0c;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif !important;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 25px;
  margin-bottom: 0px !important;
  margin-top: 40px;
  letter-spacing: 0px;
}
.goldBorders .specs span {
  color: #666666;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
}

.goldQuote {
  text-align: center;
}
.goldQuote .goldBorders {
  min-height: 350px;
  height: auto;
}
.goldQuote .goldBorders h3 {
  color: #c8a461;
  padding: 80px 0px 50px 0px;
  font-size: 16px;
  letter-spacing: 2px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}
.goldQuote .goldBorders p {
  font-size: 14px;
  color: #b1b1b1;
  line-height: 30px;
  padding: 0px 80px;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
}

.onlinegoldBorders {
  width: 745px;
  min-height: 450px;
  height: auto;
  border: 1px solid #c8a461;
  position: relative;
  overflow: auto;
}
.onlinegoldBorders:after {
  content: '';
  width: 200px;
  height: 1px;
  border-right: 1px solid #c8a461;
  left: 170px;
  position: absolute;
  min-height: 450px;
  height: 100%;
}
.onlinegoldBorders a {
  color: #c3a05f;
}
.onlinegoldBorders h3 {
  margin-bottom: 30px;
  letter-spacing: 1px;
}
.onlinegoldBorders p {
  color: #666666;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  line-height: 30px;
}
.onlinegoldBorders strong {
  color: #0c0c0c !important;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 25px;
  margin-bottom: 0px !important;
  margin-top: 30px;
  letter-spacing: 0px !important;
  margin-top: 25px;
}
.onlinegoldBorders .specs {
  width: 40%;
  float: left;
  padding: 5%;
}
.onlinegoldBorders .specs .specsImg {
  width: 20px !important;
  margin-right: 10px !important;
  position: relative;
  top: 2px;
}
.onlinegoldBorders .specs h2 {
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #c8a461;
  padding-bottom: 0px;
  position: relative;
}
.onlinegoldBorders .specs h3 {
  color: #0c0c0c;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif !important;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 25px;
  margin-bottom: 0px !important;
  margin-top: 40px;
  letter-spacing: 0px !important;
}
.onlinegoldBorders .specs span {
  color: #666666;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
}

.contactUs {
  height: 420px;
  padding-top: 70px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.contactUs .contactContent {
  width: 312px;
}
.contactUs .contactContent:nth-child(2) {
  width: 338px;
}
.contactUs .contactContent {
  float: left;
  display: block;
  font-size: 14px;
  line-height: 25px;
  color: #666666 !important;
}
.contactUs .contactContent h5 {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  color: #0c0c0c;
  font-size: 15px !important;
  text-transform: initial;
  padding-bottom: 30px;
  letter-spacing: 0px;
}
.contactUs .contactContent h6  {
  color: #666666 !important;
  font-size: 14px;
  opacity: 0.9;
}
.contactUs .contactContent a {
  color: #c8a461;
}
.contactUs .contactContent .formBtn {
  margin-top: 35px;
}
.contactUs h3 {
  text-align: center;
  padding-bottom: 50px;
  letter-spacing: 4px;
}

/* 1. Ensure this sits above everything when visible */
.modal {
  position: fixed;
  z-index: 10000;
  /* 1 */
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.modal.is-visible {
  visibility: visible;
}

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 3000px;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  margin: 0 auto;
  text-align: center;
  display: block;
  position: relative;
  z-index: 9999;
  width: 1034px;
  height: auto;
  overflow-y: visible;
  min-height: 1000px;
  background-color: #fff;
  box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 1024px) {
  .modal-wrapper {
    width: 1000px;
  }
}

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.modal.is-visible .modal-transition {
  transform: translateY(0);
  opacity: 1;
}

.modal-header,
.modal-content {
  padding: 1em;
}

.modal-header {
  position: relative;
  background-color: #fff;
  padding: 90px 0px;
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  color: #aaa;
  background: none;
  border: 0;
}

.modal-close:hover {
  color: #777;
}

.modal-heading {
  font-size: 16px;
  font-weight: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  margin: 0;
}

.modal-content > *:first-child {
  margin-top: 0;
}

.modal-content > *:last-child {
  margin-bottom: 0;
}

.shortFilm {
  display: none;
}

.showCourts:hover, .showShorts:hover {
  cursor: pointer;
}

.single-article .print {
  border-right: 1px solid #dfdfdf;
}
.single-article .print:hover {
  border-right: 1px solid #c8a461;
}

.list-article {
  background-color: transparent !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bandeau-list {
    margin-top: -30px !important;
  }
}
.single-article .title-article {
  font-family: "Camphor W01 Thin", Arial, Helvetica, sans-serif !important;
}

.item figcaption, .item .caption {
  margin-top: 0px;
}

@media print {
  .buttons {
    display: none !important;
  }
}
#share {
  margin: 0 auto !important;
}

.title, .all-articles .title {
  font-family: "Playfair Display", Times New Roman, Times, serif;
}

.all-articles .title {
  font-family: "Playfair Display", Times New Roman, Times, serif !important;
}

.title-list-header {
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif !important;
  font-size: 40px !important;
  letter-spacing: 1px;
}

.contact .title, .faq .title, .legal-notice .title, .sitemap .title {
  font-family: "Playfair Display", Times New Roman, Times, serif !important;
}

.palmares-list .bandeau-list {
  background-color: #202020 !important;
}

.palmares-list .title-list-cat h2 {
  color: #141414 !important;
}

.all-articles {
  background: white !important;
}

@media screen and (min-width: 1920px) {
  .bandeau-list .bandeau-list-img, .films-list .bandeau-list-img {
    height: 300px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .bandeau-list .bandeau-list-img, .films-list .bandeau-list-img {
    height: 300px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .bandeau-list .bandeau-list-img, .films-list .bandeau-list-img {
    height: 230px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .bandeau-list .bandeau-list-img, .films-list .bandeau-list-img {
    height: 230px !important;
  }
}
@media screen and (max-width: 1023px) {
  .bandeau-list .bandeau-list-img, .films-list .bandeau-list-img {
    height: 230px !important;
  }
}
.confcourtaccordion .selectbtn {
  float: none !important;
  min-width: 0px !important;
  max-width: 500px !important;
  width: auto !important;
}
@media screen and (max-width: 1024px) {
  .confcourtaccordion .selectbtn {
    float: none;
  }
}
.confcourtaccordion .selectbtn .purpleBtn {
  /*border: 2px solid #c3a05f!important;*/
}
.confcourtaccordion .selectbtn:hover {
  background: #c3a05f;
  /*border: 2px solid #c3a05f;*/
  color: white;
}
@media screen and (max-width: 1024px) {
  .confcourtaccordion #eventSelector  {
    padding: 0px 160px !important;
  }
}
.confcourtaccordion .dropdown {
  height: 60px;
}
.confcourtaccordion .bigSelectbtn {
  position: relative;
  padding: 20px 50px 20px 20px;
}
.confcourtaccordion .bigSelectbtn img {
  position: absolute;
  right: 4%;
  width: 24px;
  top: 22%;
  z-index: 1000;
  border: 2px solid white;
  border-radius: 100px;
}

.confcourt {
  max-width: 100%;
  position: relative;
  height: auto;
  margin: 0 auto;
  /*float: left;
  margin-bottom: 100px;*/
  padding-bottom: 110px;
  overflow: auto;
}
@media screen and (min-width: 1600px) {
  .confcourt {
    max-width: 100%;
  }
}
@media screen and (min-width: 1920px) {
  .confcourt {
    max-width: 100%;
  }
}
.confcourt .content {
  max-width: 100%;
  padding: 70px 0px;
  min-height: 650px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
@media screen and (min-width: 1600px) {
  .confcourt .content {
    max-width: 100%;
  }
}
@media screen and (min-width: 1920px) {
  .confcourt .content {
    max-width: 100%;
  }
}
.confcourt .box {
  width: 19.88888%;
  height: 340px;
  float: left;
  position: relative;
  border: 1px solid #ECECEC;
  margin-right: -1px;
  margin-top: -1px;
}
@media screen and (min-width: 1024px) {
  .confcourt .box {
    width: 24.9%;
  }
}
@media screen and (min-width: 1280px) {
  .confcourt .box {
    width: 19.9%;
  }
}
@media screen and (min-width: 1600px) {
  .confcourt .box {
    width: 16.6%;
  }
}
@media screen and (min-width: 1920px) {
  .confcourt .box {
    width: 14.222222%;
  }
}
.confcourt .box:hover {
  background: #ECECEC;
  cursor: pointer;
}
.confcourt .eventPhoto {
  position: relative;
  padding-top: 30px;
  height: 180px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.confcourt .eventPhoto .eventPhotoContainer {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 100px;
  background: #f0eeee;
  width: 155px;
  height: 155px;
  /*img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }*/
  /* FOR IE*/
}
.confcourt .eventPhoto .eventPhotoContainer .containerFit {
  width: 155px !important;
  height: auto !important;
}
.confcourt .eventPhoto .eventPhotoContainer:hover {
  cursor: pointer;
}
.confcourt .eventPhoto .sfcLogo {
  width: 45px;
  height: 45px;
  position: absolute;
  border-radius: 100px;
  left: 60%;
  top: 70%;
  background: white;
  /*z-index: 999;*/
}
.confcourt .eventPhoto .sfcLogo img {
  max-width: 100%;
  height: auto;
  border: 3px solid white;
  border-radius: 100px;
}
.confcourt .eventTitle h3 {
  color: #141414;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-size: 20px;
  line-height: 24px;
  padding: 10px;
}
.confcourt .eventTitle:hover {
  cursor: pointer;
}
.confcourt .eventCat {
  position: absolute;
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 100%;
  bottom: 7%;
  height: 25px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.confcourt .eventCat span {
  color: #c3a05f;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  font-size: 10px;
  margin: 0px 5px 0px 0px;
  text-transform: uppercase;
  display: inline-block;
}
.confcourt .eventCat span:after {
  content: "•";
  margin-left: 5px;
}
.confcourt .eventCat span:last-child:after, .confcourt .eventCat span:nth-child(3):after {
  content: "";
}
.confcourt .eventCat:hover {
  cursor: pointer;
}

.modal-wrapper {
  margin-top: 100px !important;
  margin: 0 auto;
  text-align: center;
  display: block;
  position: relative;
  z-index: 9999;
  width: 1034px;
  height: auto;
  overflow-y: visible;
  min-height: 200px;
  background-color: #fff;
  box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.35);
}

.modal-goldBackg {
  /*background: #c3a05f;*/
  background: #bf9f64;
  width: 450px;
  height: 480px;
  position: absolute;
  left: -22px;
  top: -18px;
  z-index: 2;
}

.modal-overlay {
  min-height: 10000px;
}

.modal-content {
  min-height: 1px;
  z-index: 1005;
  padding: 3% 0%;
  background: white;
  position: relative;
  overflow: auto;
  overflow-y: hidden;
}
.modal-content .half {
  float: left;
  margin-left: 5%;
}
.modal-content .half:first-child {
  width: 25%;
}
.modal-content .half:nth-child(2) {
  width: 60%;
}
@media screen and (max-width: 1024px) {
  .modal-content .half {
    margin-left: 4%;
  }
}
.modal-content .half .htitle  {
  width: 100%;
  text-align: center;
  font-family: "Playfair Display", Times New Roman, Times, serif !important;
  font-size: 30px !important;
  color: #141414 !important;
  letter-spacing: 0px !important;
}
.modal-content .half .htitle  h2 {
  font-family: "Playfair Display", Times New Roman, Times, serif !important;
  letter-spacing: 0px !important;
  font-size: 30px;
  color: #141414;
  max-width: 300px !important;
}
.modal-content .half .maj {
  width: 100%;
  color: #666666;
  font-size: 12px;
  text-align: right;
}
.modal-content .half .cats {
  width: 100%;
  color: #c3a05f;
  font-size: 10px;
  text-align: left;
  padding: 15px 0px 50px 0px;
  text-transform: uppercase;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
}
.modal-content .half .cats span {
  margin-right: 12px;
  letter-spacing: 1px;
}
.modal-content .half .cats span:after {
  content: '•';
  margin-left: 10px;
}
.modal-content .half .cats span:last-child:after {
  content: '';
}
.modal-content .half .titleHalf {
  width: 100%;
  text-align: left !important;
  padding-top: 30px;
}
.modal-content .half .titleHalf h3 {
  color: #141414;
  font-size: 48px;
  text-align: left;
  line-height: 60px;
  font-family: "Playfair Display", Times New Roman, Times, serif;
}
.modal-content .half .titleHalf a {
  text-decoration: none;
  color: #141414 !important;
}
.modal-content .half .titleBig {
  position: relative;
  width: 100%;
  text-align: left;
  font-family: "Playfair Display", Times New Roman, Times, serif;
  font-size: 25px;
  color: #141414;
  letter-spacing: 1px;
  padding-bottom: 50px;
}
.modal-content .half .titleBig h2 {
  line-height: 25px;
  letter-spacing: 1px;
  font-style: italic;
  font-size: 20px;
}
.modal-content .half .titleBig h2 span {
  color: #c8a461;
}
.modal-content .half .titleBig .bckgQuote {
  position: absolute;
  top: -65px;
  z-index: -1;
  color: #c8a461;
  font-size: 300px;
  left: -30px;
  opacity: 0.2;
}
.modal-content .half .authors {
  width: 100%;
  text-align: left;
  padding-bottom: 25px;
}
.modal-content .half .authors .full {
  width: 100%;
  float: left;
  margin-left: 0%;
  margin-bottom: 2%;
}
.modal-content .half .authors .full:last-child {
  margin-bottom: 10%;
}
.modal-content .half .authors .full div {
  width: 50%;
  float: left;
}
.modal-content .half .authors .full div img {
  position: relative;
  float: right;
  right: 40%;
}
.modal-content .half .authors .full div h4 {
  color: #141414;
  font-size: 12px;
  letter-spacing: 0px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  float: left;
  text-transform: uppercase;
  position: relative;
}
.modal-content .half .authors .full div h4 a {
  text-decoration: none;
  color: #141414 !important;
}
.modal-content .half .authors h4 {
  text-transform: uppercase;
  color: #c3a05f;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 20px;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  width: 50%;
  float: left;
}
.modal-content .half .authors .mailName {
  text-transform: uppercase;
  color: #c3a05f;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 20px;
  width: 45%;
  float: left;
  padding-left: 8%;
}
.modal-content .half .authors .mailName:before {
  width: 30px;
  content: " ";
  background-image: url(../../bundles/fdccourtmetrage/img/flyingPaper.png);
  position: absolute;
  height: 20px;
  left: 35%;
}
.modal-content .half .authors .job {
  width: 15% !important;
}
.modal-content .half .content {
  text-align: left;
  padding: 20px 0px;
  float: left;
}
.modal-content .half .content h5 {
  line-height: 25px;
  color: #141414;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin-bottom: 10px !important;
  margin-top: 20px !important;
}
.modal-content .half .content p {
  text-align: justify;
  font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 10px;
  padding: 10px;
}
.modal-content .half .content a {
  color: #c3a05f;
}
.modal-content .half strong {
  color: #141414 !important;
  /* font-weight: bold; */
  color: #141414;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
}
.modal-content .half .halfContent {
  width: 265px;
  max-width: 265px;
  float: left;
  word-wrap: break-word;
  padding: 0px 40px 0px 0px;
}
.modal-content .half .photo {
  width: 100%;
  padding-bottom: 45px;
  position: relative;
}
.modal-content .half .photo .photoContainer {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  background: #f0eeee;
  width: 230px;
  height: 230px;
  border-radius: 500px;
  margin-top: 50px;
}
.modal-content .half .photo .photoContainer img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 500px;
}
.modal-content .half .photo .photoContainer .containerFit {
  width: 250px !important;
  height: auto;
}
.modal-content .half .photo .sfcLogo {
  width: 45px;
  height: 45px;
  position: absolute;
  border-radius: 100px;
  left: 70%;
  top: 65%;
  background: white;
}
.modal-content .half .photo .sfcLogo img {
  max-width: 100%;
  height: auto;
  border: 3px solid white;
  border-radius: 100px;
}
.modal-content .half .contactInfo {
  width: 100%;
  line-height: 40px;
  text-align: left;
      /*.contactInfoEmail {
        &:before {
          width: 30px;
          content: " ";
          background-image: url(../img/world.png);
          position: absolute;
          height: 20px;
          left: 5%;
        }
      }

      .world {
        &:before {
          width: 30px;
          content: " ";
          background-image: url(../img/computer.png);
          position: absolute;
          height: 20px;
          left: 5%;
        }
      }*/
}
.modal-content .half .contactInfo div {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.modal-content .half .contactInfo div h3 {
  position: relative;
  font-family: "Camphor W01 Heavy", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #141414;
  float: left;
  width: 85%;
  margin-left: 3%;
  line-height: 25px;
}
.modal-content .half .contactInfo div h3 a {
  text-decoration: none;
  color: #141414 !important;
}
.modal-content .half .contactInfo div img {
  position: relative;
  float: left;
  padding-top: 2px;
  width: 10%;
}

.IEfit {
  width: 155px !important;
  height: 100% !important;
}

.backgroundPhotoContainer {
  background-size: cover !important;
}

.modal-content .block-register-pop {
  margin: 0 auto;
  max-width: 100%;
  width: 663px;
}
.modal-content .block-register-pop p {
  color: #666666;
  line-height: 20px;
  margin-bottom: 35px;
  text-align: left;
  font-size: .75rem;
  font-size: 16px;
}
.modal-content .block-register-pop strong {
  font-size: .75rem;
  color: #0c0c0c !important;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 5px;
  display: block;
}

.custom-wysiwyg strong {
  font-weight: bolder !important;
  color: #0c0c0c !important;
  letter-spacing: 2px;
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif !important;
}

.wysiwyg strong {
  font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif !important;
}

/*

.modal-wrapper {
  margin-top: 100px;
}


.modal-goldBackg {
  background: #c3a05f;
  width: 450px;
  height: 480px;
  position: absolute;
  left: -2%;
  top: -0.5%;
  z-index: 2;
}

.modal-overlay {
    min-height: 10000px;
}

.modal-content {
  min-height: 1000px;
  z-index: 1005;
  padding: 3% 0%;
  background: white;
  position: relative;
  overflow: auto;

  .half {
    width: 439px;
    float: left;
    margin-left: 5%;

    @media screen and (max-width: 1024px) {
      margin-left: 4%;
    }

    .htitle {
      width: 100%;
      text-align: center;
      font-family: $Playfair!important;
      font-size: 30px!important;
      color: #141414!important;
      letter-spacing: 0px!important;

      h2 {
        font-family: $Playfair!important;
        letter-spacing: 0px!important;
        font-size: 30px;
        color: #141414;
        max-width: 300px!important;
      }
    }

    .maj {
      width: 100%;
      color:#666666;
      font-size: 12px;
      text-align: right;
    }

    .cats {
      width: 100%;
      color: #c3a05f;
      font-size: 10px;
      text-align: left;
      padding: 20px 0px 20px 0px;
      text-transform: uppercase;
      font-family: $CamphorBold;
    }

    .titleHalf {
      width: 100%;
      text-align: left!important;
      padding-bottom: 40px;
      h3 {
        color:#141414;
        font-size: 50px;
        text-align: left;
        line-height: 60px;
        font-family: $Playfair;
      }
      a {
        text-decoration: none;
        color:#141414!important;
      }
    }

    .titleBig {
      width: 100%;
      text-align: center;
      font-family: $Playfair;
      font-size: 30px;
      color: #141414;
      letter-spacing: 1px;
      padding-bottom: 50px;

      h2 {
        line-height: 40px;
        letter-spacing: 1px;
        span {
          color: $gold;
        }
      }
    }

    .authors {
      width: 100%;
      text-align: left;
      padding-bottom: 25px;

      .full {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-bottom: 2%;

        &:last-child {
          margin-bottom: 5%;
        }

        div {

          width: 50%;
          float: left;

          img {
            position: relative;
            float: right;
            right: 40%;
          }
          h4 {
            color: #141414;
            font-size: 12px;
            letter-spacing: 0px;
            font-family: $CamphorHeavy;
            float: left;
            text-transform: uppercase;
            position:relative;
            a {
              text-decoration: none;
              color:#141414!important;
            }
          }
        }
      }

      h4 {
        text-transform: uppercase;
        color: #c3a05f;
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 20px;
        font-family: $CamphorHeavy;
        width: 50%;
        float: left;
      }
    }

    .content {
      text-align: left;
      padding-bottom: 30px;

      h5 {
        line-height: 25px;
        color: #141414;
        font-family: $CamphorHeavy;
        font-size: 14px;
      }

      p {
        text-align: justify;
        font-family: $CamphorRegular;
        color: #666666;
        font-size: 14px;
        line-height: 25px;
      }
    }

    .photo {
      width: 100%;
      padding-bottom: 45px;
      .photoContainer {
          position: relative;
          overflow: hidden;
          margin: 0 auto;
          border-radius: 500px;
          background: #f0eeee;
          width: 290px;
          height: 290px;
          margin-top: 50px;
        img {
          object-fit: cover;
          width: 100%;
          height: 100%;
        }
      }
    }

    .contactInfo {
      width: 100%;
      line-height: 40px;
      text-align: left;
      div {
          width: 100%;
          float: left;
          margin-bottom: 10px;
          padding-left: 10%;
        h3 {
          position: relative;
          font-family: $CamphorHeavy;
          font-size: 20px;
          color: #141414;
          float:left;
          a {
            text-decoration: none;
            color:#141414!important;
          }
        }

        img {
          position: relative;
          float:left;
          padding-top: 10px;
          margin-right: 30px;
        }
      }
    }
  }
}*/
html[lang="es"] header #navigation ul.main li a {
  padding-right: 15px;
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
    padding: 10px;
    margin: 0px;
    width: 700px !important;
    overflow: auto;
    margin-top: 0px !important;
    background-color: #fff !important;
  }

  .list-article, .honneur-invit, .contain-article-invit {
    background-color: #fff !important;
    color: #000 !important;
  }
  .list-article .video-player, .list-article .video, .honneur-invit .video-player, .honneur-invit .video, .contain-article-invit .video-player, .contain-article-invit .video {
    display: none;
  }
  .list-article .half-photo, .honneur-invit .half-photo, .contain-article-invit .half-photo {
    margin-right: 20px !important;
    width: 45% !important;
  }
  .list-article .audio-player, .honneur-invit .audio-player, .contain-article-invit .audio-player {
    display: none;
  }
  .list-article .slideshow, .honneur-invit .slideshow, .contain-article-invit .slideshow {
    display: none;
  }
  .list-article .contain-img-honneur img, .honneur-invit .contain-img-honneur img, .contain-article-invit .contain-img-honneur img {
    max-width: 100%;
  }
  .list-article .quote blockquote, .honneur-invit .quote blockquote, .contain-article-invit .quote blockquote {
    color: #000 !important;
  }
  .list-article .categorie-items article, .honneur-invit .categorie-items article, .contain-article-invit .categorie-items article {
    display: none !important;
  }

  .categorie-items .title-list-cat, .categorie-items .title-list-cat .title-big {
    color: #000;
  }

  .accreditation #accreditation .wrapper, .contain-img-honneur, .pres-honneur, .categorie-items .title-list-cat .title-item {
    width: 500px !important;
    margin: 0 auto;
  }

  .container {
    width: 600px !important;
    margin: 0px auto !important;
  }

  .single-article {
    padding: 0px 0px;
  }
  .single-article .video-player {
    display: none;
  }
  .single-article .half-photo {
    margin-right: 20px !important;
    width: 45% !important;
  }
  .single-article .audio-player {
    display: none;
  }
  .single-article .slideshow {
    display: none;
  }

  .header-press .head {
    display: none;
  }
  .header-press p {
    display: none;
  }

  .slideshow .slideshow-img {
    background-color: #fff !important;
  }

  .article_photo .slideshow-img .images .img {
    display: block !important;
    visibility: visible !important;
  }

  .contact-press .button {
    display: none;
  }

  .nav-container .buttons {
    display: none;
  }

  .request {
    display: none;
  }

  #breadcrumb {
    display: none;
  }

  footer, header, header.press, #share-article, .print, .nav.prev, .nav.next, .nav-accre, .share, .film, .focus, .same-day, .bandeau-list, .nav-movie {
    display: none !important;
  }

  .owl-stage {
    margin-left: 0px !important;
    padding: 0px;
  }

  .main-image {
    display: none !important;
  }

  .trailer {
    display: none !important;
  }

  .poster.video {
    display: none;
  }

  .info-film {
    color: #000 !important;
  }

  .single-movie {
    padding-top: 0px !important;
  }
  .single-movie .palmares {
    width: 100% !important;
  }
  .single-movie #nav-movie {
    display: none !important;
  }
  .single-movie .videos, .single-movie .slideshow-img, .single-movie .news, .single-movie .audios, .single-movie .press {
    display: none;
  }
}

.title.customFontSize {
    font-size: 1.625rem;
}

.block-accordion .download .item.customMarginRight {
    margin-right: 5px;
}

.block-accordion .download.no-flex.customWidth {
    width: 100%;
}

.block-accordion .download.customFloat {
    float: left;
}

.block-contact ul, .block-contact p {
    margin-bottom: 15px;
}

.portrait-custom {
    width: 384px !important;
    height: 485px !important;
}
.landscape-custom {
    width: 625px !important;
    height: 384px !important;
}
.p-register .info {
    padding: 25px 40px;
    border: 1px solid #c8a461;
    margin: 50px 0px;
    margin-left: -40px;
    font-size: 1rem;
    color: #666666;
    line-height: 30px;
}
.p-register .info a {
    color: #c8a461;
    transition: .5s;
}
.big-quote a:hover, .p-register .info a:hover {
    opacity: .8;
}
.p-register .info strong {
    font-size: .75rem;
    color: #0c0c0c;
    font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 24px;
    display: block;
}

.hidden {
    display: none;
}
.half-div.v2 .half-photo img {
    position: relative;
}
.half-div.v2 .half-photo .photo-container {
    overflow: hidden;
}

.visible-popin {
    z-index: 1007;
}

.all-articles.grid #gridAudios .item {
    cursor: default;
}

em {
  font-style: italic;
}

i {
  font-style: italic;
}

sub {
  vertical-align: sub !important;
  font-size: x-small;
  margin-left: 1px;
}

sup {
  vertical-align: super;
  font-size: x-small;
  margin-left: 1px;
}

.wysiwyg a {
    color: #c8a461;
}

.wysiwyg a > strong {
    color: #c8a461!important;
}

.topiconsContainer .icon-border-right {
    border-right: 1px solid #404040;
}

.topiconsContainer .icon-border-left {
    border-left: 1px solid #404040;
}

.seatingchart #seatingchart .maps img {
    max-width: 100%;
}

.all-articles.grid #gridAudios .item .img {
    max-height: 65%;
}

.all-articles.grid #gridAudios .item.w2 .img {
    max-height: 145%;
}

.contact .success.show {
    display: block;
}

.single-article .slideshow {
    margin-top: 50px;
}

body.chocolat-open.fixed {
    overflow-y: initial;
}

.contact #form .select #triggerSelect {
    width: 60%;
}

.single-article .block-01-xs .title-21 {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 10px;
}

.single-article #filmPoster {
    max-width: 140px;
}

.single-article .block-01-xs .texte-01 strong {
    color: #666666;
}

body .confcourt {
    overflow-y: auto;
    overflow-x: hidden;
}

.confcourt .eventPhoto .eventPhotoContainer img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 500px;
}

.contact {
    min-height: 450px;
}

#main:after {
    background-color: #141414;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 5;
    -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

#main:before {
    background-color: #141414;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 5;
    -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);
}

.single-article .film .info-film .wrapper .poster img {
    width: 187px!important;
    height: 255px!important;
    object-fit: cover;
}

#social-wall #wall .post .side.hasimg {
    cursor: default;
}

.modal-content .half .authors .job {
    width: 47% !important;
}

.slideshow .slideshow-img .images .img img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: contain !important;
    pointer-events: none;
    -moz-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.single-article .single-photo img {
    height: auto;
}

.eventsPage .share {
    float: none;
}

.aboutPhotos .slideshow .slideshow-img {
    height: 459px !important;
}

.aboutPhotos .slideshow p.caption {
    max-width: 440px;
}

.artist .title-art-artist.hide-top-border {
    border-top: none;
}
.wysiwyg-white a {
    color: white;
}

.artist .title-cat-artist.bio-top-padding {
    padding-top: 40px;
}

.modal-content .half .authors h4 {
    width: 100%;
}

.single-article .single-photo .photo-container {
    width: auto;
}

.title-custom {
    padding: 60px;
    font-size: 28px;
}

.custom-block {
    margin: 0px auto;
}

.confcourt .eventPhoto .eventPhotoContainer.has-pro-image {
    background-position: center center;
}

.modal-content .photoContainer.backgroundPhotoContainer.has-pro-image {
    background-position: center center;
}

.error-not-found {
    height: 675px;
}

.topiconsContainer .topIcons {
    float: right;
}
.conferences .conf60 {
    padding-bottom: 25px;
}
.conferences .conf60 .confButton {
    bottom: 30px;
}

.block-01-mms .audio-container {
    margin-top: 70px;
}

.block-01-mms .custom-subtitle {
    padding-top: 70px;
    font-weight: bold;
}
.manual .content-manual .contain-section .module-custom-text-style p {
    font-size: 100%;
    margin: 0;
    padding: 0;
    line-height: 20px;
    text-align: left;
}

.single-article .big-quote span.inherit-p {
    color: #b1b1b1;
    text-align: center;
    font-size: .875rem;
    font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 26px;
}

.single-article .txt-grey-bkg-container {
    margin-left: auto;
    margin-right: auto;
    padding: 70px 71px 70px 71px;
    box-sizing: border-box;
    width: 776px;
}

.single-article .txt-grey-bkg-container strong {
    font-size: 1rem;
    font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
    color: #333333;
    margin-bottom: 20px;
    display: block;
}

.single-article .txt-grey-bkg-container span.txt-grey-bkg-container-paragraph {
    font-size: 1rem;
    font-family: "Camphor W01 Italic", Arial, Helvetica, sans-serif;
    color: #666666;
    line-height: 26px;
}

.table-article {
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 644px;
    padding-bottom: 50px;
}

.table-article strong {
    text-transform: uppercase;
    color: #000;
    font-family: "Camphor W01 Bold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    vertical-align: middle;
    padding: 15px 0px;
    width: 320px;
    text-align: center;
    font-size: .74rem;
}

.little-txt {
    color: #969696;
    font-size: 0.750rem;
    margin: 10px 0 0;
    text-align: left;
}

.big-txt {
    color: #333333;
    font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    line-height: 40px;
    text-align: center;
}

.wysiwyg strong {
    font-weight: bold !important;
}

.modal-content .half .wysiwyg p {
    margin-bottom: 15px;
}

.slideshow .slideshow-img .thumbnails .thumb:after {
    border: 0 solid #c8a461;
}

.legal-notice section .legal-notice-responsable {
    line-height: 26px;
}

.bigButton:hover a{
    color: #fff;
}

.bigButton {
    width: 730px;
}

.modal-content .half .row:after, .modal-content .half .row:before {
    display:table;
    content:" ";
}

.contact .title, .faq .title, .legal-notice .title, .sitemap .title, .all-articles .title, .label-page .title, .seatingchart .title {
    font-weight: 700!important;
}

.seatingchart .title {
    font-family: "Playfair Display", Times New Roman, Times, serif !important;
}

.seatingchart h2 {
    padding: 60px;
    font-size: 28px;
}

.modal-content .half .row:after {
    clear:both;
}

.block-custom-bottom {
    padding: 58px 0px;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
}

.contain-title .title-02 strong {
    color: inherit !important;
}

.short-film-corner .block-01-mms strong {
    color: #141414 !important;
    font-weight: bolder !important;
}

.legal-notice {
    padding: 0px 0px !important;
}

.catalogue .twinBlocks {
    width: 50%;
}

#slider-discover .title h5 {
    text-transform: none !important;
}

.custom-wysiwyg strong {
    font-weight: bold;
}

.background-cover {
    background-size: cover!important;
}

.single-article-space {
    padding: 65px 0;
}

.home .competition #slider-competition .info-movie a.director {
    display: inline;
}

.short-film-corner .subtitle-space {
    margin-top: 65px;
}

.tablet #slider-aboutVideos .owl-item .shadow-bottom-vid:before,
.mob #slider-aboutVideos .owl-item .shadow-bottom-vid:before,
.tablette #slider-aboutVideos .owl-item .shadow-bottom-vid:before {
    z-index: 2;
}

.home.eventsPage .conferences .conf60 p, .home.eventsPage .conferences .conf70 p {
    padding-bottom: 20px;
}

.modal-content .half i.icon_close {
    position: relative;
    top: -30px;
    right: -340px;
}

.single-article.single-article-space .video-container {
    width: 630px !important;
}

article.block-movie-preview {
    height: auto;
    width: 100%;
    padding-left: 0;
    float: none;
}

body .modal-content .half .content {
    padding: 0;
}

.modal-content .half .content > .content.wysiwyg:first-of-type {
    padding-top: 20px;
}

.button.ajax .icon.icon_telecharger {
    margin-right: 10px;
}

.topiconsContainer .biggerIcon {
    width: 22px !important;
}

.item-manual .contain-infos .contain-map .link p {
    display: inline;
}.conferences .conf30 p, .conferences .conf30Sharp p {
    margin-left: 28px;
    margin-top: -5px;
    margin-right: 25px;
    color: #505050;
    opacity: 0.9;
    text-align: left;
    font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: none !important;
    line-height: 18px;
}

.conferences .conf60 p, .conferences .conf70 p {
    font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #505050;
    text-align: left;
    padding-top: 10px;
    line-height: 18px;
    text-transform: none !important;
}

.block-accordion .description, .block-accordion p {
    color: #666666;
    line-height: 18px;
    font-family: "Camphor W01 Regular", Arial, Helvetica, sans-serif;
    font-size: .875rem;
    margin-top: 22px;
}

.modal-body .modal-content .icon_close {
    cursor: pointer;
}

body .single-article .container .video-container.video-single {
    width: 100% !important;
}

.block-push-top + .short-film-corner > *:nth-child(1) {
    overflow: hidden;
}

header #navigation ul.main > li,
header #navigation ul.user > li {
    position: relative;
}
header #navigation ul.main > li > ul,
header #navigation ul.user > li > ul {
    width: auto !important;
    border: 0 !important;
    top: 100%;
    padding: 5px 0;
    margin: 0 !important;
    text-align: left !important;
}
header #navigation ul.main > li > ul:before,
header #navigation ul.user > li > ul:before {
    width: 300vw;
    left: 50%;
    top: 0;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
header #navigation ul.main > li > ul > li,
header #navigation ul.user > li > ul > li {
    display: block;
    white-space: nowrap;
    margin: 0;
    text-align: left;
}
header #navigation ul.main > li > ul > li a,
header #navigation ul.user > li > ul > li a {
    padding: 0;
}
header #navigation ul.main > li.espace-presse-ecasier-menu > ul, header #navigation ul.main > li.programmation-wrapper > ul, header #navigation ul.main > li.participate-wrapper > ul,
header #navigation ul.user > li.espace-presse-ecasier-menu > ul,
header #navigation ul.user > li.programmation-wrapper > ul,
header #navigation ul.user > li.participate-wrapper > ul {
    width: auto !important;
    padding-left: 15px !important;
}

/** Copied from Event Bundle **/
#cookies-banner .ch-cookie-consent{z-index:99999;width:auto;line-height:1;padding:25px 40px;color:#000;background-color:#fff}@media screen and (min-width:1024px){#cookies-banner .ch-cookie-consent{padding:25px calc((100vw - 970px)/ 2)}}#cookies-banner .ch-cookie-consent>*{max-width:977px;margin-right:auto;margin-left:auto}#cookies-banner .ch-cookie-consent h4{font-size:100%}#cookies-banner .ch-cookie-consent p{color:inherit;margin:0}#cookies-banner .ch-cookie-consent--bottom{position:fixed;right:0;bottom:0;left:0}#cookies-banner .ch-cookie-consent__title{margin-top:0;margin-bottom:15px;font-weight:700;text-transform:uppercase;color:#000}#cookies-banner .ch-cookie-consent__title:empty{display:none}#cookies-banner .ch-cookie-consent__read-more{display:inline-block;font-weight:700;text-decoration:none;color:#000}#cookies-banner .ch-cookie-consent__read-more:hover{text-decoration:underline}#cookies-banner .ch-cookie-consent__read-more:empty{display:none}#cookies-banner .ch-cookie-consent__intro{display:inline-block}#cookies-banner .ch-cookie-consent__intro:empty{display:none}#cookies-banner .ch-cookie-consent__form{margin-top:20px}#cookies-banner .ch-cookie-consent__category{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 0;border-bottom:1px solid #000}@media screen and (max-width:641px){#cookies-banner .ch-cookie-consent__category{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}#cookies-banner .ch-cookie-consent__category:first-child{border-top:1px solid #000}#cookies-banner .ch-cookie-consent__category-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:641px){#cookies-banner .ch-cookie-consent__category-toggle{margin-top:15px}}#cookies-banner .ch-cookie-consent__category-toggle input{position:absolute;left:-10000px;opacity:0}#cookies-banner .ch-cookie-consent__category-toggle input+label{display:inline-block;width:75px;margin-right:15px;padding:6px 28px 6px 10px;color:#223462;background-repeat:no-repeat;background-position:45px center;background-color:#fff;border:1px solid #223462;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;border-radius:0;cursor:pointer}#cookies-banner .ch-cookie-consent__category-toggle input+label::after,#cookies-banner .ch-cookie-consent__category-toggle input+label::before{display:none}#cookies-banner .ch-cookie-consent__category-toggle input+label:hover,#cookies-banner .ch-cookie-consent__category-toggle input:checked+label{color:#fff;background-color:#223462;border-color:#fff}#cookies-banner .ch-cookie-consent__category-toggle input:checked+label{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='#fff' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}#cookies-banner .ch-cookie-consent__category-title{margin:7px 0 0;color:#000}#cookies-banner .ch-cookie-consent__category-description{margin:0}#cookies-banner .ch-cookie-consent__btn{min-width:135px;height:38px;padding:0 19px 0 19px;font-family:"Camphor W01 Bold",Arial,Helvetica,sans-serif;font-size:.75rem;font-weight:400;line-height:38px;text-align:center;text-transform:uppercase;color:#fff;background:0 0;border:1px solid #c9a460;border-radius:0;-webkit-box-shadow:none;box-shadow:none;outline:0;-webkit-transition:all 1.8s cubic-bezier(.15,.9,.34,.95);-o-transition:all 1.8s cubic-bezier(.15,.9,.34,.95);transition:all 1.8s cubic-bezier(.15,.9,.34,.95);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}#cookies-banner .ch-cookie-consent__btn:hover{color:#fff;background-color:#c9a460}#cookies-banner .ch-cookie-consent--dark-theme{color:#fff;background-color:#080808}#cookies-banner .ch-cookie-consent--dark-theme .ch-cookie-consent__title{color:#fff}#cookies-banner .ch-cookie-consent--dark-theme .ch-cookie-consent__read-more{color:#c9a460}#cookies-banner .ch-cookie-consent--dark-theme .ch-cookie-consent__category{border-color:#fff}#cookies-banner .ch-cookie-consent--dark-theme .ch-cookie-consent__category:first-child{border-color:#fff}#cookies-banner .ch-cookie-consent--dark-theme .ch-cookie-consent__category-toggle input+label{color:#fff;background-color:#080808;border-color:#c9a460}#cookies-banner .ch-cookie-consent--dark-theme .ch-cookie-consent__category-toggle input+label:hover,#cookies-banner .ch-cookie-consent--dark-theme .ch-cookie-consent__category-toggle input:checked+label{color:#fff;background-color:#c9a460;border-color:#c9a460}#cookies-banner .ch-cookie-consent--dark-theme .ch-cookie-consent__category-toggle input:checked+label{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='#fff' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}#cookies-banner .ch-cookie-consent--dark-theme .ch-cookie-consent__category-title{color:#fff}