/* SORTIR A NANTES */


#blocTotale{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

#titrePrincipale{
    text-align: center;
    font-size:50px;
    margin:0px;
    animation-name: slideInAccueil;
    animation-duration: 3s;
}

#hangar, #lieu-unique, #bouffay{
    border-radius: 30px;
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 5px;
    margin: 20px;
    width: 90%;
    text-align: center;
}

#hangar img, #lieu-unique img, #bouffay img{
    border-radius: 15px;
    margin: 5%;
    width: 90%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
}

#hangar {
    animation-name: slideInAccueil;
    animation-duration: 2s;
}


@media screen and (min-width: 800px){

    #hangar img  , #lieu-unique img , #bouffay img {
        width: 40%;
        height: 90%;
    }

    #lieu-unique{
        display:flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-around;
        width:100%;
        height: 300px;
        box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        padding: 20px;
        border-radius:15px;
        margin: 40px auto;
        transition: all 1s;
        background-color: #f9f3f4;
        animation-name: slideInAccueil;
        animation-duration: 2s;
    }
    
    #blocTotal{
        width:80%;
        margin-left: auto;
        margin-right: auto;
    }

    .texteTitre{
        display:flex;
        flex-wrap: wrap;
        width:50%;
        height:auto;    
        text-align: left;    
    }

    #hangar,#bouffay{
        transition: all 1s;
        display:flex;
        align-items: center;
        justify-content:space-around;
        width:100%;
        height: 300px;
        box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        padding: 20px;
        border-radius:15px;
        margin: 40px auto;
        background-color: #f9f3f4;
    }

    #hangar:hover,#lieu-unique:hover,#bouffay:hover{
        transform:scale(1.1,1.1);
    }

    #titrePrincipale{
        text-align: center;
        font-size:80px;
        margin:0px;
    }
       
    
}