*,
:after,
:before {
    box-sizing: inherit
}
















.o-layout {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    margin-left: 0;
    max-width: 1040px; 
    margin: auto;

}















.o-layout_item {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 1rem;
    padding-left: 0
}

.o-layout.-gutter-small>.o-layout_item {
    padding-left: 2.0740740741rem;
    padding-right: 2.0740740741rem;
}

@media (max-width:699px) {
    .o-layout.-gutter-small.-gutter-bottom>.o-layout_item {
        margin-bottom: 25px
    }
}

@media (min-width:700px) and (max-width:1599px) {
    .o-layout.-gutter-small.-gutter-bottom>.o-layout_item {
        margin-bottom: 1.8666666667rem
    }
}

@media (min-width:1600px) {
    .o-layout.-gutter-small.-gutter-bottom>.o-layout_item {
        margin-bottom: 2.0740740741rem
    }
}

.o-layout.-bottom>.o-layout_item {
    vertical-align: bottom
}


.o-layout.-right>.o-layout_item {
    text-align: left
}



































.o-scroll {
    box-sizing: border-box;
    overflow: hidden;
    width: 100vw;
    will-change: transform
}

.has-smooth-scroll .o-scroll {
    position: relative
}




.c-project-list_item_link {
    position: relative;
    display: block;
    background-color: #d7d7d7;
    padding-bottom: 131%;
    color: #fff;
    transform: scaleY(.00001);
    transform-origin: center bottom;
    transition: transform .6s cubic-bezier(.55, .055, .675, .19)
}

.c-project-list_wrapper.has-dom-ready .c-project-list_item.is-show .c-project-list_item_link {
    transform: scaleY(1);
    transition-delay: .1s;
    transition-duration: .75s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.c-project-list_item_link:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #1c1c20;
    opacity: 0;
    transition: opacity .6s cubic-bezier(.4, 0, 0, 1)
}

.c-project-list_item_link:focus,
.c-project-list_item_link:hover {
    color: #fff
}

.c-project-list_item_link:focus:before,
.c-project-list_item_link:hover:before {
    opacity: .1
}

@media (min-width:700px) {
    .c-project-list_item:nth-child(2) .c-project-list_item_link,
    .c-project-list_item:nth-child(3) .c-project-list_item_link {
        margin-bottom: -50%
    }
}

@media (max-width:1199px) {
    .c-project-list_item_link:before {
        opacity: .15
    }
}

.c-project-list_item_content {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.c-project-list_item_title {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 2
}

.c-project-list_item_title span {
    display: block;
    transition: opacity .6s cubic-bezier(.4, 0, 0, 1), transform .6s cubic-bezier(.4, 0, 0, 1);
    transform: translateY(1rem)
}

.c-project-list_item_title span:first-child,
.c-project-list_item_title span:nth-child(2),
.c-project-list_item_title span:nth-child(3) {
    transition-delay: 0s, .3s, .3s
}

@media (min-width:1200px) {
    .c-project-list_item_title span {
        opacity: 0
    }
}

@media (max-width:1599px) {
    .c-project-list_item_title {
        margin: 1.3333333333rem
    }
}

@media (min-width:1600px) {
    .c-project-list_item_title {
        margin: 1.7777777778rem
    }
}

@media (max-width:1199px) {
    .c-project-list_item_title span {
        transform: translateY(0)
    }
}

@media (min-width:1200px) {
    .c-project-list_item_link:hover .c-project-list_item_title span {
        opacity: 1;
        transform: translateY(0)
    }
    .c-project-list_item_link:hover .c-project-list_item_title span:first-child {
        transition-delay: 0s
    }
    .c-project-list_item_link:hover .c-project-list_item_title span:nth-child(2) {
        transition-delay: .1s
    }
    .c-project-list_item_link:hover .c-project-list_item_title span:nth-child(3) {
        transition-delay: .2s
    }
}

.c-project-list_item_title:focus,
.c-project-list_item_title:hover {
    color: currentColor
}

.c-project-list_item_expertise {
    display: block
}

.c-project-list_item_expertise span {
    display: inline-block
}

.c-project-list_item_expertise span:not(:first-child):before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 1px;
    width: 15px;
    background-color: #fff;
    margin: 0 5px
}

.c-project-list_item_image {
    display: block;
    overflow: hidden;
    transform: translateY(50%);
    opacity: 0;
    transition: opacity .6s cubic-bezier(.55, .055, .675, .19), transform .6s cubic-bezier(.55, .055, .675, .19)
}

