.elementor-14872 .elementor-element.elementor-element-b2d8d15{--spacer-size:10px;}.elementor-14872 .elementor-element.elementor-element-e505105{text-align:center;}.elementor-14872 .elementor-element.elementor-element-9b2c842 img{width:100%;max-width:100%;height:260px;}.elementor-14872 .elementor-element.elementor-element-7a5ac58{text-align:center;}.elementor-14872 .elementor-element.elementor-element-341b383 img{width:100%;max-width:100%;height:260px;}.elementor-14872 .elementor-element.elementor-element-ac5d51f{text-align:center;}.elementor-14872 .elementor-element.elementor-element-665f901 img{width:100%;max-width:100%;height:260px;}.elementor-14872 .elementor-element.elementor-element-dd67871{text-align:center;}.elementor-14872 .elementor-element.elementor-element-7435bb6 img{width:100%;max-width:100%;height:260px;}.elementor-14872 .elementor-element.elementor-element-b2c6672{text-align:center;}.elementor-14872 .elementor-element.elementor-element-4d04ab8 img{width:100%;max-width:100%;height:260px;}.elementor-14872 .elementor-element.elementor-element-5f9eff8{width:var( --container-widget-width, 101.317% );max-width:101.317%;--container-widget-width:101.317%;--container-widget-flex-grow:0;}.elementor-14872 .elementor-element.elementor-element-406934c{width:var( --container-widget-width, 101.317% );max-width:101.317%;--container-widget-width:101.317%;--container-widget-flex-grow:0;}.elementor-14872 .elementor-element.elementor-element-37910a8{width:var( --container-widget-width, 100.103% );max-width:100.103%;--container-widget-width:100.103%;--container-widget-flex-grow:0;}.elementor-14872 .elementor-element.elementor-element-c2e0a10{--spacer-size:50px;}/* Start custom CSS for html, class: .elementor-element-5f9eff8 */.rencontres-2022{
    position: relative;
    animation-delay: 0.5s;
    font-family: helvetica neue;
    font-weight: normal;
    margin-bottom:20px;
    margin-top:20px;
}


.rencontres-2022 > summary {
  padding: 4px;
  width : 100%;
 height : 300px;
  transition: 1.25s ease;
}


.rencontres-2022 > summary > .summary-style {
  position: absolute;
  
    transition: 1.25s ease;
    width : 100%;
    height : 100%;
    border: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.35);    
border-radius:12px;
     background :
  linear-gradient(
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.5)
  ),
  url("https://ajc-jazz.eu/wp-content/uploads/2023/05/rencontres-ajc-2022-840x1024.png");
  filter: blur(1px);
  /*background-position: center;*/
  background-size: 100%;
  background-repeat: no-repeat;
  /*background-size: cover;*/
}

  .rencontres-2022 > summary > .section-title {
    top: 5px;
    margin-bottom : 10px;
    font-size: 34pt;
    font-weight: bold;
    background: -webkit-linear-gradient(#DF0404, #7a1418);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    text-align : center;
    transition: 0.75s ease;

}

 .rencontres-2022 > summary > .section-title:hover {
    top: -8px;
    font-size: 38pt;
    transition: 0.75s ease;
     
 }

.rencontres-2022 > summary > .preview-text{
position: relative;
top:5%;
left: 6.5%;
right:12.5%;
transition: 1.25s ease;
display: block;
text-align: left;
margin-right: 10%;
font-size: 15pt;
padding: 15px 28px;
border-radius: 12px;
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.15);  
background:
  linear-gradient(
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.5)
  );
}

.rencontres-2022 > summary > .preview-text:hover{
top:-5%;
left: 6.0%;
right:12.5%;
transition: 1.25s ease;
font-size: 15pt;
padding: 15px 28px;border-radius: 12px;
box-shadow: 10px 10px 4px 0px rgba(0,0,0,0.35);  
background:
  linear-gradient(
    rgba(255, 255, 255, 0.85),
    rgba(255, 255, 255, 0.85)
  );
}

.rencontres-2022 > summary > .arrow {
  border: solid  #7a1418;
  border-width: 0 8px 8px 0;
  border-radius:5px;
  display: inline-block;
  padding: 13px;
}

.rencontres-2022 > summary > .arr-detail:hover {
  border-width: 0 9px 9px 0;
  padding: 18px;
  border-radius:8px;
  transition: 0.65s ease;
}

.rencontres-2022 > summary > .arr-detail {
position: relative;
left:10%;
top:30%;
  transition: 1.25s ease;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}



.rencontres-2022[open] > summary > .arr-detail {
 position: relative;
left:5%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: 1.25s ease;
}

.rencontres-2022[open] > summary > .summary-style {
   border: none;
   box-shadow: none;
   height: 0.1%;
   transition: 0.75s ease;
}

.rencontres-2022[open] > summary {
       height : 85px;
       transition: 1.25s ease;
}

