#rugissante video{
	width: 100%;
    margin-bottom: 3em;
    margin-top: 3em;
}

.container-image-texte{
	position: relative;
    margin-bottom: 3em;
}
.container-image-texte > img{
	width: 100%;
	height: auto;  
}

.citation{
	position: absolute;
	top: 48%;
	left: 48%;
	transform: translate(-50%, -50%);
	color: white;
	max-width: 40%;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 0.9em;
	text-align: center;
    font-style: italic;
	visibility: hidden;
	opacity: 0;
	user-select: none;
}
.reference{
	margin-top: .5em;
    font-style: normal;
}

@media screen and (max-width: 1060px) {
	.citation{
		top: 49%;
		left: 48%;
		transform: translate(-50%, -50%);
		max-width: 40%;
		font-size: 0.85em;
	}
}

@media screen and (max-width: 910px) {
    #main{
        display: block;
        padding-bottom: 20px;
        text-align: left;
        margin-left: 8vw;
    }
    #fixe{
        position: relative;
        padding-top:6vh;
        height:auto;
    }
    section{
        margin-left: 0vw;
        padding-left: 0px;
        padding-top: 8vh;
        padding-right: 0vw;
        /* max-width: 86%; */
    }
    h2{
        max-width: fit-content;
    }
}

@media screen and (max-width: 660px) {
	.citation{
		top: 50%;
		left: 48%;
		transform: translate(-50%, -50%);
		max-width: 35%;
		font-size: 0.8em;
	}
}
@media screen and (max-width: 460px) {
	.citation{
		top: 52%;
		left: 48%;
		transform: translate(-50%, -50%);
		max-width: 35%;
		font-size: 0.7em;
	}
}