@media screen and (max-width:769px) {
    #park .menu-park li a {
        font-size: 11px !important
    }

    #park.projetwissou {
        margin-top: 0 !important
    }

    .bg-blue .container {
        width: inherit
    }

    .regles p {
        margin-top: 20px
    }

    .valeurs-logos2:after {
        display: none
    }

    .valeurs-logos2 {
        width: 242px !important
    }
}

html {
    overflow-x: hidden
}

a.inactive {
    color: #181652
}

.active .fontenay {
    border-color: #a10057 !important;
    color: #a10057 !important
}

.font_hov .fontenay:hover {
    color: #a10057 !important;
    border-color: #a10057 !important
}

#duree .noUi-value-horizontal:after {
    content: "ans";
    background: 0 0;
    font-size: 12px;
    top: 8px;
    left: 12px
}

#duree .noUi-value {
    font-size: 0
}

.slide-1 {
    background: rgba(0, 0, 0, 0) url(../../images/slide_01.jpg) no-repeat scroll 70% center
}

.slide-2 {
    background: rgba(0, 0, 0, 0) url(../../images/slide_02.jpg) no-repeat scroll 70% center
}

.slide-3 {
    background: rgba(0, 0, 0, 0) url(../../images/slide_03.jpg) no-repeat scroll 70% center
}

.slide-4 {
    background: rgba(0, 0, 0, 0) url(../../images/slide-04.jpg) no-repeat scroll 70% center
}

.link-slider {
    float: left;
    margin-top: 16%
}

.link-slider-ocenane {
    float: left;
    margin-top: 5%
}

.link-slider-wissous {
    float: left;
    margin-top: 5%
}

.link-slider-sainte {
    float: left;
    margin-top: 6%
}

.swiper-slide h3 {
    color: #fff;
    font-size: 36px;
    font-style: italic;
    font-weight: 700;
    left: 100px;
    position: absolute;
    text-transform: uppercase;
    text-shadow: 2px 0 0 #100f0f, -2px 0 0 #100f0f, 0 2px 0 #090909, 0 -2px 0 #0b0b0b, 1px 1px #070707, -1px -1px 0 #141313, 1px -1px 0 #181717, -1px 1px 0 #100f0f
}

.tab-content-block {
    font-weight: 300
}

.valeurs-logo>* .caption {
    padding-top: 68px
}

.caption.fontenay {
    line-height: 20px;
    padding-top: 20px
}

#montant_a_financer {
    font-weight: 700;
    padding: 0 10px
}

#montant,
#surface {
    text-align: center
}

.Dimensioning h2 a {
    color: #fff
}

.valeurs-logos2:after {
    display: none !important
}

.accordion-toggle:hover {
    text-decoration: none
}

#accordion .panel-default {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: transparent transparent #1f206b;
    border-radius: 0;
    box-shadow: none
}

.panel-default>.panel-heading {
    background-color: transparent;
    border-color: #ddd;
    color: #333;
    padding: 30px 50px 30px 20px
}

.panel-title {
    color: #1f206b;
    font-size: 24px;
    line-height: 65px;
    padding-left: 0
}

#accordion .panel-heading {
    padding: 0
}

#accordion .panel-title>a {
    display: block;
    font-weight: 700;
    outline: medium none;
    padding: 23px 0;
    text-decoration: none
}

#accordion .panel-title>a.accordion-toggle::before,
#accordion a[data-toggle=collapse]::before {
    content: url(../../images/icon-accordion-disabled.png);
    float: right;
    margin-right: 1em
}

#accordion .panel-title>a.accordion-toggle.collapsed::before,
#accordion a.collapsed[data-toggle=collapse]::before {
    content: url(../../images/icon-accordion-inabled.png)
}

.valeurs,
.valeurs-logos {
    width: 100%
}

.valeurs-logos {
    background-color: #ededed;
    padding: 50px 0 40px;
    position: relative;
    text-align: center
}

.valeurs-logos>* {
    display: inline-block;
    margin-top: 20px;
    position: relative
}

.valeurs-logos>* .caption {
    background: rgba(130, 190, 0, .68) none repeat scroll 0 0;
    border-radius: 100%;
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 2.2rem;
    left: 0;
    padding-top: 76px;
    position: absolute;
    right: 0;
    top: 0
}

.valeurs-logos>* .caption {
    padding-top: 68px
}

.valeurs-logos>:hover .caption {
    display: block
}

.valeurs-logos::after {
    background-color: #ededed;
    content: "";
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%
}

.valeurs-logos2 {
    background-color: #ededed;
    padding: 50px 0 40px;
    position: relative;
    text-align: center
}

.valeurs-logos2 a.circle2,
.valeurs-logos2 a.circle2 .caption {
    border-radius: 50%;
    height: 175px;
    width: 175px
}

.valeurs-logos2 a.circle2 {
    display: block;
    margin: 20px auto;
    overflow: hidden;
    position: relative;
    background-color: #e2e1e1
}

.valeurs-logos2 a.circle2 .caption {
    background-color: rgba(130, 190, 0, .6);
    color: #fff;
    font-size: 22px;
    left: 0;
    line-height: 175px;
    position: absolute;
    top: 110%;
    transition: all .5s ease 0s
}

.valeurs-logos2 a.circle2 .caption.fontenay {
    line-height: 23px;
    padding-top: 74px;
    font-size: 18px
}

.valeurs-logos2 a.circle2:hover>.caption {
    top: 0
}

#nosvaleurs,
.les-valeurs-adhika {
    background-position: -330% center;
    background-repeat: repeat-y
}

.les-valeurs-adhika {
    background-position: -330% center
}

.les-valeurs-adhika .valeurs-logos2 {
    padding-left: 20px
}

.last-news h2 {
    color: #181851;
    text-align: center
}

.last-news .last-news-item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 280px;
    padding-top: 80%;
    position: relative;
    overflow: hidden
}

.last-news .last-news-item .item_content {
    top: 0;
    left: 0
}

.last-news .last-news-item .caption {
    background-color: rgba(151, 191, 13, .9);
    left: 0;
    min-height: 70px;
    padding: 8px;
    position: relative;
    right: 0
}

.last-news .last-news-item .linkmore {
    position: absolute;
    top: 120%;
    width: 100%;
    height: 100%;
    background: #fff;
    background: rgba(255, 255, 255, .7);
    -webkit-transition: top .6s;
    transition: top .6s
}

.last-news .last-news-item.last:hover .linkmore {
    top: 0
}

.last-news .last-news-item .caption.market {
    background-color: rgba(160, 0, 87, .9)
}

.caption-date {
    float: left;
    margin-left: 0
}

.last-news .caption>:nth-child(2) {
    line-height: 24px;
    text-align: left;
    width: 75%;
    margin-top: 3px
}

.last-news .caption-text {
    line-height: 16px !important;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    max-width: 75%;
    height: 47px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.6rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.contact-home div.btn.btn-outline.outline-light,
.contact-home div.btn.icon.outline-light {
    background-color: rgba(0, 0, 0, .15);
    border: 2px solid #fff;
    color: #fff;
    cursor: none
}

.navbar-nav>li>a,
.navigation-adhika>li>a {
    line-height: 21px
}

.navbar-nav>li.active>a,
.navigation-adhika>li.active>a {
    background-color: #82be00
}

#nos-actualites.isotope-container {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.headline {
    height: 284px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff
}

.headline h1 {
    font-size: 70px;
    font-weight: 700;
    margin: 0;
    padding-top: 80px;
    text-transform: uppercase
}

.headline h1 img {
    height: 100% !important
}

.headline p {
    font-size: 20px;
    margin-top: 10px
}

.glyphicon {
    margin-right: 5px
}

.thumbnail {
    margin-bottom: 20px;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px
}

.item.list-group-item:hover,
.item.list-group-item:nth-of-type(odd):hover {
    background: #428bca
}

.item.list-group-item .list-group-image {
    margin-right: 10px
}

.item.list-group-item .thumbnail {
    margin-bottom: 0
}

.item.list-group-item .caption {
    padding: 9px 9px 0 9px
}

.item.list-group-item:nth-of-type(odd) {
    background: #eee
}

.item.list-group-item:after,
.item.list-group-item:before {
    display: table;
    content: " "
}

.item.list-group-item img {
    float: left
}

.item.list-group-item:after {
    clear: both
}

.list-group-item-text {
    margin: 0 0 11px
}

.well {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px
}

#list.btn.btn-default.btn-sm {
    background: #f3f2f2 url(../../images/list_off.jpg) no-repeat scroll center center;
    border-color: #1f206b;
    height: 46px;
    width: 65px
}

#list.btn.btn-default.btn-sm.focus,
#list.btn.btn-default.btn-sm:focus {
    background: url(../../images/list_active.jpg) no-repeat center
}

#grid.btn.btn-default.btn-sm {
    background: #f3f2f2 url(../../images/grid_off.jpg) no-repeat scroll center center;
    border-color: #1f206b;
    height: 46px;
    width: 46px
}