.rencontres-2022[open] > summary > .preview-text{
display: none;
transition: 1.25s ease;
}

.main-table{
    margin-top:35px;
}

.rencontres-2022[open] > .main-table .gauche {
    position: relative;
    left:-75%;
    width: 66%;
     -webkit-animation: gauche 1.2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: gauche 1.2s forwards;
    animation-delay: 0.5s;
}

@-webkit-keyframes gauche {
    100% { left: 0; }
}

@keyframes gauche {
    100% { left: 0; }
}

.intro {
      border : none;
      text-align: justify;
      margin-top:50px;
}

.intro > p {
     margin-right: 50px;
     font-weight: normal;
}


.rencontres-2022[open] > .main-table .visu {
     position: relative;
    right:-75%;
    height: 450px;
     -webkit-animation: visu 1.2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: visu 1.2s forwards;
    animation-delay: 0.5s;
}

@-webkit-keyframes visu {
    100% { right: 0; }
}

@keyframes visu {
    100% { right: 0; }
}


.visu > img {
    height: 400px;
    width: 78%;
    margin: auto;
}

.boutton {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.boutton-container {
    top :0px;
    width: 100%;
    margin-top: 20px;
}

.boutton-conf {
    text-align: left;
}

.boutton-concert {
    text-align: right;
}

.button-style {
    line-height: 2.8;
    font-weight: normal;
    padding: 0 22px;
    font-size: 10.5pt;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    background-color: #DF0404;
    }
    
.conf {
    border : none;
    text-align: justify;
}

.conf > h5 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.conf > p {
    margin-right : 50px;
    font-weight: normal;
}

 .concert-div  {
    text-align: justify;
}

 .concert-div > .concert-title {
     position: relative;
    left:0%;
}



.concert-div > p {
     position: relative;
    left:0%;
    margin-top : 15px;
}

 
.rencontres-2022 > .concert-div > .img-grid {
    position: relative;
    right:0%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  /*grid-auto-rows: minmax(100px, auto);*/

}
  
.rencontres-2022 > .concert-div > .img-grid > .concert1 {
  position:relative;
  grid-column: 1;
  grid-row: 1;
}

.concert1 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert1 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert1 >  .overlay:hover {
    opacity:1;
}

.concert1 >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2022 > .concert-div > .img-grid >  .concert2 {
  position:relative;
  grid-column: 2;
  grid-row: 1;
}

.concert2 > img {
  display: block;
  width: 100%;
  height : 100%;
}


.concert2 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert2 >  .overlay:hover {
    opacity:1;
}

.concert2  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2022 > .concert-div > .img-grid >  .concert3 {
  position:relative;
  grid-column: 3;
  grid-row: 1;
}

.concert3 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert3 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert3 >  .overlay:hover {
    opacity:1;
}

.concert3  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2022 > .concert-div > .img-grid >  .concert4 {
  position:relative;
  grid-column: 4;
  grid-row: 1;
}

.concert4 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert4 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert4 >  .overlay:hover {
    opacity:1;
}

.concert4  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


 
.rencontres-2022 > .concert-div > .img-grid2 {
    position: relative;
    right:-0%;
  display: grid;
  grid-template-columns: repeat(3, 33%);
  grid-gap: 10px;
  /*grid-auto-rows: minmax(100px, auto);*/

}
  

.rencontres-2022 > .concert-div > .img-grid2 >  .concert5 {
  position:relative;
  grid-column: 1;
  grid-row: 1;
}

.concert5 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.rencontres-2022 > .concert-div > .img-grid2 >  .concert6 {
  position:relative;
  grid-column: 2;
  grid-row: 1;
}

.concert6 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.rencontres-2022 > .concert-div > .img-grid2 > .concert7 {
  position:relative;
  grid-column: 3;
  grid-row: 1;
}

.concert7 > img {
  display: block;
  width: 100%;
  height : 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-406934c */.rencontres-2022{
    position: relative;
    animation-delay: 0.5s;
    font-family: helvetica neue;
    font-weight: normal;
    margin-bottom:20px;
    margin-top:20px;
}


.rencontres-2022 > summary {
  padding: 4px;
  width : 100%;
 height : 300px;
  transition: 1.25s ease;
}


.rencontres-2022 > summary > .summary-style {
  position: absolute;
  
    transition: 1.25s ease;
    width : 100%;
    height : 100%;
    border: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.35);    
border-radius:12px;
     background :
  linear-gradient(
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.5)
  ),
  url("https://ajc-jazz.eu/wp-content/uploads/2023/05/rencontres-ajc-2022-840x1024.png");
  filter: blur(1px);
  /*background-position: center;*/
  background-size: 100%;
  background-repeat: no-repeat;
  /*background-size: cover;*/
}

  .rencontres-2022 > summary > .section-title {
    top: 5px;
    margin-bottom : 10px;
    font-size: 34pt;
    font-weight: bold;
    background: -webkit-linear-gradient(#DF0404, #7a1418);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    text-align : center;
    transition: 0.75s ease;

}

 .rencontres-2022 > summary > .section-title:hover {
    top: -8px;
    font-size: 38pt;
    transition: 0.75s ease;
     
 }

.rencontres-2022 > summary > .preview-text{
position: relative;
top:5%;
left: 6.5%;
right:12.5%;
transition: 1.25s ease;
display: block;
text-align: left;
margin-right: 10%;
font-size: 15pt;
padding: 15px 28px;
border-radius: 12px;
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.15);  
background:
  linear-gradient(
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.5)
  );
}

