#strateSecret .Strate {
    width: 100vw;
}
#strateSecret .Marie-Louise {
    margin: 0 2.5vw;
    width: 95vw;
}
#strateSecret .Content {
    margin: auto;
}
.grav-chat {
    background: transparent url(/public/medias/images/v_gravure-chateau.svg) no-repeat; 
    background-size: 40vw;
    background-position: 0% 20vw;
    padding-bottom: 15vw;
}
#strateSecret .grav-chat{
    background-size: 50vw;
    background-position: -10vw 100vw;
    margin-bottom: -8vw;
    margin-top: 11vw;
}
#strateSecret #secretBox {
    margin-top: 5vw ;
    padding-bottom: 7vw;
    position: relative;
    height: 20vw;
    display: block;
}
#strateSecret #secretBox img {
    width: 50vw;
    height: auto;
    position: absolute;
    margin-top: -10vw;
    margin-left: 10vw;
}
#strateSecret #secretBox .paperBox {
    background: transparent url(/public/medias/images/bg_papier.png) no-repeat;
    background-size: auto;
    background-size: cover;
    padding: 6vw 5vw 24vw 5vw;
    color: #b8a391;
    width: 25vw;
    letter-spacing: initial;
    margin-left: 52vw;
    font-family: 'Bellefair', serif;
    position: absolute;
    height: 18vw;
    z-index: 10;
    text-align: center;
}
#strateSecret #secretBox .paperBox h2  {
    font-size: 1.8vw;
    line-height: 0.5vw;
    font-family: 'Josefin Sans', sans-serif;
    text-align: center;
    margin: 5vw 0;
}
#strateSecret #secretBox .paperBox h2 em  {
    font-size: 3vw;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: lighter;
}
#strateSecret #secretBox .paperBox h2 span  {
    font-size: 9vw;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: lighter;
    padding-left: 0.5vw;
}
#strateSecret #secretBox .paperBox p {
    font-size: 1.7vw;
    font-family: 'Bellefair', serif;
    font-weight: 200;
    line-height: 4vw;
}

@media all and (min-width: 568px) and (max-width: 767px){
#strateSecret #secretBox .paperBox p {
    font-size: 2vw;
}
}
@media all and (min-width: 415px) and (max-width: 567px){
    #strateSecret #secretBox .paperBox p {
        font-size: 2.5vw;
    }
    #strateSecret #secretBox .paperBox {
        padding: 6vw 5vw 27vw 5vw;
    }
}


@media all and (max-width: 414px){
    #strateSecret #secretBox .paperBox p {
        font-size: 7vw;
        line-height: 7vw;
    }
    #strateSecret #secretBox .paperBox {
        padding: 6vw 10vw 10vw 10vw;
        height: auto;
    width: 70%;
        position: relative;
        margin: -10vw 5% 0 5%;
    }
    #strateSecret #secretBox{
        height: auto;
        margin: 0;
        width: 100%;
        padding-bottom: 0;
    }
    #strateSecret #secretBox img {
        width: 100%;
        height: auto;
        position: relative;
        margin-top:0;
        margin-left: 0;
    }
    #strateSecret #secretBox .paperBox h2 {
        font-size: 6.8vw;
        line-height: 3.5vw;
        margin: 5vw 0;
    }
    #strateSecret #secretBox .paperBox h2 em {
        font-size: 10vw;
        margin-left: 3vw;
    }
    #strateSecret #secretBox .paperBox h2 span {
        font-size: 22vw;
        padding-left: 0.5vw;
    }
}