#grid.btn.btn-default.btn-sm.focus,
#grid.btn.btn-default.btn-sm:focus {
    background: url(../../images/grid_active.jpg) no-repeat center
}

#nos-actualites .category-actus div.well.well-sm ul.nav.navbar-nav li a {
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

#nos-actualites .category-actus div.well.well-sm ul.nav.navbar-nav li:first-child a {
    margin-left: 0
}

#nos-actualites .category-actus div.well.well-sm ul.nav.navbar-nav li a:hover,
#nos-actualites .category-actus div.well.well-sm ul.nav.navbar-nav li.active a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #80c000;
    color: #80c000
}

.title-actu {
    margin-bottom: 56px;
    margin-top: 56px
}

.caption.vert div.date {
    color: #82be00;
    font-size: 16px;
    font-weight: 700
}

.caption.vert h4.group.inner.list-group-item-heading {
    color: #82be00;
    font-weight: 700;
    font-size: 30px
}

.caption.linkedin a.linkmore,
.caption.vert a.linkmore {
    color: #fff;
    display: table;
    line-height: 42px;
    margin-bottom: -9px;
    margin-left: -9px;
    margin-top: 20px;
    max-width: 262px;
    padding: 5px;
    text-decoration: none;
    width: 107.5%
}

.caption.vert a.linkmore {
    background-color: #82be00
}

.thumbnail {
    border: medium none
}

.caption.linkedin h4.group.inner.list-group-item-heading {
    color: #2f93e0;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 0
}

.caption .list-group-item-text {
    font-size: 12px
}

.caption.linkedin a.linkmore {
    background-color: #006498;
    font-size: 12px
}

.caption a.linkmore span {
    margin-right: 10px
}

#nos-actualites .item.list-group-item:nth-of-type(2n+1) {
    background: #fff none repeat scroll 0 0
}

.thumbnail.justphoto {
    position: relative;
    overflow: hidden
}

.thumbnail.justphoto div.caption {
    position: absolute;
    top: 120%;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: top .6s;
    transition: top .6s
}

.thumbnail.justphoto:hover div.caption {
    top: 0
}

.thumbnail.justphoto div.caption {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.thumbnail.justphoto div.caption .list-group-item-text {
    font-size: 12px;
    margin-top: 10px
}

.thumbnail.justphoto div.caption .linkto {
    bottom: 10px;
    position: absolute;
    right: 10px
}

.thumbnail.justphoto div.caption .linkto a {
    margin: 0 10px
}

.category-actus div.well.well-sm ul.nav.navbar-nav {
    float: none;
    margin: 0 auto;
    text-align: center
}

.category-actus div.well.well-sm ul.nav.navbar-nav li {
    display: inline-table;
    float: none
}

.resizepage {
    margin-right: 0;
    margin-top: -46px;
    background-color: #fff
}

.resizepage .triangle {
    border-color: #181851 transparent transparent;
    border-style: solid;
    border-width: 43px 8px 0 0;
    height: 0;
    margin-top: 3px;
    width: 0
}

.resizepage li a:hover {
    background-color: transparent
}

#pinBoot {
    position: relative
}

.white-panel {
    position: absolute;
    background: #fff
}

.white-panel h1 {
    font-size: 1em
}

.white-panel h1 a {
    color: #a92733
}

.white-panel.vert a.linkmore {
    background-color: #82be00
}

.white-panel.facebook a.linkmore,
.white-panel.linkedin a.linkmore,
.white-panel.vert a.linkmore {
    color: #fff;
    display: table;
    line-height: 42px;
    padding: 5px;
    text-decoration: none;
    width: 100%
}

.white-panel.vert div.date {
    color: #82be00;
    font-size: 16px;
    font-weight: 700
}

.white-panel.vert h4.group.inner.list-group-item-heading {
    color: #82be00;
    font-size: 30px;
    font-weight: 700
}

.white-panel div.caption img.group.list-group-image {
    width: 100%
}

.white-panel.facebook div.caption h4,
.white-panel.linkedin div.caption h4 {
    color: #2f93e0;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    padding: 10px 0
}

.white-panel.facebook div.caption h4 {
    color: #385692
}

.white-panel.facebook a.linkmore {
    background-color: #385692
}

.white-panel .caption {
    padding: 10px
}

.white-panel.linkedin a.linkmore {
    background-color: #006498;
    font-size: 12px
}

.white-panel.justphoto img.group.list-group-image {
    width: 100%
}

.white-panel.justphoto {
    overflow: hidden;
    cursor: pointer
}

.white-panel.justphoto div.caption {
    position: absolute;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: rgba(0, 0, 0, .5) none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    top: 120%;
    transition: top .6s ease 0s;
    width: 100%
}

.white-panel.justphoto:hover div.caption {
    top: 0
}

.white-panel.justphoto div.caption .linkto {
    bottom: 10px;
    position: absolute;
    right: 10px
}

.white-panel.justphoto div.caption .linkto a span {
    display: block
}

.white-panel.simpletexte div.caption {
    font-weight: 500;
    font-size: 18px;
    padding: 20px
}

.white-panel.simpletexte div.caption p {
    font-size: 18px
}

#partenaires {
    padding: 130px 0 50px 0
}

#nos-actualites {
    position: relative
}

#nos-actualites div.headline {
    position: absolute;
    top: 0;
    width: 100%
}

#nos-actualites .carousel,
#nos-actualites .carousel-inner,
#nos-actualites .carousel-inner>.item {
    height: auto;
    min-height: inherit
}

#formulaires-contact {
    padding-top: 56px;
    padding-bottom: 50px
}

#formulaires-contact label {
    color: #04276e;
    font-size: 18px;
    padding-left: 40px;
    text-align: left
}

#formulaires-contact .checkbox label {
    padding-left: 20px
}

#formulaires-contact label .requred {
    color: gray;
    display: block;
    float: left;
    margin-right: .4rem
}

.form-control {
    background-color: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 0;
    box-shadow: none;
    height: 40px
}

#formulaires-contact .form-group.messages label.col-sm-2 {
    width: 12.5%
}

#formulaires-contact .form-group.messages .col-sm-10 {
    width: 87.5%
}

.btn {
    -moz-user-select: none;
    background-color: #04276e;
    border: medium none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    line-height: 60px;
    margin-bottom: 0;
    padding: 0 12px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    width: 226px
}

.btn:hover {
    background-color: #82be00;
    color: #fff
}

#formulaires-contact label.rmq {
    color: #727272;
    font-size: 16px;
    font-weight: 300;
    padding-left: 0;
    font-style: italic
}

#formulaires-contact textarea.form-control {
    height: auto;
    margin-bottom: 40px
}

.numtel {
    background-image: url(../../images/contact_num_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 344px
}

.numtel p {
    color: #1f206b;
    font-size: 24px;
    font-weight: 300;
    padding-top: 45px;
    padding-bottom: 45px
}

.numtel .numero {
    border: 2px solid #1f206b;
    border-radius: 15px;
    color: #1f206b;
    font-size: 40px;
    font-weight: 300;
    height: 90px;
    line-height: 84px;
    width: 457px
}

.numtel .numero a {
    text-decoration: none;
    color: #1f206b;
    font-size: 30px;
    font-weight: 300
}

.question {
    background-color: #1f206b;
    color: #fff;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    padding: 20px;
    text-align: center
}

#contacts {
    position: relative;
    width: 100%;
    margin-top: 0
}

#contacts div.headline {
    position: absolute;
    top: 2rem;
    width: 100%
}

#contacts .headline.simple2 h1 {
    padding-top: 4%
}

#contacts .carousel,
#contacts .carousel-inner,
#contacts .carousel-inner>.item {
    height: inherit;
    min-height: inherit;
    top: 0
}

#quisommesnous {
    position: relative;
    width: 100%;
    margin-top: 7rem
}

.nopadding {
    padding: 0
}

#quisommesnous .headline {
    height: 385px
}

#quisommesnous .headline p {
    margin: 10px auto;
    width: 54%
}

.form-control::-webkit-input-placeholder {
    color: #fff
}

.form-control:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #fff
}

.bg-blue {
    background-color: #04276e
}

.adhika-logo-promotion-immobiliere {
    max-width: 279px;
    margin: 50px auto
}

.italic {
    font-style: italic
}

.adhika-promotion-immobiliere p {
    color: #fff;
    font-size: 24px;
    font-style: italic;
    margin-bottom: 40px
}

.bg-white {
    background-color: #fff;
    color: #4f4f4f
}

.equipes.bg-white {
    font-size: 24px;
    font-style: italic
}

.equipes h2 {
    color: #04276e;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    margin-bottom: 55px;
    margin-top: 55px;
    text-align: center;
    text-transform: uppercase
}

.list-team {
    padding-top: 55px;
    padding-bottom: 40px
}

.list-team .link-team {
    height: 290px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative
}