.rencontres-2022 > summary > .preview-text:hover{
top:-5%;
left: 6.0%;
right:12.5%;
transition: 1.25s ease;
font-size: 15pt;
padding: 15px 28px;border-radius: 12px;
box-shadow: 10px 10px 4px 0px rgba(0,0,0,0.35);  
background:
  linear-gradient(
    rgba(255, 255, 255, 0.85),
    rgba(255, 255, 255, 0.85)
  );
}

.rencontres-2022 > summary > .arrow {
  border: solid  #7a1418;
  border-width: 0 8px 8px 0;
  border-radius:5px;
  display: inline-block;
  padding: 13px;
}

.rencontres-2022 > summary > .arr-detail:hover {
  border-width: 0 9px 9px 0;
  padding: 18px;
  border-radius:8px;
  transition: 0.65s ease;
}

.rencontres-2022 > summary > .arr-detail {
position: relative;
left:10%;
top:30%;
  transition: 1.25s ease;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}



.rencontres-2022[open] > summary > .arr-detail {
 position: relative;
left:5%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: 1.25s ease;
}

.rencontres-2022[open] > summary > .summary-style {
   border: none;
   box-shadow: none;
   height: 0.1%;
   transition: 0.75s ease;
}

.rencontres-2022[open] > summary {
       height : 85px;
       transition: 1.25s ease;
}

.rencontres-2022[open] > summary > .preview-text{
display: none;
transition: 1.25s ease;
}

.main-table{
    margin-top:35px;
}

.rencontres-2022[open] > .main-table .gauche {
    position: relative;
    left:-75%;
    width: 66%;
     -webkit-animation: gauche 1.2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: gauche 1.2s forwards;
    animation-delay: 0.5s;
}

@-webkit-keyframes gauche {
    100% { left: 0; }
}

@keyframes gauche {
    100% { left: 0; }
}

.intro {
      border : none;
      text-align: justify;
      margin-top:50px;
}

.intro > p {
     margin-right: 50px;
     font-weight: normal;
}


.rencontres-2022[open] > .main-table .visu {
     position: relative;
    right:-75%;
    height: 450px;
     -webkit-animation: visu 1.2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: visu 1.2s forwards;
    animation-delay: 0.5s;
}

@-webkit-keyframes visu {
    100% { right: 0; }
}

@keyframes visu {
    100% { right: 0; }
}


.visu > img {
    height: 400px;
    width: 78%;
    margin: auto;
}

