/**
 PAGE EQUIPE - START
 */
#teamGridIntro {
    width: 69%;
    margin: 6em auto;
}

#teamGridIntro p {
    color: #004660;
    font-size: 19px;
    text-align: center;
}

#teamGrid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#teamGrid .grid-item-custom {
    width: 32%;
    position: relative;
    margin-left: 2%;
    margin-bottom: 2%;
}

#teamGrid .grid-item-custom:nth-child(1), #teamGrid .grid-item-custom:nth-child(4) {
    margin-left: 0;
}

#teamGrid .grid-item-custom .title-wrapper {
    display: flex;
    justify-content: space-between;
}

#teamGrid .grid-item-custom .title-custom h3 {
    font-size: 23px;
    font-weight: 600;
    font-family: 'Catamaran';
}

#teamGrid .grid-item-custom .wrapTxt2 p {
    font-size: 16px;
}

#teamGrid .grid-item-custom .reaDetailBox .wrapTxt {
    color: white;
    font-size: 17px;
    padding: 0em 2em 0em;
    transform: translateY(10px);
    height: 0;
}


#teamGrid .grid-item-custom .reaDetailBox .wrapTxt .title-custom h3 {
    transform: translateX(-100%);
}


#teamGrid .grid-item-custom .reaDetailBox .wrapTxt .title-custom p {
    transform: translateX(-100%);
}


#teamGrid .grid-item-custom .wrapTxt2 p {
    transform: translateY(100%);
}


#teamGrid .grid-item-custom {
    border-radius: 24px;
}

#teamGrid .grid-item-custom .reaDetailBox {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
}

#teamGrid .grid-item-custom .reaDetailBox .wrapImg {
    overflow: hidden;
}

#teamGrid .grid-item-custom .reaDetailBox .wrapImg img {
    width: 100%;
}

#teamGrid .grid-item-custom .reaDetailBox .title-wrapper a {
    position: relative;
    display: block;
    height: 40px;
}

#teamGrid .grid-item-custom .reaDetailBox .title-wrapper a .first {
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.45s ease-in-out;

}

#teamGrid .grid-item-custom .reaDetailBox .title-wrapper a .hide {
    opacity: 0;
    transition: all 0.45s ease-in-out;

}

@media all and (min-width: 1300px) {
    /* Animations */
    #teamGrid .grid-item-custom.activated .reaDetailBox .wrapTxt {
        display: block;
        position: absolute;
        padding: 10em 2em 1em;
        left: 0;
        bottom: 0;
        width: 100%;
        background: url('/skin/decoupe/img/degrade-orange.png') left top no-repeat;
        transform: translateY(0%);
        transition: 0.25s;
        height: auto;
    }

    #teamGrid .grid-item-custom.activated .reaDetailBox .wrapTxt .title-custom h3 {
        transform: translateX(0%);
        transition: 0.45s;
    }

    #teamGrid .grid-item-custom.activated .reaDetailBox .wrapTxt .title-custom p {
        transform: translateX(0%);
        transition: 0.55s;
    }

    #teamGrid .grid-item-custom.activated .wrapTxt2 p {
        transform: translateY(0%);
        transition: 0.75s;
    }

    #teamGrid .grid-item-custom .reaDetailBox .title-wrapper a:hover .first {
        opacity: 0;
    }

    #teamGrid .grid-item-custom .reaDetailBox .title-wrapper a:hover .hide {
        opacity: 1;
        position: absolute;
        right: 0;
        top: 0;
    }
}

/* Responsive */
@media all and (max-width: 1300px) {
    #teamGrid {

    }

    #teamGrid .grid-item-custom .reaDetailBox .wrapTxt {
        display: block;
        left: 0;
        bottom: 0;
        width: 100%;
        transition: 0.25s;
        height: auto;
        position: static;
        transform: translateY(-7%);
        background: linear-gradient(to right, #FF6601, #FFAE04);
        padding: 2.5em 2em 1em;
        border-radius: 0 0 23px 23px;
    }

    #teamGrid .grid-item-custom .reaDetailBox .wrapTxt .title-custom h3 {
        transform: translateX(0%);
        transition: 0.45s;
    }

    #teamGrid .grid-item-custom .reaDetailBox .wrapTxt .title-custom p {
        transform: translateX(0%);
        transition: 0.55s;
    }

    #teamGrid .grid-item-custom .wrapTxt2 p {
        transform: translateY(0%);
        transition: 0.75s;
    }

    #teamGrid .grid-item-custom:nth-child(4),
    #teamGrid .grid-item-custom {
        width: 45%;
        position: relative;
        margin-left: 2%;
        margin-bottom: 2%;
    }

    #teamGrid .grid-item-custom:nth-child(odd) {
        margin-left: 0;
    }

}

@media all and (max-width: 790px) {
    #teamGrid {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #teamGrid .grid-item-custom:nth-child(4),
    #teamGrid .grid-item-custom:nth-child(odd),
    #teamGrid .grid-item-custom {
        width: 90%;
        margin-left: 0;
    }
}

