/**
 * CSS de la page des boissons
 * @author GN
 * @date 04/06/2026
 * @file boisson_all.css
 */
div.boisson {
    float:left;
    width:30%;
    height: 45%;
    overflow:hidden;
    margin-top:20px;
    margin-left:40px;
    text-align:center;
    /*border:1px solid #F9725F;*/
}
div.boisson a,
div.boisson a.visited {
    float:left;
    text-decoration:none;
    cursor:pointer;
    color:#000000;
    width:100%;
    height:100%;
    transition-property: color; /* Active la transition sur background-color */
    transition-duration: 0.5s; /* La transition dure 1s */
}
div.boisson a:hover {
    color:#F9725F;
}
div.boisson a img {
    float:center;
    max-width:100%;
    height: calc(100% - 40px);
    overflow:hidden;
    margin:auto;
}
div.boisson a span {
    float:left;
    width:100%;
    height: 40px;
    overflow:hidden;
    margin:auto;
    text-align:center;
    line-height:40px;
    font-family: 'Kanit';
    font-size:18px;
}
.ligneTopAcroche {
    float:left;
    display:block;
    width:100%;
    height:0px;
    margin-top:40px;
    border-top:1px solid #F9725F;
}
.ligneBottomAcroche {
    float:left;
    display:block;
    width:100%;
    height:1px;
    margin-bottom:40px;
    border-bottom:1px solid #F9725F;
}
.acroche {
    float:left;
    width:100%;
    height:40px;
    background:transparent;
    height:auto;
    text-align:center;
    line-height:20px;
    font-family: 'Kanit';
    font-size:18px;
    padding-top:20px;
    padding-bottom:20px;
    font-style: italic;
}

/**
 * CSS Spécifique pour le mobile
 */
@media (max-width: 1000px) {
    div.boisson {
        width:80%;
        height:fit-content;
        margin-left:10%;
        margin-right:10%;
        margin-bottom:50px;
    }
    div.boisson span.titre {
        font-size:36px;
        padding-top:25px;
    }
    .acroche {
        font-size:36px;
        text-align: center;
        line-height:40px;
        margin-left:10%;
        margin-right:10%;
        width:80%;
    }
    
    div.boisson a img {
        height:auto;
    }
}