/* ---------------------------------------------------------------------------------------- */
/*                                                                                          */
/* Ce CSS est utilisé par le module mod_sportingevents.                                     */
/*                                                                                          */
/* ---------------------------------------------------------------------------------------- */

/* Mise en page du contenu du module */

div.se_mod_sportingevents_contenu {
   display             : block;
   margin              : 0px auto;
   padding             : 0px;
   border              : none;
   width               : 100%;
}

ul.se_mod_sportingevents {
   list-style-type     : none !important;      /* Important : il faut inhiber la puce définie au niveau de votre template afin que seule la puce du sport soit affichée. */
   min-height          : 40px;                 /* La puce fait 16px et il faut 2px de marge au-dessus et en-dessous de la puce */
   padding-left        : 0px;                  /* Le module doit commencer � l'extr�me gauche.  Modifier ce param�tre en fonction de votre template */
}


/* 
   Certains templates, fort mal foutus, poss�de un background-repeat : repeat alors m�me qu'ils n'ont pas d'images.  C'est totalement stupide.
   En fonction de votre template / besoin, il se pourrait que vous devrez commenter la ligne ci-dessous
*/

ul {
   background-repeat   : no-repeat !important;            /*  Important car sinon la puce du sport se répétera */
}

/*
   Les listes � puces de SportingEvents utilisent des puces, une puce par sport.  Il est donc n�cessaire d'avoir un background qui sera initialis�, dans le code PHP du module
   � la puce du sport.
*/

ul.se_mod_sportingevents li.item {
   background-repeat   : no-repeat !important;            /*  Important car sinon la puce du sport se répétera */
   background-position : 4px center !important;
   */background-image    : url(../../../../components/com_sportingevents/assets/images/img16/event.png);   /* Puce par défaut : si aucune puce n'est définie au niveau du sport; l'image event.png sera utilisée */
   min-height          : 40px;             /*  La puce fait 16px et il faut 2px de marge au-dessus et en-dessous de la puce */
   padding-left        : 2px !important;  /* Ecartement de 30 px afin d'�crire le titre de l'�v�nement.   L'�cartement doit �tre au minimum de 24 pixels afin de ne pas "coller" � la puce */

border-bottom       : 2px solid #fff;  /*  Si vous souhaitez une bordure en dessous de chaque titre; activez cette instruction */
}

ul.se_mod_sportingevents a {
   display         : block;
   vertical-align : middle;
   font-size : 12px;
   text-decoration : none;                     /* Suppression du trait de soulignement */
   min-height      : 40px;
}

ul.se_mod_sportingevents li.item:hover, ul.se_mod_sportingevents a:active, ul.se_mod_sportingevents a:focus {
   background-color : #000000;                 /* La couleur hover est celle qui est utilis�e lorsque le pointeur de la souris est positionn� sur le titre de l'�v�nement.   Ne fonctionne pas lorsque vous avez choisi d'utiliser la couleur du fond du sport/parcours */
   color            : #F00;
   min-height       : 40px;
}