body{
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
scroll-behavior: smooth;
-webkit-overflow-scrolling: scroll;
overflow-x: scroll;
-ms-overflow-x: scroll;

}


/* MENU CENTRAL */

#nav {
display:inline;
height: 10vh;
position: relative;

width: 100%;
margin-left: auto;
margin-right: auto;
line-height: 4em;
top:0;
padding:0px;
z-index:99999;


white-space:nowrap;
overflow-x:auto;
-webkit-overflow-scrolling:touch;


text-align: center;
font-size: 0.8em;
font-style:normal;
}


#nav1 {
display:inline-block;
position:relative;
margin-left:5vw;
margin-right:5vw;
margin-top:0;


}

#nav2 {
display:inline-block;
position:relative;
margin-left:5vw;
margin-right:5vw;


}


#nav3 {
display:none;
position:absolute;
visibility:hidden;
margin-right:0;
margin-left:0;
left:2vw;


}




button.link {

height:auto;
font-size: 1em;
}






#page1, #page2, #page3, #page4, #page5, #page6, #page7, #page_groupes {
	background:black;
}





.innertitle, .inner, .inner_projet, .inner_projet2, .inner_agenda, .agenda_container, .accordeon, .titre_accordeon, soustitre2 {

width:94vw;
margin-left:1vw;
margin-right:1vw;
min-width:0;

}



.innertitle{
margin-top:1vh;

}




.mur_albums_container {

width:94vw;	
margin-left:2vw;
margin-right:2vw;
margin: 1vh;
}


.mur_albums {
flex: 1 1 auto;
-webkit-flex :  1 1 auto;

z-index:0;

/* modifications possibles */
color:rgba(0,0,0,0.8);
 position: relative;
 padding:0;
 margin:0;
}

.mur_albums img {
	display:block;
	min-width:40px;
max-width: 94vw;
width:94vw;
height: auto;
margin:0;
background:transparent;
}

.mur_albums:hover img {
	display:block;
	min-width:40px;
max-width: 94vw;
width:94vw;
height: auto;
padding:1em;
border:2;
border-style:solid;
border-color:white;
 transition: .2s ease;
  -webkit-filter: brightness(110%); /* Safari */
    filter: brightness(110%);
 
}

.overlay {

width:100%;
}

.fa-info-circle, .fa-headphones, .fa-video {
font-size:2em;
padding:1em;
}