/********/
 /* FONT */
/********/
@import url("//fonts.googleapis.com/css?family=Alegreya+Sans+SC:700|Lato:300,400,300italic,400italic,700,900");
@import url("../../../css/super-gen.css");

::selection { background-color: #FCFCFC; color: #000; }


  /**********/
 /* TITRES */
/**********/
h1, h2, h3, h4, h5, h6, .h-font {
  font-family: 'Alegreya Sans SC', sans-serif;
  }


  /***********/
 /* ACCUEIL */
/***********/
#content #a-la-une .main { min-width: 100%; margin-bottom: 15px; }
#content #a-la-une .main h1 a:hover, #content #a-la-une .main h2 a:hover { color: #FCFCFC; }
#content #a-la-une ul.liste-items { border-top: 1px solid #DDD; }
#content #a-la-une > ul.liste-items:first-child { border-top: 0; }
#content #a-la-une > ul.liste-items:first-child li:first-child > div { padding-top: 0; }

/* MODE LISTE */
#content #a-la-une.liste .main .wrap { position: relative; width: auto; padding: 0; }
#content #a-la-une.liste .main .wrap { background: rgba(73,184,91, 0.05); }
#content #a-la-une.liste .main .cover { width: 100%; display: block; border-bottom: 3px solid #49B85B; height: 450px; overflow: hidden; text-align: center; padding: 0; background-size: contain; background-position: center; background-repeat: no-repeat; }
#content #a-la-une.liste .main .text { text-align: left; padding: 8px; }
#content #a-la-une.liste .main h1 { background: none; }
#content #a-la-une.liste .main h1 a { color: #FCFCFC; text-transform: none; display: block; line-height: 1; margin-bottom: 5px; }
#content #a-la-une.liste .main .meta, #content #a-la-une.liste .main .meta time { font-size: 11px; color: #666; }

/* MODE VIGNETTES */
#content #a-la-une.vignettes .wrap { position: relative; width: auto; padding: 0; }
#content #a-la-une.vignettes .wrap, #content #a-la-une.vignettes .row.bloc > div > div { background: rgba(73,184,91, 0.05); }
#content #a-la-une.vignettes .cover { width: 100%; display: block; border-bottom: 3px solid #49B85B; height: 450px; overflow: hidden; text-align: center; padding: 0; background-size: contain; background-position: center; background-repeat: no-repeat; }
#content #a-la-une.vignettes .text { text-align: left; padding: 8px; }
#content #a-la-une.vignettes .main h1 { background: none; }
#content #a-la-une.vignettes .main h1 a { color: #FCFCFC; text-transform: none; display: block; line-height: 1; margin-bottom: 5px; }
#content #a-la-une.vignettes .meta, #content #a-la-une.vignettes .meta time { font-size: 11px; color: #666; }
#content #a-la-une.vignettes .row.bloc > div { margin-bottom: 12px; }
#content #a-la-une.vignettes .row.bloc > div .cover { height: 130px; }
#content #a-la-une.vignettes .row.bloc > div .text h2, #content #a-la-une .row.bloc > div .text h2 a { color: #FCFCFC; font-size: 20px; line-height: 22px; margin-bottom: 5px; }

/* MODE DIAPO */
#content #a-la-une.diaporama .carousel { margin-bottom: 8px; }
#content #a-la-une.diaporama .carousel .image-container { background-size: contain; background-position: center; height: 450px; background-repeat: no-repeat; }
#content #a-la-une.diaporama .carousel .image-container > a { display: block; height: 100%; }
#content #a-la-une.diaporama .carousel-caption h2, #content #a-la-une.diaporama .carousel-caption h2 a {
            color: #FCFCFC;
    }
#content #a-la-une.diaporama .carousel-caption h2 a { background: #49B85B; }
#content #a-la-une.diaporama .carousel + #all-news { margin-top: 30px; }

/* BOUTON TOUTES LES ACTUS */
#all-news { border-top: 1px solid #EEE; margin-top: 15px; }
#all-news .btn { display: inline-block; margin-top: -20px; }


  /*******************/
 /* INFOS - EQUIPES */
/*******************/
dl#infos-equipe { margin-bottom: 0; }
dl#infos-equipe dt { font-size: 18px; }
dl#infos-equipe dd { margin-bottom: 10px; }
dl#infos-equipe dd:last-child { margin-bottom: 0; }


  /*********************/
 /* JOUEURS - EQUIPES */
/*********************/
#content .item-joueur-equipe > div { height: 100px; background: #FFF; border: 1px solid #DDD; overflow: hidden; margin: 6px 0 10px 0; }
#content .item-joueur-equipe > div .photo { height: 100px; overflow: hidden; text-align: center; background: #EEE; background-position: top center; background-size: cover; background-repeat: no-repeat; }
#content .item-joueur-equipe > div .photo a { display: block; height: 100%; cursor: pointer; }
#content .item-joueur-equipe > div .joueur { padding: 8px 10px; }
#content .item-joueur-equipe > div .joueur .infos { font-size: 12px; line-height: 1.4; }
#content .item-joueur-equipe > div .joueur .infos a { display: block; cursor: pointer; color: #333; }
#content .item-joueur-equipe > div .joueur .infos .nom, #content .item-joueur-equipe > div .joueur .infos .prenom { font-size: 16px; line-height: 1em; display: block; }
#content .item-joueur-equipe > div .joueur .infos .nom { margin-bottom: 5px; }
#content .item-joueur-equipe > div .lien-fiche { width: 53%; position: absolute; bottom: 0px; font-size: 12px; background: #666; text-align: center; }
#content .item-joueur-equipe > div .lien-fiche a { cursor: pointer; display: block; color: #FFF; padding: 4px; }


  /*********************/
 /* TAGS / CATEGORIES */
/*********************/
ul.categories li { background: rgba(252,252,252, 0.9); margin-right: 2px; }
ul.categories li:nth-child(2) { background: rgba(252,252,252, 0.8); }
ul.categories li:nth-child(3) { background: rgba(252,252,252, 0.7); }
ul.categories li:nth-child(4) { background: rgba(252,252,252, 0.6); }
ul.categories li:nth-child(5) { background: rgba(252,252,252, 0.5); }


  /****************/
 /* SOCIAL-SHARE */
/****************/
#content .social-share { position: relative; border: 0; font-size: 13px; }
#content .social-share .row { margin-left: -5px; margin-right: -5px; }
#content .social-share .row > div { padding-left: 5px; padding-right: 5px; }

  /***************/
 /* FICHE MATCH */
/***************/
#fiche-match .bg-custom, #fiche-evenement .bg-custom {
  }

#fiche-match .overlay, #fiche-evenement .overlay {
  background: url("../../../assets/img/bg/bg-fiche-match-layer.png") 0px -2px;
  background-size: 15px; 
}


  /************/
 /* BOUTIQUE */
/************/
#boutique-slider-container .owl-controls { border-top-color: #49B85B; }
#boutique-slider-container .owl-dots,
.boutique-grid .categorie-item .product-details h2 {
    background: #49B85B;
}
.boutique-grid .categorie-item .product-details h2,
.boutique-grid .categorie-item .product-details h2 a {
    color: #000;
}