.advant{
    border: solid 2px #EAEAEA;
    padding: 38px 30px 22px 30px;
    margin-bottom: 65px;
}

.advant a{
    color: #333;
    text-decoration: none;
}

.advant img{
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -64px;
    background: #fff;
    padding: 0px 40px;
}

.advant h4{

    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 16px;
}

.advant p{
    font-size: 15px;

    line-height: 20px;
}

/* Styles pour l'image bannière - à ajouter dans views/css/front.css */

.block-banner-image {
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
}

.block-banner-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.block-banner-image img:hover {
    transform: scale(1.02);
}

/* Styles pour l'administration - à ajouter dans views/css/back.css */

.current-banner-display {
    margin-bottom: 20px;
}

.banner-preview {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f8f9fa;
    border-radius: 4px;
}

.banner-preview img {
    display: block;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn-danger.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
}

.btn-danger.btn-sm i {
    margin-right: 5px;
}