.ice_tea
{

    font-size: 3rem;
    line-height: 3.9rem;
    display: flex;
}

.ice_tea > div 
{
    width: 50vw;
}

.ice_tea .texte
{
    display: flex;
    align-items: center;
    padding-left: 8vw;
}

.ice_tea a
{
    color: var(--grisClair);
    border: 3px solid var(--orange);
    padding: 1rem;
    font-weight: bold;
}

.ice_tea a:hover
{
    color: #000000;
    border: 3px solid var(--orange);
    background-color: var(--orange);
    font-weight: bold;
}

.ice_tea p
{
    font-size: 3rem;
}

.ice_tea .svg
{
    position: absolute;
    width: 75vw;
    right: -25vw;
    min-height: calc(100% - var(--navHeight) - var(--footHeight));
    top: var(--navHeight);
    background-color: var(--orange);
    transform: skew(-25deg);
}

.ice_tea  img
{
    width: 45vw;
    position: absolute;
    right: 5vw;
    bottom: calc(var(--footHeight)+10vh);
}

@media screen and (max-width:991px)
{
    .ice_tea .texte p
    {
        font-size: 2rem;
        line-height: 2.3rem;
    }

    .ice_tea a
    {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }

}

@media screen and (max-width:768px)
{
    .ice_tea .svg , img
    {
        display:none;
    }

    .ice_tea .texte p
    {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .ice_tea a
    {
        font-size: 1.3rem;
        padding: 1rem;
    }    
}