@charset "utf-8";

/*!
 * Bootstrap v3.0.2 by @fat and @mdo
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */



@media only screen and (min-width:992px) and (max-width:1200px) {
    #packages .pack_title {
        font-size: 1em;
        line-height: 20px
    }
    #packages img {
        position: unset;
        float: left;
        width: 150px;
        margin-right: 20px;
        margin-top: -11px
    }
    .box-height {
        height: 230px
    }
    .MT65-xs {
        margin-top: 0
    }
    .social-grid .large-4 {
        width: 480px;
        height: 410px
    }
    .social-grid .small-4 {
        width: 240px;
        height: 205px
    }
    .social-grid .cell .cell-inner {
        border-width: 10px
    }
    .social-grid .cell-social-quote.small-4 .content {
        font-size: 13px
    }
    .social-grid .cell-quote .content {
        bottom: 20px;
        right: 20px;
        left: 20px;
        line-height: 23px;
        font-size: 24px
    }
    .modal-dialog {
        width: 900px!important;
        padding-top: 30px;
        padding-bottom: 30px
    }
    #welcome .abs-img {
        top: -58px
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .welcome h1 {
        font-size: 31px;
        line-height: 33px
    }
    .welcome-inner {
        width: 300px;
        padding: 200px 13% 29px
    }
    .howto_img {
        width: 100%
    }
    #resultat {
        text-align: center
    }
    #resultat h4 {
        font-size: 35px
    }
    #resultat img {
        width: 30%
    }
    a.logo-footer img {
        width: 40%;
        margin: 0 auto 42px auto;
        text-align: center;
        display: block
    }
    form#footer-contact-form {
        position: unset;
        z-index: 8;
        margin-bottom: 49px
    }
    .copyright {
        text-align: center!important
    }
    .topmenu {
        width: 592px
    }
    .content-menu {
        top: 0;
        transform: translateY(25%);
        -webkit-transform: translateY(25%);
        -ms-transform: translateY(25%)
    }
    .content-menu ul>li a {
        font-size: 21px;
        line-height: 23px
    }
    #packages .pack_title {
        font-size: 2em;
        line-height: 20px
    }
    #packages img {
        position: unset;
        float: left;
        width: 150px;
        margin-right: 20px;
        margin-top: -51px
    }
    .box-height {
        height: 230px
    }
    .MT65-xs {
        margin-top: 0
    }
    .social-grid .large-3,
    .social-grid .large-4 {
        width: 492px;
        height: 410px
    }
    .social-grid .cell .cell-inner {
        border-width: 15px
    }
    .social-grid .cell .cell-inner {
        border-width: 15px
    }
    .social-grid .small-3,
    .social-grid .small-4 {
        width: 246px;
        height: 205px
    }
    .social-grid .cell-social-quote.small-4 .content {
        font-size: 13px
    }
    .social-grid .cell-quote .content {
        bottom: 20px;
        right: 20px;
        left: 20px;
        line-height: 23px;
        font-size: 24px
    }
    .box-info {
        margin-bottom: 100px
    }
    #welcome .abs-img {
        display: none
    }
    #rigrhlife ul.categories {
        text-align: left;
        margin-bottom: 43px;
        margin-top: 32px
    }
    .newsletter {
        margin-bottom: 15px;
        margin-top: 44px
    }
    .social-icons {
        text-align: center;
        margin-top: 19px
    }
    h1.zone-menu-title {
        display: none
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .welcome h1 {
        font-size: 21px;
        line-height: 26px
    }
    .welcome-inner {
        width: 300px;
        padding: 130px 3% 29px
    }
    .topmenu {
        width: 412px
    }
    .content-menu {
        top: 0;
        transform: translateY(25%);
        -webkit-transform: translateY(25%);
        -ms-transform: translateY(25%)
    }
    .content-menu ul>li a {
        font-size: 19px;
        line-height: 23px
    }
    .howto_img {
        width: 100%
    }
    .icon-space {
        right: 10px
    }
    .howto_img a.play_button {
        right: 9px
    }
    #resultat {
        text-align: center
    }
    #resultat h4 {
        font-size: 35px
    }
    #resultat img {
        width: 30%
    }
    a.logo-footer img {
        width: 40%;
        margin: 0 auto 42px auto;
        text-align: center;
        display: block
    }
    form#footer-contact-form {
        position: unset;
        z-index: 8;
        margin-bottom: 49px
    }
    .copyright {
        text-align: center!important
    }
    #packages .pack_title {
        font-size: 2em;
        line-height: 20px
    }
    #packages img {
        position: unset;
        float: left;
        width: 150px;
        margin-right: 20px;
        margin-top: -51px
    }
    .box-height {
        height: 230px
    }
    .MT65-xs {
        margin-top: 0
    }
    .social-grid .large-3,
    .social-grid .large-4 {
        width: 100%;
        margin: 0 auto;
        height: 400px
    }
    .social-grid .cell .cell-inner {
        border-width: 5px
    }
    .social-grid .horizontal-3,
    .social-grid .horizontal-4,
    .social-grid .small-3,
    .social-grid .small-4,
    .social-grid .vertical-3,
    .social-grid .vertical-4 {
        width: 100%;
        height: auto;
        margin: 0 auto
    }
    .social-grid .cell-social-quote .cell-content,
    .social-grid .cell-social-quote .cell-inner {
        position: relative;
        width: auto;
        height: auto
    }
    .social-grid .cell-social-quote .cell-content {
        padding: 0 0 35px
    }
    .social-grid .cell-social-quote.small-4 .content {
        font-size: 13px
    }
    .social-grid .cell-social-quote .content {
        position: relative;
        padding: 35px 10px;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        font-size: 15px
    }
    .social-grid .cell-quote .content {
        bottom: 15px;
        right: 15px;
        left: 15px;
        font-size: 20px;
        line-height: 23px
    }
    .social-grid {
        margin: 0
    }
    .social-grid .cell-quote .header {
        position: absolute;
        top: 10px;
        left: 10px
    }
    .bg-login .box {
        width: 400px
    }
    .social-login i {
        display: none
    }
    .social li .btn span,
    .social li button span {
        margin-left: 0
    }
    .box-info {
        margin-bottom: 100px
    }
    #welcome .abs-img {
        display: none
    }
    #rigrhlife ul.categories {
        text-align: left;
        margin-bottom: 43px;
        margin-top: 32px
    }
    .newsletter {
        margin-bottom: 15px;
        margin-top: 44px
    }
    .social-icons {
        text-align: center;
        margin-top: 19px
    }
    h1.zone-menu-title {
        display: none
    }
}