.list-team .link-team .info {
    background-image: url(../../images/bloc-vert.png);
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    color: #fff;
    font-style: normal;
    font-weight: 300;
    height: 98px;
    line-height: 18px;
    max-width: 212px;
    padding-top: 23px;
    position: absolute;
    text-align: center;
    width: 100%
}

.list-team .link-team .info .nom {
    font-size: 18px
}

.list-team .link-team .info .fonction {
    font-size: 16px
}

.calltoaction-02 {
    height: 250px;
    background: url(../../images/bg_calltoaction_02.jpg) no-repeat center;
    padding-bottom: 20px;
    padding-top: 20px
}

.circle {
    background-color: #fff;
    background-position: 30px center;
    background-repeat: no-repeat;
    border-radius: 40px;
    color: #04276e;
    font-size: 36px;
    height: 80px;
    line-height: 80px;
    margin: 10px 0;
    text-align: center;
    width: 100%
}

.circle.tel {
    background-image: url(../../images/picto-tel_blue.png)
}

.circle.mail {
    background-image: url(../../images/picto-mail-blue.png);
    padding-left: 134px;
    text-align: left
}

.les-valeurs-adhika .valeurs .editContent h2 {
    font-size: 36px;
    color: #1f206b
}

.download-btn {
    background-color: #fff;
    background-image: url(../../images/picto-down.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 1px solid #b3b3b3;
    border-radius: 8px;
    color: #666;
    display: table;
    float: right;
    font-size: 16px;
    font-weight: 300;
    height: 55px;
    max-width: 329px;
    padding: 4px 5px 2px 63px;
    text-align: left;
    width: 100%
}

.download-btn:hover {
    text-decoration: none
}

.les-valeurs-adhika .valeurs .editContent {
    float: left;
    width: 100%
}

.les-valeurs-adhika .listes {
    margin-top: 45px
}

.les-valeurs-adhika .listes h3 {
    color: #4f4f4f;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px
}

.les-valeurs-adhika .listes p {
    font-size: 16px;
    line-height: normal;
    font-style: normal
}

.nos-garanties h2 {
    margin-top: 50px;
    margin-bottom: 30px
}

.nos-garanties ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 1px;
    text-indent: -10px
}

.nos-garanties ul li {
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 14px
}

.regles {
    width: 222px
}

.regles p {
    font-size: 18px;
    color: #4f4f4f;
    line-height: normal;
    font-weight: 300
}

.regles p .vert {
    color: #97bf0d
}

.regles img {
    margin: 35px 0 0
}

#ils-nous-fait-confiance {
    background-image: url(../../images/ils-nous-fait-confiance.jpg);
    background-position: left bottom;
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: cover
}

.carousel,
.carousel-inner,
.carousel-inner>.item {
    min-height: 500px;
    top: 0;
    height: 500px
}

.carousel-caption {
    bottom: inherit;
    font-size: 30px;
    font-weight: 300;
    left: 0;
    min-height: 100%;
    right: 0;
    top: 0;
    text-shadow: none;
    padding-top: 40px
}

.carousel-caption p {
    font-style: italic
}

.carousel-caption .author {
    font-size: 20px;
    text-align: right
}

.carousel-caption .author span {
    font-size: 25px;
    font-weight: 700
}

.contact-home>div .btn {
    border-radius: 25px;
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    width: 100%
}

.calltoaction-03 {
    background-color: #d9d9d9
}

.calltoaction-03 h2 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px
}

.calltoaction-03 .circle {
    background-color: rgba(0, 0, 0, .15);
    border: 2px solid #fff;
    color: #fff;
    display: table;
    font-size: 24px;
    height: 55px;
    line-height: 55px;
    margin: 20px 0;
    width: 100%
}

.calltoaction-03 .circle.tel {
    background-image: url(../../images/picto-tel_white.png);
    background-position: 16px center;
    padding-left: 38px
}

.calltoaction-03 .circle.mail {
    background-image: url(../../images/picto-mail-white.png);
    background-position: 50px center;
    padding-left: 114px
}

.les-valeurs-adhika .valeurs-logo {
    width: 100%
}

#quisommesnous div.headline {
    position: absolute;
    top: 0;
    width: 100%
}

#quisommesnous .headline.simple2 h1 {
    padding-top: 7%
}

#quisommesnous .carousel,
#quisommesnous .carousel-inner,
#quisommesnous .carousel-inner>.item {
    height: auto;
    min-height: inherit
}

#quisommesnous .headline {
    background-image: none;
    position: absolute;
    top: 20px;
    width: 100%
}

#nos-projets .headline h1 img {
    margin-top: 10%
}

#nos-projets .headline p {
    font-size: 2vw;
    font-style: italic;
    font-weight: 700;
    text-shadow: 1px 1px 8px #000;
    text-transform: uppercase
}

#nos-projets .headline .link {
    display: inline-table;
    margin: 10% 10px 0
}

#description {
    background-color: #a00057;
    color: #fff;
    font-size: 20px;
    padding: 40px 0
}

#description p {
    font-weight: 500;
    margin: 0 auto 40px auto;
    text-align: center;
    width: 72%
}

#description ul {
    list-style: none;
    padding-left: 0
}

#description ul li {
    font-style: italic;
    line-height: 30px;
    padding-left: 15px;
    text-indent: -11px
}

#description img.logo-blocs {
    margin: 40px 15px 15px
}

#dimensions-besoins h2,
#distances-paris h2,
#environnement h2,
#particularites h2 {
    color: #181851;
    font-size: 3.6rem;
    font-weight: 800;
    text-transform: uppercase
}

#distances-paris {
    background: #e4e4e4 url(../../images/40km-paris.jpg) no-repeat scroll -107px center;
    height: 341px
}

#distances-paris h2 {
    margin-top: 100px;
    max-width: 275px
}

#geolocalisation {
    position: relative
}

#geolocalisation ul {
    bottom: 40px;
    list-style: outside none none;
    position: absolute;
    right: 40px;
    z-index: 101
}

#geolocalisation ul li {
    display: inline
}

#geolocalisation ul li a img {
    margin: 10px
}

#callaction-actualites {
    background-image: url(../../images/calltoaction_actus.jpg);
    padding: 50px 0;
    background-size: cover;
    background-repeat: no-repeat
}

#callaction-actualites .content {
    color: #1f206b;
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase
}

#callaction-actualites .content a {
    background-color: #82be00;
    border: 1px solid #fff;
    color: #fff;
    float: right;
    font-size: 24px;
    height: 69px;
    line-height: 69px;
    text-align: center;
    text-transform: uppercase;
    width: 308px
}

#callaction-actualites .content a:hover {
    text-decoration: none
}

#callaction-actualites .content p {
    margin: 0
}

#particularites {
    background-color: #a00057
}

#particularites h2 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    color: #fff
}

.square {
    border: 1px solid #fff;
    float: left;
    height: 380px;
    margin-bottom: 2vw;
    margin-right: 2vw;
    text-align: center;
    width: 31%
}

#particularites ul {
    list-style: none;
    padding: 0
}

#particularites ul li {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: normal
}

#particularites ul li.square:nth-child(3n+0) {
    margin-right: 0
}

#particularites ul li.square img {
    max-width: 314px;
    width: 100%
}

#particularites ul li.square p {
    padding: 20px 31px
}

#environnement h2 {
    color: #97bf0d;
    margin-bottom: 40px;
    margin-top: 80px
}

#environnement p {
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    line-height: normal
}

#previewprojetsslide .modal-content {
    border-radius: 0
}

#previewprojetsslide button.close {
    background: #333 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin: 10px;
    opacity: 1;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    text-shadow: none;
    z-index: 800
}

#previewprojetsslide button.close:hover {
    background: #82be00 none repeat scroll 0 0;
    color: #fff
}

#previewprojetsslide .modal-body {
    padding: 0;
    position: relative
}

#previewprojetsslide .carousel-control {
    background-color: transparent;
    left: -16%;
    opacity: 1
}

#previewprojetsslide .glyphicon-chevron-left::before {
    content: url(../../images/prev-slide-modal.png)
}

#previewprojetsslide .glyphicon-chevron-right::before {
    content: url(../../images/next-slide-modal.png)
}

#previewprojetsslide .carousel-control .glyphicon-chevron-left,
#previewprojetsslide .carousel-control .glyphicon-chevron-right,
#previewprojetsslide .carousel-control .icon-next,
#previewprojetsslide .carousel-control .icon-prev {
    font-size: 30px;
    height: 53px;
    margin-top: -10px;
    width: 53px
}

#previewprojetsslide .carousel-control.right {
    background-image: none;
    right: -16%;
    left: auto
}

#nos-projets #previewprojetsslide .carousel-control.right {
    right: 0;
    left: auto
}

#nos-projets #previewprojetsslide .carousel-control {
    left: 0
}

#nos-projets .headline h1 {
    padding-top: 0
}

#previewprojetsslide .carousel-control.left {
    background-image: none;
    background-repeat: repeat-x
}