.c-project-list_wrapper.has-dom-ready .c-project-list_item.is-show .c-project-list_item_image {
    opacity: 1;
    transform: none;
    transition-delay: .4s;
    transition-duration: .75s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

@media (max-width:1599px) {
    .c-project-list_item_image {
        margin: -1.8666666667rem
    }
}

@media (min-width:1600px) {
    .c-project-list_item_image {
        margin: -2.0740740741rem
    }
}

.c-project-list_item_image.-left {
    margin-left: 0
}

.c-project-list_item_image.-right {
    margin-right: 0
}

.c-project-list_item_image.-all {
    margin: 0
}

.c-project-list_item_image img {
    width: 100%;

}

.c-project-list_item_image_wrap {
    display: block;
    transition: transform .6s cubic-bezier(.4, 0, 0, 1);
    transform: translateZ(0)
}

@media (max-width:1599px) {
    .c-project-list_item_image.-left .c-project-list_item_image_wrap {
        margin-left: -1.8666666667rem
    }
}

@media (min-width:1600px) {
    .c-project-list_item_image.-left .c-project-list_item_image_wrap {
        margin-left: -2.0740740741rem
    }
}

@media (max-width:1599px) {
    .c-project-list_item_image.-right .c-project-list_item_image_wrap {
        margin-right: -1.8666666667rem
    }
}

@media (min-width:1600px) {
    .c-project-list_item_image.-right .c-project-list_item_image_wrap {
        margin-right: -2.0740740741rem
    }
}

@media (max-width:1599px) {
    .c-project-list_item_image.-all .c-project-list_item_image_wrap {
        margin: -1.6592592593rem
    }
}

@media (min-width:1600px) {
    .c-project-list_item_image.-all .c-project-list_item_image_wrap {
        margin: -2.0740740741rem
    }
}



.c-fancy-grid {
    position: relative
}

@media (max-width:699px) {
    .c-fancy-grid {
        margin-top: 35px;
        padding-bottom: 2.8rem
    }
}

@media (min-width:700px) {
    .c-fancy-grid {
        margin-top: 4.1481481481rem;
        padding-bottom: 20%
    }
}

.c-fancy-grid_section:nth-child(2n) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-align: end;
    align-items: flex-end
}









.u-1\/1 {
    width: 100%
}

.u-1\/2 {
    width: 50%
}

.u-2\/2 {
    width: 100%
}

.u-1\/3 {
    width: 33.3333333333%
}

.u-2\/3 {
    width: 66.6666666667%
}

.u-1\/4 {
    width: 25%
}

.u-2\/4 {
    width: 50%
}

.u-1\/5 {
    width: 20%
}

.u-2\/5 {
    width: 40%
}

.u-1\/6 {
    width: 16.6666666667%
}

.u-2\/6 {
    width: 33.3333333333%
}



@media (min-width:700px) {
    .u-1\/3\@from-small {
        width: 33.3333333333%
    }
}

@media (min-width:700px) {
    .u-1\/4\@from-small {
        width: 25%
    }
}


@media (min-width:700px) and (max-width:1024px) {
    .u-2\/3\@small {
        width: 66.6666666667%
    }
}

@media (min-width:700px) {
    .u-2\/3\@from-small {
        width: 66.6666666667%
    }
}



@media (min-width:700px) {
    .u-2\/5\@from-small {
        width: 40%
    }
}



@media (max-width:699px) {
    .u-1\/2\@to-small {
        width: 50%
    }
}

@media (min-width:700px) {
    .u-1\/2\@from-small {
        width: 50%
    }
}

@media (min-width:1000px) {
    .u-1\/2\@from-thousand {
        width: 50%
    }
}



@media (min-width:1025px) {
    .u-1\/2\@from-medium {
        width: 50%
    }
}

@media (min-width:1025px) {
    .u-2\/5\@from-medium {
        width: 40%
    }
}


@media (min-width:1400px) {
    .u-2\/3\@from-big {
        width: 66.6666666667%
    }
}

@media (min-width:700px) {
    .u-1\/6\@from-small {
        width: 16.6666666667%
    }
}

@media (min-width:700px) {
    .u-2\/6\@from-small {
        width: 33.3333333333%
    }
}


@media (min-width:1000px) {
    .u-1\/3\@from-thousand {
        width: 33.3333333333%
    }
}

@media (min-width:1000px) {
    .u-2\/3\@from-thousand {
        width: 66.6666666667%
    }
}

@media (min-width:1025px) {
    .u-1\/3\@from-medium {
        width: 33.3333333333%
    }
}

@media (min-width:1025px) {
    .u-2\/3\@from-medium {
        width: 66.6666666667%
    }
}

@media (min-width:1025px) {
    .u-5\/6\@from-medium {
        width: 83.3333333333%
    }
}



.img-affiche {
    max-width: 300px;
}


@media (max-width:700px) { 

.img-affiche {
    max-width: 90%;


}


}






@media (prefers-color-scheme: dark) {

    body { background-color: #292929; }
    h1, h2, h3, h4, h5, h6 , p{ color: #faf8f4; }
            #logo_web header {
            background: url(../img/logo-black.svg) center center no-repeat;
            background-color: none;
        }


:root {
--native-dark-bg-color : #292929;

}


.c-project-list_item_link {
    background-color: #2d3436;
}



}