/*CONCERTS*/
.concerts {
  width: 100%;
  margin: 50px auto;
  text-align: left;
  padding: 20px;
}

.concerts .row {
  position: relative;
  display: grid;
  grid-template-columns: 3fr 1fr;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 10px auto 10px 0; /* Ajustement du margin */
  background: rgba(255, 255, 255, 0.2);
  padding-right: 20px;
}

.concerts .table {
  font-size: 1.2em;
  padding: 10px 0;
}
.concerts .tabela1 {
  padding-left: 10px;
  font-size: 14px;
}
.concerts .tabela2 {
 text-align: right;
}
.concerts .bnt {
  width: 120px;
  height: auto;
  padding: 10px;
  background-color: #dcdcc5;
  border: 0;
  color: #000;
  cursor: pointer;
  font-size: 18px;
}
.concerts .bnt-open {
  background-color: #38b811;
}
.concerts .bnt:hover {
  background-color: black;
  color: #ededed;
  transition: ease-in 1s;
}
.merci a {
  color: brown;
  text-decoration: none;
}
.merci a:hover {
  color: grey;
  transition: ease-in 1s;
}

@media only screen and (max-width: 1000px) {
  .concerts {
    text-align: center;
    width: 90%;
    margin: 0;
  }

 .concerts .row {
    width: 90%;
    display: flex;
    flex-direction: column;
   margin: 10px 0 10px auto; /* Ajustement du margin */
  }
}
/*CONCERTS FIN*/



.last img,
iframe {
 position:relative
}
.merci {
      display: flex;
}
.merci .col1, .merci .col2 {
      flex: 1;
}
.merci .col1 img {
      display: block;
      margin: 0 auto;
      padding: 30px;
    }
   
.au-centre,
.titre-bio,
iframe {
 top:50%;
 left:50%
}
.au-centre,
.centrer p,
.post__link,
.titre-bio {
 text-align:center
}
iframe {
 -webkit-transform:translate(-50%,0);
 -ms-transform:translate(-50%,0);
 transform:translate(-50%,0);
 width:80%
}
.post__container a {
 padding:.5em 1em;
 font-size:1em;
 color:#595f61;
 text-decoration:none;
 text-transform:uppercase;
 border:1px solid #a9b1b3;
 -webkit-transition:.3s ease-in;
 -o-transition:.3s ease-in;
 transition:.3s ease-in;
 line-height:50px
}
.post__link {
 padding-top:1em
}
a:active,
a:focus,
a:hover {
 color:orange
}
.post__container figure {
 margin:0
}
::-moz-selection {
 color:#fff;
 background-color:#d0f2ee;
 text-shadow:none
}
::selection {
 color:#fff;
 background-color:#d0f2ee;
 text-shadow:none
}
.grille-bio,
.last {
 background-color:#ededed;
}
.centrer p {
 font-weight:bolder
}
.last img {
 left:50%;
 -webkit-transform:translate(-50%);
 -ms-transform:translate(-50%);
 transform:translate(-50%);
 border-radius:50%;
 padding:4rem 0;
 max-width:450px
}
.titre-bio {
 position:absolute;
 -webkit-transform:translate(-50%,-180%);
 -ms-transform:translate(-50%,-180%);
 transform:translate(-50%,-180%);
 color:#fff;
 font-size:15vw;
 font-family:Anton,sans-serif;
 margin:0
}
.au-centre {
 position:relative;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 margin:0
}
.item-0,
.item-2,
.item-3 {
 -ms-grid-column:1;
 grid-column-start:1;
 -ms-grid-column-span:1;
 grid-column-end:2;
 padding:10px 30px;
 text-align:justify
}
.grille-bio {
 display:-ms-grid;
 display:grid;
 overflow:hidden
}
.grille-bio img {
 width:100%
}
.item-1 {
 -ms-grid-column:1;
 grid-column-start:1;
 -ms-grid-row:1;
 grid-row-start:1;
 overflow:hidden
}
.item-2,
.item-3 {
 -webkit-columns:2;
 -moz-columns:2;
 columns:2;
 -webkit-column-gap:3rem;
 -moz-column-gap:3rem;
 column-gap:3rem
}
.item-0 p,
.item-2 p {
 margin:0;
 padding:0 0 .4rem;
 font-size:1.3rem;
 color:#242121
}
.item-0 {
 -webkit-columns:1;
 -moz-columns:1;
 columns:1;
 -webkit-column-gap:3rem;
 -moz-column-gap:3rem;
 column-gap:3rem
}
@media screen and (max-width:1300px) {
 iframe {
  position:relative;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,0);
  -ms-transform:translate(-50%,0);
  transform:translate(-50%,0);
  width:95%
 }
}
 @media (max-width: 1220px) {
      .merci {
        flex-direction: column;
      }
    }
@media screen and (max-width:768px) {
 .last img,
 iframe {
  position:relative;
  left:50%
 }
 iframe {
  top:50%;
  -webkit-transform:translate(-50%,0);
  -ms-transform:translate(-50%,0);
  transform:translate(-50%,0);
  width:100%
 }
 .item-0,
 .item-2 {
  -webkit-columns:1;
  -moz-columns:1;
  columns:1
 }
 .item-0 p,
 .item-2 p {
  margin:0;
  padding:0 0 .4rem;
  font-size:1rem
 }
 .last img {
  max-width:400px;
  -webkit-transform:translate(-50%);
  -ms-transform:translate(-50%);
  transform:translate(-50%);
  border-radius:50%;
  padding:4rem 0
 }
}
@media screen and (max-width:400px) {
 .post__container a {
  padding:.5em 1em;
  font-size:.7em;
  color:#595f61;
  text-decoration:none;
  text-transform:uppercase;
  border:1px solid #a9b1b3;
  -webkit-transition:.3s ease-in;
  -o-transition:.3s ease-in;
  transition:.3s ease-in;
  line-height:40px
 }
 .last img {
  position:relative;
  max-width:200px;
  left:50%;
  -webkit-transform:translate(-50%);
  -ms-transform:translate(-50%);
  transform:translate(-50%);
  border-radius:50%;
  padding:4rem 0
 }
}