#previewprojetsslide .modal-content {
    background-color: transparent
}

#previewprojetsslide .navigate-zoom {
    list-style: outside none none;
    position: absolute;
    z-index: 500;
    bottom: 10px;
    right: 15px
}

#previewprojetsslide .navigate-zoom li {
    margin: 10px 0
}

#nos-projets.projet-marlket {
    position: relative
}

#nos-projets.projet-marlket .headline {
    top: 180px;
    position: absolute;
    width: 100%
}

.col-lg-15,
.col-md-15,
.col-sm-15,
.col-xs-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-15 {
    width: 20%;
    float: left
}

#park {
    display: table;
    margin-bottom: 8px;
    width: 100%;
    position: relative;
    margin-top: 11rem
}

#park .menu-park {
    background-color: rgba(198, 205, 216, .8);
    padding-left: 179px;
    width: 100%;
    position: fixed;
    z-index: 80;
    top: 7rem
}

#park .logo-park {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 81
}

#park .menu-park li a {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 .9vw
}

#park .parkslides {
    float: left;
    width: 72.6%
}

#park .carousel,
#park .carousel-inner,
#park .carousel-inner>.item {
    height: auto;
    min-height: inherit;
    top: 0
}

#park #previewprojetsslide .carousel-control.left {
    left: -30px
}

#park #previewprojetsslide .carousel-control.right {
    right: 15%
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
    background-repeat: none !important;
    box-shadow: none
}

#park #previewprojetsslide .links {
    width: 82%
}

#park #previewprojetsslide .links,
#park .map .pictos {
    margin-top: -90px;
    position: relative;
    z-index: 8
}

#park .map .pictos {
    z-index: 60
}

.map {
    position: relative
}

.close-layout {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9.5%;
    z-index: 1000
}

#map-canvas {
    margin: 0;
    padding: 0;
    position: absolute !important;
    left: 9.5%;
    right: 0;
    bottom: 0;
    top: 0;
    padding-bottom: 48.4%;
    height: 0
}

#park .map {
    position: absolute;
    right: 0;
    width: 41.9%
}

.map-wrapper {
    z-index: 10 !important;
    position: absolute;
    z-index: 5000000;
    visibility: hidden;
    top: 0;
    bottom: 0 !important;
    left: 100%;
    right: -100%;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.map-wrapper.active {
    visibility: visible;
    right: 0;
    left: 0
}

#park div.parkslides div#previewprojetsslide div.links a {
    display: inline-flex;
    margin: 0 5px
}

.pad40 {
    padding: 40px
}

.bg-blue p {
    color: #fff;
    font-size: 20px;
    margin: 20px 0
}

.logo-rect img {
    width: 18%;
    margin: 30px 8px
}

#distances-paris.km22 {
    background: #e4e4e4 url(../../images/22km-paris.jpg) no-repeat scroll -107px center;
    height: 341px
}

.green {
    color: #82be00
}

#videos h2 {
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase;
    margin-top: 0
}

.player {
    margin: 40px
}

.bg-gray {
    background-color: #d9d9d9
}

.blue {
    color: #04276e
}

#galerie-photo {
    display: table;
    position: relative;
    width: 100%
}

#galerie-photo h2 {
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase;
    margin-top: 0;
    text-align: center;
    margin-bottom: 50px
}

#particularites.bg-blue {
    background-color: #1e206b
}

#nos-projets.projets-wissous {
    margin-top: 11.3rem;
    position: relative
}

#nos-projets.projets-le-vicomte {
    margin-top: 11.3rem;
    position: relative
}

#nos-projets.projets-wissous #previewprojetsslide .carousel-control {
    left: 0
}

#nos-projets.projets-wissous #previewprojetsslide .carousel-control.right {
    right: 0;
    left: auto
}

#nos-projets.projets-wissous .headline .link {
    display: inline-table;
    margin: 20px 10px 0
}

.bg-blue .important {
    width: 71%
}

.bg-blue ul {
    list-style: none
}

.bg-blue #description {
    background-color: #04276e
}

.bg-blue #description #description p {
    width: 71%
}

#description ul {
    text-align: left
}

#distances-paris.km18 {
    background: #e4e4e4 url(../../images/18km-paris.jpg) no-repeat scroll -107px center
}

#description-technique {
    background: #97bf0d url(../../images/bg-buble.png) no-repeat scroll 79% 30px;
    color: #fff
}

#description-technique .panel-title {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 0;
    padding-left: 0;
    position: relative
}

#description-technique #accordion .panel-title>a {
    color: #fff;
    font-weight: 300
}

#description-technique .panel-default {
    border-color: transparent transparent #fff
}

#description-technique #accordion .panel-title>a.accordion-toggle::before,
#description-technique #accordion a[data-toggle=collapse]::before {
    content: url(../../images/arrow-close.png);
    float: right;
    margin-right: 12px;
    position: absolute;
    right: 0;
    top: -3px
}

#description-technique #accordion .panel-title>a.accordion-toggle.collapsed::before,
#description-technique #accordion a.collapsed[data-toggle=collapse]::before {
    content: url(../../images/arrow-toggle.png);
    float: right;
    margin-right: 12px;
    position: absolute;
    right: 0;
    top: 0
}

#park.projetwissou {
    margin-bottom: 43px
}

.pictos {
    width: 77px;
    height: 77px;
    border-radius: 50%;
    display: table;
    transition: all .5s ease 0s
}

.pictos.geo {
    background: transparent url(../../images/picto-geo-off.png) no-repeat center center
}

.pictos.geo:hover {
    background: transparent url(../../images/picto-geo-on.png) no-repeat center center
}

.pictos.preview {
    background: transparent url(../../images/picto-preview-off.png) no-repeat center center
}

.pictos.preview:hover {
    background: transparent url(../../images/picto-preview-on.png) no-repeat center center
}

.pictos.down {
    background: transparent url(../../images/picto-down-off.png) no-repeat center center
}

.pictos.down:hover {
    background: transparent url(../../images/picto-down-on.png) no-repeat center center
}

#geolocalisation ul li a {
    display: table;
    float: left;
    height: 67px;
    margin: 5px;
    width: 67px
}

.icon-info {
    background: transparent url(../../images/geolocalisation-icon-info.png) no-repeat center center
}

.icon-taxi {
    background: transparent url(../../images/geolocalisation-icon-taxi.png) no-repeat center center
}

.icon-bus {
    background: transparent url(../../images/geolocalisation-icon-bus.png) no-repeat center center
}

.icon-localisation {
    background: transparent url(../../images/geolocalisation-icon_localisation.png) no-repeat center center
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .valeurs,
    .valeurs-logo {
        width: 100%
    }

    .valeurs-logos {
        background-color: red;
        padding: 50px 0 40px;
        position: relative;
        text-align: center
    }

    .valeurs-logos>* {
        display: inline-block;
        margin-top: 20px;
        position: relative
    }

    .valeurs-logos>* .caption {
        background: rgba(130, 190, 0, .68) none repeat scroll 0 0;
        border-radius: 100%;
        bottom: 0;
        color: #fff;
        display: none;
        font-size: 2.2rem;
        left: 0;
        padding-top: 76px;
        position: absolute;
        right: 0;
        top: 0
    }

    .valeurs-logos>* .caption {
        padding-top: 68px
    }

    .valeurs-logos>:hover .caption {
        display: block
    }

    .valeurs-logos::after {
        background-color: #ededed;
        content: "";
        height: 100%;
        position: absolute;
        right: -100%;
        top: 0;
        width: 100%
    }
}

@media only screen and (min-device-width:1500px) {
    #carousel-example-generic2 {
        min-height: 500px
    }

    #nos-projets .headline h1 img {
        margin-top: 0
    }

    #nos-projets .headline .link {
        margin: 7% 10px 0
    }

    .modal-lg {
        width: 80%
    }

    .carousel,
    .carousel-inner,
    .carousel-inner>.item {
        height: inherit;
        min-height: inherit;
        top: 0
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        width: 100%
    }

    #geolocalisation .map img {
        width: 100%
    }

    #park div.map img {
        width: 100%
    }

    #distances-paris.km22 {
        background: #e4e4e4 url(../../images/22km-paris.jpg) no-repeat scroll right center;
        height: 341px
    }

    #distances-paris.km18 {
        background: #e4e4e4 url(../../images/18km-paris.jpg) no-repeat scroll right center
    }

    #distances-paris {
        background: #e4e4e4 url(../../images/40km-paris.jpg) no-repeat scroll right center;
        height: 341px
    }

    #distances-paris.km35 {
        background: #e4e4e4 url(../../images/35km-paris.jpg) no-repeat scroll right center;
        height: 341px
    }

    #park div.parkslides div#previewprojetsslide .carousel.slide div.carousel-inner div.item img {
        width: 100%
    }
}

@media only screen and (min-device-width:1414px) {
    .swiper-slide {
        background-size: cover;
        min-height: 600px
    }

    #ils-nous-fait-confiance {
        background-color: #6d718a
    }
}