.boutton {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.boutton-container {
    top :0px;
    width: 100%;
    margin-top: 20px;
}

.boutton-conf {
    text-align: left;
}

.boutton-concert {
    text-align: right;
}

.button-style {
    line-height: 2.8;
    font-weight: normal;
    padding: 0 22px;
    font-size: 10.5pt;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    background-color: #DF0404;
    }
    
.conf {
    border : none;
    text-align: justify;
}

.conf > h5 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.conf > p {
    margin-right : 50px;
    font-weight: normal;
}

 .concert-div  {
    text-align: justify;
}

 .concert-div > .concert-title {
     position: relative;
    left:0%;
}



.concert-div > p {
     position: relative;
    left:0%;
    margin-top : 15px;
}

 
.rencontres-2022 > .concert-div > .img-grid {
    position: relative;
    right:0%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  /*grid-auto-rows: minmax(100px, auto);*/

}
  
.rencontres-2022 > .concert-div > .img-grid > .concert1 {
  position:relative;
  grid-column: 1;
  grid-row: 1;
}

.concert1 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert1 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert1 >  .overlay:hover {
    opacity:1;
}

.concert1 >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2022 > .concert-div > .img-grid >  .concert2 {
  position:relative;
  grid-column: 2;
  grid-row: 1;
}

.concert2 > img {
  display: block;
  width: 100%;
  height : 100%;
}


.concert2 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert2 >  .overlay:hover {
    opacity:1;
}

.concert2  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2022 > .concert-div > .img-grid >  .concert3 {
  position:relative;
  grid-column: 3;
  grid-row: 1;
}

.concert3 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert3 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert3 >  .overlay:hover {
    opacity:1;
}

.concert3  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2022 > .concert-div > .img-grid >  .concert4 {
  position:relative;
  grid-column: 4;
  grid-row: 1;
}

.concert4 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert4 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert4 >  .overlay:hover {
    opacity:1;
}

.concert4  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


 
.rencontres-2022 > .concert-div > .img-grid2 {
    position: relative;
    right:-0%;
  display: grid;
  grid-template-columns: repeat(3, 33%);
  grid-gap: 10px;
  /*grid-auto-rows: minmax(100px, auto);*/

}
  

.rencontres-2022 > .concert-div > .img-grid2 >  .concert5 {
  position:relative;
  grid-column: 1;
  grid-row: 1;
}

.concert5 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.rencontres-2022 > .concert-div > .img-grid2 >  .concert6 {
  position:relative;
  grid-column: 2;
  grid-row: 1;
}

.concert6 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.rencontres-2022 > .concert-div > .img-grid2 > .concert7 {
  position:relative;
  grid-column: 3;
  grid-row: 1;
}

.concert7 > img {
  display: block;
  width: 100%;
  height : 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb204b6 */.rencontres-2021{
    position: relative;
 
    animation-delay: 0.5s;
    font-family: helvetica neue;
    font-weight: normal;
    margin-top:20px;
    margin-bottom:20px;
}

.rencontres-2021 > summary {
  padding: 4px;
  width : 100%;
 height : 300px;
  transition: 1.25s ease;
}


.rencontres-2021 > summary > .summary-style {
  position: absolute;

    transition: 1.25s ease;
    width : 100%;
    height : 100%;
    border: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.35);
border-radius:12px;
     background :
  linear-gradient(
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.5)
  ),
  url("https://ajc-jazz.eu/wp-content/uploads/2023/05/rencontres-ajc-2021.png");
  filter: blur(1px);
  /*background-position: center;*/
  background-size: 100%;
  background-repeat: no-repeat;
  /*background-size: cover;*/
}

 .rencontres-2021 > summary > .section-title {
    top:5px;
    margin-bottom : 10px;
    font-size: 34pt;
    font-weight: bold;
    background: -webkit-linear-gradient(#DF0404, #7a1418);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    text-align : center;
    transition: 0.75s ease;
}

 .rencontres-2021 > summary > .section-title:hover {
    top: -8px;
    font-size: 38pt;
    transition: 0.75s ease;
     
 }

.rencontres-2021 > summary > .preview-text{
position: relative;
top:5%;
left: 6.5%;
right:12.5%;
transition: 1.25s ease;
display: block;
text-align: left;
margin-right: 10%;
font-size: 15pt;
padding: 15px 28px;
border-radius: 12px;
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.15);  
background:
  linear-gradient(
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.5)
  );
}

.rencontres-2021 > summary > .preview-text:hover{
top:-5%;
left: 6.0%;
right:12.5%;
transition: 1.25s ease;
font-size: 15pt;
padding: 15px 28px;border-radius: 12px;
box-shadow: 10px 10px 4px 0px rgba(0,0,0,0.35);  
background:
  linear-gradient(
    rgba(255, 255, 255, 0.85),
    rgba(255, 255, 255, 0.85)
  );
}

.rencontres-2021 > summary > .arr-detail:hover {
  border-width: 0 9px 9px 0;
  padding: 18px;
  border-radius:8px;
  transition: 0.65s ease;
}

.rencontres-2021 > summary > .arrow {
  border: solid  #7a1418;
  border-width: 0 8px 8px 0;
  border-radius:5px;
  display: inline-block;
  padding: 13px;
}

