@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200&subset=latin,vietnamese,latin-ext);

.container-cover {
  position: relative;
}

.container-cover .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.container-cover .cover img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.container-cover .cover.right img {
  right: 0;
  left: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.promo-item {
  display: block;
  float: left;
  width: 33.33%;
  height: 100%;
  text-align: center;
  background: no-repeat center center;
  background-size: cover;
}

.promo-item.dark .promo-align .title-promo {
  text-shadow: 1px 1px 1px rgba(255, 255, 255, .5);
}

.promo-item.dark .promo-align .title-promo a {
  color: #1a1a1a;
}

.promo-item.dark .promo-align .title-promo .star {
  background-image: url('../images/interface/bg/star-black.png');
}

.promo-item.dark .promo-align a.btn-standard {
  color: #666;
  border-color: #1a1a1a #1a1a1a #404245 #404245;
  background: #000;
}

.promo-item.dark .promo-align a.btn-standard:hover {
  color: #808080;
  border-color: #ccc #ccc #e5e5e5 #e5e5e5;
  background: #fff;
}

.promo-item.views-row-first.sticky {
  width: 100%;
  background-position: right center;
}

.promo-item.views-row-first.sticky .promo-inside {
  width: 40%;
}

.promo-item.views-row-first.sticky .promo-inside .promo-align {
  padding: 0;
  vertical-align: middle;
}

.promo-item.views-row-first.sticky .promo-inside .promo-align .title-promo {
  font-size: 27px;
  min-height: 0;
}

.promo-item.views-row-first.sticky .promo-inside .promo-align .title-promo .star {
  display: block;
  width: 12px;
  height: 28px;
  margin: 15px auto 0;
  background-image: url('../images/interface/bg/star-white.png');
}

.promo-item.views-row-first.sticky .promo-inside .promo-align .description {
  display: block;
}

.promo-item.views-row-first.sticky.dark .promo-align .title-promo .star {
  background-image: url('../images/interface/bg/star-black.png');
}

.promo-item .promo-align {
  line-height: 1em;
  display: inline-block;
  width: 60%;
  padding-bottom: 15px;
  text-align: center;
  vertical-align: bottom;
}

.promo-item .promo-align .title-promo {
  font-family: 'gill_sansregular',arial;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2em;
  min-height: 80px;
  margin-bottom: 15px;
  -webkit-transition: all .6s linear 0s;
  transition: all .6s linear 0s;
  text-transform: uppercase;
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
}

.promo-item .promo-align .title-promo a {
  text-decoration: none;
  color: #fff;
}

.promo-item .promo-align .description {
  font-family: 'gill_sansregular';
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4em;
  display: none;
  margin: 20px 0 25px;
  color: #b6b6b6;
}

.animation-bird .promo-item {
  width: 100%;
}

.animation-bird .promo-item.views-row-first.sticky {
  width: 100%;
}

.animation-bird .promo-item.views-row-first.sticky .promo-inside {
  width: 100%;
}

.animation-bird .promo-item.views-row-first.sticky .promo-inside .promo-align {
  width: 60%;
}

/****************************/
/*** Block ateliers d'art ***/
/****************************/
.block-ateliers-art
{
    font-family: 'Source Sans Pro', sans-serif; 

    padding: 12% 0;

    color: #fff;
    background: url('../img/atelier/bg-row-manufacture.png') center center no-repeat #000;
    background-size: cover;
}
.block-ateliers-art .btn-standard
{
    font-size: 14px;

    width: 100%;
    max-width: 250px;
    padding: 10px 0;
}

.block .block-inside
{
    width: 90%;
    max-width: 975px;
    margin: auto;
}
.block .block-inside .cols-2:after
{
    display: block;
    float: none;
    clear: both; 

    content: ' ';
}
.block .block-inside .cols-2 .col-fright
{
    float: none; 

    width: 100%;
}

.block h2
{
    font-size: 32px;
    font-weight: 300;

    text-transform: uppercase;
}

.block p
{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3em; 

    margin-top: 50px;
}

@media only screen and (min-width: 975px)
{
    .block-ateliers-art
    {
        padding: 8% 0;
    }
    .block-ateliers-art .block-inside .cols-2 .col-fright
    {
        float: right; 

        width: 50%;
    }
}

@media (max-width: 1023px)
{
    .info .promo-item .promo-align .title-promo
    {
        font-size: 20px;
    }
}

@media (max-width: 768px)
{
    .info ul li h1
    {
        font-size: 15px;
        line-height: 1em;

        margin-bottom: 20px;
    }
    .info ul li h1 .star-black
    {
        display: none;
    }
    .info ul li .body .body-text
    {
        font-size: 12px;

        display: none;
    }
    .info ul li .body .btn-standard
    {
        margin-top: 15px;
    }
    .promo-item
    {
        width: 100%;
    }
}

.mobile .anim
{
    position: static;
}

.mobile .info
{
    top: auto;
    bottom: 0;

    width: 100%;
    height: auto;
}
.mobile .info .promo-item.views-row-first.sticky .promo-inside .promo-align
{
    width: 80%;
    padding-bottom: 15px;
}
.mobile .info .promo-item.views-row-first.sticky .promo-inside .promo-align .description
{
    display: none;
}
.mobile .info .promo-item.views-row-first.sticky .promo-inside .promo-align .title-promo
{
    font-size: 16px; 

    margin-top: 15px;
}
.mobile .info .promo-item.views-row-first.sticky .promo-inside .promo-align .title-promo .star
{
    display: none;
}
.mobile .info .description
{
    display: none;
}
.mobile .info a.btn-standard
{
    display: none;
}

.mobile .promo-item .promo-align
{
    padding: 0; 

    vertical-align: middle;
}
.mobile .promo-item .promo-align .title-promo
{
    font-size: 14px;

    min-height: 0;
    margin: 0;
}
.mobile .promo-item .promo-align a.btn-standard
{
    display: none;
}

.mobile .promo-item.views-row-first.sticky .promo-inside .promo-align .title-promo .star
{
    display: none;
}

.pane-top-front-page .slick-slide
{
    position: relative;

    overflow: hidden;

    height: calc(100vh - 60px);
}
@media (min-width: 768px)
{
    .pane-top-front-page .slick-slide
    {
        height: calc(100vh - 120px - 40px);
    }
}
@media (orientation: landscape)
{
    .pane-top-front-page .slick-slide.theme-light .slide-title
    {
        color: #000;
    }
    .pane-top-front-page .slick-slide.theme-light .btn-standard
    {
        color: #fff;
        background-color: #000;
    }
    .pane-top-front-page .slick-slide.theme-light .btn-standard:hover
    {
        color: #000; 
        background-color: #fff;
    }
}

@media (min-width: 992px)
{
    .pane-top-front-page .img
    {
        position: absolute;
        top: 50%;
        left: 50%;

    height: 100%;

    transform: translate(-50%, -50%);
}
}
.pane-top-front-page .img img
{
    width: auto;
    max-width: none; 
    height: 100%;
}
@media (max-width: 1199px)
{
    .pane-top-front-page .img img
    {
        max-width: 100%;
        height: auto;
    }
}

.pane-top-front-page .col-text
{
    position: absolute;
    z-index: 10;
    bottom: 0;

    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;

    text-align: center;

    background: black;
}
@media (orientation: landscape)
{
    .pane-top-front-page .col-text .inner
    {
        position: relative;

        max-width: 850px;
        margin: 0 auto;
    }
}
.pane-top-front-page .col-text .slide-title
{
    font-size: 22px;
    font-weight: normal;

    text-transform: uppercase; 

    color: #fff;
}
.pane-top-front-page .col-text .slide-title a
{
    text-decoration: none; 

    color: inherit;
}
.pane-top-front-page .col-text .slide-title .star
{
    margin: 15px auto;
}
.pane-top-front-page .col-text .slide-title .icon
{
    font-size: 16px; 

    display: block;

    margin: 5px auto;
}
@media (max-width: 767px)
{
    .pane-top-front-page .col-text .slide-title
    {
        font-size: 18px;
    }
}
@media (orientation: portrait)
{
    .pane-top-front-page .col-text
    {
        padding: 0;
    }
    .pane-top-front-page .col-text .slide-title
    {
        font-size: 20px; 

        position: absolute;
        bottom: 30px;

        width: 100%;
        min-height: 55px;
        padding: 15px 50px 70px 50px;

        background: #000;
    }
}

.slick-slider
{
    position: relative;
}
.slick-slider .slick-arrow
{
    font-size: 30px;

    position: absolute;
    z-index: 20;
    top: 50%;

    margin: 0 15px;

    cursor: pointer; 
    -webkit-transform: translateY(-50%); 
            transform: translateY(-50%);

    color: #fff;
}
.slick-slider .slick-arrow:hover
{
    opacity: .5;
}
.slick-slider .slick-arrow.slick-prev
{
    left: 0;
}
.slick-slider .slick-arrow.slick-next
{
    right: 0;
}
.slick-slider .slick-dots
{
    position: absolute;
    z-index: 15;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 8px 0;

    cursor: pointer; 
    text-align: center;
}
.slick-slider .slick-dots li
{
    font-size: 14px; 

    display: inline-block;

    margin: 0 5px;
}
.slick-slider .slick-dots li span
{
    color: #fff;
}
.slick-slider .slick-dots li span:hover
{
    opacity: .5;
}
.slick-slider .slick-dots li.slick-active span
{
    opacity: .5;
}
@media (orientation: portrait)
{
    .slick-slider .slick-dots
    {
        background: #000;
    }
    .slick-slider .slick-arrow
    {
        bottom: 35px;
    }
}