.titre_main                             { font-size: 80px; line-height: 90px; margin-bottom: 10px;}

.arrownav                               { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -30px; z-index: 2; background-position: center; background-color: #fff; background-repeat: no-repeat;}
.arrow_prev                             { left: 0; background-image: url(../images/arrow_prev.svg);}
.arrow_next                             { right: 0; background-image: url(../images/arrow_next.svg);}
.swiper-button-disabled                 { opacity: 0;}

.table_plus .hide p>a                   { color: #b61d1d; border-bottom: 1px solid #eee;}

@media (min-width:1201px) {
.table_plus .hide p>a:hover             { border-color: #b61d1d;}
.titre_plus                             { background: #fff;}
.table_plus .hide                       { color: #fff;}
}
@media (max-width:1200px) {
.titre_main                             { font-size: 65px; line-height: 75px;}
}

@media (max-width:1000px) {
.arrownav                               { display: none;}
.swiper_scrollbar                       { background: #eeeeee; width: 100%; margin: 30px auto 0;}
.swiper-scrollbar-drag                  { background: #b61d1d; height: 5px; border-radius: 0;}
}
@media (max-width:700px) {
.titre_main                             { font-size: 40px; line-height: 35px; margin-bottom: 10px; }
}



@media (min-width: 1201px) {
.arrownav                               { transition: all ease-in-out 400ms; cursor: pointer;}
.arrow_prev:hover                       { background-image: url(../images/arrow_prev_dark.svg);}
.arrow_next:hover                       { background-image: url(../images/arrow_next_dark.svg);}
}



/***** banner *****/
.banner                                 { position: relative; margin-top: 90px;}
.banner .media                          { position: relative; display:flex;  }
.banner .media video                    { height: 100%; width: 100%; top: 0; left: 0; object-fit: cover; max-height: 700px; min-height: 450px;}
.banner .media img                      { height: 80vh; width: 100%; object-fit: cover; max-height: 900px; min-height: 450px;}
.banner .shape                          { width: 10500px; height: 1175px; position: absolute; right: -4000px; top: 660px; background: #b61d1d; transform: rotate(-45deg);}

@media (max-width: 1200px) {
.banner .media                          { position: relative;}
.banner .media video                    { max-height: 650px; min-height: 400px;}
.banner .wrapper                        { max-width: initial; width: 100%;}
.banner .media img                      { max-height: 700px; min-height: 350px;}
.banner .shape                          { display: none;}
}
@media (max-width: 1000px) {
.banner                                 { margin-top: 135px;}

.banner .media video                    { max-height: 600px; min-height: 300px;}
.banner .media img                      { max-height: 650px; min-height: 300px;}
} 
@media (max-width: 700px) {
.banner                                 { margin-top: 0;}
.banner .media img                      { max-height: 450px; min-height: 250px;}
}


.pub                                    { display: block; text-align: center; color: #fff; background: #000; font: 700 18px/20px "Barlow Condensed"; text-transform: uppercase; padding: 20px;}
@media (max-width: 1200px) {
.events .wrapper                        { max-width: initial; width: 100%;}
}
@media (max-width: 1000px) {
.pub                                    { background: #b61d1d;}
}
@media (max-width: 700px) {
.pub                                    { font-size: 15px;}
}

/***** intro *****/
.intro                                  { padding: 70px 80px 80px 80px; margin: 80px auto; background-color: #fff;}
.intro .chapo,
.intro p                                { color: #000;}
.intro .titre_main                      { text-transform: uppercase; color: #000; font-size: 80px; line-height: 90px; margin-bottom: 15px;}
.intro .sous_titre                      { color: #b61d1d;}

.link-moins,.link-plus                  { cursor:pointer; color: #000; border-bottom: 1px solid #000;}
.textMore                               { display: none; margin-top: 40px;}
.textMore p:not(:first-of-type)         { margin-top: 15px;}

@media (min-width: 1201px) {
.link-moins:hover,
.link-plus:hover                        { color: #000; border-color: #000;}
}
@media (max-width: 1200px) {
.intro .titre_main                      { font-size: 60px; line-height: 70px;}
.intro                                  { padding: 0; margin: 70px auto; background-color: none;}
    
.intro .chapo,
.intro p,
.intro .titre_main                      { color: initial;}
.intro .sous_titre                      { color: #b61d1d;}
.link-moins,.link-plus                  { color: #000; border-color: #000;}
}
@media (max-width: 700px) {
.intro                                  { margin: 55px 0 35px;}
.intro .chapo                           { display: none;}
.intro .titre_main                      { font-size: 40px; line-height: 35px; margin-bottom: 10px;}
}


/***** listsport *****/
.listsport                              { position: relative;}
.listsport .arrownav                    { margin-top: -75px;}
.listsport .swiper                      { z-index:1; width: 1690px;}
.wrap_titre                             { display: grid; grid-template-columns: auto auto; justify-content: space-between;}
.listsport .item                        { position: relative; width: 400px; background: #fff;}
.listsport .content                     { position: relative; filter: brightness(1); transition: all 300ms ease-in-out;}
.listsport .item img                    { width: 100%; height: auto; display: block;}
.listsport .hide                        { position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.9); color: #000; height: 100%; padding: 0 30px; opacity: 0; transition: all ease 400ms; display: grid; align-items: center;}  
.listsport .link                        { background: url(../images/plus.svg) right 30px center no-repeat; color: #000; padding: 0 80px 0 30px; display: block; line-height: 75px; height: 75px; font-size: 25px; text-align: left; transition-duration: 200ms;}

@media (min-width:1201px) { 
.listsport .item:hover .hide            { opacity: 1;}
.listsport .item:hover .link            { color: #b61d1d; background-image: url(../images/arrow_right_red.svg);}
.listsport .item:hover .content         { filter: brightness(0.8); }
}   
@media (max-width:1000px) { 
.listsport .link                        { padding: 0 30px; text-align: center; background: #fff;}
.listsport .arrownav                    { display: none;}
.listsport .item                        { width: 320px;}
}   
@media (max-width:700px) {  
.listsport                              { margin-bottom: 40px;}
.listsport .slider                      { width: 100vw; margin: 0;}
.listsport .hide                        { display: none;}
.listsport .item                        { width: 200px;}
.listsport .item img                    { height: 220px; object-fit: cover;}
.listsport .link                        { line-height: 55px; height: 55px; font-size: 20px;}
.listsport .swiper_scrollbar            { margin-top: 15px;}
}



/***** bandeau *****/
@media (max-width:1000px) {
.bandeau.cours                          { font: 700 15px/60px "Barlow Condensed"; padding: 0 20px; text-transform: uppercase; margin-top: 50px;}
.bandeau.cours strong                   { display: inline; padding: 0;}
}

@media (max-width:700px) {
.bandeau.mobile                         { margin-bottom: 50px;}
.bandeau.cours                         { height: auto; min-height: 60px; line-height: 25px; padding: 18px 30px;}
.bandeau.cours a,
.bandeau.cours strong                  { height: auto; line-height: 25px; }
}



/***** la salle *****/
.lasalle .wrapper                       { display: grid; grid-template-columns: 1fr 1fr; align-items: center;}
.lasalle .photo                         { margin-right: -230px;}
.lasalle .photo img                     { width: 100%; height: auto; display: block; min-height: 680px; object-fit: cover;}
.lasalle .texte                         { max-width: 600px; background: #fff; padding: 60px 80px 75px; z-index: 80;}
.lasalle .link                          { margin-top: 30px;}

@media (max-width:1000px) {
.lasalle .wrapper                       { grid-template-columns: 1fr; gap: 35px;}
.lasalle .photo                         { margin: 0;}
.lasalle .photo img                     { min-height: inherit;}
.lasalle .texte                         { padding: 0; max-width: initial;}
.lasalle .link                          { display: block; text-align: center;}
}
@media (max-width: 700px) {
.lasalle .wrapper                       { max-width: initial; width: 100%;}
.lasalle .photo img                     { min-height: inherit;}
.lasalle .texte                         { max-width: 86vw; margin: 0 auto;}
.lasalle .link                          { margin-top: 20px;}
}



/***** coach *****/
.coach .wrapper                         { display: grid; grid-template-columns: 50% 50%; align-items: center;}
.coach .texte                           { order: 1; padding-right: 100px;}
.coach .link                            { margin-top: 30px;}
.coach .media                           { order: 2;}
.coach .slider                          { width: calc(50vw - 53px);}
.coach .item                            { width: 345px; line-height: 0;}
.coach .item img                        { width: 100%; height: auto;}
.coach .shape                           { width: 10000px; height: 1175px; position: absolute; right: -4560px; top: 660px; background: #b61d1d; transform: rotate(-45deg);}
.coach .swiper_scrollbar                { display: none;}
@media (max-width:1200px) {
.coach .shape                           { display: none;}
}
@media (max-width:1000px) {
.coach .wrapper                         { display: block;}
.coach .texte                           { padding: 0; margin-top: 30px;}
.coach .slider                          { width: 100vw;}
.coach .swiper_scrollbar                { display: block;}
.coach .item                            { width: 320px;}
.coach .link                            { display: block; text-align: center;}
}
@media (max-width: 700px) {
.coach .slider                          { width: 100vw;}
.coach .item                            { width: 250px;}
}
@media (max-width: 600px) {
.coach .item                            { width: 175px;}
}