.rencontres-2021 > summary > .arr-detail {
position: relative;
left:10%;
top:30%;
  transition: 1.25s ease;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.rencontres-2021[open] > summary > .arr-detail {
 position: relative;
left:5%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: 1.25s ease;
}


.rencontres-2021[open] > summary > .summary-style {
   border: none;
   box-shadow: none;
   height: 0.1%;
   transition: 0.75s ease;
}

.rencontres-2021[open] > summary {
       height : 85px;
       transition: 1.25s ease;
}

.rencontres-2021[open] > summary > .preview-text{
display: none;
transition: 1.25s ease;
}

.main-table{
    margin-top:35px;
}

.rencontres-2021[open] > .main-table .gauche {
    position: relative;
    left:-75%;
    width: 66%;
     -webkit-animation: gauche 1.2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: gauche 1.2s forwards;
    animation-delay: 0.5s;
}

@-webkit-keyframes gauche {
    100% { left: 0; }
}

@keyframes gauche {
    100% { left: 0; }
}

.intro {
      border : none;
      text-align: justify;
      margin-top:50px;
}

.intro > p {
     margin-right: 50px;
     font-weight: normal;
}


.rencontres-2021[open] > .main-table .visu {
     position: relative;
    right:-75%;
    height: 450px;
     -webkit-animation: visu 1.2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: visu 1.2s forwards;
    animation-delay: 0.5s;
}

@-webkit-keyframes visu {
    100% { right: 0; }
}

@keyframes visu {
    100% { right: 0; }
}


.visu > img {
    height: 400px;
    width: 78%;
    margin: auto;
}

.boutton {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.boutton-container {
    top :0px;
    width: 100%;
    height : 10px;
    margin-top: 20px;
    font-size: 8pt;
}

.boutton-conf {
    font-size: 8pt;
}

.boutton-concert {
    text-align: center;
}

.boutton-partenaire {
    text-align: right;
}

.button-style {
    line-height: 2.8;
    font-weight: normal;
    padding: 0 22px;
    font-size: 10.5pt;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    background-color: #DF0404;
    }

.button-style2 {
    line-height: 1.2;
    font-weight: normal;
    padding: 0 25px;
    font-size: 10.5pt;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    background-color: #DF0404;
    }

.conf {
    border : none;
    text-align: justify;
}

.conf > h5 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.conf > p {
    margin-right : 50px;
    font-weight: normal;
}

 .concert-div  {
    text-align: justify;
}


.concert-div > p {
     position: relative;
    margin-top : 15px;
}

 .rencontres-2021 > .concert-div > .img-grid {
    position: relative;

  display: grid;
  grid-template-columns: repeat(20, 4%);
  grid-gap: 10px;
}

.rencontres-2021 > .concert-div > .concert-text {
    left:0%;
}

.rencontres-2021 > .concert-div > .concert-title {
    left:0%;
}

.rencontres-2021 > .concert-div > .img-grid >.concert1 {
  position:relative;
grid-column-start: 1;
 grid-column-end: 5;  
  grid-row: 1;
}

.concert1 > img {
  display: block;
  width: 100%;
  height : auto;
}

.concert1 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert1 >  .overlay:hover {
    opacity:1;
}

.concert1 >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2021 > .concert-div > .img-grid > .concert2 {
  position:relative;
grid-column-start: 5;
 grid-column-end: 9;  
 grid-row: 1;
}

.concert2 > img {
  display: block;
  width: 100%;
  height : auto;
}


.concert2 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert2 >  .overlay:hover {
    opacity:1;
}

.concert2  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2021 > .concert-div > .img-grid > .concert3 {
  position:relative;
grid-column-start: 9;
 grid-column-end: 13;  
 grid-row: 1;
}

.concert3 > img {
  display: block;
  width: 100%;
  height : auto;
}

.concert3 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert3 >  .overlay:hover {
    opacity:1;
}

.concert3  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

 .rencontres-2021 > .concert-div > .img-grid > .concert4 {
  position:relative;
grid-column-start: 13;
 grid-column-end: 17;  
 grid-row: 1;
}

.concert4 > img {
  display: block;
  width: 100%;
  height : auto;
}

.concert4 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert4 >  .overlay:hover {
    opacity:1;
}

.concert4  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

 .rencontres-2021 > .concert-div > .img-grid > .concert5 {
  position:relative;
grid-column-start: 17;
 grid-column-end: 21;
 grid-row: 1;
}

.concert5 > img {
  display: block;
  width: 100%;
  height : auto;
}

.concert5 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert5 >  .overlay:hover {
    opacity:1;
}

.concert5  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.rencontres-2021 > .concert-div > .img-grid > .concert6 {
  position:relative;
grid-column-start: 1;
 grid-column-end: 6;  
 grid-row: 2;
}

.concert6 > img {
  display: block;
  width: 100%;
  height : auto;
}

.concert6 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert6 >  .overlay:hover {
    opacity:1;
}

.concert6  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


 .rencontres-2021 > .concert-div > .img-grid > .concert7 {
  position:relative;
grid-column-start: 6;
 grid-column-end: 11;  
 grid-row: 2;
}

.concert7 > img {
  display: block;
  width: 100%;
  height : auto;
}

.concert7 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert7 >  .overlay:hover {
    opacity:1;
}

.concert7  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.rencontres-2021 > .concert-div > .img-grid > .concert8 {
  position:relative;
grid-column-start: 11;
 grid-column-end: 16;    
 grid-row: 2;
}

.concert8 > img {
  display: block;
  width: 100%;
  height : auto;
}

.concert8 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert8 >  .overlay:hover {
    opacity:1;
}

.concert8  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


 .rencontres-2021 > .concert-div > .img-grid > .concert9 {
  position:relative;
grid-column-start: 16;
 grid-column-end: 21;  
 grid-row: 2;
}

.concert9 > img {
  display: block;
  width: 100%;
  height : auto;
}

.concert9 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert9 >  .overlay:hover {
    opacity:1;
}

.concert9  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-674fe86 */.rencontres-2020{
    position: relative;
    font-family: helvetica neue;
    font-weight: normal;
    margin-top:20px;
    margin-bottom:20px;
}

.rencontres-2020 > summary {
  padding: 4px;
  width : 100%;
 height : 300px;
  transition: 1.25s ease;
}


.rencontres-2020 > summary > .summary-style {
  position: absolute;

    transition: 1.25s ease;
    width : 100%;
    height : 100%;
    border: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.35);
border-radius:12px;
     background :
  linear-gradient(
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.5)
  ),
  url("https://ajc-jazz.eu/wp-content/uploads/2020/11/rencontresajc2020-affiche-web.png");
  filter: blur(1px);
  /*background-position: center;*/
  background-size: 100%;
  background-repeat: no-repeat;
  /*background-size: cover;*/
}

 .rencontres-2020 > summary > .section-title {
    top: 5px;
    margin-bottom : 10px;
    font-size: 34pt;
    font-weight: bold;
    background: -webkit-linear-gradient(#DF0404, #7a1418);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    text-align : center;
    transition: 0.75s ease;

}

.rencontres-2020 > summary > .section-title:hover {
    top: -8px;
    font-size: 38pt;
    transition: 0.75s ease;
     
 }

.rencontres-2020 > summary > .preview-text{
position: relative;
top:5%;
left: 6.5%;
right:12.5%;
transition: 1.25s ease;
display: block;
text-align: left;
margin-right: 10%;
font-size: 15pt;
padding: 15px 28px;
border-radius: 12px;
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.15);  
background:
  linear-gradient(
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.5)
  );
}