@media (min-width:768px) and (max-width:992px) {
    .valeurs-logos2 {
        min-height: 970px
    }

    .calltoaction-02 {
        height: 600px;
        background-size: cover
    }

    .les-valeurs-adhika .valeurs-logos2 {
        min-height: 1225px
    }
}

@media (min-width:768px) {
    .col-sm-15 {
        width: 20%;
        float: left
    }
}

@media (min-width:992px) {
    .col-md-15 {
        width: 20%;
        float: left
    }
}

@media (min-width:1200px) {
    .col-lg-15 {
        width: 20%;
        float: left
    }
}

@media (max-width:1440px) {
    #nos-projets .headline .link {
        margin: 3% 10px 0
    }

    #nos-projets .headline h1 img {
        margin-top: 0
    }

    #nosvaleurs,
    .les-valeurs-adhika {
        background-position: 0 center
    }

    .square {
        height: 27vw;
        width: 25vw
    }

    #nos-projets.projet-marlket .headline {
        top: 0
    }
}

@media (max-width:1366px) {
    .tagline {
        width: 66%
    }

    .header-contact-block {
        min-width: 436px;
        width: 30%
    }

    .slide-1,
    .slide-2,
    .slide-3,
    .slide-4 {
        background-position: 83%
    }

    .les-valeurs-adhika {
        background-position: 0 center
    }
}

@media (max-width:1280px) {
    .tagline {
        width: 64%
    }

    #header-1 nav.main-nav.headroom div.header-adhika div.tagline img {
        width: 100%
    }

    .header-contact-block {
        float: right;
        min-width: 413px
    }

    .header-contact-block .question-line {
        font-size: 20px
    }

    .header-contact-block .contact-line {
        font-size: 16px
    }

    .les-valeurs-adhika {
        background-position: 6% center
    }

    .square {
        height: 403px;
        width: 31%
    }

    #nos-actualites .headline h1 {
        padding-top: 55px
    }
}

@media (min-width:990px) and (max-width:1200px) {
    .list-team .link-team .info {
        bottom: 50px;
        width: 90%;
        font-size: 1.5rem;
        padding-top: 17px
    }

    .circle.mail {
        padding-left: 90px;
        font-size: 33px
    }
}

@media (max-width:1120px) {
    .tagline {
        padding-top: 20px;
        width: 60%
    }

    .navigation-adhika {
        display: table
    }

    .nav.navbar-nav.navbar-right.resizepage {
        width: 120px
    }

    .circle.mail {
        padding-left: 100px
    }

    .circle {
        font-size: 30px
    }
}

@media only screen and (min-device-width:800px) and (max-device-width:1024px) {
    #nosvaleurs {
        background-position: -225px center
    }

    .caption-date {
        height: 45px;
        width: 45px;
        font-weight: 900;
        font-size: 11px
    }

    .last-news .caption>:nth-child(2) {
        line-height: 22px;
        text-align: left;
        width: 70%;
        margin-top: 3px;
        font-size: 14px
    }

    .last-news .last-news-item .caption {
        min-height: 83px
    }

    .last-news .last-news-item {
        padding-top: 93%
    }

    .col-md-8,
    .contact-home>div>div,
    .logo-footer,
    .tagline {
        width: 80%
    }

    .tagline {
        width: 60%
    }

    .col-md-offset-2,
    .contact-home>div>div {
        margin-left: 10%
    }

    #nos-actualites .category-actus div.well.well-sm ul.nav.navbar-nav li a {
        margin: 0
    }

    .list-team .link-team {
        height: 238px
    }

    .list-team .link-team .info {
        max-width: 89.8%;
        padding-top: 11px;
        position: absolute;
        text-align: center;
        width: 100%;
        padding-bottom: 10px
    }

    #ils-nous-fait-confiance {
        background-position: -104px bottom
    }

    #dimensions-besoins h2,
    #distances-marcoussis h2,
    #distances-paris h2,
    #environnement h2,
    #particularites h2 {
        font-size: 3rem
    }

    .square {
        height: 33vw;
        width: 29vw
    }

    #particularites ul li.square p {
        font-size: 18px
    }

    #previewprojetsslide .carousel-control {
        left: -10%
    }

    #previewprojetsslide .carousel-control.right {
        right: -10%
    }

    #park .menu-park li a {
        margin: 0
    }

    #park .menu-park {
        padding-left: 60px
    }

    #nos-projets #previewprojetsslide .carousel,
    #nos-projets #previewprojetsslide .carousel-inner,
    #nos-projets #previewprojetsslide .carousel-inner>.item {
        min-height: 452px;
        top: 0;
        height: 452px
    }

    #nos-projets .headline p {
        font-size: 30px;
        font-weight: 500
    }

    #distances-paris.km18 {
        background: #e4e4e4 url(../../images/18km-paris.jpg) no-repeat scroll -231px center
    }

    #particularites .square {
        height: 36vw;
        width: 29vw
    }

    #description-technique #accordion .panel-title>a {
        margin-bottom: 3px
    }

    .les-valeurs-adhika {
        background-position: 23% center
    }

    #contacts .headline.simple2 h1 {
        padding-top: 2%
    }

    #nos-actualites .headline h1 {
        font-size: 50px;
        font-weight: 700;
        margin: 0;
        padding-top: 44px;
        text-transform: uppercase
    }
}

@media (max-width:1000px) {
    #particularites .square {
        height: 44vw;
        width: 31%
    }

    #description img.logo-blocs {
        margin: 40px 15px 15px;
        width: 27%
    }

    #distances-paris {
        background: #e4e4e4 url(../../images/40km-paris.jpg) no-repeat scroll 85px (top / 100%) auto;
        height: 298px
    }

    #distances-paris {
        background: #e4e4e4 url(../../images/40km-paris.jpg) no-repeat scroll 85px (top / 100%) auto;
        height: 298px
    }

    #park.projetwissou {
        margin-top: 21px
    }

    #nos-projets #previewprojetsslide .carousel,
    #nos-projets #previewprojetsslide .carousel-inner,
    #nos-projets #previewprojetsslide .carousel-inner>.item {
        height: auto;
        min-height: inherit;
        top: 0
    }

    #park .menu-park li a {
        margin: 0;
        padding-left: 5px
    }

    .logo-rect img {
        margin: 30px 7px;
        max-width: 28%
    }

    #distances-paris.km18 {
        background: #e4e4e4 url(../../images/18km-paris.jpg) no-repeat scroll 71px 0/105% auto
    }

    #nos-actualites .category-actus div.well.well-sm div.container {
        width: 100%
    }

    #nos-actualites .category-actus div.well.well-sm ul.nav.navbar-nav li a,
    #nos-actualites .category-actus div.well.well-sm ul.nav.navbar-nav li a:hover,
    #nos-actualites .category-actus div.well.well-sm ul.nav.navbar-nav li.active a {
        padding-left: 5px;
        padding-right: 5px
    }

    .navigation-adhika a.dropdown-toggle {
        min-width: inherit;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px
    }

    .les-valeurs-adhika {
        background-position: 35% center
    }

    .contact-home>div>div {
        margin-left: 0;
        width: 100%
    }

    #formulaires-contact div.container {
        width: 100%
    }

    #formulaires-contact label {
        padding-left: 14px
    }

    #nos-projets .headline h1 img {
        margin-top: 0;
        width: 500px
    }

    #nos-projets.projets-wissous .headline h1 img {
        margin-top: 0;
        width: auto
    }

    #contacts .headline.simple2 h1 {
        padding-top: 4%;
        font-size: 50px
    }

    #nos-projets.projet-marlket .headline h1 {
        padding-top: 4%
    }
}

@media only screen and (max-width:1150px) {
    .last-news .last-news-item {
        padding-top: 100% !important
    }

    .last-news .caption>:nth-child(2) {
        width: 67%
    }
}

@media only screen and (max-width:990px) {
    .last-news .last-news-item {
        padding-top: 61% !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:799px) {
    #nosvaleurs {
        background-position: -465px center
    }

    #particularites .square {
        height: 55vw;
        width: 32vw
    }

    #quisommesnous .headline.simple2 h1 {
        font-size: 50px;
        padding-top: 3%;
        width: 100%
    }

    #quisommesnous .headline p {
        margin: 10px auto;
        width: 80%
    }

    #nos-actualites .headline h1 {
        padding-top: 20px
    }

    #nos-projets.projet-marlket .headline h1 {
        padding-top: 0
    }

    #nos-projets.projet-marlket .headline p {
        font-size: 28px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:900px) {
    #nos-actualites .category-actus div.well.well-sm ul.nav.navbar-nav li a {
        font-size: 12px;
        margin: 0
    }

    #contacts .headline.simple2 h1 {
        font-size: 40px;
        padding-top: 2%
    }
}

