header{max-width:950;
display:flex;
flex-wrap:nowrap;
background-color:#FFF8DC;
position:sticky;
border-bottom:solid}

.groupe{
width:600px;
display:inline-block;
vertical-align:top;
 }

.infogroupe{grid-template-columns:1fr 1fr;
}
 
ul{padding-left:1.5rem;margin-top:0px;list-style-type:"\2013 "}
ul li{padding-left:.25rem}

.adroitep img{width:200px;
align-self:end;}

.tracks{
min-height:300px;
flex:0 1 950px;
border-bottom:solid}

.adroitep{
margin:1em;
float:right;
border:double;
}

.adroitep img{width:200px;
vertical-align:bottom;}

.adroitep:hover{border:solid;
border-color:lime;
border-width:.625rem;}


h1{font-size: 72px;
  font-weight: bold;
  text-align: center;
margin-bottom:40px;
margin-top:0.625px;
}

h2{color:magenta;
 font-size:20px;
margin:0;
font-family:fonteproglyrics;
display:inline}

/*
.colgauche{flex: 1 0 25%;
display:flex;
flex-direction:column;
}

.hautgauche{height:60px;
display:flex;
justify-content:space-between}

.coldroite{flex: 1 0 25%;
}

.hautdroite{height:60px;
display:flex;
justify-content:space-between;
margin-top:-.8rem}
*/
form{display:inline;
position:relative;
right: 0px}