.rencontres-2020 > summary > .preview-text:hover{
top:-5%;
left: 6.0%;
right:12.5%;
transition: 1.25s ease;
font-size: 15pt;
padding: 15px 28px;border-radius: 12px;
box-shadow: 10px 10px 4px 0px rgba(0,0,0,0.35);  
background:
  linear-gradient(
    rgba(255, 255, 255, 0.85),
    rgba(255, 255, 255, 0.85)
  );
}

.rencontres-2020 > summary > .arr-detail:hover {
  border-width: 0 9px 9px 0;
  padding: 18px;
  border-radius:8px;
  transition: 0.65s ease;
}

.rencontres-2020 > summary > .arrow {
  border: solid  #7a1418;
  border-width: 0 8px 8px 0;
  border-radius:5px;
  display: inline-block;
  padding: 13px;
}

.rencontres-2020 > summary > .arr-detail {
position: relative;
left:10%;
top:30%;
  transition: 1.25s ease;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.rencontres-2020[open] > summary > .arr-detail {
 position: relative;
left:5%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: 1.25s ease;
}


.rencontres-2020[open] > summary > .summary-style {
   border: none;
   box-shadow: none;
   height: 0.01%;
   transition: 0.75s ease;
}

.rencontres-2020[open] > summary {
       height : 85px;
       transition: 1.25s ease;
}

.rencontres-2020[open] > summary > .preview-text{
display: none;
transition: 1.25s ease;
}

.main-table{
    margin-top:35px;
}

.rencontres-2020[open] > .main-table .gauche {
    position: relative;
    left:-75%;
    width: 66%;
     -webkit-animation: gauche 1.2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: gauche 1.2s forwards;
    animation-delay: 0.5s;
}

@-webkit-keyframes gauche {
    100% { left: 0; }
}

@keyframes gauche {
    100% { left: 0; }
}

.intro {
      border : none;
      text-align: justify;
      margin-top:50px;
}

.intro > p {
     margin-right: 50px;
     font-weight: normal;
}


.rencontres-2020[open] > .main-table .visu {
     position: relative;
    right:-75%;
    height: 450px;
     -webkit-animation: visu 1.2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: visu 1.2s forwards;
    animation-delay: 0.5s;
}

@-webkit-keyframes visu {
    100% { right: 0; }
}

@keyframes visu {
    100% { right: 0; }
}


.visu > img {
    height: 400px;
    width: 78%;
    margin: auto;
}

.boutton {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.boutton-container {
    top :0px;
    width: 100%;
    margin-top: 20px;
}

.boutton-conf {
    text-align: left;
}

.boutton-concert {
    text-align: center;
}

.boutton-partenaire {
    text-align: center;
}

.button-style {
    line-height: 2.8;
    font-weight: normal;
    padding: 0 22px;
    font-size: 10.5pt;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    background-color: #DF0404;
    }

.conf {
    border : none;
    text-align: justify;
}

.conf > h5 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.conf > p {
    margin-right : 50px;
    font-weight: normal;
}

 .concert-div  {
    text-align: justify;
}

 .concert-div > .concert-title {
     position: relative;
    left:0%;
}


.concert-div > p {
     position: relative;
    left:0%;
    margin-top : 15px;
}

 .rencontres-2020 > .concert-div>.img-grid {
    position: relative;
    right:0%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;


}

.rencontres-2020 > .concert-div>.img-grid > .concert1 {
  position:relative;
  grid-column: 1;
  grid-row: 1;
}

.concert1 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert1 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert1 >  .overlay:hover {
    opacity:1;
}

.concert1 >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2020 > .concert-div>.img-grid > .concert2 {
  position:relative;
  grid-column: 2;
  grid-row: 1;
}

.concert2 > img {
  display: block;
  width: 100%;
  height : 100%;
}


.concert2 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert2 >  .overlay:hover {
    opacity:1;
}

.concert2  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2020 > .concert-div>.img-grid > .concert3 {
  position:relative;
  grid-column: 3;
  grid-row: 1;
}

.concert3 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert3 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert3 >  .overlay:hover {
    opacity:1;
}

.concert3  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2020 > .concert-div>.img-grid > .concert4 {
  position:relative;
  grid-column: 4;
  grid-row: 1;
}

.concert4 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert4 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert4 >  .overlay:hover {
    opacity:1;
}

.concert4  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2020 > .concert-div>.img-grid > .concert5 {
  position:relative;
  grid-column: 1;
  grid-row: 2;
}

.concert5 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert5 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert5 >  .overlay:hover {
    opacity:1;
}

.concert5  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.rencontres-2020 > .concert-div>.img-grid > .concert6 {
  position:relative;
  grid-column: 2;
  grid-row: 2;
}

.concert6 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert6 > .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert6 >  .overlay:hover {
    opacity:1;
}

.concert6  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.rencontres-2020 > .concert-div>.img-grid > .concert7 {
  position:relative;
  grid-column: 3;
  grid-row: 2;
}

.concert7 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert7 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert7 >  .overlay:hover {
    opacity:1;
}

.concert7  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.rencontres-2020 > .concert-div>.img-grid > .concert8 {
  position:relative;
  grid-column: 4;
  grid-row: 2;
}

.concert8 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert8 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert8 >  .overlay:hover {
    opacity:1;
}

.concert8  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}



.testing {
    display: none;
    background-image: element(tt);
}

#tt {
    display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37910a8 */.rencontres-2019{
    position: relative;
    animation-delay: 0.5s;
    font-family: helvetica neue;
    font-weight: normal;
    margin-top:20px;
    margin-bottom:20px;
}

.rencontres-2019 > summary {
  padding: 4px;
  width : 100%;
 height : 300px;
  transition: 1.25s ease;
}


.rencontres-2019 > summary > .summary-style {
  position: absolute;

    transition: 1.25s ease;
    width : 100%;
    height : 100%;
    border: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.35);
border-radius:12px;
     background :
  linear-gradient(
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.5)
  ),
  url("https://ajc-jazz.eu/wp-content/uploads/2019/10/affiche-rencontres-ajc.jpg");
  filter: blur(1px);
  /*background-position: center;*/
  background-size: 100%;
  background-repeat: no-repeat;
  /*background-size: cover;*/
}

 .rencontres-2019 > summary > .section-title {
    top: 5px;
    margin-bottom : 10px;
    font-size: 34pt;
    font-weight: bold;
    background: -webkit-linear-gradient(#DF0404, #7a1418);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    text-align : center;
    transition: 0.75s ease;
}

.rencontres-2019 > summary > .section-title:hover {
    top: -8px;
    font-size: 38pt;
    transition: 0.75s ease;
 }

.rencontres-2019 > summary > .preview-text{
position: relative;
top:5%;
left: 6.5%;
right:12.5%;
transition: 1.25s ease;
display: block;
text-align: left;
margin-right: 10%;
font-size: 15pt;
padding: 20px 28px;
border-radius: 12px;
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.15);  
background:
  linear-gradient(
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.5)
  );
}