@media (max-width:767px) {
    #carousel-example-generic2 .carousel-indicators li {
        border: 1px solid #fff
    }

    #carousel-example-generic2 .carousel-indicators .active {
        background-color: #fff
    }

    #header-1 nav.main-nav.headroom div.header-adhika div.tagline img {
        width: auto
    }

    .navigation-adhika {
        display: block
    }

    .nav.navbar-nav.navbar-right.resizepage {
        display: none
    }

    .slide-1,
    .slide-2,
    .slide-3,
    .slide-4 {
        background-position: 93% -16vh;
        background-size: cover;
        min-height: 157px
    }

    .slide-1 {
        background-color: #00f;
        background-image: none !important
    }

    .slide-2 {
        background-image: url(../../images/slide_02-mob.jpg) !important
    }

    .slide-3 {
        background-image: url(../../images/slide_03-mob.jpg) !important
    }

    .slide-4 {
        background-image: url(../../images/slide_04-mob.jpg)
    }

    .swiper-slide h3 {
        font-size: 2.7rem;
        left: 5%;
        margin: auto !important;
        padding: 3rem;
        text-align: center;
        top: 6.1vh
    }

    .swiper-wrapper .swiper-slide a.link-slide.visible-xs {
        text-align: center
    }

    .valeurs {
        padding-bottom: 24px;
        padding-top: 24px
    }

    .les-valeurs-adhika .valeurs,
    .les-valeurs-adhika .valeurs-logo {
        display: table;
        float: left
    }

    .carousel-indicators .active {
        background-color: #333
    }

    .carousel-indicators li {
        border: 1px solid #333
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        height: 70px;
        margin: 0 auto
    }

    .carousel-indicators {
        bottom: 0;
        position: relative;
        margin-bottom: 0
    }

    .valeurs p {
        font-size: 16px
    }

    .valeurs-logo>img {
        width: auto
    }

    .valeurs-logo>* .caption {
        padding-top: 54px
    }

    .input-line>span.montant>.unit {
        left: 83%
    }

    .input-line>span.surface>.unit {
        left: 83%
    }

    #montant_a_financer {
        width: 100%
    }

    .last-news .last-news-item {
        height: 140px;
        margin-bottom: 15px;
        padding-top: 74px
    }

    .thumbnail .caption {
        overflow: hidden
    }

    .caption.linkedin a.linkmore,
    .caption.vert a.linkmore {
        max-width: 110%
    }

    .thumbnail a>img,
    .thumbnail>img {
        width: 100%
    }

    #formulaires-contact label {
        display: none
    }

    #formulaires-contact .form-group.messages .col-sm-10 {
        width: 100%
    }

    #formulaires-contact label.rmq {
        display: block;
        margin-left: 12px
    }

    #formulaires-contact textarea.form-control {
        margin-bottom: 0
    }

    #formulaires-contact {
        margin-top: -10px;
        padding-bottom: 20px;
        padding-top: 20px
    }

    .numtel>.container {
        background-color: rgba(255, 255, 255, .7);
        height: 344px
    }

    #formulaires-contact form.form-horizontal div.form-group.messages button.btn.navbar-right {
        width: 100%
    }

    .numtel p {
        color: #1f206b;
        font-size: 16px;
        font-weight: 300;
        padding-bottom: 0;
        padding-top: 200px
    }

    .numtel .numero {
        border: 2px solid #1f206b;
        border-radius: 15px;
        color: #1f206b;
        font-size: 30px;
        font-weight: 300;
        height: 60px;
        line-height: 55px;
        width: 100%
    }

    .numtel {
        background: rgba(0, 0, 0, 0) url(../../images/contact_num_bg.jpg) no-repeat scroll 96% center;
        height: 344px
    }

    .form-control {
        font-size: 16px
    }

    .form-control::-webkit-input-placeholder {
        color: #4f4f4f
    }

    .form-control:-moz-placeholder {
        color: #4f4f4f;
        opacity: 1
    }

    .form-control::-moz-placeholder {
        color: #4f4f4f;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #4f4f4f
    }

    #quisommesnous .headline {
        background-image: url(../../images/qui-sommes-nous_bg_mobile.jpg);
        height: 160px
    }

    #quisommesnous .headline p {
        font-size: 17px;
        font-weight: 700;
        margin: 0 auto;
        padding: 20px 0;
        text-align: left;
        text-transform: uppercase;
        width: 90%
    }

    .navbar-brand {
        color: #fff;
        float: right;
        font-size: 17px;
        font-weight: 700;
        height: 42px;
        line-height: 20px;
        padding: 11px 15px;
        text-transform: uppercase
    }

    .adhika-promotion-immobiliere p {
        font-size: 16px
    }

    .equipes h2 {
        font-size: 24px;
        margin-bottom: 20px;
        margin-top: 20px
    }

    .equipes.bg-white div.container p {
        font-size: 18px
    }

    .carousel,
    .carousel-inner,
    .carousel-inner>.item {
        min-height: inherit;
        top: 0;
        height: inherit
    }

    #nos-actualites .headline h1 {
        font-size: 30px
    }

    #nos-actualites .headline p {
        padding: 20px
    }

    #nos-actualites .dropdown.visible-xs {
        text-align: center
    }

    #nos-actualites .dropdown.visible-xs a.dropdown-toggle {
        color: #82be00;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase
    }

    #nos-actualites .dropdown.visible-xs a.dropdown-toggle .caret {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px dashed;
        display: inline-block;
        float: right;
        height: 0;
        margin-left: 2px;
        margin-top: 5px;
        vertical-align: middle;
        width: 0
    }

    #nos-actualites .dropdown.visible-xs ul.dropdown-menu {
        margin-left: -27px
    }

    #nos-actualites .dropdown.visible-xs ul.dropdown-menu li {
        text-align: center
    }

    #nos-actualites .dropdown.visible-xs ul.dropdown-menu li a {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase
    }

    .logo-footer .brand-img {
        margin-bottom: 20px;
        max-width: 263px
    }

    .footer {
        padding-left: 0;
        padding-right: 0;
        background-position: left 67%;
        min-height: auto;
        background-size: 60% auto
    }

    .footer-text {
        margin-top: 70px;
        float: right;
        width: auto;
        margin-right: 0
    }

    .logo-footer>a,
    .logo-footer>img {
        padding-left: 10px;
        padding-right: 10px
    }

    .valeurs-logos2 {
        display: table;
        width: 100%;
        position: relative
    }

    .valeurs-logos2 a.circle2 {
        display: table;
        margin: 15px 27px;
        overflow: hidden;
        position: relative;
        float: left;
        width: 140px;
        height: 140px
    }

    .displayfull {
        width: 100%;
        display: table;
        text-align: center
    }

    .list-team .link-team {
        height: 224px
    }

    .list-team .link-team .info {
        height: initial;
        padding-bottom: initial;
        padding-top: 10px;
        top: 57%;
        width: 89.2%;
        background-position: top center
    }

    .les-valeurs-adhika {
        background-position: center center
    }

    .les-valeurs-adhika .valeurs .editContent h2 {
        text-align: center;
        font-size: 24px
    }

    .les-valeurs-adhika .listes h3 {
        font-size: 20px;
        font-weight: 700
    }

    .les-valeurs-adhika .regles {
        width: 90%;
        margin: 0 auto
    }

    .regles p {
        font-size: 20px
    }

    .regles img {
        margin: 35px 0 0;
        width: 120px
    }

    #ils-nous-fait-confiance .carousel,
    #ils-nous-fait-confiance .carousel-inner,
    #ils-nous-fait-confiance .carousel-inner>.item {
        top: 0;
        min-height: 264px
    }

    #ils-nous-fait-confiance .carousel-caption p {
        font-style: italic;
        font-size: 15px
    }

    #ils-nous-fait-confiance .carousel-caption .author {
        font-size: 10px
    }

    #ils-nous-fait-confiance {
        background: #73778f url(../../images/ils-nous-fait-confiance.jpg);
        background-position: left bottom;
        min-height: 821px;
        background-size: 299% auto;
        background-repeat: no-repeat
    }

    #nos-projets .headline .link {
        display: inline-table;
        margin: 20px 10px
    }

    #nos-projets .headline {
        background-image: none;
        height: 110px;
        background-color: #2b2928;
        position: relative;
        top: 0
    }

    #carousel-slide-projet-mobile .carousel-inner>.item>a>img,
    #carousel-slide-projet-mobile .carousel-inner>.item>img {
        height: initial;
        margin: 0 auto;
        width: 100%
    }

    #carousel-slide-projet-mobile .carousel-indicators {
        margin-top: -30px
    }

    #carousel-logo .carousel-indicators li,
    #carousel-slide-projet-mobile .carousel-indicators li,
    #particularites .carousel-indicators li {
        border: 1px solid #fff
    }

    #carousel-logo .carousel-indicators li.active,
    #carousel-slide-projet-mobile .carousel-indicators li.active,
    #particularites .carousel-indicators li.active {
        background-color: #fff
    }

    #previewprojetsslide .carousel-inner>.item>a>img,
    #previewprojetsslide .carousel-inner>.item>img {
        height: initial
    }

    #previewprojetsslide .modal.in .modal-dialog {
        margin-top: 150px
    }

    #previewprojetsslide .carousel-control {
        left: 0
    }

    #previewprojetsslide .carousel-control.right {
        right: 24px
    }

    #description.bg-blue {
        background-color: #1f206b;
        color: #fff;
        font-size: 20px;
        padding: 40px 0
    }

    #dimensions-besoins h2,
    #distances-paris h2,
    #environnement h2,
    #particularites h2 {
        font-size: 30px
    }

    #carousel-plan {
        margin: 20px
    }

    #carousel-plan .carousel-indicators {
        margin-top: 20px
    }

    #distances-paris {
        background: #e4e4e4 url(../../images/distance-bg-mobile.png) no-repeat scroll 63px -50px;
        height: 276px
    }

    #distances-paris h2 {
        margin-top: 150px
    }

    #geolocalisation ul {
        bottom: 10px;
        list-style: outside none none;
        position: absolute;
        right: 0;
        margin: 0;
        padding: 0;
        left: 9%
    }

    #geolocalisation ul li a img {
        margin: 4px
    }

    #callaction-actualites .content p {
        font-size: 20px;
        line-height: normal;
        margin: 0 0 20px 0;
        font-weight: 700
    }

    #callaction-actualites .content a {
        float: inherit;
        display: table
    }

    .square {
        border: 1px solid #fff;
        float: none;
        height: initial;
        margin-bottom: 22px;
        text-align: center;
        width: 300px;
        margin: 0 auto 20px
    }

    #particularites {
        background-color: #a00057
    }

    #particularites .square p {
        color: #fff;
        font-size: 18px;
        font-weight: 300
    }

    #particularites .square:nth-child(3n+0) {
        margin-right: auto
    }

    .four-entry h2,
    .last-news h2,
    .valeurs h2 {
        font-size: 30px
    }

    #description-technique .panel-title {
        color: #fff;
        font-size: 12px;
        line-height: normal;
        padding-left: 0
    }

    #description-technique #accordion .panel-title>a {
        display: table;
        font-weight: 300;
        outline: medium none;
        padding: 5px 0;
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        width: 100%
    }

    #park #previewprojetsslide .links,
    #park .map .pictos {
        margin-top: 12px
    }

    .map-trigger {
        cursor: pointer
    }

    #park {
        margin-bottom: 0;
        background-color: #2b2928;
        padding-bottom: 8px;
        margin-top: 7rem
    }

    #park #previewprojetsslide .carousel-control.left {
        left: -8px
    }

    #carousel-logo .carousel-inner {
        margin-bottom: 20px
    }

    #carousel-logo .carousel-inner>.item>a>img,
    #carousel-logo .carousel-inner>.item>img {
        height: inherit;
        margin: 0 auto;
        width: 100%
    }

    .carousel-indicators {
        left: inherit;
        margin: 0 auto;
        width: 100%
    }

    #distances-paris.km22 {
        background: #e4e4e4 url(../../images/22km-paris-mobile.png) no-repeat scroll right 20px;
        height: 280px
    }

    #distances-paris.km22 h2 {
        max-width: 180px;
        line-height: 30px
    }

    .pad40 {
        padding: 20px
    }

    #distances-paris.km22 h2,
    #videos h2 {
        font-size: 24px
    }

    #videos.pad40 {
        padding: 20px 0
    }

    #videos .container {
        padding-left: 0;
        padding-right: 0
    }

    .player {
        margin: 0
    }

    #particularites.bg-blue {
        padding-bottom: 20px
    }

    .contact-home {
        background-image: url(../../images/contact-home-bg-mobile.png)
    }

    #nos-projets.projets-wissous {
        margin-top: 0
    }

    #nos-projets.projets-wissous .headline .link {
        display: inline-table;
        margin: 10px;
        cursor: pointer
    }

    #nos-projets.projets-wissous .headline {
        height: auto;
        position: relative
    }

    #nos-projets.projets-wissous .carousel-indicators {
        left: inherit;
        margin: -30px auto 10px
    }

    #nos-projets.projets-wissous .carousel-indicators li {
        border-color: #fff
    }

    #nos-projets.projets-wissous .carousel-indicators .active {
        background-color: #fff
    }

    .bg-blue {
        background-color: #1f206b
    }

    #distances-paris.km18 {
        background: #e4e4e4 url(../../images/map-wissous-mobile.png) no-repeat scroll 64px -42px
    }

    #description-technique .panel-title {
        height: 50px
    }

    #nosvaleurs,
    .les-valeurs-adhika {
        background-image: none
    }

    .valeurs-logos2 a.circle2 {
        width: 115px;
        height: 115px
    }

    #particularites .square {
        height: 350px;
        width: 70vw
    }

    #nos-actualites #previewprojetsslide .carousel-inner>.item>img {
        height: 211px;
        width: auto
    }

    #contacts #previewprojetsslide .carousel-inner>.item>a>img,
    #contacts #previewprojetsslide .carousel-inner>.item>img {
        height: 197px;
        width: initial;
        max-width: inherit
    }

    #quisommesnous #previewprojetsslide .carousel-inner>.item>img {
        height: 140px
    }

    #nos-projets.projet-marlket .headline {
        position: relative
    }
}

