/* NAV LNV */

/* Menu Styles */
  
.primary-nav {
    position: fixed;
    z-index: 999;
    top:0;
    bottom:0;
    left:0;
    background-color:#303880;
  }

 
  
  .menu {
    display:flex;
    align-items: flex-start;
  }
  
  .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    
  }

 
  
  .open-panel {
    border: none;
    background-color:#fff;
    padding: 0;
  }
  
 .hamburger {
    background: #303880;
    position:relative;
    display: block;
    text-align: center;
    width: 60px;
    height: 50px;
    left: 0;
    top: 0;
    z-index: 1000;
    cursor: pointer;
  }
  
 
  
  
  
  .hamburger:before {
    content:"\2715"; /* close icon */
    display: block;
    color: rgb(255, 255, 255);
    line-height: 32px;
    font-size: 16px;
    
    
  }
  
  .hamburger:hover:before {
    color: #777;
  }
  
  .primary-nav .menu li {
    position: relative;
    transition: all .25s;
  }
  
  
  .menu,
  .menu a,
  .menu a:visited {
    color: #fff;
    text-decoration: none!important;
    position: relative;
  }

  .menu li  a.lnv{
    display: block;
    white-space: nowrap;
    padding: 1em 1em 0.4em 0px;
    font-size: 12px;
    font-weight:bold;
    margin: 0 25px 0.6em 25px;
  }

  .menu li.menu-hasdropdown{
    height: 3em;
    overflow: hidden;
	transition: all .3s;
  }

input#LAM:checked + li.LAM, input#LAF:checked + li.LAF, input#LBM:checked + li.LBM {
	height: 21.5em;
}
  
  .menu li.menu-hasdropdown  label.titre {
    display: block;
    white-space: nowrap;
    height: 3em;
    padding: 1em 1em 0.4em 0px;
    font-size: 12px;
    font-weight:bold;
    margin: 0 25px 0.6em 25px;
    cursor: pointer;
    transition: all .25s;
  }

  .menu li.LAM label.titre{
      border-bottom: 1px solid #2aaecb;
  }

  .menu li.LAF label.titre{
    border-bottom: 1px solid #ea5297;
}

.menu li.LBM label.titre{
    border-bottom: 1px solid #74b841;
}

  .menu li.menu-hasdropdown a {
    display: block;
    white-space: nowrap;
    padding: 0 2px 0 0px;
    font-size: 12px;
    font-weight:normal;
    margin: 0 25px 0 25px;
    transition: all .25s;
  }

  .menu li.LAM a:hover{
      color:#2aaecb;
  }

  .menu li.LAM a:hover::before{
    content: "";
    display:inline-block;
    padding: 0 0 0 15px;
    border-bottom: 1px solid #2aaecb;
    position:absolute;
    top:50%;
    left:-25px;
}

  .menu li.LAF a:hover{
    color:#ea5297;
}

.menu li.LAF a:hover::before{
    content: "";
    display:inline-block;
    padding: 0 0 0 15px;
    border-bottom: 1px solid #ea5297;
    position:absolute;
    top:50%;
    left:-25px;
}

.menu li.LBM a:hover{
    color:#74b841;
}

