/* Le code CSS de la démo */



/*********************************************************/
/*page gallery*/
/*********************************************************/

.titre{
    background-image:url("../instructions/images/banner2.jpg");
    background-position:center;
    background-size:cover;
    height:500px;
    text-align:center;
    display:flex;
    padding : 10%;
    width : 100%;
    margin:0;
    
}

.titre h1{
    color: #db0059;
    font-size:3rem;
    background-color:rgba(255,255,255,0.7);
    /*padding : 1%;*/
    vertical-align: middle;
    margin:auto;
    padding : 10px;
    /*margin-top:auto;*/
}

.gallery{
    display:grid;
    grid-template-columns: auto ;
    gap: 1em;
    margin : 4%;
}

.gallery img{
    width :100%;
}

.galTexte {
    text-align:center;
}

.galTexte article {
    background-color:#ededed;
    margin: 4%;
}

.commentaires i{
    color:#db0059;
    font-size: 10rem;
    padding-top : 6%;
    
}

.commentaires li{
	margin: 2rem 1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: help;
	/*list-style:;*/
    
} 

.commentaires li:before{
    content:"« ";
    color:#db0059;
}

.event i{
    color:#037d9d;
    font-size: 10rem;
    padding-top : 6%;
    
}


.event li:before{
    content:"\f00c";
    font-family:"Font Awesome 6 Free";
    font-weight:600;
    color:#037d9d;
}