a:link {
    text-decoration: none;
	color: white;
}

a:visited {
    text-decoration: none;
	color: white;
}

body
{
background-color:black;
/*background-image:url(../pictures_library/background/background_2017.jpg);*/
background-repeat:no-repeat;
background-attachment:scroll;
/*background-attachment:fixed;*/
/*background-position:center center;*/
background-position:center top;
}


aside {
  float: right;
  width:28%;
  background-color:#111111;
  opacity: 0.9;
}
section {
  float: left;
  width:70%;
  background-color:#111111;
  opacity: 0.9;
  
  
}



nav
{

}

.menu
{
background-color:black;

font-size: 18px;
font-family: arial;
border-style: solid;
border-bottom-width:1px;
border-bottom-color:grey;
font-weight: bold;

}

/* Conteneur principal de chaque news */
.news {
    border-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: grey;
    max-width: 1000px;

    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 20px 0;

    margin: 0 auto; /* CENTRAGE */
}

/* Colonne gauche (image + date) */
.news-left {
    flex: 0 0 300px;
}

/* Colonne droite (titre + texte) */
.news-right {
    flex: 1;
}

/* Image */
.news_img img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Titre */
.news_title {
    font-size: 30px;
    font-family: arial;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
}

/* Date */
.news_date {
    font-size: 15px;
    font-family: arial;
    color: silver;
    font-weight: bold;
    margin-top: 10px;
}

/* Texte long */
.news_texte_long {
    font-size: 18px;
    font-family: arial;
    color: white;
    text-align: justify;
    font-weight: bold;
    margin-bottom: 15px;
}

}

.show
{
border-style: solid;
border-bottom-width:1px;
border-bottom-color:grey;
max-width: 1000px;
}

.date_concert
{
font-size: 18px;
font-family: arial;
color:white;
font-weight: bold;

}

.salle_concert
{
font-size: 18px;
font-family: arial;
color:white;
font-weight: bold;

}

.ville_concert
{
font-size: 16px;
font-family: arial;
color:white;


}

.description_concert
{
font-size: 18px;
font-family: arial;
color:white;
font-weight: bold;
}

.history
{
font-size: 16px;
font-family: arial;
color:white;
font-weight: bold;
text-align: justify;
}

.disc
{
border-style: solid;
border-bottom-width:1px;
border-bottom-color:grey;
max-width: 1000px;
}

.info_disc_A
{
font-size: 16px;
}

.info_disc_B
{
font-size: 14px;
}

.photo_album
{


}

.button-add {
    background-image: url(../pictures_library/shop/cart.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 150px;           /* make this the size of your image */
    padding-left: 30px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.infos_paiement
{
font-size: 18px;
font-family: arial;
color:white;

}

.libelle_article
{
font-size: 18px;
font-family: arial;
color:white;

}

.zone_admin_article
{
border-style: solid;
border-bottom-width:1px;
border-bottom-color:white;
max-width: 1000px;
}

.texte_bandeau
{
font-weight: bold;
font-size: 18px;
font-family: arial;
text-decoration: none;
color: white;
}

.menu a[id^="link_"] {
    color: white;
    text-decoration: none;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
}

.menu a[id^="link_"]:hover {
    color: grey;
}