.plan {
    position: relative;
    height: 1166px;
    margin-bottom: 80px
}

.document {
    position: absolute;
    bottom: -50px;
    font-size: 1.8rem;
    font-style: italic;
    border-left: 6px solid #82be00;
    padding-left: 15px
}

.plan .floor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    padding-bottom: 120%
}

.plan-wissous {
    height: 1000px
}

.plan-wissous .floor {
    padding-bottom: 0
}

.toggle-floor-btn {
    cursor: pointer;
    position: absolute;
    top: 164px;
    height: 167px;
    width: 70px;
    z-index: 50
}

.toggle-floor-btn+.floor img {
    position: absolute;
    top: 0
}

.toggle-floor-btn+.floor>img+img {
    visibility: visible
}

.toggle-floor-btn.active+.floor>img+img {
    visibility: hidden
}

.target-anchor:before {
    content: "";
    display: block;
    height: 7.3rem;
    margin: -18.4rem 0 0
}

#park .menu-park {
    padding-left: 0;
    text-align: center
}

#park .menu-park li {
    float: none;
    display: inline-block
}

img,
video {
    max-width: 100%;
    height: auto
}

#carousel-example-generic {
    min-height: 150px
}

#carousel-example-generic .carousel-inner>.item>img {
    width: 100%;
    height: auto
}

.under-map {
    list-style: none;
    padding-left: 0;
    margin-bottom: 50px;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    line-height: normal
}

.map {
    position: relative
}

.geo-layer {
    position: absolute;
    display: none;
    z-index: 100;
    top: 0
}

.geo-layer.active {
    display: block
}

.layer-road {
    z-index: 50
}

.layer-spot {
    z-index: 51
}

.layer-transport {
    z-index: 52
}

@media (min-width:1600px) {
    #park-villejust #ancre_presentation {
        display: none
    }

    #carousel-example-generic2.carousel,
    #carousel-example-generic2.carousel-inner,
    #carousel-example-generic2.carousel-inner>.item {
        top: 0;
        height: auto;
        min-height: 500px
    }
}

@media screen and (max-width:1150px) {
    .link-slider-ocenane {
        margin-top: 10%
    }

    .link-slider-wissous {
        margin-top: 10%
    }

    .link-slider-sainte {
        margin-top: 10%
    }
}

@media screen and (max-width:768px) {
    .les-valeurs-adhika .valeurs-logos2 {
        min-height: 200px;
        padding-left: 0
    }

    #ils-nous-fait-confiance {
        background-image: url(../../images/ils-nous-fait-confiance@2x.png);
        background-color: #626377
    }

    .valeurs-logos2 {
        width: 100% !important;
        margin-bottom: 0
    }

    .valeurs-logos2 a.circle2,
    .valeurs-logos2 a.circle2 .caption {
        height: 115px;
        width: 115px;
        line-height: 119px !important
    }

    .valeurs-logos2 a.circle2 .caption.fontenay {
        line-height: 20px !important
    }

    .valeurs-logos2 a.circle2 {
        display: inline-block;
        float: none
    }

    .last-news .last-news-item .caption {
        bottom: 70px
    }

    #callaction-actualites .content a {
        display: block;
        float: none;
        margin: auto;
        margin-top: 20px;
        float: inherit;
        display: table
    }
}

@media screen and (min-width:414px) and (max-width:769px) {
    #ils-nous-fait-confiance {
        background-position: left bottom;
        min-height: 1050px;
        background-repeat: no-repeat;
        background-size: initial;
        background-color: #626377
    }

    #park .menu-park {
        top: 120px
    }
}