@media all and (max-width: 767px) {
    .grid-item {
        position: static !important;
    }

    #reaBox.reapage {
        position: static !important;
        height: auto !important;
    }

    #otherReaBox {
        /*display: none !important;*/
        position: static !important;
    }
}

/**
 PAGE EQUIPE - END
 */

/**
 PAGE REALISATION - START
 */
.onlyweb-projects {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    top: 300px;
    margin-bottom: 300px;
}

.onlyweb-projects--wrapper h2 {
    font-size: 43px;
    color: #004660;
}

.onlyweb-projects--home {
    top: 2em;
    flex-direction: row-reverse;
    margin-bottom: 0;
}

.onlyweb-projects .item-wrapper {
    width: 49%;
    margin-bottom: 2%;
    position: relative;
    border-radius: 10px;
}

.onlyweb-projects .item-wrapper a {
    color: white;
}

.onlyweb-projects .item-wrapper .info-block {
    display: block;
    position: absolute;
    padding: 10em 3em 2em;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url('/skin/decoupe/img/degrade-orange.png') left top no-repeat;
    transform: translateY(0%);
    transition: 0.25s;
    height: auto;
    border-radius: 10px;
}

.onlyweb-projects .item-wrapper:nth-child(even) .info-block {
    background: url('/skin/decoupe/img/degrade-bleu.png') left top no-repeat;
}

.onlyweb-projects .text .line {
    height: 2px;
}

.onlyweb-projects .item-wrapper:nth-child(even) .text .line {
    background-color: #f60;
}

.onlyweb-projects--home .item-wrapper .info-block {
    background: url('/skin/decoupe/img/degrade-bleu.png') left top no-repeat;
}

.onlyweb-projects--home .item-wrapper:nth-child(odd) .text .line {
    background-color: #f60;
}

.onlyweb-projects--home .item-wrapper:nth-child(even) .text .line {
    background-color: #004660;
}

.onlyweb-projects--home .item-wrapper:nth-child(even) .info-block {
    background: url('/skin/decoupe/img/degrade-orange.png') left top no-repeat;
}

.orange-line {
    background-color: #f60;
}

.onlyweb-projects .item-wrapper:nth-child(odd) {
    position: relative;
    top: -150px;
}

.onlyweb-projects--home .item-wrapper:nth-child(odd) {
    /*top: 0;*/
}

.onlyweb-projects--home .item-wrapper:nth-child(even) {
    position: relative;
    /*top: -150px;*/
}

.onlyweb-projects .item-wrapper .info-block h3 {
    font-size: 38px;
}

.onlyweb-projects .item-wrapper .info-block p {
    font-size: 19px;
}

.onlyweb-projects .item-wrapper .item-image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.onlyweb-projects .item-wrapper .text ul,
.onlyweb-projects .item-wrapper .text .line {
    /*display: none;*/
    float: initial;
}

.onlyweb-projects .item-wrapper .text ul {
    list-style: none;
    font-size: 14px;
    letter-spacing: .01rem;
    margin-top: 15px;
}

.onlyweb-projects .item-wrapper .text ul li {
    display: inline-block;
    padding-right: 15px;
    font-size: 14px;
    text-transform: uppercase;
}

.onlyweb-projects--home .item-wrapper--button {
    margin-bottom: 0;
    bottom: 2em;
    top: -6em !important;
}

@media all and (max-width: 990px) {
    .onlyweb-projects .item-wrapper .info-block {
        padding: 6em 2em 1em;
    }

    .onlyweb-projects .item-wrapper .info-block h3 {
        font-size: 30px;
    }

    .onlyweb-projects .item-wrapper .info-block p {
        font-size: 18px;
    }

    .onlyweb-projects .item-wrapper .text ul,
    .onlyweb-projects .item-wrapper .text .line {
        display: none;
    }

    .onlyweb-projects--home .item-wrapper--button .btn {
        margin-top: 20px;
        font-size: 14px;
    }

    .onlyweb-projects--home {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
    }

    .onlyweb-projects--wrapper h2 {
        width: 45%;
    }

    .onlyweb-projects--wrapper .orange-line {
        display: none;
    }

}

@media all and (max-width: 620px) {
    .onlyweb-projects .item-wrapper {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2em;
        width: 90%;
    }

    .onlyweb-projects {
        top: 0;
        margin-top: 2em;
        margin-bottom: 0;
    }

    #otherReaBox {
        margin-top: 0;
    }

    .onlyweb-projects .item-wrapper:nth-child(odd) {
        position: relative;
        top: 0;
    }

    .onlyweb-projects--home .item-wrapper--button {
        position: static !important;
    }

    .onlyweb-projects--home .item-wrapper--button .text-right {
        text-align: center !important;
    }
}

/**
 PAGE REALISATION - END
 */

/**
 OTHER - START
 */
#infoBox {
    right: 15px;
}

/**
 OTHER - END
 */

#expBox h2 .deg {
    display: inline-block;
}