.visual-title {
    position: relative;
  
    & .block-image .img-contain {
        padding-left: 50%;
    }
      
    & h2 {
        z-index:4;
        position:relative;
        margin:5px 0;
        color:white;
        text-shadow: 1px 1px 3px rgba(0,0,0, 1);
    }
    
    & .block-data-primary {
        display: inline-block;
        width: 60%;
        margin-left: 9%;
        position: relative;
        padding: 20px;
    
        & h1 {
            text-transform: uppercase;
            font-size: 2.2rem;
            font-weight: 700;
            letter-spacing: 0.1em;
        }

        & h1, & div {
            z-index:4;
            position:relative;
            /*
            float:left;
            clear:both;
            */
            margin:5px 0;
        }

        & h1,
        & .data-rubric, 
        & .data-date, 
        & .data-details, 
        & .data-detail a,
        & .data-detail h3 {
            color:white;
            text-shadow: 1px 1px 3px rgba(0,0,0, 1);
        }
    
        & div.data-details {
            & .data-detail{
                margin: 0 20px 5px 0px;
                display: inline-block;
                clear: initial;
            }
            & .data-tickets a {color:white;}
        }
    
        & a.btn {
            z-index:4;
            position: relative;
            margin: 0 5px 5px 0;
        }

        
    
    }

   
} 

.button-detail {
    margin-right: 10px;
}

.block-place svg {
    margin-right: 4px;
}

.block-description {
    font-size: 0.9rem;
    padding: 10px;
    background-color: white;
}

/* Pour les ecrans plus petits */
@media (max-width: 768px) {
    .visual-title {
        & .block-data-primary {
          & h1 {
            font-size: 1.5rem;
          }
        }
    }
    .block-description {
        font-size: 0.85rem;
    }
}