@media screen and (max-width:480px) {
    #callaction-actualites .content a {
        width: 88%
    }

    #nos-projets.projets-wissous .headline .link {
        width: 15%;
        height: 30px
    }

    #park .map .pictos,
    #park div.parkslides div#previewprojetsslide div.links a {
        width: 40px;
        height: 40px;
        background-size: cover
    }

    #ils-nous-fait-confiance {
        min-height: 600px;
        background-size: 100%
    }

    .Dimensioning>div {
        background: rgba(0, 0, 0, 0) url(../../images/graduate-home-mobile.png) no-repeat scroll 8px (107% / contain);
        height: 184px
    }

    #description img.logo-blocs {
        width: 100%
    }

    #description .carousel-indicators li {
        border: 1px solid #fff
    }

    #description .carousel-indicators li.active {
        background: #fff
    }

    .carousel-inner>.item>img {
        height: inherit
    }

    #videos.pad40 {
        padding: 20px 0 0 0
    }

    #products .carousel-indicators {
        margin-top: 20px
    }

    .les-valeurs-adhika .valeurs-logos2 {
        width: 100% !important;
        padding-left: 0 !important
    }

    .dropdown-backdrop {
        display: none
    }

    .valeurs-logos2:after {
        display: none
    }

    .carousel-control.left {
        left: 0;
        top: 0
    }

    .carousel-control.right {
        right: 0;
        top: 0
    }

    #carousel-valeurs .carousel-inner {
        height: 350px
    }

    #carousel-regle .carousel-inner {
        min-height: 250px !important;
        height: 250px
    }

    .contact-home>div .btn {
        font-size: 5vw
    }

    .last-news .caption>:nth-child(2) {
        font-size: 15px
    }

    .valeurs-logos2 a.circle2 {
        margin: 15px 38px
    }
}

@media (max-width:375px) {
    .valeurs-logos2 a.circle2 {
        margin: 15px 28px
    }
}

@media (max-width:360px) {
    .list-team .link-team .info {
        background-position: center top;
        font-size: 14px;
        height: 0;
        padding-bottom: 35%;
        padding-top: 15px;
        top: 64.5%;
        width: 88.7%
    }

    .list-team .link-team .info .fonction,
    .list-team .link-team .info .nom {
        font-size: 14px
    }

    .list-team .link-team {
        height: 217px
    }

    .valeurs-logos2 a.circle2 {
        margin: 15px 15px
    }
}

@media (max-width:320px) {
    .list-team .link-team .info {
        height: 0;
        padding-bottom: 48%;
        padding-top: 16px;
        top: 51.5%;
        width: 87.5%
    }

    .list-team .link-team {
        height: 190px
    }
}

@media only screen and (min-device-width:1640px) {
    .swiper-slide {
        background-size: cover;
        min-height: 720px
    }
}

.flex_wrapper {
    display: flex;
    width: 19%;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 0 !important
}

.flex_wrapper_calculatrice {
    display: flex;
    width: 22%;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 15px;
    float: right;
    margin-right: 20%
}

.flex_contain_text {
    color: #9f0057;
    font-size: 14px;
    text-decoration: underline;
    font-weight: 900 !important;
    margin-bottom: 0
}

.flex_contain_text:hover {
    color: #9f0057;
    cursor: pointer
}

.pb-15 {
    padding-bottom: 15px
}

.close {
    cursor: pointer
}

#overlay {
    display: none;
    position: fixed;
    background-color: rgb(38, 38, 38, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6000;
    height: 100%;
    margin: 0
}

#iframe_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#overlay2 {
    display: none;
    position: fixed;
    background-color: rgb(38, 38, 38, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6000;
    height: 100%;
    margin: 0
}

#iframe_container2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:740px) {
    iframe {
        width: 300px;
        height: 169px
    }

    .flex_wrapper {
        display: flex;
        width: 48%;
        justify-content: space-evenly;
        align-items: center;
        margin-top: 0 !important
    }

    .flex_wrapper_calculatrice {
        display: flex;
        width: 67%;
        justify-content: space-evenly;
        align-items: center;
        margin-top: 15px;
        float: right;
        margin-right: 20%
    }
}

.video_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start
}

.video_wrapper {
    padding: 2%;
    width: 100%
}

.video_wrapper:hover {
    cursor: pointer
}

.title_video {
    color: #626262;
    font-weight: 900;
    font-size: 16px;
    padding: 1rem;
    height: 7rem
}

#overlay2 {
    display: none;
    position: fixed;
    background-color: rgba(38, 38, 38, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6000;
    height: 100%;
    margin: 0
}

#overlay522 {
    display: none;
    position: fixed;
    background-color: rgba(38, 38, 38, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6000;
    height: 100%;
    margin: 0
}

#overlay53 {
    display: none;
    position: fixed;
    background-color: rgba(38, 38, 38, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6000;
    height: 100%;
    margin: 0
}

#overlay3 {
    display: none;
    position: fixed;
    background-color: rgba(38, 38, 38, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6000;
    height: 100%;
    margin: 0
}

#overlay4 {
    display: none;
    position: fixed;
    background-color: rgba(38, 38, 38, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6000;
    height: 100%;
    margin: 0
}

#overlay111 {
    display: none;
    position: fixed;
    background-color: rgba(38, 38, 38, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6000;
    height: 100%;
    margin: 0
}

#overlay222 {
    display: none;
    position: fixed;
    background-color: rgba(38, 38, 38, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6000;
    height: 100%;
    margin: 0
}

#overlay5 {
    display: none;
    position: fixed;
    background-color: rgba(38, 38, 38, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6000;
    height: 100%;
    margin: 0
}

#overlay6 {
    display: none;
    position: fixed;
    background-color: rgba(38, 38, 38, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6000;
    height: 100%;
    margin: 0
}

#overlay6.is-opened {
    display: flex;
    align-items: center;
    justify-content: center
}

#overlay6.is-opened .close {
    margin-top: -4rem !important
}

.video_container_wrapper {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    max-width: 90%;
    margin: 0 auto
}

.img_video {
    width: 100%
}

#overlay1,
#overlay2,
#overlay3,
#overlay4,
#overlay5,
#overlay6,
#overlay7,
#overlay8,
#overlay9,
#overlay10,
#overlay11,
#overlay12,
#overlay13,
#overlay14 {
    display: none;
    position: fixed;
    background-color: rgba(38, 38, 38, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6000;
    height: 100%;
    margin: 0
}

@media (max-width:740px) {
    .video_container_wrapper {
        flex-direction: column
    }

    .video_wrapper {
        width: 100%
    }
}

#previewprojetsslide1 {
    height: initial;
    background: red
}

.is-blue {
    background-color: #1e216b !important
}

.is-color-blue {
    color: #1e216b !important
}

.is-grey {
    background-color: #e7e7e7 !important
}

.font-blue-spec {
    color: #1e216b;
    text-shadow: none !important
}

.is-italic {
    font-style: italic
}

.fs-20 {
    font-size: 20px
}

.flex-container {
    display: flex;
    height: 35vh !important;
    padding: 1%
}

.left-container {
    width: 30%
}

.right-container {
    width: 70%
}

.left-container,
.right-container {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex
}

.right-container ul {
    list-style: none
}

.right-container ul li {
    padding-left: 1rem;
    color: #464446 !important;
    font-size: 1.9rem !important;
    margin-bottom: 1vh
}

.right-container ul li {
    display: flex;
    flex-direction: row
}

.right-container ul li::after {
    margin-left: -40px;
    content: " ";
    display: flex;
    position: absolute;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../../images/marcoussis/feuille.png)
}

.pb-2 {
    padding-bottom: 2vh
}

.grid-display li {
    display: grid;
    grid-auto-rows: 70% 30%
}

.grid-display li img {
    width: 50% !important;
    margin: 0 auto;
    align-self: center
}

.grid-display-mobile {
    display: grid;
    grid-auto-rows: 70% 30%
}

.grid-display-mobile img {
    width: 50% !important;
    margin: 0 auto;
    align-self: center
}

.is-bg-perso {
    background-image: url(../../images/bg-qui-sommes-nous.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.pl-25 {
    padding-left: 25px !important
}

.w-11 {
    width: 11.6666% !important
}

.z-800 {
    z-index: 800
}

.t-a-center {
    text-align: center
}

.left-container-tagline {
    width: auto;
    height: 60px;
    display: flex;
    align-self: center
}

.left-container-tagline img {
    height: 100%;
    width: auto;
    margin-top: -12px
}

.right-container-tagline {
    width: 90%
}

.right-container-tagline img {
    padding-left: 2rem;
    padding-top: 1%
}

@media (max-width:767px) {
    .flex-container {
        flex-direction: column;
        height: auto !important
    }

    .left-container {
        margin: 0 auto
    }

    .right-container {
        width: 100%
    }

    .right-container ul li::after {
        display: none !important
    }

    .right-container ul li {
        margin-left: -40px
    }

    .grid-display li {
        display: grid;
        margin-bottom: 1%;
        grid-auto-rows: none
    }
}