/*!
Theme Name: ClubPronostics
Author: David BARDY
--------------------------------------------------------------*/
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v36/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUtiZTaR.woff2) format('woff2'), url('../fonts/Oswald-Regular.ttf') format("truetype");
}

@font-face {
  font-family: 'Oswald Bold';
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v36/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUZiZQ.woff2) format('woff2'), url('../fonts/Oswald-Bold.ttf') format("truetype");
}


@font-face {
  font-family: 'Roboto Regular';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'), local('Roboto'), local('Roboto-Regular');
}


@font-face {
  font-family: 'Roboto Light';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'),local('Roboto Light'), local('Roboto-Light');
}

@font-face {
  font-family: 'Roboto Bold';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'), local('Roboto Bold'), local('Roboto-Bold'),  url('../fonts/Roboto-Bold.ttf') format("truetype");
}

@font-face {
  font-family: 'Roboto Black';
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2'), local('Roboto Black'), local('Roboto-Black'), url('../fonts/Roboto-Black.ttf') format("truetype");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:  url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2'), local('Source Sans Pro Regular'), local('SourceSansPro-Regular');
}


.container-page {}

.oswald {
    font-family: 'Oswald';
}

body {
    margin: 0;
    font-family: 'Source Sans Pro', Arial, sans-sans-serif ;
    color: #212529;
    font-style: normal;
    font-size: 1.1rem;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "pnum";
    font-feature-settings: "pnum";
    font-variant-numeric: proportional-nums;
    background: #f2f2f2;
    overflow: auto;
}

.linkobs, .linkblank {
  cursor: pointer;
}

.body-signin {
    background-color: #0E2536 !important;
}
.signin {height:80vh;}

.club-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    background-color: #0E2536 !important;
}