@media only screen and (max-width:479px) {
    #layerslider {
        display: none
    }
    .topmenu {
        width: 100%
    }
    .content-menu {
        top: 0;
        left: 50px;
        right: 50px;
        transform: translateY(19%)
    }
    .content-menu ul>li a {
        font-size: 18px;
        line-height: 23px
    }
    .howto_img {
        width: 100%
    }
    .icon-space {
        right: 10px
    }
    .howto_img a.play_button {
        right: 34%
    }
    #resultat {
        text-align: center
    }
    #resultat h4 {
        font-size: 17px
    }
    #resultat img {
        width: 30%
    }
    a.logo-footer img {
        width: 40%;
        margin: 0 auto 42px auto;
        text-align: center;
        display: block
    }
    form#footer-contact-form {
        position: unset;
        z-index: 8;
        margin-bottom: 49px
    }
    .copyright {
        text-align: center!important
    }
    #apropos {
        background: 0 0;
        margin-top: 0
    }
    .bg-circle {
        display: none
    }
    .hide_xs {
        display: none
    }
    .footer-menu {
        left: 50px;
        right: 50px
    }
    #packages .pack_title {
        font-size: 2em;
        line-height: 20px
    }
    #packages img {
        position: unset;
        float: left;
        width: 110px;
        margin-right: 20px;
        margin-top: -16px
    }
    .box-height {
        height: 230px
    }
    .howto_img a.play_button {
        width: 100px;
        height: 100px
    }
    .social-grid .large-3,
    .social-grid .large-4 {
        width: 100%;
        margin: 0 auto;
        height: 400px
    }
    .social-grid .cell .cell-inner {
        border-width: 5px
    }
    .social-grid .horizontal-3,
    .social-grid .horizontal-4,
    .social-grid .small-3,
    .social-grid .small-4,
    .social-grid .vertical-3,
    .social-grid .vertical-4 {
        width: 100%;
        height: auto;
        margin: 0 auto
    }
    .social-grid .cell-social-quote .cell-content,
    .social-grid .cell-social-quote .cell-inner {
        position: relative;
        width: auto;
        height: auto
    }
    .social-grid .cell-social-quote .cell-content {
        padding: 0 0 35px
    }
    .social-grid .cell-social-quote.small-4 .content {
        font-size: 13px
    }
    .social-grid .cell-social-quote .content {
        position: relative;
        padding: 35px 10px;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        font-size: 15px
    }
    .social-grid .cell-quote .content {
        bottom: 15px;
        right: 15px;
        left: 15px;
        font-size: 20px;
        line-height: 23px
    }
    .social-grid {
        margin: 0
    }
    .social-grid .cell-quote .header {
        position: absolute;
        top: 10px;
        left: 10px
    }
    .bg-login .box {
        width: 100%;
        background-color: rgba(255, 255, 255, 0);
        box-shadow: none
    }
    .social-login i {
        position: relative;
        left: auto;
        text-align: center
    }
    .social li .btn span,
    .social li button span {
        margin-left: 0
    }
    body.bg-login {
        background: #fff
    }
    .logo-zone {
        width: 165px
    }
    .social li .btn span,
    .social li button span {
        display: none
    }
    .box-info {
        margin-bottom: 100px
    }
    #welcome .abs-img {
        display: none
    }
    #rigrhlife ul.categories {
        text-align: left;
        margin-bottom: 43px;
        margin-top: 32px
    }
    .newsletter {
        margin-bottom: 15px;
        margin-top: 44px
    }
    .social-icons {
        text-align: center;
        margin-top: 19px
    }
    h1.zone-menu-title {
        display: none
    }
    header #logo {
        width: 180px!important;
        margin: 8px auto;
        margin-top: 9px!important
    }
    nav.top .search {
        display: none
    }
    header {
        position: relative
    }
    .fixed {
        position: relative!important
    }
    .nav {
        margin-top: 12px!important
    }
    nav .menu-button {
        top: -3px
    }
    nav a.login {
        margin-top: -11px
    }
    #header .nav {
        margin-top: 21px!important
    }
}