.rencontres-2019 > summary > .preview-text:hover{
top:-5%;
left: 6.0%;
right:12.5%;
transition: 1.25s ease;
font-size: 15pt;
padding: 20px 28px;border-radius: 12px;
box-shadow: 10px 10px 4px 0px rgba(0,0,0,0.35);  
background:
  linear-gradient(
    rgba(255, 255, 255, 0.85),
    rgba(255, 255, 255, 0.85)
  );
}

.rencontres-2019 > summary > .arr-detail:hover {
  border-width: 0 9px 9px 0;
  padding: 18px;
  border-radius:8px;
  transition: 0.65s ease;
}

.rencontres-2019 > summary > .arrow {
  border: solid  #7a1418;
  border-width: 0 8px 8px 0;
  border-radius:5px;
  display: inline-block;
  padding: 13px;
}

.rencontres-2019 > summary > .arr-detail {
position: relative;
left:10%;
top:30%;
  transition: 1.25s ease;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.rencontres-2019[open] > summary > .arr-detail {
 position: relative;
left:5%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: 1.25s ease;
}


.rencontres-2019[open] > summary > .summary-style {
   border: none;
   box-shadow: none;
   height: 0.1%;
   transition: 0.75s ease;
}

.rencontres-2019[open] > summary {
       height : 85px;
       transition: 1.25s ease;
}

.rencontres-2019[open] > summary > .preview-text{
display: none;
transition: 1.25s ease;
}

.main-table{
    margin-top:35px;
}

.rencontres-2019[open] > .main-table .gauche {
    position: relative;
    left:-75%;
    width: 66%;
     -webkit-animation: gauche 1.2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: gauche 1.2s forwards;
    animation-delay: 0.5s;
}

@-webkit-keyframes gauche {
    100% { left: 0; }
}

@keyframes gauche {
    100% { left: 0; }
}

.intro {
      border : none;
      text-align: justify;
      margin-top:50px;
}

.intro > p {
     margin-right: 50px;
     font-weight: normal;
}


.rencontres-2019[open] > .main-table .visu {
     position: relative;
    right:-75%;
    height: 450px;
     -webkit-animation: visu 1.2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: visu 1.2s forwards;
    animation-delay: 0.5s;
}

@-webkit-keyframes visu {
    100% { right: 0; }
}

@keyframes visu {
    100% { right: 0; }
}


.visu > img {
    height: 400px;
    width: 78%;
    margin: auto;
}

.boutton {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.boutton-container {
    top :0px;
    width: 100%;
    margin-top: 20px;
}

.boutton-conf {
    text-align: left;
}

.boutton-concert {
    text-align: center;
}

.boutton-partenaire {
    text-align: center;
}

.button-style {
    line-height: 2.8;
    font-weight: normal;
    padding: 0 22px;
    font-size: 10.5pt;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    background-color: #DF0404;
    }

  .button-style2 {
        line-height: 1.5;
        font-weight: normal;
        padding: 0 22px;
        font-size: 10.5pt;
        text-align: center;
        color: #fff;
        border-radius: 25px;
        background-color: #DF0404;
        }

.conf {
    border : none;
    text-align: justify;
}

.conf > h5 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.conf > p {
    margin-right : 50px;
    font-weight: normal;
}

 .concert-div  {
    text-align: justify;
}

 .concert-div > .concert-title {
     position: relative;
    left:0%;
     -webkit-animation: concert-title 1.0s forwards;
    -webkit-animation-delay: 0.5s;
    animation: concert-title 1.0s forwards;
    animation-delay: 0.5s;
}

.concert-div > p {
     position: relative;
    left:0%;
    margin-top : 15px;
    animation-delay: 0.5s;
}

 .rencontres-2019 > .concert-div > .img-grid {
    position: relative;
    right:0%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  /*grid-auto-rows: minmax(100px, auto);*/

}

 .rencontres-2019 > .concert-div > .img-grid > .concert1 {
  position:relative;
  grid-column: 1;
  grid-row: 1;
}

.concert1 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert1 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert1 >  .overlay:hover {
    opacity:1;
}

.concert1 >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

 .rencontres-2019 > .concert-div > .img-grid > .concert2 {
  position:relative;
  grid-column: 2;
  grid-row: 1;
}

.concert2 > img {
  display: block;
  width: 100%;
  height : 100%;
}


.concert2 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert2 >  .overlay:hover {
    opacity:1;
}

.concert2  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

 .rencontres-2019 > .concert-div > .img-grid > .concert3 {
  position:relative;
  grid-column: 3;
  grid-row: 1;
}

.concert3 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert3 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert3 >  .overlay:hover {
    opacity:1;
}

.concert3  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

 .rencontres-2019 > .concert-div > .img-grid > .concert4 {
  position:relative;
  grid-column: 4;
  grid-row: 1;
}

.concert4 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert4 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert4 >  .overlay:hover {
    opacity:1;
}

.concert4  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2019 > .concert-div > .img-grid2 {
   position: relative;
   right:0%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(200px, auto);
}


.rencontres-2019 > .concert-div > .img-grid2 > .concert5 {
  position:relative;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 1;
}

.concert5 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert5 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert5 >  .overlay:hover {
    opacity:1;
}

.concert5  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.rencontres-2019 > .concert-div > .img-grid2 > .concert6 {
  position:relative;
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 1;
}

.concert6 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert6 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert6 >  .overlay:hover {
    opacity:1;
}

.concert6  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.rencontres-2019 > .concert-div > .img-grid2 > .concert7 {
  position:relative;
  grid-column-start: 5;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
}

.concert7 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert7 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert7 >  .overlay:hover {
    opacity:1;
}

.concert7  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.rencontres-2019 > .concert-div > .img-grid2 > .concert8 {
  position:relative;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 4;
}

.concert8 > img {
  display: block;
  width: 100%;
  height : 100%;
}

.concert8 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert8 >  .overlay:hover {
    opacity:1;
}

.concert8  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.rencontres-2019 > .concert-div > .img-grid2 > .concert9 {
  position:relative;
  grid-column-start: 4;
  grid-column-end: 7;
  grid-row-start: 2;
  grid-row-end: 4;}

.concert9 > img {
  display: block;
  width: 100%;
    height : 100%;

}

.concert9 >  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height:100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.80);
}

.concert9 >  .overlay:hover {
    opacity:1;
}

.concert9  >  .overlay > .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}/* End custom CSS */