a h1:hover, a h2:hover, a h3:hover, a h4:hover {color:#009ddc;}
#articles-guide-parieur .card > .card-body {min-height: 200px;}
.blockquote-club {
font-size: 1.2em;
width:90%;
margin:20px auto;
font-family:'Source Sans Pro';
font-style:italic;
color: #555555;
padding:1.2em 30px 1.2em 75px;
border-left:8px solid #009ddc ;
line-height:1.6;
position: relative;
background:#EDEDED;
}

.blockquote-club::before{
  font-family:Arial;
  content: "\201C";
  color:#009ddc;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

.blockquote-club::after{
  content: '';
}

.blockquote-club span {
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

.blockquote-analyse {font-family: 'Roboto Regular';font-size: 1rem;line-height:1.5rem;font-style:italic;position: relative;padding-left: 18px;}

.blockquote-analyse::before{
  font-family:Arial;
  content: "\201C";
  color:#009ddc;
  font-size:3em;
  position: absolute;
  left: -10px;
  top:10px;
}

.fyi-club {
  display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}

.fyi-club {
font-size: 1.4em;
width:90%;
margin:20px auto;
font-family:'Source Sans Pro';
font-size:1.1rem;
color: #555555;
padding:1.2em 30px 1.2em 75px;
border-left:8px solid #009ddc ;
line-height:1.7 rem;
position: relative;
background:rgb(204, 229, 255, 0.5);

}

.fyi-club::before{
  font-family:'Oswald Bold';
  content: "\2139";
  color:#009ddc;
  font-size:4em;
  position: absolute;
  left: 25px;
  top:-10px;
}

.fyi-club::after{
  content: '';
}

.fyi-club span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

.bet-club {
font-size: 1.4em;
width:90%;
margin:20px auto;
font-family:'Source Sans Pro';
font-size:1.1rem;
color: #555555;
padding:1.2em 30px 1.2em 75px;
border-left:8px solid #009ddc ;
line-height:1.7 rem;
position: relative;
background:rgb(204, 229, 255, 0.5);

}

.bet-club::before{
  font-family:'Oswald Bold';
  content: url(https://www.clubpronostics.com/images/icones/bet.png);
  color:#009ddc;
  position: absolute;
  left: 25px;
}

.bet-club:::after{
  content: '';
}

.bet-club: span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

.main {
  background:#fff;
  border-radius: 0;
  border-left:1px solid rgba(0,0,0,.125);
  border-right:1px solid rgba(0,0,0,.125);
  border-bottom:1px solid rgba(0,0,0,.125);
  border-top:1px solid rgba(0,0,0,.125);
  min-height:70vh;
}

footer {
  color:#fff;
  margin-top:30px;
}


.banner {cursor: pointer;}
.top-banner {margin-top:14px;margin-bottom: 14px;}
.sticky-sidebar {top:40px;}
.sticky-bottom-banner {z-index: 9999;}
.sticky-bottom-banner .alert-dismissible {padding:0 !important}
.sticky-bottom-banner .alert {margin:0 !important}
.sticky-bottom-banner .alert-dismissible .close {color:#f2f1f1;}
.sticky-bottom-banner .alert-dismissible .close:hover {color:#fff;}
.embed-banner { height:90px;}
.text-oswald-bold {font-family: 'Oswald Bold', arial, sans-serif;}
.text-oswald {font-family: 'Oswald', arial, sans-serif;}
.text-uppercase {text-transform: uppercase;}
.text-lg {font-size:1.4rem;}
.text-md {font-size:1.4rem;}
.text-sm {font-size:0.9rem;}
.text-xs {font-size:0.8rem;}
.text-underline {text-decoration: underline !important;}


/* List */
ul.pros, ul.cons {
    list-style-type: none; /* Supprime les puces par défaut */
    padding: 0; /* Ajuste le padding selon vos besoins */
}

ul.pros li, ul.cons li {
    padding-left: 24px; /* Ajuste ce padding pour laisser de l'espace pour l'icône */
    position: relative; /* Permet de positionner l'icône par rapport à cet élément */
    line-height: 1.6; /* Ajuste l'espacement des lignes si nécessaire */
    margin-bottom: 10px; /* Ajuste l'espacement entre les éléments de la liste */
}

ul.pros li::before {
    content: url('/images/icones/trophy.webp'); /* Remplacez 'chemin_vers_votre_icone.png' par le chemin de votre pictogramme */
    position: absolute; /* Positionne l'icône par rapport à son parent direct, ici le <li> */
    left: 0; /* Ajuste la position horizontale de l'icône */
    top: 12%; /* Centre l'icône verticalement */
    transform: translateY(-50%); /* Ajuste la position verticale pour un centrage parfait */
    width: 16px; /* Ajuste la largeur de votre icône */
    height: 16px; /* Ajuste la hauteur de votre icône */
}

ul.cons li::before {
    content: url('/images/icones/red-card.webp'); /* Remplacez 'chemin_vers_votre_icone.png' par le chemin de votre pictogramme */
    position: absolute; /* Positionne l'icône par rapport à son parent direct, ici le <li> */
    left: 0; /* Ajuste la position horizontale de l'icône */
    top: 50%; /* Centre l'icône verticalement */
    transform: translateY(-50%); /* Ajuste la position verticale pour un centrage parfait */
    width: 16px; /* Ajuste la largeur de votre icône */
    height: 16px; /* Ajuste la hauteur de votre icône */
}

.check {list-style: none;padding-left:12px;margin-top:20px;margin-bottom:20px;}
.check li::before {content: "☑";padding-right:8px;margin-left: 10px;}
.check li {line-height: 1.80rem;margin-bottom:8px;font-size: 1.1rem;}
.best {list-style: url('/images/icones/coupe-du-monde.png');margin-top:20px;margin-bottom:20px;padding-inline-start: 3ch;}
.best li {line-height: 1.80rem;margin-bottom:8px;margin-top:0;font-size: 1.1rem;}
.best li::marker {font-size: 1rem;}
.list {margin-top:20px;margin-bottom:20px;}
.list li {
  line-height: 1.80rem;
  margin-bottom:8px;
  font-size: 1.1rem;
}

.toc-list {
    list-style-type: none;  /* Optionnel: enlève les puces */
    background: #edf7ff;
    padding: 20px;
}

.toc-list li {counter-increment: my-awesome-counter;  margin: 0 0 0.5rem 0;  position: relative;display: flex;}
.toc-list li::before {
  content: counter(my-awesome-counter) ". ";
  color:#fff;
  background-color:#009ddc ;
  font-family: 'Oswald bold', serif;
  padding:3px;
  margin-right:4px;
  width:20px;
  height:28px;
}


.footer-top {
  background: #112E42;
  font-size:0.9rem;
}

.footer-bottom {
  background: #0D2333;
  font-size:0.8rem;
}


/* Title */

a:hover {
  text-decoration: none;
}

.blog h1 {
  font-size:2rem;
  font-family: 'Oswald Bold';
}

.article h1 {
  font-size:2.2rem;
  font-family: 'Roboto Black';
}

.article h2 {
  font-size: 1.6rem;
  font-family: 'Oswald Bold',Arial, sans-serif;
  margin-bottom:16px;
  margin-top:20px;
}

.article h3 {
  font-size:1.3rem;
  line-height: 1.6rem;
  font-family: 'Oswald Bold',Arial, sans-serif;
  margin-bottom:1rem;
  color:#009ddc;
}

.article h4 {
  font-size:1.1rem;
  line-height: 1.4rem;
  font-family: 'Roboto Black',Arial, sans-serif;
}

.section-header h2 {
  font-size:1.3rem;
  line-height: 1.6rem;
  font-family: 'Roboto Light',Arial, sans-serif;
  color:#0E2536;
  text-transform: uppercase;
}


a {color:#009ddc;}
header .navbar-default { padding:0; }
fieldset { margin-bottom: 10px; }
legend { margin-bottom: 5px; font-size:1.2em; }
side, .side { opacity:0.5; font-size:0.8em; }
hr { margin:15px 0; }
input[type="number"] { width:150px; }
label { font-weight:normal; }
hr.hr-club {border-top: 3px double #009DDC;margin-top: 0;padding-top: 0;}

form { display: inline !important;}

/* NAVBAR */
.landing-sidenav {position: sticky;top:10px;}

#navbar {position: relative;}
.navbar-club  { background: #0E2536; border-radius: 0; margin-bottom: 0; }
.navbar-header { padding: 6px 10px; }
.navbar-logo-clubpronostics {margin-left: -15px;}
.navbar-club-white  {
    background: #ffffff;
    border-radius: 0;
     margin-bottom: 0;
  }
.navbar {
  padding: .2rem 1rem;
}

.navbar-footer span, .navbar-footer a {color :rgba(0,157,220,0.8) !important;}

/*.navbar-toggler {border:none;}
.navbar-toggler:hover, .navbar-toggler:focused {outline: none;}
.navbar-toggler-icon { display: inline-block; width: 1em; height: 1em; vertical-align: middle; content: ""; background: no-repeat center center; background-image: none; background-size: auto; background-size: 100% 100%; }
*/
.bsa {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 250px;
    padding-top: 30px;
    background-color: #f2f2f2;
}

.bsb {
    left: auto;
    right: 0;
}
.nav-expanded {overflow: hidden;}
.navbar-club-white  { background: #ffffff; border-radius: 0; margin-bottom: 0; }
.navbar { padding: .2rem 1rem }
.navbar-nav {color:#fff;}
.navbar-club .main-nav .nav-link {font-family: 'Roboto Bold';letter-spacing: 0.6px;font-size: 1.1rem;color: #fff;}
.navbar-club .main-nav .nav-euro {color: #009ddc !important;}
.menu-large {position: static !important;}
.menu-large > .open {padding: 20px 0;}
.mega-menu {width: 100%;padding: 20px;}
.main-nav > li > a.current::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -2px; height: 3px; background-color: #009ddc; }
.dropdown-menu  .dropdown-header { font-size: 1rem; font-family: 'Oswald Bold'; color: #0E2536; }
.dropdown-menu-mega .m { font-size: 0.9rem; font-family: 'Roboto Light'; letter-spacing: -0.4px; color: #16181b; padding:.25rem 1.5rem;}
#mainheader .nav .open>a, #mainheader .nav .open>a:focus, #mainheader .nav .open>a:hover { background-color: transparent; }
#preheader {height: 40px;border-bottom:1px solid #009ddc;background-image:url('http://img.uefa.com/imgml/uefacom/elements/main-nav/uefa-nav-bg.jpg');}
.breadcrumb {margin: 0;padding: 3px 0;}
.prenavbar > .nav > li > a {padding-top: 10px;padding-bottom: 10px;color:#fff;}
.prenavbar > .nav > li > a:hover {background: transparent;}
.main-nav > li > a  {font-family: 'Barlow', sans-serif;color: #fff;text-rendering: optimizeLegibility;}
.main-nav > li > a:hover  {background-color: transparent;}
.main-nav > li > a::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 0; background: #e90052; transition: .2s; z-index: -1; }
#navigation > li > .active::after {
    content: "";
    border: 6px solid transparent;
    border-bottom-color: transparent;
    border-bottom-color: #fff;
    position: relative;
    bottom: 0;
    height:3px;
    width:4px;
    top:12px;
    left:-100px;
}
.nav-competitions .nav-link {padding: 0.30rem;color:#0E2536 !important;}
.btn-link {color:#009ddc !important;}
.nav-link:hover {color: #009ddc !important;}
.sub-nav {background: #ffffff;box-shadow: 0 2px 2px -2px rgba(0,0,0,0.3);z-index: 9998;}
.dropdown-menu  {z-index: 9999;}
.sub-nav ul  {padding-left:}
.sub-nav .nav-link  {font-family: 'Roboto Bold', sans-serif;font-size:0.9rem;text-rendering: optimizeLegibility;padding:.5rem .7rem;color: #999 !important;}
.sub-nav .nav-link-active  {font-family: 'Roboto Bold', sans-serif;font-size:0.9rem;text-rendering: optimizeLegibility;padding:.5rem 1rem;color: #009ddc !important;}
.sub-nav .nav-link:hover,  .sub-nav  .nav-link:focus {color: #009ddc !important;}
.sub-nav .active .nav-link  {font-family: 'Roboto Bold', sans-serif;color: #009ddc !important;}
.sub-nav .dropdown-item  { font-size:0.9rem;}
.breadcrumb {background: transparent;} #matchheader { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }
.breadcrumb li, .match-h1 {color:#12182e;font-size:11px !important;letter-spacing: -0.4px;}
#bookmaker-nav .current-menu-item {background-color: #009ddc !important;}
#bookmaker-nav .current-menu-item span {color: rgba(255,255,255,1)!important;}
#bookmaker-nav .current-menu-item span:hover {color: rgba(255,255,255,0.8) !important;}
#bookmaker-nav .menu-item {background-color: #fff ;margin-right: 8px;}
#bookmaker-nav .menu-item span {color:#009ddc;border:2px solid #009ddc;border-radius: 0;}
#bookmaker-nav {font-family: Oswald;}
/* ----- */

.affiche-image {height:auto;position: relative;}

.main-container  {background: #f2f2f2;min-height: 100vh;margin-top:40px;}
.main-title {font-family: 'Barlow Bold', sans-serif;font-size:3rem;color:#666666;}
.card-club {border:1px solid rgba(0, 0, 0, 0.125);background: #ffffff;margin-bottom: 30px;border-radius: 0 ;}
.form .card-header {
    background: #fff;
}
.card-club .card-header {
    padding: .40rem .75rem;
    margin-bottom: 0;
    background-color: #0E2536;
    border-bottom: 3px solid rgba(0,0,0,.125);
    color:#ffffff;
}

aside .list-group .list-group-item:first-child {
      border-left:4px solid #009ddc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    background-color: #f2f2f2;
}

aside .list-group .list-group-item {
     font-size: 1rem;
}

.card-club .card-header-light {
    padding: .30rem .75rem;
    margin-bottom: 0;
    color:#0E2536;
    border-left:4px solid #009ddc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    background-color: #f2f2f2;
}

.card-club .card-header-blue {
    padding: .40rem .75rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.first {background: #fff;}
.media .position { width : 16px;}
.matchs-date {font-family: 'Roboto Regular', sans-serif;text-transform: uppercase;font-size:14px;}
.card-widget h3,  .card-widget h4, .card-header-club h4 {font-family: 'Oswald Bold', sans-serif;margin:0;}
.card-subtitle {font-family: 'Barlow', sans-serif;}
.card-widget .card-header, .card-header-club {border-left: 4px solid #009ddc;border-radius: 0;padding:.40rem 0.75rem}
.card-widget .card-body-pd-sm {padding:4px 6px;}
.card-widget .card-body-dark {background-color: #112E42;color:#ffffff;}
.card-widget h4, .card-header-club h4 {font-size:1rem;}
.title-color {color:#009ddc;}
.card-header-title   {font-family: 'Oswald', Arial, sans-serif;text-transform:uppercase;font-size: 0.9rem;margin-bottom: 0;}
.card-header-title-bg  {font-family: 'Oswald', Arial, sans-serif;text-transform:uppercase;font-size: 0.9rem;margin-bottom: 0;line-height: 1.4rem;background: #112E42;color:#ffffff;padding: 3px;}
.card-tendance-club span {font-size:0.8rem;}
.club-box-menu {background: #12182e;color:#ffffff;}
.club-box-menu-white {background: #fff;}
.club-box-menu-dark {background:#0E2536; color:#ffffff; }
.club-box-menu-dark .list-group-item {background: transparent;}
.club-box-menu-dark .list-group-item a {font-size:0.9rem;}
.match-featured-pronostics .club-box-menu-dark {min-height: 172px; }
.club-box-content {padding:1.25rem;}
.club-box-menu > .club-box-content h4 {font-family: 'Oswald Bold', sans-serif;color:#fff;text-transform: uppercase;}
.club-box-menu-white > .club-box-content h4 {font-family: 'Oswald Bold', sans-serif;text-transform: uppercase;color:#12182E;}
.club-box-menu > #competition-menu li , .club-box-menu > #journee-menu li {font-family: 'Roboto Light',arial, sans-serif;line-height: 2.5rem;}
.club-box-menu-white a {color:#283151;font-size: 13px;}
.club-box-header {padding:4px 8px;border-bottom:1px solid #eee;}
.club-box-header h3 {font-family: 'Oswald', sans-serif;color: #333;font-size:1.5rem;text-rendering: optimizeLegibility;padding:0;margin: 0;}
.dropdown-menu-mega {width:1180px;}
#competition-menu > li > a:hover, #journee-menu > li > a:hover {color:#009ddc;}
.title-fixture {
  color:#000;
  font-family: 'Oswald Bold',serif;
  font-size: 1.4rem;
  margin-top:0;
}
.btn-club {background: #0E2536;color: #fff;}
.btn-club:hover {background: #009ddc;color: #fff;}
.btn-cta-gradient {
  background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%);
  color:#fff;
  text-transform: uppercase;font-size:1rem;
  font-family: 'Oswald Bold',serif;
  transition: all 800ms ease-out;
}
.btn-cta-gradient:hover {
  background: linear-gradient(to bottom,  #ff7b0d 0%,#ffa84c 100%);
  color:rgba(255,255,255,1);
}
  .btn-cta-gradient:hover img {
      transform: translateX(3px);
      transition: all 400ms ease-out;
  }
.bonus-bookmaker-3d {text-shadow: #000000 3px 3px, #ff7b0d 1px 5px 6px;font-family: 'Oswald Bold', arial, serif;}
.badge-stats { border-radius: 0; font-family: 'Roboto Regular', arial, sans-serif; }
.badge-stats-sm { border-radius: 0; font-family: 'Roboto Regular', arial, sans-serif; }
.badge-stats-positif { color:#28a745; }
.card-stats { font-family: 'Roboto Light', arial, sans-serif; font-size:0.7rem; color:#666; letter-spacing: -0.2px; background: #ffffff; }
.alert-stats {background: rgba(0,157,220,0.1);border-color:1px solid rgba(0,157,220,0.8);}
.progress-trends {width: 100%;}
.progress-label {font-size:0.7rem;}
.color-club {color:#0E2536;}
a.color-club:hover {color:#009ddc;}
.title-red {color:#E2173D;}
.title-blue  {color:#009ddc; font-family: 'Oswald Bold',arial, sans-serif;}
.title-pink  {color: #e90052; font-family: 'Roboto Black',arial, sans-serif;}
.title-black {color:#424242; font-family: 'Roboto Light',arial, sans-serif;}
.badge-pink {background: #e90052;color:#ffffff;font-weight: normal; font-family: 'Roboto Light', arial, sans-serif;padding:3px;display:inline;}
.badge-club {background: #112E42;color:#ffffff;font-weight: normal; font-family: 'Roboto Light', arial, sans-serif;padding:3px;display:inline;}
.badge-date {background: #0E2536;color:#ffffff;font-family: 'Source Sans Pro',arial, sans-serif;font-size:.80rem;}


/* Background */
.bg-navbar {background-color:#0E2536!important;}
.bg-club {background-color:#009ddc!important;}
.bg-soccer {background-color:#196B00!important;}
.bg-grey {background-color:#999 !important;}

/* --------------- */ 


.btn-cote-bookmaker {position:relative;padding: 0;height:24px;background:#fff;color: #0E2536;border-radius: 0;display: inline-flex;width:100%;max-width: 100px;}
.btn-cote-bookmaker-large {position:relative;padding: 0;height:24px;background:#fff;color: #0E2536;border-radius: 2px;display: inline-flex;width:100%;max-width: 240px;}
.bwin-bg {background: #000;}
.cote-bookmaker-unibet {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/unibet_bg.png);}
.unibet-bg {background: #147b45;}
.unibet-cta {color:#ffe71f;}
.btn-unibet {background: #ffe71f;color:#000;font-family: 'Roboto Bold';font-size:1.2rem;}
.cote-bookmaker-winamax {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/winamax_bg.png);}
.winamax-bg {background: rgb(34,34,34);background: linear-gradient(180deg, rgba(34,34,34,1) 0%, rgba(9,9,9,1) 100%);background-size: cover;}
.winamax-cta {color:#e74042;}
.btn-winamax {background-color:#b20e10;background:linear-gradient(#e74042, #b20e10);color:#fff;font-family: 'Roboto Bold';font-size:1.2rem;}
.btn-winamax:hover {color:rgba(255,255,255,0.8) !important;}
.cote-bookmaker-pmu {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/pmu_bg.png);}
.pmu-sport-bg {background: #DB4604;}
.cote-bookmaker-zebet {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/zebet_bg.png);}
.zebet-bg {background: #18242a;}
.cote-bookmaker-betstars {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/betstars_bg.png);}
.pokerstars-sport-bg {background:#000;}
.cote-bookmaker-netbet {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/netbet_bg.png);}
.netbet-bg {background: #353744;}
.netbet-cta {color:#5AB100;}
.partouche-sport-bg {background:#ffffff !important;}
.betsson-bg {background:#007aff !important;}
.joabet-bg {background: #000000;}
.joabet-cta {color:#ea6b1a;}
.betway-bg {background: #000000;}
.btn-betway {background:#69d73c;;color:#000000;font-family: 'Roboto Bold';font-size:1.2rem;}
.betway-cta {color:#69d73c;}
.btn-joabet {background:#e2221f;color:#fff;font-family: 'Roboto Bold';font-size:1.2rem;}
.btn-netbet {background-color:#353744;background:linear-gradient(#e74042, #b20e10);color:#fff;font-family: 'Roboto Bold';font-size:1.2rem;}
.btn-netbet:hover {color:rgba(255,255,255,0.8) !important;}
.cote-bookmaker-betclic {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/betclic_bg.png);}
.betclic-bg {background: #D30E18;}
.cote-bookmaker-parionssport {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/parions_bg.png);}
.parionssport-bg {background: #01265a;}
.psel-cta {color:#69d73c;}
.btn-psel {background:#69d73c;color:#fff;font-family: 'Roboto Bold';font-size:1.2rem;}
.cote-bookmaker-francepari {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/francepari_bg.png);}
.francepari-bg {background:#1565c0;}
.cote-bookmaker-genybet {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/francepari_bg.png);}
.genybet-bg {background: #4a94da;}
.cote-bookmaker-feelingbet {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/feelingbet_bg.png);}
.feelingbet-bg {background: #8f004f;}
.cote-bookmaker-pasinobet {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/pasinobet_bg.png);}
.pasinobet-bg {background: rgb(28, 28, 28);}
.cote-bookmaker-vbet {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/vbet_bg.png);}
.vbet-bg {background: rgb(29, 24, 78);}
.vbet-cta {color:#d8278f;}
.btn-vbet {background: #d8278f;color:#fff;font-family: 'Roboto Bold';font-size:1.2rem;}
.cote-bookmaker-barrierebet {background-image: url(https://www.clubpronostics.com/static/bookmakers/boutons/barrierebet_bg.png);}
.barrierebet-bg {background: rgb(27, 27, 26);}
.table-sm-header {text-transform: uppercase;font-family: 'Oswald', sans-serif;font-size:0.8rem;margin-bottom:8px;font-weight: normal;}
.tr-sm td {padding :.20rem .75rem;}
.table-ranking {font-family: 'Source Sans Pro';}
.table-ranking-header {color:#666;font-family: 'Source Sans Pro';}
.table-club {border-bottom: 1px solid rgba(0,0,0,0.2);}
.table-club-header {background:rgba(0,157,220,0.1);color:#666;font-family: 'Oswald', sans-serif;}
.table-club th {border-top: none;font-weight: 500;font-family: 'Oswald', sans-serif;}
.table-club td {border-bottom: 1px solid rgba(0,0,0,0.1);border-top:none;}
.table-club >  td {background: #fff;}
.bookmaker-table-rank {width: 40px;}
.bookmaker-table-img {position: relative;width:180px;}
.sitesdeparis-table-img {position: relative;width:100%;height:140px;}
.ribbon {
color: #fff;
background: #009ddc;
padding: 6px 15px;
line-height: 1em;
margin: 0px -110px 6px -30px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .5px;
font-weight: 700;
font-size: 14px;
display: block;
width: max-content;
width: -moz-max-content;
max-width: 350px;
position: absolute;
z-index: 9;
top:10px;
}

.ribbon::before {

    display: block;
    width: 10px;
    height: 0;
    position: absolute;
    margin: 20px 0 2px -14px;
    content: "";
    border-bottom: 23px solid transparent;
    border-right: 13px solid #006F9C;

}
.ribbon-score {
color: #fff;
background: #009ddc;
padding: 6px 15px;
line-height: 1em;
margin: 22px -110px 6px -14px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .5px;
font-weight: 700;
font-size: 14px;
display: block;
width: max-content;
width: -moz-max-content;
max-width: 350px;
position: absolute;
z-index: 9;
top:10px;
}

.ribbon-score::before {

    display: block;
    width: 10px;
    height: 0;
    position: absolute;
    margin: 20px 0 2px -14px;
    content: "";
    border-bottom: 23px solid transparent;
    border-right: 13px solid #006F9C;

}
.bookmaker-table-grade {width: 80px;}
.bookmaker-table-row {border-bottom:2px dotted #eaeaea;position: relative;}
.sites-paris-sportifs-table-row {background: #eaeaea;padding: 10px;border:1px solid #ccc;border-radius: 3px;}
.bookmaker-table-header {color:#009ddc;text-transform: uppercase;font-family: 'Oswald', sans-serif;font-size:0.9rem;margin-bottom:8px;background: rgba(0,157,220,0.1); }
.bookmaker-choice {
position: absolute; top: -26px; background: #009ddc; display: inline-block; padding: 3px 8px; color: #ffffff; border-radius: 14px; left: 8px; font-size: 0.9rem; border: 2px double #fff;}

#overlay { position:absolute; left:0; top:0; right:0; bottom:0; opacity:0.5; background-color:black; }
#spinner { font-size:6em; position:fixed; top: 30%; left:50%; margin-left:-50px; z-index:10000; display:none; }

#alerts { margin-top:200px; }

.dl-horizontal dt { width:240px; }
.dl-horizontal dd { margin-left:280px; }

.btn+.btn { margin-left:2px; }
.btn-link.btn-danger { color: red !important; }
.svg-white {fill: #94d31b; }

.btn-file { position: relative; overflow: hidden; }
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0);
    opacity: 0; outline: none; background: white; cursor: inherit; display: block; }

th { white-space:nowrap; font-weight:700;}
th.date { width:150px; }



.option { margin-right:20px; padding:2px; }

.inline { display: inline; }
.block { display: block; }
.inline-block { display: inline-block; }

.wizard { min-height:300px; max-height:600px; overflow:auto; }
.wizard .option { margin:10px; }

.concat > span { display:inline-block; }
.concat > span+span:before { content: ', '; }

.sidepanel dt { font-weight:normal; opacity:0.7; width: 140px; text-align:right; border:0px dotted gray; }
.sidepanel dd { width: 160px; text-align:left; margin-left:160px; border:0px dotted gray; }

.form-group > label {padding-right:10px; font-weight:700; }
.form-group.form-group-checkbox > label { text-transform:lowercase; font-weight:normal; }
.form-line .form-group { display: inline-block; margin-right:10px; vertical-align:bottom; }

.fixture-block {padding-top:1em;border:1px solid rgba(0, 0, 0, 0.125);background: #fff;padding:12px 8px;margin-top: 10px; }
.panel-club {
  padding:0;
  background:   transparent;
  border-radius:  0!important ;
  border:1px solid rgba(0, 0, 0, 0.125)
}
.panel-club > .panel-heading {background: #272c41;color:#fff; border-radius:  0!important;border-left: 4px solid #12182e;border-bottom: 1px solid #ccc; }
.panel-club > .panel-body {padding:10px;background: #fff;}
.panel-club > .panel-heading  h2 {font-size: 1.6rem;margin:0;padding:0; font-family: 'Roboto Bold',arial, sans-serif;}
.list .sort { font-weight:normal; margin-left:5px; border:none; }

.optional_cols li { margin-left:10px; }

.note { display:inline-block; vertical-align:top; width:15em; height:15em; background-color:#FFEF00; padding:10px; margin:1em; border-radius:5px;}
.description { display:block; padding:10px; margin:1em; border-radius:5px;}



/* STICKY COLUMN TABLE */

.table-pronostics-bulk .btn-link {color:#dddddd;}
.sticky-column-table-wrapper {
  position: relative;
}

.sticky-column-table-scroller {
  margin-left: 181px;
  overflow-x: scroll;
  overflow-y: visible;
  padding-bottom: 5px;
}

.sticky-column-table {
  width: max-content;
}
.sticky-column-table  thead th {
  border-bottom: none;
}

.sticky-column-table tbody td {padding:0.60rem 0.7rem;}


.sticky-column-table .sticky-column {
  left: 0;
  position: absolute;
  top: auto;
  width: 180px;
  font-family: 'Roboto Bold';
  font-size:0.9rem;
}


/* BLOG */
.blog-header {
  /*border-bottom: 1px solid #e6e7e9;*/
}



.card-title {
  font-size:1.1rem;
  line-height: 1.4rem;
  font-family: 'Oswald Bold',Arial, sans-serif;
  color:#0E2536;
  text-transform: uppercase;
}

.title-blue {
  color:#009ddc;
  font-family: 'Oswald Bold',Arial, sans-serif;
}

.card a {
  text-decoration: none;
}

.card-summary {
  font-family: 'Source Sans Pro';
  font-size:1rem;
  line-height: 1.3rem;
}

.article p, .match p {
  line-height: 1.70;
}

.article .small, .article small {
  font-family: 'Source Sans Pro';
  font-size: 0.9rem !important;
  line-height: 1.50;
}

.article .blog-post-content blockquote {
  font-size: 1.1rem;
  line-height: 1.70;
}

.article .blog-post-content .alert p {
  font-size: 1rem;
  margin-bottom: 0 !important;
}

.article .blog-post-content ul > li {
  font-family: 'Source Sans Pro';
  font-size: 1.1rem;
  line-height: 1.70;
}

.blog-description {
  font-family: 'Source Sans Pro';
  color:#2C414F;
  font-size:1.1rem;
  margin:0;
}

.blog-post-author {
  color: #009ddc;
  font-family: 'Roboto Bold';
}

.blog-post-meta {
  font-family: 'Roboto Light';
  margin:0;
  color:#828281;
  font-size:0.8rem;
}

.article-category {
  font-family: 'Oswald',sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  display:inline-block;
  padding:3px 6px;
}

.author-image {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
width:36px;
height: 36px;
overflow: hidden;
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
}


.category-bookmakers {
  background: #FF0038;
  color:#fff;
}

.category-guide-du-parieur {
  background: #196B00;
  color:#fff;
}

.category-kit-du-supporter {
  background: #0a5299;
  color:#fff;
}

.category-zone-supporter {
   background: #009ddc;
  color:#fff;
}

.category-coupe-du-monde-2018 {
  background: #009ddc;
  color:#fff;
}

.blog-h2 {
  font-size:1.3rem;
  line-height: 1.6rem;
  font-family: 'Oswald Bold',Arial, sans-serif;
  color:#0E2536;
  margin:0;
}


.post-summary {
  font-size:0.9rem;
}

#carouselAffiches {
  border:1px solid rgba(0, 0, 0, 0.125)
}

.carousel-title  {
  font-family: 'Oswald Bold';
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin-bottom: 8px;
  color:#fff;
}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    background:rgba(13,35,51,0.9);
    color:#ffffff;
    min-height: 140px;
  }

  .carousel-category {
      position: absolute;
      right: 0;
      top:0;
      left: 0;
      z-index: 10;
      padding: 4px;
      text-align: center;
      color:#ffffff;
      width: 100%;
      font-size:0.9rem;
    }

.a-la-une h2 {
  font-size: 1.4rem !important;
  line-height: 2rem;
  font-family: 'Oswald Bold',Arial, sans-serif;
  color: #0E2536;
}

.a-la-une h3 {
  font-size: 1.3rem !important;
  line-height: 1.9rem;
  font-family: 'Oswald Bold',Arial, sans-serif;
  color: #0E2536;
}

.other-unes h3 {
  font-size: 1.2rem !important;
  line-height: 1.8rem;
  font-family: 'Oswald Bold',Arial, sans-serif;
  color: #0E2536;
}

.blog-unes h3 {
  font-size: 1.1rem !important;
  line-height: 1.6rem;
  font-family: 'Oswald Bold',Arial, sans-serif;
  color: #0E2536;
}


.accordion-sidebar {
  border-top:1px solid #eaeaea;
}

.bsa {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 250px;
  padding-top: 0px;
  background-color: #ffffff;
  overflow-y: auto;
}

  .bsb {
      left: auto;
      right: 0;
  }

  .yl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.brz {
    background-color: #eeeeee;
    position: relative;
    min-height: 100vh
}


.stage-open {

    transition: transform 300ms cubic-bezier(0.2, 0.7, 0.5, 1) 0s;
    transform: translateX(-250px);

}

#sidebar .bpi.nav-stacked .m {
    display: block;
    padding: 6px 14px;
    border-bottom:1px solid #eaeaea;
}

.qm, #sidebar .btn-link {
  font-size: 0.8rem;
}

#sidebar .nav > .azb {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0px;
    font-size: 85%;
    font-weight: normal;
    letter-spacing: 1px;
    color: #adb5bd;
    text-transform: uppercase;
}

#sidebar .bpi .collapse {
  border-bottom:1px solid #ccc;
}

#sidebar .bpi.nav-stacked .azb {
  padding:6px 14px;
  border-bottom: 1px solid #eaeaea;
}

#sidebar .sidebar-heading {
    font-size: 0.9rem;
    font-family: "Oswald Bold", arial,sans-serif;
    margin-bottom:0;
}

#sidebar .dropdown-header {
    padding-left:34px;
    font-family: "Oswald Bold", arial,sans-serif;
    color:#0E2536;
}


.sidebar-heading a {
  color:#0E2536;
}

.btn-sidebar {
  padding: 0;
  color:#009ddc;
}

.sidebar-heading .nav .btn-sidebar {
  padding: 0;
  color:#009ddc;
}

#sidebar .p-xs-0 {
  padding:0 !important;
}

.facebook {
  background: #3B5998;
  color: white;
}


.twitter {
  background: #55ACEE;
  color: white;
}