*{word-wrap: break-word;}
p{color: black;}
em{color: rgba(84, 141, 212, 1);
font-style: normal
font-weight: bold}

html {
    margin: 0px;
	padding: 0px;
	width: 100%;
   	}
span{font-size: small}
body {
	#background-image: url("/media/backg.png");
	#background-attachment: fixed;
	background-color: rgba(255, 255, 128, 0.2);
    margin:  140px 0% 0% 0%;
	padding: 0px;
	min-width:850px;
	}
#corps {
	top: 140px;
	margin: auto;
	padding: 0px;
	width: max(750px, 60%);
	font-family: "century gothic", arial, courier new;
	}
				/*---------------------------------------------------------------------------------Galerie--------------------------------*/
.Galerie h3 {                         /* titres de categories des dates*/
    right: 20%;
	width: 60%;
	min-width: 440px;
    margin: 0 0 0 0;
	padding: 10px 0px 10px 35px;
    font-weight: bold;
    font-size: large;
    text-align: center;
	text-indent: 10px;
	color: black;
   	border: 3px solid rgba(82, 123, 155, 1);
    border-radius: 10px 10px 10px 10px;
	box-shadow: 6px 6px 6px black;
    background: rgba(207, 231, 245, 0.5);
	z-index: 2;  
}
.Galerie image {
	width: 22%;
}
a {
    text-decoration:underline;
	color: inherit;
  }
  
				/*--------------------------------------------------------------------------------Spotify--------------------------*/
#SpotifyPrun{
	right: 10%;
	width: 30%;
	min-width: 440px;
    font-weight: bold;
    font-size: large;
    text-align: Left;
	text-indent: 10px;
	color: black;
   	border: 3px solid rgba(82, 123, 155, 1);
    border-radius: 10px 10px 10px 10px;
	box-shadow: 6px 6px 6px black;
    background: rgba(207, 231, 245, 0.5);
	z-index: 2;
	Display : flex;
	justify-content: space-between;
	gap: 2%;
	overflow: hidden;
    display: flex; /* Utilisation de Flexbox */
    align-items: center; /* Centre verticalement */
}
.SpotifyVignette{
	padding: 1% 0px 1% 1%;
	width: 20%;
	height: 100%;
	overflow: hidden;

}
.SpotifyVignette img {
	
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	display: block;
	margin: auto;
}
.SpotifyTexte{
	padding: 1% 1% 1% 1%;
	width: 170px;
	min-width: 170px;
	height: 100%;
	overflow: hidden;
	text-align: Left;
}
.SpotifyTexte h1{
	font-weight: bold;
    font-size: 18px;
	color: black;
	
}
.SpotifyTexte h2{
	font-weight: bold;
    font-size: 12px;
	color: black;
}
.SpotifyLien{
	padding: 1% 1% 1% 0%;
	display: inline-block;
	width: calc(72% - 160px);
	min-width: 170px;
	height: 100%;
	border: 3px solid rgba(82, 123, 155, 1);
    border-radius: 10px 10px 10px 10px;
    background: rgba(207, 231, 245, 0.5);
	text-align: center;
	font-weight: bold;
    font-size: 15px;
	color: black;
	
}
				/*------------------------------------------------------------------------------bandeaux defilement--------------*/
                    /*bandeau des caracteristiques*/
  #navi {                           /*bandeau de navigation*/
	  position: fixed;
	  left: 2px;
	  top: 132px;
	  width: 10%;
	  min-width: 140px;
	  margin: 0 0 0 0;
	  padding: 0px 1% 0px 1%;
	  font-weight: bold;
	  font-size: small;
	  text-align: left;
	  text-indent: 10px;
	  color: black;
	  border: 1px solid rgba(82, 123, 155, 1);
	  border-radius: 10px 10px 10px 10px;
	  background: rgba(207, 231, 245, 1);
	  z-index: 2;
  }
  #bandeau {                           /*bandeau de navigation*/
	  position: fixed;
	  left: 2px;
	  top: 0px;
	  width: 100%;
	  height: 130px;
	  margin: 0 0 0 0;
	  padding: 0px 1% 0px 1%;
	  font-weight: bold;
	  text-align: center;
	  text-indent: 10px;
	  color: black;
	  border: 1px solid rgba(82, 123, 155, 1);
	  /*border-radius: 10px 10px 10px 10px;*/
	  background: rgba(207, 231, 245, 1);
	  z-index: 2;
	  font-family: "century gothic", arial, courier new;
  }
  #dl {                                  /*telechargement*/
	  position: fixed;
	  left: 2px;
	  bottom: 1%;
	  width: 10%;
	  min-width: 200px;
	  margin: 0 0 0 0;
	  padding: 1px 0px 10px 1px;
	  font-weight: bold;
	  font-size: x-small;
	  text-align: center;
	  text-indent: 1px;
	  color: black;
	  border: 3px solid rgba(82, 123, 155, 1);
	  border-radius: 1px 1px 1px 1px;
	  box-shadow: 6px 6px 6px black;
	  background: rgba(207, 231, 245, 1);
	  z-index: 2;
  }
    #recherche {                           /*bandeau de navigation*/
	  position: fixed;
	  right: 2px;
	  top: 132px;
	  width: 10%;
	  min-width: 140px;
	  /*margin: 0 0 0 0;*/
	  padding: 0px 1% 0px 1%;
	  font-size: small;
	  text-align: left;
	  text-indent: 10px;
	  color: black;
	  border: 1px solid rgba(82, 123, 155, 1);
	  border-radius: 10px 10px 10px 10px;
	  background: rgba(207, 231, 245, 1);
	  z-index: 2;
	}
	a.verspage {
	width: auto;
	min-width: 230px;
	border: 1px solid rgba(82, 123, 155, 1);
	margin: 0px 10px 0px 10px;
	border-radius:10px;
	text-align:center;
	text-decoration: none;
	display: inline-table;
	position:relative;
	z-index:2;	
}
	a.versindex {
	width: auto;
	min-width: 400px;
	border: 1px solid rgba(82, 123, 155, 1);
	margin: 0px 10px 0px 10px;
	border-radius:10px;
	text-align:center;
	text-decoration: none;
	display: inline-table;
	position:relative;
	z-index:2;	
}
	a.jockeyindex {
	width: auto;
	min-width:170px;
	border: 1px solid rgba(82, 123, 155, 1);
	border-radius:10px;
	text-align:center;
	text-decoration: none;
	display: inline-table;
	position:relative;
	font-size: 17;
	z-index:2;		
}