/*##################################################*/
/*##################################################*/
/*                                                  */
/*  AVANTAGES                                       */
/*                                                  */
/*##################################################*/
/*##################################################*/

.avantages{
    background-color:white;
    color:#339966;;
    padding:40px 0;
}

.avantages .avantage-item{
    padding-top:15px;
    padding-bottom:15px;
}

.avantages img{
    max-width:100px;
    margin:15px auto;

}

.avantages .avantage-texte{
    font-style:italic;
}

/*##################################################*/
/*##################################################*/
/*                                                  */
/*  ETUDE                                           */
/*                                                  */
/*##################################################*/
/*##################################################*/

.etude{
    background-size:cover;
    background-position:center;    
    margin:30px 0;
    background-attachment:fixed;
    background-repeat:no-repeat;
}

.etude .etude-inner{
    padding:70px 0;
    background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 5%, rgba(255,255,255,0) 95%, rgba(255,255,255,1) 100%);
}

.etude .portrait img{
    border:5px solid #339966;
}

.etude .text {
    background-color:rgba(51, 153, 102, 0.8);
    display:flex;
    align-items:center;
    justify-content:center;
}

.etude .text-inner {
    padding:20px 10px;
    font-size:1.4rem;
}

/*##################################################*/
/*##################################################*/
/*                                                  */
/*  ETAPES                                          */
/*                                                  */
/*##################################################*/
/*##################################################*/

.etapes{
    background-color:#339966;
    border-top:2px solid #cccccc;
    border-bottom:2px solid #cccccc;
}

.item-img-bg{
    background-size:cover;
    background-position:center center;
    padding:8rem 0;
}

.item-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:justify;
}

.hebergement .row{
    flex-direction:row-reverse;
}

@media (min-width:768px){
    .item-img-bg{
        padding:14rem 0;
    }

    .item-texte{
        padding:0 15px;
    }
}