@media (max-height:650px) {
    .content-menu {
        margin-top: -83px;
        overflow: -webkit-paged-x
    }
    h1.zone-menu-title {
        display: none
    }
    .footer-menu {
        bottom: 15px;
        padding-top: 10px;
        height: 55px;
        background: #fff
    }
}

ol,
ul {
    list-style: none
}

.news_life .news {
    position: relative;
    display: block;
    height: 380px;
    border-radius: 4px;
    border: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 25px
}

.news_life .news .news__picture {
    height: 234px;
    background-position: center;
    background-size: cover
}

.news_life .news .news__picture:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(58, 151, 157, .4);
    opacity: .4
}

.news_life .news .news__inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    transition: -webkit-transform .4s ease-in;
    transition: transform .4s ease-in;
    transition: transform .4s ease-in, -webkit-transform .4s ease-in
}

.news_life .news .news__text {
    display: block;
    min-height: 146px;
    padding: 23px 25px 25px
}

.news_life .news .news__title {
    display: block;
    margin-bottom: 20px;
    /*color: #3dba87;*/
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    font-family: 'taz', arial, helvetica, sans-serif
}

.news_life .news .news__descr {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #888
}

.news_life .news .date {
    position: absolute;
    left: 28px;
    top: -30px;
    transition: opacity .24s ease-out;
    font-family: 'Roboto Condensed', arial, helvetica, sans-serif;
    font-weight: 700;
    color: #fff
}

.news_life .title_box {
    position: absolute;
    left: 28px;
    top: 28px;
    font-size: 31px;
    font-weight: 700;
    color: #fff;
    line-height: 22px;
    font-family: 'Roboto Condensed', arial, helvetica, sans-serif
}

.news_life .une .big-news__picture {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-position: center;
    background-size: cover
}

.news_life .news.une .news__inner {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .58) 68%, rgba(0, 0, 0, .58) 98%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .58) 68%, rgba(0, 0, 0, .58) 98%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .58) 68%, rgba(0, 0, 0, .58) 98%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#94000000', GradientType=0)
}

.news_life .news.une .news__inner span.news__descr {
    display: none
}

.news_life .news.une .news__inner span.news__title {
    margin-bottom: 0;
    color: #fff;
    font-size: 27px;
    font-weight: 700;
    line-height: 30px
}