.menu li.LBM a:hover::before{
    content: "";
    display:inline-block;
    padding: 0 0 0 15px;
    border-bottom: 1px solid #74b841;
    position:absolute;
    top:50%;
    left:-25px;
}

  
  .menu a:hover {
    color: #fff;
  }
  
  .menu {
    margin-bottom: 3em;
  }
  
  
  
  .menu label {
    margin-bottom: 0;
    display: block;
  }
  
  .menu label:hover {
    cursor: pointer;
  }
  
  .menu input[type="radio"] {
    display: none;
  }
  
  ul.menu-dropdown {
      
      left: 0;
      -webkit-animation: all .45s cubic-bezier(0.77, 0, 0.175, 1);
              animation: all .45s cubic-bezier(0.77, 0, 0.175, 1);
  }

  
  /* MOUVEMENT DU BODY */
  /* .openNav .new-wrapper {
    position: absolute;
    transform: translate3d(200px, 0, 0);
    width: calc(100% - 250px);
    transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);
  } */

  
  
  
  
  .menu {
    position: absolute;
    display: block;
    left: -165px;
    top: 0;
    width: 175px;
    transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
    background-color: #303880;
    z-index: 999;
  }
  
  .menu-dropdown {
    top: 0;
    overflow-y: auto;
  }
  
  .overflow-container {
    position: relative;
    height: calc(100vh)!important;
    overflow-y: auto;
    z-index: -1;
    display:block;
    padding-bottom: 80px;
  }
  
  .menu a.logotype {
    position: absolute!important;
    top: 0px;
    right:-50px;
    width:50px;
    display: block;
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    z-index:1001;
   
  }
  
  .openNav .menu:hover {
    position: absolute;
    left: -165px;
    top: 0px;
  }
  
  .openNav .menu {
    top: 0px;
      transform: translate3d(165px, 0, 0);
      transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);
  }
    
    label.hamburger {
      display: none;
    }
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* look and feel only, not needed for core menu*/
  
  @-webkit-keyframes grow {
    
    0% {
      display: none;
      opacity: 0;
    }
    50% {
      display: block;
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
    
  }
  
  @keyframes grow {
    
    0% {
      display: none;
      opacity: 0;
    }
    50% {
      display: block;
      opacity: 0.5;
    }
    100% {
      opacity: 1
    }
    
  }
  
/* BOUTIQUE FIXE */

.boutique-fix{
    position: fixed;
    top:0;
    right:14%;
    display:flex;
    z-index:1000;
}

div a.billetterie{
    background-color:#d54577;
    color:white;
    }

div a.billetterie:hover{
    color:black;
}

div a.boutique{
    background-color: black;
    color:white;
}

div a.boutique:hover{
    color:#d54577;
}

div a.billetique{
    display:inline-block;
    flex-basis: 50%;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 2px 20px;
}

/* TOP */

.contenu-laptop{
    margin: 0 auto;
    max-width: 1440px;
}

div.body-bg{
    background-image:url("../img/narbonne-background.jpg");
    background-repeat: no-repeat;
    background-color: black;
    background-size: 100% auto;
    background-position: top;
    background-attachment: fixed;
}

.bigslam-header-background-transparent div.narbonne-color{
    background-color:#d54577;
    opacity: 0.7;
}

.carre-45{
    height: 30px;
    width: 30px;
    background: #d54577;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */  
}

.bigslam-navigation .bigslam-navigation-slide-bar.bigslam-style-2:after{
    background-color: white;
}

/* GENERAL */

.txt-center{
    text-align: center;
}

.txt-left{
    text-align: left;
}

.txt-right{
    text-align: right;
}

/* MATCH A VENIR */

.col-on{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    padding: 0 4px;
}

.ligne-du-temps{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    line-height: 1;
}

.nombre{
    font-size: 16px;
}

.dessous{
    text-transform: uppercase;
    font-size: 10px;
}

.club{
    background-color: white;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

.domicile{
    color:#d54577;
}

span.match-score.bg-narbonne{
    background-color:#d54577;
}

.vs{
    background-color: #d54577;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 10px 13px 10px;
    display: inline-block;
    position: relative;
    color: white;
}

span.vs::after{
    content: "";
    display: block;
    background: white;
    border-top: 50px solid #d54577;
    border-right: 21px solid transparent;
    position: absolute;
    top: 0;
    right: -20px;
    z-index: 100;
    height: 100%;
    box-sizing: border-box;
}

span.vs::before{
    content: "";
    display: block;
    background: white;
    border-top: 50px solid #d54577;
    border-left: 21px solid transparent;
    position: absolute;
    top: 0;
    left: -20px;
    z-index: 100;
    height: 100%;
    box-sizing: border-box;
}

.fond{
    background-color: rgb(230, 227, 227);
}

.logo-gauche-narbonne{
    transform: translateX(10px);
}

.logo-droite-paris{
    transform: scale(1.4);
    transform-origin: right;
}

.date{
    margin: 0;
    transform: translateY(27px);
    background-color: black;
    display: inline-block;
    padding: 4px 14px;
    font-size: 8px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    z-index:200;
}

.timer{
    display: inline-block;
    transform: translateY(-26px);
    background-color: black;
    color: white;
    padding: 5.5px 15px;
    font-family: 'Open Sans', sans-serif;
}

div.timer::after{
    content: "";
    display: block;
    background: transparent;
    border-top: 39px solid black;
    border-right: 20px solid transparent;
    position: absolute;
    top: 0;
    right: -19px;
    z-index: 100;
    height: 100%;
    box-sizing: border-box;
}

div.timer::before{
    content: "";
    display: block;
    background: transparent;
    border-top: 39px solid black;
    border-left: 20px solid transparent;
    position: absolute;
    top: 0;
    left: -19px;
    z-index: 100;
    height: 100%;
    box-sizing: border-box;
}

.undercover{
    width: 100%;
    height:50px;
    z-index:1000;
    transform:translateX(10px);
}

.blacky{
    color:black;
}

.club-gauche{
    padding: 11px 25px 11px 40px;
}

.club-droit{
    padding: 11px 40px 11px 25px;
}

.scale{
    transform: scale(1.5);
}

p.titre-2{
    font-size:48px;
    font-weight:bold;
    text-transform: uppercase;
    font-style: italic;
    font-family: 'Roboto Condensed', sans-serif;
}

p.titre-4{
    font-size:28px;
    font-weight:bold;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

.titre-4 .sous-titre{
    color:#888585;
}

.pied-de-module{
    padding-bottom: 20px;
}

/* LNVTV */

.lnv-tv{
    text-align: center;
    background-color: #272254;
}

/* MODULE CLASSEMENT */

.basis-50{
    Flex-basis: 50%;
}

.basis-25{
    flex-basis: 22.33%
}

.demi{
    width:45%;
}

.module{
    padding: 0 50px 50px 50px;
    display: flex;
}

.module-classement-gauche{
    padding: 50px 20px 50px 20px;
}

.module-classement-droite{
    padding: 50px 20px 50px 20px;
}

.bg-classement{
    background-image:url("../img/classement-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.logo-classement{
    width:30px;
}

table.classement{
    border-collapse: collapse;
    text-transform:uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
}

table.classement tbody tr td{
    color:black;
}

table.classement th{
    text-align:center
}

table.classement th:nth-child(2){
    width: 30%;
    text-align: left;
}

table.classement tr th{
    background-color:black;
    padding: 12px 5px;
    font-weight: bold;
}

table.classement tr td:nth-child(2){
    display: flex;
    align-items: baseline;
    align-content: flex-end;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
}

table.classement tr td{
    vertical-align: baseline;
    text-align:center;
    padding: 1% 5px;
}

table.classement tr td img{
    padding-right: 8px;
    transform:translateY(4px);
}

.date-match{
    background-color: #dcdbdb;
    color: black;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    padding: 5px 0;
}

div.basis-25 p.date-match{
    margin:0;
}

.match-opposition{
    background-color: white;
    display: flex;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    padding: 16px 0;
}

.logo-resultat{
    width:10%;
}

.match-score{
    font-weight: bold;
    color: white;
    font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: black;
    padding: 2px 10px;
}

.match-equipe{
    text-transform: uppercase;
    font-weight: bold;
    color: black;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    flex-basis: 20%;
    line-height: 18px;
}

.flex-colonne{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: nowrap;
    height: 100%;
}

.index{
    z-index: -1000;
}

.display{
    display:none;
}

.classement-titre-droit{
    display: flex;
    padding: 10px 0;
    justify-content: space-between;
    align-items: baseline;
    font-family: 'Roboto Condensed', sans-serif;
}

.classement-titre-gauche{
    padding: 10px 0;
    font-family: 'Roboto Condensed', sans-serif;
}

.classement-titre-gauche strong,
.classement-titre-droit strong{
    color:white;
    font-size: 30px;
}

.classement-titre-droit a{
    color:white;
    text-decoration: underline;
    font-weight:bold;
    
}

.classement-titre-droit a:hover{
    color:black;
}

/* MODULE PRESSE */

.module-presse{
    display:flex;
    line-height: 1;
}

.basis-30{
    flex-basis: 30%;
}

.basis-40{
    flex-basis: 40%;
}

.lnv-bg{
    background-color: #303980;
    color:white !important;
    padding: 50px 40px 50px 70px;
}

.derniere{
    color:black;
    padding: 50px 60px 50px 50px;
}
.basis-30.lnv-bg a strong,
.basis-30.lnv-bg a p{
    color:white !important;
}

.basis-30 strong{
    font-size: 30px;
    text-transform:uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

.basis-30 p{
    margin-bottom: 0;
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height:1.3;
}

.basis-30 img{
    margin-top: 25px;
}

.basis-30 p.article-club-date {
    color: #d54577;
}

div.gdlr-core-pbf-wrapper-container.clearfix.gdlr-core-container.actu,
div.gdlr-core-tab-item.gdlr-core-js.gdlr-core-item-pdb.gdlr-core-left-align.gdlr-core-tab-style1-horizontal.gdlr-core-item-pdlr{
    padding-left: 0px;
    padding-right:40px
}



.basis-40 .gdlr-core-tab-style1-horizontal .gdlr-core-tab-item-title{
    background-color:white;
    border: 0px;
    padding: 10px 2px 6px;
}

.basis-40 .gdlr-core-tab-style1-horizontal .gdlr-core-tab-item-title-wrap{
    border-bottom: 0px;
    text-align: center;
    display:flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    text-transform:uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:bold;
    
}


.basis-40 .gdlr-core-tab-item .gdlr-core-tab-item-title{
    letter-spacing: 0px;
    color: black;
    font-size: 14px;
}

.gdlr-core-tab-style1-horizontal .gdlr-core-tab-item-title.gdlr-core-active{
    color: #d54577;
    border-bottom: 1px solid #d54577;
    
}

.tab-flex{
    display:flex;
    flex-direction:column;
}

.tab-flex-article{
    display:flex;
    flex-direction:row;
    flex-basis: 33%;
    padding: 14px 0px 14px 0px;
}

.basis-40 p{
    margin: 0;
    line-height: 1.1;
}

div.img-tab-article{
    flex-basis:25%;
}

div.contenu-tab-article{
    padding-left: 20px;
    flex-basis:75%;
}

.basis-40 .tab-flex .tab-flex-article{
    color:black;
    border-bottom: 1px solid rgb(190, 190, 190);

}

.basis-40 .tab-flex .tab-flex-article strong{
    text-transform:uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:bold;
    font-size: 18px;
    margin-bottom: 6px;
    display:block;
}

.basis-40 .tab-flex-article p:first-of-type{
    color: #d54577;
}

.basis-40 .tab-flex div.tab-flex-article:last-of-type{
    border-bottom: 0px;
}

.basis-40 .tab-flex div.tab-flex-article:first-of-type{
    padding-top: 0px;
}

/* MODULE JOUEURS */

.slide-joueur-module{
    background-color: black;
    color:white;
}

.slide-joueur-module .gdlr-core-item-mglr{
    margin-left:0;
}


.slide-joueur-module .gdlr-core-block-item-title-wrap .gdlr-core-block-item-title,
.slide-joueur-module .gdlr-core-testimonial-item .gdlr-core-testimonial-content p{
    color:white;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom:0;
}

.flex-joueur{
    display:flex;
}

.basis-60{
    flex-basis: 60%
}

img.img-joueur{
    width: 100%;
}

div.basis-60.txt-left{
    padding-right: 30px;
}

div.basis-60.txt-left p,
div.basis-60.txt-left a{
    color:#d54577;
}

div.basis-60.txt-left p:first-of-type{
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight:bold;
    margin-bottom: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #9a9a9a;
}


div.basis-60.txt-left p:last-of-type span:first-of-type{
    font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:bold;
    margin-right: 10px;
}

div.basis-60.txt-left p:last-of-type span:last-of-type{
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:bold;
}

div.basis-60.txt-left table{
    border-collapse: collapse;
    text-transform:uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

div.basis-60.txt-left table tr td{
    color:white;
    background-color:black;
    padding: 12px 12px;
}

div.basis-60.txt-left table tr td:first-of-type{
    width:30%;
}

div.basis-60.txt-left table tr td:last-of-type{
    font-weight:bold;
}

div.basis-60.txt-left table tr:nth-child(even) td{
    background-color:#d54577;
}

div.basis-60.txt-left a{
    background-color:white;
    border: 1px solid #d54577;
    padding: 12px 25px;
    margin-top: 14px;
    display:inline-block;
}


div.basis-60.txt-left a span{
    font-weight:bold;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:14px;
}

/* bouton caroussel */

.slide-joueur-module .gdlr-core-flexslider.gdlr-core-nav-style-middle-large .flex-direction-nav li a{
    border:0;
}

.slide-joueur-module .gdlr-core-flexslider.gdlr-core-nav-style-middle-large .flex-direction-nav li a i{
    font-size: 50px;
    color:white;
}

/* MASONRY */

.left-70{
    padding-left: 70px;
}

p.left-70.blacky{
    margin-top: 50px;
    font-family: 'Roboto Condensed', sans-serif;
}

.grid {
    background: white;
    width: 1300px;
    padding-left: 10px;
    padding-top:10px;
    margin:auto;
    counter-reset: grid-item;
  }
  
  /* clearfix */
  .grid:after {
    content: '';
    display: block;
    clear: both;
  }
  
  /* ---- grid-item ---- */
 
  .grid-item {
    width: 248px;
    height: 160px;
    float: left;
    background: rgb(255, 255, 255);
    
    border-radius: 5px;
    margin-bottom: 10px;
    overflow:hidden;
    position:relative;
  }
  
  
  .grid-item--width2 { width: 506px; }
  
  .grid-item--height1-2 { height: 245px; }
  .grid-item--height2 { height: 330px; }
  
  /* .grid-item:before {
    counter-increment: grid-item;
    content: counter(grid-item);
    display: block;
    color: black;
    padding-top: 0.2em;
    text-align: center;
    font-size: 1.4rem;
  } */

  div.bas{
      width:100%;
      margin-bottom: 50px;
      background-color:white;
  }

  .image-hover{
      opacity:0;
      background-color: rgb(213, 69, 119, 32%);
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    text-align:center;
    color:white;
    font-size: 25px;
    font-weight:bold;
  }

  .fa-search-plus{
      color:white;
      font-size: 30px;
  }

  .image-hover {
     padding: 80px;
  }

  div.grid-item:hover .image-hover{
      opacity:1;
  }

  div.grid-item img{
    transition-duration: 300ms;
  }

  div.grid-item:hover img{
      transform:scale(1.2);
      transition-duration: 300ms;
  }

  /* {# NEWSLETTER #} */

  .module-news{
      background-color: #d54577;
      margin: auto;
      display:flex;
      flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }

  .module-news div{
      padding: 30px 10px ;
      flex-basis: 50%;
  }

  .module-news div:first-of-type{
      text-align:right;
      text-transform:uppercase;
  }

  .module-news div input{
      padding: 14px;
      border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
      width:50%;
      border:none;
      font-family: 'Roboto Condensed', sans-serif;

  }

  .module-news div input::placeholder{
      color:rgb(121, 120, 120)
  }

  .module-news div button{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding:12px;
    background-color:black;
    color: white;
    border:none;
    transform: translate(-5px,2px);
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
  }
  


  .titre-news{
      color: white;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 24px;
      font-weight: bold;
  }



  /* {# SOCIAL #} */

  .module-social{
        background-color:white;
        padding:50px 70px;
        display:flex;
        flex-direction: column;
    flex-wrap: nowrap;
  }

  div.titre-4.blacky{
    font-size:28px;
    font-weight:bold;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

  .etage-1{
      display:flex;
      width:100%;
      align-items: flex-end;
  }

  .etage-2{
      display:flex;
      width:100%;
      justify-content: space-between;
  }

  .etage-3{
      display:flex;
  }

  div.hauteur{
      max-height:305px;
  }
  .basis-48{
      flex-basis:48.5%;
  }

  .basis-1-6{
      flex-basis: 16.666%;
  }

  .basis-22{
      flex-basis: 22%;
  }

  .m-30{
      margin-bottom: 30px;
  }

  .reseau{
      position:relative;
      -webkit-box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.1); 
      box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.1);
      display: inline-block;
      
  }
  .tw:hover{
    transform: scale(1.2);
  }

  div.reseau.basis-50 > div{
      padding: 0 30px 0px;
      color: black !important;
  }

  div.reseau.basis-50 > div >a{
      color:#303880 !important;
  }

  div.reseau.basis-50 > div >a:hover{
    color: #d54577 !important;
}

  .reseau .fa-facebook::before{
      position: absolute;
      top:8px;
      right:8px;
      z-index:110;
      color:white;
  }

  .reseau .fa-facebook::after{
    content: "";
    display: block;
    background: transparent;
    border-top: 50px solid #3b5a98;
    border-left: 50px solid transparent;
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 100;
    height: 100%;
    box-sizing: border-box;
  }

  .reseau .fa-twitter::before{
    position: absolute;
    top:8px;
    right:8px;
    z-index:110;
    color:white;
}


.reseau .fa-twitter::after{
    content: "";
    display: block;
    background: transparent;
    border-top: 50px solid #1f9bf0;
    border-left: 50px solid transparent;
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 100;
    height: 100%;
    box-sizing: border-box;
  }

  .fav{
      font-size: 28px;
      padding-left: 10px;
  }

  .fav{
    font-size: 28px;
    font-style: normal;
    display:inline-block;
}

.etage-1 i.fa:hover,
.etage-1 i.fab:hover{
    color:#d54577;
    transform:scale(1.2);
}
.bigslam-body .etage-1 a:hover,
.bigslam-body .etage-1 a:hover{
    color:#d54577;
}

div.basis-22.reseau.tw > div{
    padding: 0 20px 10px;
  
    line-height: 1.2;
    color: black;
}

div.basis-22.reseau.tw > div > a{
    color:#1f9bf0;
}

div.basis-22.reseau.tw > div >span,
div.basis-22.reseau.tw > div > a:hover{
    color:#d54577;
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!                         !!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!      EFFECTIF CARD      !!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!                         !!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


.bigslam-page-title-wrap.bigslam-style-medium .bigslam-page-title-content.equipe{
    padding-top: 70px !important;
    padding-bottom:65px !important;
}

.gallery-item{
    height: 255px;
    overflow:hidden;
    position: relative;
    
}

.wp-caption-text.gallery-caption.small-3.columns.has-number{
    background-color:rgb(190, 187, 187);
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    position: absolute;
    top: 205px;
    left:0;
    right:30px;
    height: 255px;
    transition-duration: 0.8s;
    padding-left: 20px;
    font-family: 'Roboto Condensed', sans-serif;
}

.gallery-item:hover dd.wp-caption-text.gallery-caption.small-3.columns.has-number{
    transform: translateY(-205px);
    transition-duration: 0.8s;
}

.sp-player-gallery-wrapper dd.wp-caption-text.gallery-caption{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top: 8px;

}

div.name{
    position: relative;
    color: black;
    transition-duration: 0.8s;
}

div.numero{
    position: absolute;
    top:0;
    right: 20px;
    color: black;
    transition-duration: 0.8s;
}

.gallery-item:hover div.name{
    color:#d54577;
    transition-duration: 0.8s;
}

.gallery-item:hover div.numero{
    color:#d54577;
    transition-duration: 0.8s;
}

ul.info{
    list-style-type: none;
    margin-left:0;
    padding-top: 28px;
    margin-bottom:0;
}

ul.info li{
    position: relative;
}

ul.info li > div{
    display: inline-block;
}

ul.info li div:first-of-type{
    font-weight:normal;
    color: black;
    font-size: 14px;
}

ul.info li div:last-of-type{
    position: absolute;
    right: 18px;
    color:#d54577;
}

li.card-social{
    text-align: center;
    padding-top: 10px;
}

li.card-social i.fab{
    color:black !important;
    margin: 0 10px;
}

li.card-social a:hover i.fab{
    color:#d54577 !important;
}


/* STAFF */

div.sp-list-wrapper{
    height: 179px;
}

.sp-template-details dl{
    padding: 5px 15px !important;
    height: 179px;
}

.sp-template-details .sp-player-details dt{
    margin-top: 10px;
}

.sp-template-details .sp-player-details dt:first-of-type{
    margin-top: 24px;
}

.sp-template-details .sp-player-details dd:first-of-type{
    margin-top: 16px;
}


.sp-template-details .sp-player-details dt{
    min-width: 65px !important;
    font-size: 12px !important;
    line-height: 10px;
    margin-bottom: 0px !important;
}

.sp-template-details .sp-player-details dd{
    text-align: right;
    line-height:10px;
    margin-bottom: 10px !important;
}

/* CLASSEMENT */


.p-20{
    padding-left:20px !important;
    color: black !important;
}


/* CALENDRIER */


/* à venir */

.gdlr-core-tab-item-title-wrap.clearfix.gdlr-core-title-font{
    display:flex;
    flex-wrap: nowrap;
}

.gdlr-core-tab-style1-horizontal.jouer .gdlr-core-tab-item-title.asi-calendar{
    width: 50%;
}

.gdlr-core-tab-style1-horizontal.jouer .gdlr-core-tab-item-title.gdlr-core-active{
    background-color: #d54577;
    color: black;
}

div.calendrier-avenir{
    width:100%;
    height: 200px;
    background-position: center;
    background-size: cover;
    text-align: center;
    margin-bottom: 10px;
}

div.first-avenir{
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    height: 40px;
    padding-top: 15px;
}

div.second-avenir{
    color: white;
    height: 30px;
    font-size: 14px;
    margin-top: -5px;
}

.flex-calendrier-centre-avenir{
    display:flex;
    height: 90px;
    margin-top:-5px;
    justify-content: space-between;
    align-items: center;
}

.logo-avenir{
    flex-basis: 12%;
    margin: 0 30px;
}

.logo-avenir img{
    height: 90px;
}

.club-avenir,
.vs-avenir{
    flex-basis: 20%;
    color: white;
}

.club-avenir{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

.vs-avenir{
    text-transform:uppercase;
    font-weight:bolder;
    font-size:30px;
}

.flex-calendrier-last-avenir{
    display:flex;
    margin-top: -8px;
    justify-content: space-between;
    align-items: center;
}

.position-avenir{
    color:white;
    font-size:16px;
    flex-basis: 17%;
    font-weight:600;
}

.gdlr-core-body .gdlr-core-button.gdlr-core-button-gradient,
button.submit-button.narbonne{
    background-color:#d54577;
    position:relative;
    transition: all 0.5s cubic-bezier(0, 0, 0.58, 1) !important;
    overflow:hidden;
  }
  
  .gdlr-core-body .gdlr-core-button.gdlr-core-button-gradient::before,
  button.submit-button.narbonne::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #d54577 !important;
    height: 100%;
    width: 10%;
    -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1) !important;
    transition: all 0.5s cubic-bezier(0, 0, 0.58, 1) !important;
    opacity: 0;
  }
  
  .gdlr-core-body .gdlr-core-button.gdlr-core-button-gradient:hover,
  button.submit-button.narbonne:hover{
    transition: all 0.5s cubic-bezier(0, 0, 0.58, 1) !important;
    background:black !important;
  }
  
  .gdlr-core-body .gdlr-core-button.gdlr-core-button-gradient:hover::before,
  button.submit-button.narbonne:hover::before{
    width: 100%;
    left: 100%;
    background: transparent !important;
    opacity: 1;
  }

.gdlr-core-button.gdlr-core-button-gradient.gdlr-core-center-align.gdlr-core-button-no-border.lnv{
    padding: 5px 25px;
    background:#303880 !important;
}

.gdlr-core-button.gdlr-core-button-gradient.gdlr-core-center-align.gdlr-core-button-no-border.lnv::before{
    background:#303880 !important;
}

.gdlr-core-button.gdlr-core-button-gradient.gdlr-core-center-align.gdlr-core-button-no-border.lnv:hover{
    background:#CA3F3F !important;
}

/* joué */

.calendrier-past{
    width:100%;
    height: 180px;
    text-align: center;
    margin-bottom: 10px;
}

.flex-past-first{
    display:flex;
    height: 40px;
    justify-content: space-between;
    background-color: #eee;
    align-items: center;
    border: 1px solid #ddd;
}

.tete-past{
    color:black;
    font-size: 18px;
    margin: 0 20px;
    flex-basis: 13%;
}

.flex-past-last{
    display:flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f7f7f7;
    height: 140px;
    align-items: center;
}

.logo-past{
    flex-basis: 20%;
    margin: 0 30px;
}

.logo-past img{
    height:90px;
}

.club-past,
.score-past{
    flex-basis: 20%;
    color: black;
    line-height: 24px;
}

.club-past{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
}

.score-past{
    text-transform:uppercase;
    font-weight:bolder;
    font-size:40px;
}

.score-set-past{
    margin-top: -38px;
    font-size: 16px;
}




/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!                         !!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!          CLUB           !!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!                         !!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


.flex-equipe-admin{
    display: flex;
    flex-direction: column;
}

.flex-equipe-admin div{
    margin: 10px 0px;
}

.flex-equipe-admin div p{
    margin-bottom: 0;
    line-height: 1.4;
}

.flex-equipe-admin div p:first-of-type{
    font-weight: bold;
}

.gdlr-core-pbf-background.normal{
    width:64% !important;
}

.gdlr-core-column-service-icon-left .gdlr-core-column-service-media {
    max-width: 23% !important;
}

.gdlr-core-flexslider.club .flex-direction-nav .flex-nav-prev {
    left: -55px !important;
}

.gdlr-core-flexslider.club .flex-direction-nav .flex-nav-next {
    right: -55px !important;
}

.gdlr-core-item-70{
    padding-left: 70px;
    padding-right: 70px;
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!                         !!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!          ACTU           !!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!                         !!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


.size-actu-25{
    flex-basis: 25% !important;
}

.derniere-actu{
    color: black;
    padding: 50px 24px 0px 24px;
}

.derniere-actu a{
    color: black !important;
}

.derniere-actu a:hover{
    color:#d54577 !important;
}



.lnv-bg-actu{
    background-color: #303980;
    color: white !important;
    padding: 50px 24px 0px 24px;
}

.lnv-bg-actu a{
    color: white !important;
}

.lnv-bg-actu a:hover strong{
    color: #CA3F3F !important;
}

.basis-bottom{
    height: 50px;
}

.gdlr-core-flexslider.actu .flex-direction-nav li{
    top: -37%;
}

.gdlr-core-flexslider.actu.insta .flex-direction-nav li{
    top: -52%;
}
.gdlr-core-flexslider.actu .flex-direction-nav li a{
    background-color: #eaeaea;
    color: black;
}

.gdlr-core-flexslider.actu .flex-direction-nav li a i{
    font-size: 30px;
}

.gdlr-core-flexslider.actu .flex-direction-nav li a i:hover{
    color:#d54577 !important;
}

.gdlr-core-flexslider.actu .flex-direction-nav .flex-nav-prev {
    left: 114px !important;
}

.gdlr-core-flexslider.actu .flex-direction-nav .flex-nav-next {
    right: 130px !important;
}

.flex-insta{
    height: 100px;
    display:flex;
    justify-content: center;
    width:320px;
    margin-top: 20px;
}

.gdlr-core-testimonial-item .gdlr-core-testimonial-column .gdlr-core-testimonial.actu{
    margin-bottom: 0 !important;
}

a.actu-social:hover{
    color:#d54577 !important;
}




/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! PARTENAIRES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.gdlr-core-pbf-element.sponsor{
    text-align:center;
}

a.sponsor img{
    transition-duration: 0.5s;
    max-width: 200px;
}

a.sponsor:hover img{
    transition-duration: 0.5s;
    transform:scale(1.1);
}

a.sponsor1 img{
    transition-duration: 0.5s;
}

a.sponsor1:hover img{
    transition-duration: 0.5s;
    transform:scale(1.1);
}

/* ARTICLE */

.logo-resultat-widget{
    width: 20%;
}

.widget-narb{
    text-align: center;
    border-top: 1px solid #000000;
}

.box-widget{
    border: 1px solid black;
}

.bigslam-blog-title-wrap {
    background-image: url(https://via.placeholder.com/1920x390.png) !important; 
}

.gdlr-core-blog-date-wrapper .gdlr-core-blog-date-year, .bigslam-single-article-date-year {
    background-color: #d54577 !important;
}

.gdlr-core-recent-post-widget-title a:hover{
    color: #d54577 !important;
}










/* FOOTER */

footer{
    background-color: black;
    padding: 50px 70px 0 70px;
}
div.footex{
    padding-bottom:30px;
    border-bottom: 0.1px solid #8584847d;
}



.footer-logo-flex{
    display:flex;
    justify-content: space-between;  
}

.footer-opak{
    opacity:0.7;
}

.footex i.fav.footer-opak{
    padding:0 10px 0 0;
    color:white;
}

.footex i.fav:hover{
    color:#d54577;
    transform:scale(1.2);
    opacity:1;
}

.bigslam-body .footex a:hover{
    color:#d54577;
}

.flex-logo-reseau{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex-logo-lnv{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.width-80{
    width:80%;
}

.width-70{
    width:70%;
}

.footex address{
    font-style:normal;
    font-size:15px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height:1.5;
    padding-top: 30px;
}

.footex .basis-22 p{
    font-family: 'Roboto Condensed', sans-serif;
    color:#d54577;
    font-size: 18px;
    text-transform:uppercase;
    font-weight:bold;
}

.footex .basis-22 ul{
    list-style: none;
    margin-left:0;
    margin-bottom:0;
    padding-top:26px;
    line-height: 2;

}

.footex .list-footer ul{
    position:relative;
}

.footex .list-footer a{
    color:#9b9b9b;
}

.footex .list-footer a::after{
    content:"\00279E";
    text-align:right;
    position:absolute;
    right:0;
}

div.flex-bottom{
    font-family: 'Roboto Condensed', sans-serif;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
}
.flex-bottom div{
    padding: 20px 0;
}

.flex-bottom a{
    padding: 20px 0;
    color:#9b9b9b;
}

.flex-bottom a.font-lnv:hover{
    color: white;
}

.flex-bottom a.font-narb:hover{
    color:#d54577;
}


/* RETOUR EN HAUT */

.bigslam-body a.bigslam-footer-back-to-top-button{
    color:#d54577;
}


@media screen and (max-width: 1440px){

    .gdlr-core-column-extend-right > .gdlr-core-pbf-background-wrap {
        margin-right: -478px;
    }

}