/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
@font-face {
  font-family: FuturaStd-Book;
  src: url(FuturaStd-Book.otf);
}
body
{
  font-family: times;
}


/* ============================== DEFAULT HTML ============================== */
a {
  color: #009aca;
}

/* ============================== LAYOUT ============================== */
/* =============== LAYOUT - OVERALL PAGE =============== */
#jsn-master {
  background-color: #fff;
/*  background-image: url(img/top_line.png);*/
}

#jsn-header
{
height:0px !important;
}

#jsn-logo
{
display:none
}

/* ============================== TYPOGRAPHY ============================== */
/* =============== TYPOGRAPHY - LINK STYLES =============== */
/* ----- ACTION LINK ----- */
.link-action {
  border-bottom: 1px solid #009ACA;
}

.link-action:hover {
  background-color: #009ACA;
}

/* =============== TYPOGRAPHY - TABLE STYLES =============== */
/* ----- COLOR HEADER TABLE ----- */
table.style-colorheader thead th {
  background-color: #366999;
  border-right: 1px groove #5A93C5;
}

/* ----- COLOR STRIPES TABLE ----- */
table.style-colorstripes td,table.style-colorstripes th {
  border-bottom: 1px solid #366999;
  border-right: 1px groove #366999;
}

table.style-colorstripes thead th {
  background-color: #162c40;
}

table.style-colorstripes thead th.highlight {
  background-color: #284C72;
}

div.recherche_rpovisoire
{
  position:absolute;
  top:-90px;
  left:410px


}
table.style-colorstripes tbody tr {
  background-color: #284D73;
}

table.style-colorstripes tbody .highlight {
  background-color: #DEE9F3;
}

table.style-colorstripes tbody tr.odd {
  background-color: #224161;
}

table.style-colorstripes tbody tr.odd .highlight {
  background-color: #CBDBED;
}

table.style-colorstripes tbody tr:hover th,table.style-colorstripes tbody tr:hover td
{
  background-color: #1D3752;
}

table.style-colorstripes tbody tr:hover .highlight {
  background-color: #BBD0E8;
}

table.style-colorstripes tbody td,table.style-colorstripes tbody th {
  border-left: none;
  border-right: 1px solid #366999;
}

table.style-colorstripes tfoot th,table.style-colorstripes tfoot td {
  background-color: #1f3d59;
}

.sectiontableheader {
  background-color: #366999;
}

/* ----- GREY STRIPES TABLE ----- */
table.style-greystripes thead th.highlight {
  background-color: #4786BE;
}

/* ============================== MENU ============================== */
/* =============== MENU - MAIN MENU =============== */
/* ----- 1st LEVEL ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul,#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent
{
  background-color: #284d73;

}

div.jsn-modulecontainer ul.menu-mainmenu ul li a {
  border-top: 1px solid #366999;
  border-bottom: 1px solid #162c40;
  border-left: 1px solid #162c40;
}

body.jsn-direction-rtl div.jsn-modulecontainer ul.menu-mainmenu ul li a
{
  border-left: none;
  border-right: 1px solid #162c40;
}

#jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a {
  border-right: 1px solid #162c40;
}

body.jsn-direction-rtl #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a
{
  border-left: 1px solid #162c40;
}

/* ----- HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul li:hover>a {
  border-top-color: #1f3d59;
  background-color: #1f3d59;
}

/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul li.active>a {
  border-top-color: #1f3d59;
  background-color: #1f3d59;
}

/* =============== MENU - TREE MENU =============== */
/* ----- CURRENT / HOVER STATE ----- */
div.richbox-2 ul.menu-treemenu li a:hover,div.richbox-2 ul.menu-treemenu li a.current
{
  background-color: #214263;
}

div.lightbox-2 ul.menu-treemenu li a:hover,div.lightbox-2 ul.menu-treemenu li a.current
{
  background-color: #CFF0FA;
}

/* =============== MENU - SIDE MENU =============== */
/* ---------- 1st LEVEL ---------- */
div.jsn-modulecontainer ul.menu-sidemenu ul {
  background-color: #284d73;
}

div.jsn-modulecontainer ul.menu-sidemenu ul li a {
  border-top: 1px solid #366999;
  border-bottom: 1px solid #162c40;
  border-left: 1px solid #162c40;
}

body.jsn-direction-rtl div.jsn-modulecontainer ul.menu-sidemenu ul li a
{
  border-left: none;
  border-right: 1px solid #162c40;
}

/* ----- HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-sidemenu ul li:hover>a {
  border-top-color: #1F3D59;
  background-color: #1F3D59;
}

/* ----- HOVER STATE IN SPECIFIC MODULE BOXES ----- */
div.richbox-2 ul.menu-sidemenu>li:hover>a {
  background-color: #214263;
}

div.lightbox-2 ul.menu-sidemenu>li:hover>a {
  background-color: #CFF0FA;
}

/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-sidemenu ul li.active>a {
  border-top-color: #1f3d59;
  background-color: #1f3d59;
}

/* ----- ACTIVE STATE IN SPECIFIC MODULE BOXES ----- */
div.richbox-2 ul.menu-sidemenu>li.active>a {
  background-color: #214263;
}

div.lightbox-2 ul.menu-sidemenu>li.active>a {
  background-color: #CFF0FA;
}

/* ============================== SITE TOOLS ============================== */
/* =============== SITE TOOLS - GENERAL PRESENTATION =============== */
/* ----- DROP DOWN ----- */
ul#jsn-sitetools-menu li ul li {
  background-color: #284d73;
}

/* ============================== MODULE STYLES ============================== */
/* =============== MODULE STYLES - MODULE BOXES =============== */
/* ----- MODULE BOX GREY ----- */
div.box-grey a {
  color: #40afff;
}

/* ----- RICHBOX ----- */
div.richbox-2 div.jsn-modulecontainer_inner {
}

/* ----- LIGHTBOX ----- */
div.lightbox-2 div.jsn-modulecontainer_inner {
}

/* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */
/* =============== JOOMLA! EXTENSIONS - MOD_SEARCH =============== */
#jsn-pos-top div.search input#mod_search_searchword {
  border: 1px solid #284D73;
}

/* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== */
/* ----- SECTION / CATEGORY BLOG LAYOUT ----- */ /* PAGE PAGINATION */
ul.jsn-pagination li.navigation-page span {
  background-color: #4786BE;
}

/* ============================== CSS3 EFFECTS ============================== */
/* ----- SUB-MENU BACKGROUND ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul,div.jsn-modulecontainer ul.menu-sidemenu ul,#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent
{
  background-color: rgba(40, 77, 115, 0.95);
}

ul#jsn-sitetools-menu li ul li.jsn-color1 {
  width: 25px;
}

ul#jsn-sitetools-menu li ul li.jsn-color2 {
  width: 45px;
}

ul#jsn-sitetools-menu li ul li.jsn-color3 {
  width: 70px;
}

ul#jsn-sitetools-menu li ul li.jsn-color4 {
  width: 90px;
}

ul#jsn-sitetools-menu li ul li.jsn-color5 {
  width: 120px;
}

ul#jsn-sitetools-menu li ul li.jsn-color6 {
  width: 135px;
}

/* PAGE PAGINATION */
ul.jsn-pagination li.navigation-page span {
  background-image: linear-gradient(-90deg, rgb(54, 105, 153) 0%,
    rgb(22, 44, 64) 100% );
  background-image: -moz-linear-gradient(-90deg, rgb(54, 105, 153) 0%,
    rgb(22, 44, 64) 100% );
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(54, 105,
    153) ), color-stop(1, rgb(22, 44, 64) ) );
  background-image: -webkit-linear-gradient(-90deg, rgb(54, 105, 153) 0%,
    rgb(22, 44, 64) 100% );
  background-image: -o-linear-gradient(-90deg, rgb(54, 105, 153) 0%,
    rgb(22, 44, 64) 100% );
  background-image: -ms-linear-gradient(-90deg, rgb(54, 105, 153) 0%,
    rgb(22, 44, 64) 100% );
  -ms-filter:
    "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff366999,endColorstr=#ff162c40,GradientType=0)";
  filter: progid :                   DXImageTransform.Microsoft.gradient (


    startColorstr =
    #ff366999, endColorstr =                   #ff162c40,
    GradientType =

    0 );
}

/*le trot*/
/*menus*/
div#jsn-pos-mainmenu ul, div#jsn-pos-mainmenu ul,div#jsn-pos-toolbar ul,div#jsn-pos-top ul {

  list-style: none;
}
div#jsn-pos-mainmenu ul, div#jsn-pos-mainmenu ul li{
  margin:0;
  padding:0;
  height:60px;
}
div#jsn-pos-toolbar ul#menuLive {
  position: absolute;
  right:150px;
  top: -94px;
  width:auto;
  display:block;
}

div#jsn-pos-toolbar ul {
  position:absolute;
  margin-top: 14px;
  right: 0;
  display:block;
  width:auto;
}

div#jsn-pos-top ul {
  background:#ededed;
  position:relative;
  margin-top: -28px;
  right:0;
  display:block;
  width:auto
}

div#jsn-pos-mainmenu ul li,div#jsn-pos-toolbar ul li,div#jsn-pos-top ul li
{
  display: inline;

}
div#jsn-pos-mainmenu ul li {
  display:inline-block;
  float:left;
}

div#jsn-pos-mainmenu ul li:hover {
  /*    background:#ccc*/
}

div#jsn-pos-toolbar ul#menuLive li,div#jsn-pos-toolbar ul#menuLive li:first-child
{
  display: block;
  position: relative;
}

div#jsn-pos-toolbar ul#menuLive li{
  margin:0px;
  padding:0px;
  border:0px;
  display: block;
}

div#jsn-pos-toolbar ul#menuLive li:nth-child(1),div#jsn-pos-toolbar ul#menuLive li:nth-child(2) {
  width:120px;
  position: absolute;
  top: 11px;
  left: 20px;
  /*border-bottom:1px dotted #eee;*/
  padding-bottom:9px;
}
div#jsn-pos-toolbar ul#menuLive li:nth-child(1) img,div#jsn-pos-toolbar ul#menuLive li:nth-child(2) img
{
  padding-bottom:3px;
  padding-right:3px;
  margin-right:0px;
}

div#jsn-pos-toolbar ul#menuLive li:nth-child(2) {
  top: 50px;
  padding-bottom:0px;
  border:0px;
  background:none;
}

div#jsn-pos-toolbar ul#menuLive li:nth-child(1) a,div#jsn-pos-toolbar ul#menuLive li:nth-child(2) a {
  color: #fff;
  font-size: 12px;
  font-family: FuturaStd-Medium;
}

div#jsn-pos-toolbar ul#menuLive li:nth-child(1) a:hover,div#jsn-pos-toolbar ul#menuLive li:nth-child(2) a:hover
{
  color:#333;
}

div#jsn-pos-top ul li,div#jsn-pos-toolbar ul li {
  margin: 0px;
  padding: 0px;
  padding-left: 6px;
  padding-right: 6px;
  border-right: 1px solid #d6d6d6;
}

div#jsn-pos-top ul li:last-child,div#jsn-pos-toolbar ul li:last-child {
  border-right: 0px solid #818181;
}


div#jsn-pos-mainmenu ul li a {
  color: #333;
  text-transform: uppercase;
  font-size: 18px;
  font-family: FuturaStd-Bold;
  display:block;
  height: 60px;
  line-height: 67px;
  padding: 0 20px;
}



div#jsn-pos-mainmenu ul li:first-of-type a{
  padding:0;
  line-height: 64px;
}

div#jsn-pos-mainmenu ul li.active a {
  height: 57px;
  border-bottom: 3px solid #bf2229;
  color: #bf2229;
}

div#jsn-pos-mainmenu ul > li ul
{
  position:absolute;
  height:340px;
  width:100%;
  background-size:295px 100%;
  left:0;
  padding:0px;
  margin:0px;
  display:none;


}

div#jsn-pos-mainmenu ul li ul li
{
  padding:0;
  display:block;
  float:left;
  width:208px;
  margin:15px;
  background:#fff;

}

div#jsn-pos-mainmenu ul li ul li a,div#jsn-pos-mainmenu ul li ul li a:hover,
div#jsn-pos-mainmenu ul li.active  ul li a,div#jsn-pos-mainmenu ul li.active  ul li a:hover,
div#jsn-pos-mainmenu ul li ul li:first-of-type a,div#jsn-pos-mainmenu ul li ul li:first-of-type a:hover,
div#jsn-pos-mainmenu ul li.active  ul li:first-of-type a,div#jsn-pos-mainmenu ul li.active  ul li:first-of-type a:hover
{
  margin:0;
  padding:6px;
  display:block;
  line-height:20px;
  height:20px;
  font-size:15px;
  color:#000;
  border:none;
}

div#jsn-pos-mainmenu ul li ul li ul
{
  position:relative;
  height:auto;
  width:auto;
}

div#jsn-pos-mainmenu ul li ul li ul li ,div#jsn-pos-mainmenu ul li ul li ul li:hover
{
  margin:0;
  padding:0;
  background:none;
  height:15px;
  width:32%;
  position:relative;

}

div#jsn-pos-mainmenu ul li ul li ul li a, div#jsn-pos-mainmenu ul li ul li ul li a:hover
div#jsn-pos-mainmenu ul li.active ul li ul li a, div#jsn-pos-mainmenu ul li.active ul li ul li a:hover
{
  margin:0 !important;
  padding:0 !important;
  font-size:13px !important;
  line-height:16px !important;
  font-family: FuturaStd-Medium !important;
  color:#8f8f8f !important;
  background:#fff !important;

}

div#jsn-pos-mainmenu ul li ul li ul li a:hover,div#jsn-pos-mainmenu ul li.active  ul li ul li a:hover
{
  color:#BF2229 !important;
}
div#jsn-pos-mainmenu ul li ul li ul li.fleche,
div#jsn-pos-mainmenu ul li.menu_trotteur ul li ul li.fleche,
div#jsn-pos-mainmenu ul li.menu_actualite ul li ul li.fleche,
div#jsn-pos-mainmenu ul li.menu_hippodrome ul li ul li.fleche,
div#jsn-pos-mainmenu ul li.menu_evenement ul li ul li.open
{
  padding:0px;
  width:90%;
  padding-left:13px;
  padding-bottom:13px;
  margin:0 !important;
  height:15px !important;
}
div#jsn-pos-mainmenu ul li.menu_evenement ul li ul li.open
{
  /*padding: 0px 0px 13px 8px !important;*/
  padding: 0px 0px 11px 6px !important;
}

div#jsn-pos-mainmenu ul li.menu_evenement ul li ul li:first-child.open
{
  padding-top:5px !important;
}

div#jsn-pos-mainmenu ul li.menu_evenement ul li ul li.open a
{
  color: #000 !important;
  text-transform: uppercase !important;
  font-size: 15px !important;
  font-family: FuturaStd-Bold !important;

}

div#jsn-pos-mainmenu ul li.menu_evenement ul li ul li.agenda{
  padding:0px !important;
  height:20px;
}

div#jsn-pos-mainmenu ul li.menu_evenement ul li ul li.agenda a,
div#jsn-pos-mainmenu ul li.menu_evenement ul li ul li.agenda:first-child a{
  margin-top:0px !important;
  margin-left:15px !important;
  font-family: FuturaStd-Bold !important;
  font-size:13px !important;
  color:#000 !important;
  padding:5px !important;
  line-height:20px !important;
  border-right:3px solid #BF2229 !important;
  display:block !important;
  height: 20px !important;

}

div#jsn-pos-mainmenu ul li.menu_evenement ul li ul li.agenda a{	
  padding:2px !important;	
}

div#jsn-pos-mainmenu ul li.menu_evenement ul li ul li.agenda:first-child{
  margin-top:140px;
}

div#jsn-pos-mainmenu ul li.menu_evenement ul li ul li.agenda a::before,
div#jsn-pos-mainmenu ul li.menu_evenement ul li ul li.open a::before{
  /*content:"";*/
  margin:0 !important;
  padding:0 !important;
}

div#jsn-pos-mainmenu ul li ul li ul li a::before,div#jsn-pos-mainmenu ul li.active  ul li ul li a:hover::before,
div#jsn-pos-mainmenu ul li ul li ul li:first-child a::before,div#jsn-pos-mainmenu ul li.active  ul li ul li:first-child a:hover::before{
  margin:0 !important;
  padding:0 !important;
  margin-left:-5px !important;
  margin-right:-5px !important;
  /*content:"|";*/
  color:#BF2229 !important;
  font-size : 15px;
  line-height:16px !important;
  display:inline;
}

div#jsn-pos-mainmenu ul li ul li ul li:first-child a::before,div#jsn-pos-mainmenu ul li.active  ul li ul li:first-child a:hover::before{
  margin:0 !important;
  margin-left:10px !important;
  margin-right:-5px !important;
  /*content:"";*/
}

/*div#jsn-pos-mainmenu ul li ul li ul li.fleche a::before,div#jsn-pos-mainmenu ul li.active  ul li ul li.fleche a:hover::before,
div#jsn-pos-mainmenu ul li ul li ul li.fleche a::before,div#jsn-pos-mainmenu ul li.active  ul li ul li.fleche a:hover::before{
        margin:0 !important;
        content:">";
        color:#BF2229 !important;
        font-size : 15px;
}*/

div#jsn-pos-mainmenu ul li ul li ul li.fleche a::before,div#jsn-pos-mainmenu ul li.active  ul li ul li.fleche a:hover::before,
div#jsn-pos-mainmenu ul li ul li ul li.fleche a::before,div#jsn-pos-mainmenu ul li.active  ul li ul li.fleche a:hover::before{
  margin: 0 !important;
  content: "";
  color: #BF2229 !important;
  font-size: 15px;
  width: 10px;
  height: 13px;
  display: block;
  float: left;
}


div#jsn-pos-mainmenu ul > li ul> li ul >li ul >li.hide
{
  display:none;
}

div#jsn-pos-mainmenu ul li ul li , div#jsn-pos-mainmenu ul li ul li:hover
{
  padding-top:73px;
  height:57px;

}

div#jsn-pos-mainmenu ul > li.menu_trotteur ul > li , div#jsn-pos-mainmenu ul > li.menu_trotteur ul > li:hover
{
  padding:0px;
  padding-top:100px;
  height:30px;

  margin-top:25px;
}

div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_races , div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_races:hover
{
  position: relative;
  margin-left:0px;
}


div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_races a:before , div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_races:hover a:before { 
  display: block;
  content: "";
  height: 99px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}

div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_bien_etre , div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_bien_etre:hover
{
  
  position:absolute;
  top:160px;
  left:-15px;

}

div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_bien_etre a:before , div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_bien_etre:hover a:before { 
  display: block;
  content: "";
  height: 99px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}



div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_elevage_tf , div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_elevage_tf:hover
{
  position: relative;
  height:189px;
}

div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_elevage_tf > a:before , div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_elevage_tf:hover > a:before { 
  display: block;
  content: "";
  height: 99px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}

div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_international_tf , div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_international_tf:hover,
div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_petites_annonces , div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_petites_annonces:hover
{
  height:189px;
}

div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_international_tf , div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_international_tf:hover
{
  position: relative;

}

div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_international_tf > a:before , div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_international_tf:hover > a:before { 
  display: block;
  content: "";
  height: 103px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}

div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_petites_annonces , div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_petites_annonces:hover
{
  height:289px!important;
  padding:0!important;
}

div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_petites_annonces a, div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_petites_annonces:hover a
{
  color:#fff;
  text-align:center;
  height: 280px;
  line-height: 365px;
  display:block
}




div#jsn-pos-mainmenu ul > li.menu_evenement ul > li , div#jsn-pos-mainmenu ul > li.menu_evenement ul > li:hover
{
  padding:0px;
  padding-top:94px;
  height:186px;
  width:158px;
  margin-top:25px;
}

div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_agenda , div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_agenda:hover
{
  width:280px;
  height:280px;
  padding:0px;
}

div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_agenda a, div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_agenda:hover a
{
  color:#fff;
  font-size:35px;
  margin-top:15px;
  margin-left:10px;

}

div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_trophe_vert , div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_trophe_vert:hover,
div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_gnt , div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_gnt:hover
{
  
  padding:0px;
  padding-top:100px;
  height:32px;
  width:280px;
  position: relative;
}

div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_trophe_vert a:before , div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_trophe_vert:hover  a:before,
div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_gnt a:before , div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_gnt:hover  a:before {
   display: block;
  content: "";
  height:102px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}



div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_trophe_vert, div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_trophe_vert:hover
{
  position:absolute;
  top:148px;
  left:310px;
}

div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_trophe_vert a:before, div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_trophe_vert:hover a:before
{
}


div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_open_region , div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_open_region:hover
{
  position: relative;
  padding-top:144px;
  height:136px;
  width:290px;
}

div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_open_region > a:before , div#jsn-pos-mainmenu ul li.menu_evenement  ul li.ss_open_region:hover > a:before
{
  display: block;
  content: "";
  height: 145px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}


div#jsn-pos-mainmenu ul > li.menu_hippodrome ul > li , div#jsn-pos-mainmenu ul > li.menu_hippodrome ul > li:hover
{
  padding:0px;
  padding-top:88px;
  height:186px;
  width:158px;
  margin-top:25px;
}

div#jsn-pos-mainmenu ul li.menu_hippodrome  ul li.ss_vincennes , div#jsn-pos-mainmenu ul li.menu_hippodrome  ul li.ss_vincennes:hover
{
  position: relative;
}


div#jsn-pos-mainmenu ul li.menu_hippodrome  ul li.ss_vincennes > a:before {
  display: block;
  content: "";
  height:87px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}

div#jsn-pos-mainmenu ul li.menu_hippodrome  ul li.ss_cabourg , div#jsn-pos-mainmenu ul li.menu_cabourg  ul li.ss_vincennes:hover
{
  position: relative;
}

div#jsn-pos-mainmenu ul li.menu_hippodrome  ul li.ss_cabourg > a:before {
  display: block;
  content: "";
  height:87px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}

div#jsn-pos-mainmenu ul li.menu_hippodrome  ul li.ss_enghien , div#jsn-pos-mainmenu ul li.menu_cabourg  ul li.ss_enghien:hover
{
  position: relative;
}

div#jsn-pos-mainmenu ul li.menu_hippodrome  ul li.ss_enghien > a:before {
  display: block;
  content: "";
  height:87px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}


div#jsn-pos-mainmenu ul li.menu_hippodrome  ul li.ss_caen , div#jsn-pos-mainmenu ul li.menu_caen  ul li.ss_enghien:hover
{
  position: relative;
}

div#jsn-pos-mainmenu ul li.menu_hippodrome  ul li.ss_caen > a:before {
  display: block;
  content: "";
  height:91px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}



div#jsn-pos-mainmenu ul li.menu_hippodrome   ul li.ss_trouver_hippo , div#jsn-pos-mainmenu ul li.menu_hippodrome   ul li.ss_trouver_hippo:hover
{
  position: relative;
}

div#jsn-pos-mainmenu ul li.menu_hippodrome  ul li.ss_trouver_hippo > a:before {
  display: block;
  content: "";
  height:100%;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}


div#jsn-pos-mainmenu ul li.menu_hippodrome   ul li.ss_trouver_hippo a, div#jsn-pos-mainmenu ul li.menu_hippodrome   ul li.ss_trouver_hippo:hover a
{
  height:100%;
  width:100%;
  text-align:center;
  color:#fff;
}

div#jsn-pos-mainmenu ul li.menu_hippodrome   ul li.ss_trouver_hippo a span, div#jsn-pos-mainmenu ul li.menu_hippodrome   ul li.ss_trouver_hippo:hover a span
{
  margin-top:90px;
  display:block;
  position: absolute;
  left: 0;
  z-index: 100;
}

div#jsn-pos-mainmenu ul > li.menu_actualite ul > li , div#jsn-pos-mainmenu ul > li.menu_actualite ul > li:hover
{
  padding:0px;
  padding-left:73px;
  height:130px;
  width:210px;
  margin-top:25px;
}

div#jsn-pos-mainmenu ul li.menu_actualite ul li.ss_banniere , div#jsn-pos-mainmenu ul li.menu_actualite ul li.ss_banniere:hover,
div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_banniere , div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_banniere:hover,
div#jsn-pos-mainmenu ul li.menu_hippodrome ul li.ss_banniere , div#jsn-pos-mainmenu ul li.menu_hippodrome ul li.ss_banniere:hover,
div#jsn-pos-mainmenu ul li.menu_hippodrome ul li.ss_banniere_second_banniere , div#jsn-pos-mainmenu ul li.menu_hippodrome ul li.ss_banniere_second_banniere:hover,
div#jsn-pos-mainmenu ul li.menu_evenement ul li.ss_banniere , div#jsn-pos-mainmenu ul li.menu_evenement ul li.ss_banniere:hover,
div#jsn-pos-mainmenu ul li.menu_evenement ul li.ss_banniere_second_banniere , div#jsn-pos-mainmenu ul li.menu_evenement ul li.ss_banniere_second_banniere:hover

{
  width:250px;
  height:130px !important;
  padding:0px ;
}

div#jsn-pos-mainmenu ul li.menu_hippodrome ul li.ss_banniere_second_banniere , div#jsn-pos-mainmenu ul li.menu_hippodrome ul li.ss_banniere_second_banniere:hover,
div#jsn-pos-mainmenu ul li.menu_evenement ul li.ss_banniere_second_banniere , div#jsn-pos-mainmenu ul li.menu_evenement ul li.ss_banniere_second_banniere:hover,
div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_banniere_second_banniere , div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_banniere_second_banniere:hover
{
  margin-top:10px !important;

}
div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_banniere , div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_banniere:hover,div#jsn-pos-mainmenu ul li.menu_trotteur ul li.ss_banniere_second_banniere , div#jsn-pos-mainmenu ul li.menu_trotteur  ul li.ss_banniere_second_banniere:hover
{
  padding:0px !important;
}

div#jsn-pos-mainmenu ul li.menu_hippodrome ul li.ss_banniere , div#jsn-pos-mainmenu ul li.menu_hippodrome ul li.ss_banniere:hover,
div#jsn-pos-mainmenu ul li.menu_evenement ul li.ss_banniere , div#jsn-pos-mainmenu ul li.menu_evenement ul li.ss_banniere:hover,
div#jsn-pos-mainmenu ul li.menu_hippodrome ul li.ss_banniere_second_banniere , div#jsn-pos-mainmenu ul li.menu_hippodrome ul li.ss_banniere_second_banniere:hover,
div#jsn-pos-mainmenu ul li.menu_evenement ul li.ss_banniere_second_banniere , div#jsn-pos-mainmenu ul li.menu_evenement ul li.ss_banniere_second_banniere:hover,
div#jsn-pos-mainmenu ul li.menu_actualite ul li.ss_banniere , div#jsn-pos-mainmenu ul li.menu_actualite ul li.ss_banniere:hover
{
  margin-left:27px !important
}

div#jsn-pos-mainmenu ul li.menu_actualite ul li.ss_banniere , div#jsn-pos-mainmenu ul li.menu_actualite ul li.ss_banniere:hover
{
  margin-left:28px !important
}


div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_trot_events , div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_trot_events:hover
{
  position: relative;
  padding-left:144px;
  width:139px;

}
div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_trot_events > a:before , div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_trot_events:hover  > a:before{
  display: block;
  content: "";
  height: 130px;
  width: 140px;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}



div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_trottv , div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_trottv:hover
{
  position: relative;
  padding-left:144px;
  width:139px;

}
div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_trottv > a:before , div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_trottv:hover  > a:before{
  display: block;
  content: "";
  height: 130px;
  width: 139px;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}
  


div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_decouvrir_infos , div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_decouvrir_infos:hover
{
  background-size:100%;
  padding:0px;
  width:283px;

}

div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_decouvrir_infos a, div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_decouvrir_infos:hover a
{
  height:100%;
  width:100%;
  text-align:center;
  color:#fff;
}

div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_decouvrir_infos a span, div#jsn-pos-mainmenu ul li.menu_actualite  ul li.ss_decouvrir_infos:hover a span
{
  margin-top:80px;
  display:block;
}


div#jsn-pos-mainmenu ul li ul li.ss_classements , div#jsn-pos-mainmenu ul li ul li.ss_classements:hover
{
 position: relative;
  margin-top:25px;
  
}

div#jsn-pos-mainmenu ul li ul li.ss_classements > a:before {
    display: block;
  content: "";
  height:73px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
  
}

div#jsn-pos-mainmenu ul li ul li.ss_classements ul li
{
  text-align:center;
  padding:0 6px;
  border-left:1px solid #d8262e;
  width:auto;
}

div#jsn-pos-mainmenu ul li ul li.ss_classements ul li.first
{
  border:none;
  padding-left:9px;
}


div#jsn-pos-mainmenu ul li ul li.ss_champions , div#jsn-pos-mainmenu ul li ul li.ss_champions:hover
{
  /*background: #fff url(../../images/letrot/menu/bg_classements.jpg) top center no-repeat;*/
  /*background-size:100%;*/
  /*margin-top:25px;*/
}

div#jsn-pos-mainmenu ul li ul li.ss_champions ul li
{
  text-align:center;
  padding:0 6px;
  border-left:1px solid #d8262e;
  width:auto;
}

div#jsn-pos-mainmenu ul li ul li.ss_champions ul li.first
{
  border:none;
  padding-left:9px;
}




div#jsn-pos-mainmenu ul li ul li.ss_tutoriel , div#jsn-pos-mainmenu ul li ul li.ss_tutoriel:hover
{
  position: relative;
}

div#jsn-pos-mainmenu ul li ul li.ss_tutoriel > a:before {
  display: block;
  content: "";
  height:73px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}

div#jsn-pos-mainmenu ul li ul li.ss_qualifications , div#jsn-pos-mainmenu ul li ul li.ss_qualifications:hover
{
  position: relative;
  margin-top:25px;
}

div#jsn-pos-mainmenu ul li ul li.ss_qualifications > a:before {
  display: block;
  content: "";
  height:73px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}

div#jsn-pos-mainmenu ul li ul li.ss_champions , div#jsn-pos-mainmenu ul li ul li.ss_champions:hover
{
  position: relative;
}

div#jsn-pos-mainmenu ul li ul li.ss_champions > a:before {
  display: block;
  content: "";
  height:73px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}

div#jsn-pos-mainmenu ul li ul li.ss_grandprix , div#jsn-pos-mainmenu ul li ul li.ss_grandprix:hover
{
 position: relative; 
}

div#jsn-pos-mainmenu ul li ul li.ss_grandprix > a:before {
  display: block;
  content: "";
  height:73px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}


div#jsn-pos-mainmenu ul li ul li.ss_replay , div#jsn-pos-mainmenu ul li ul li.ss_replay:hover
{
  position: relative;
  margin-top:25px;
  height: 57px;
}

div#jsn-pos-mainmenu ul li ul li.ss_replay > a:before {
  display: block;
  content: "";
  height:73px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}




div#jsn-pos-mainmenu ul li ul li.ss_replay a span:first-child, div#jsn-pos-mainmenu ul li ul li.ss_replay:hover a span:first-child
{
  background-repeat: no-repeat;
  background-position: 0px 2px;
  padding-left:24px;
}

div#jsn-pos-mainmenu ul li ul li.ss_replay ul li a span:first-child, div#jsn-pos-mainmenu ul li ul li.ss_replay:hover ul li a span:first-child
{
  background:none;
  padding-left:0px;
}


div#jsn-pos-mainmenu ul li ul li.ss_calendrier , div#jsn-pos-mainmenu ul li ul li.ss_calendrier:hover
{
  /*background:#fff url(../../images/letrot/menu/bg_calendrier.jpg) top center no-repeat;
  background-size:100%;*/
  padding-top:130px;
  height:160px;
  margin-left:0px;
  margin-top:25px;
  position: relative;
}

div#jsn-pos-mainmenu ul li ul li.ss_calendrier ul {
  padding-left: 13px;
}

div#jsn-pos-mainmenu ul li ul li.ss_calendrier a:before {
  display: block;
  content: "";
  height:130px;
  width: 100%;
  background-size:100%;
  top: 0;
  left: 0;
  position: absolute;
}


div#jsn-pos-mainmenu  li.ss_banniere , div#jsn-pos-mainmenu  li.ss_banniere:hover,
div#jsn-pos-mainmenu  li.ss_banniere_second_banniere , div#jsn-pos-mainmenu  li.ss_banniere_second_banniere:hover
{
  background:none;
  padding-top:0px;
  height:130px;
  width:250px;
  margin-left:30px;
  margin-top:25px;
}



div#jsn-pos-mainmenu li.ss_banniere_second_banniere , div#jsn-pos-mainmenu  li.ss_banniere_second_banniere:hover
{
  margin-top:15px;

}


div#jsn-pos-mainmenu  li.ss_banniere a, div#jsn-pos-mainmenu  li.ss_banniere:hover a,
div#jsn-pos-mainmenu  li.ss_banniere_second_banniere a, div#jsn-pos-mainmenu  li.ss_banniere_second_banniere:hover a
{
  padding:0px !important;

}

div#bgMenu {
  position: absolute;
  top:171px;
  left:0;
  right:0;
  width: 100%;
  height: 200px;
  background-size:30% 100%;
  z-index: -1;

}




div#jsn-pos-toolbar ul li a {
  color: #bf2229;
  text-transform: uppercase;
  font-size: 12px;
  font-family: FuturaStd-Bold;
  padding: 8px 0;
}

div#jsn-pos-toolbar ul.menuConnection:hover li a:hover {
  color: white;
}

div#jsn-pos-toolbar ul.menuConnection:hover li:hover {
  background-color: #d8262e;
}

div#jsn-pos-toolbar ul.menuConnection:hover li:hover a {
  color: white;
}

div#jsn-pos-toolbar ul.menuConnection:hover li {
  padding-top:22px;
  padding-bottom: 23px;
  cursor: pointer;
}


div#jsn-pos-toolbar ul li a img
{
  margin-right:10px;
}

div#jsn-pos-top ul li a {
  color: #818181;
  text-transform: uppercase;
  font-size: 10px;
  padding: 7px 0;
  font-family:arial;
}

div#jsn-pos-top ul li a img {
  padding-bottom: 3px;
  padding-right: 0px;
}

div#jsn-pos-toolbar ul li a:hover,div#jsn-pos-top ul li a:hover {
  text-decoration: none;
  color: #000;
}

div#jsn-pos-mainmenu ul li a:hover {
  text-decoration: none;
  color: #bf2229;
}

ul#menuTrotInfo
{
  list-style:none;
  position:absolute;
  margin:10px;
  margin: 20px 19px;
}
ul#menuTrotInfo li.last{
  margin:0
}

ul#menuTrotInfo li a
{
  font-size:14px;
  color:#000;
  font-family: FuturaStd-Heavy
}

/*ul#menuTrotInfo li a::before
{
content:"> ";
color:#bf2229;
font-weight:bold;
}*/

ul#menuTrotInfo li a::before
{
  /*content:"> ";
  color:#bf2229;
  font-weight:bold;*/

  margin: 0 !important;
  content: "";
  color: #BF2229 !important;
  font-size: 15px;
  width: 10px;
  height: 16px;
  display: block;
  float: left;
}


/*menu footer*/
div.footer_menu
{
  margin: 0px;
  padding: 0px;
  width:14%;
  float:left;
  padding-right:1%;
  padding-left:20px;
  padding-top:20px;
  height:250px;
  margin-top: 18px;
  margin-top:18px;
  font-family:Arial;
}

div.footer_menu:nth-child(2)
{
  width:20%;
}

div.footer_menu:nth-child(4)
{
  width:22%;
}


div.footer_menu:first-child
{
  padding-left:0px;
  margin-top:18px;
}

div.footer_menu:nth-child(4){
  border-right:0px dotted #000;
  background:none;
}

div.footer_menu h3.jsn-moduletitle
{

  margin: 0px;
  padding: 0px;
  color:#bf2229;
  padding-bottom:10px;
  font-size:18px;	
  /*padding-top: 25px;*/

}

div.footer_menu h3.jsn-moduletitle span{
  line-height: 24px;
}


div.footer_menu ul
{
  margin: 0px;
  padding: 0px;
  list-style:none;
}

div.footer_menu ul li
{
  margin: 0px;
  padding: 2px;
  font-size:14px;
}
div.footer_menu ul li a::before
{
  /*content:">";*/
  color:#bf2229;

}
div.footer_menu ul li a
{
  color:#8f8f8f;
  margin: 0px;
  padding: 0px;
}
div.footer_menu ul li a:hover
{
  color:#bf2229;
  text-decoration:none;
}
/*menu responsive*/
@media screen and (max-width: 1150px) {

  div#jsn-pos-mainmenu ul li {
    margin: 0 2px;
  }
  div#jsn-pos-mainmenu ul li a {
    font-size: 16px;
    padding:0 10px
  }

  #jsn-headerright {
    padding-right:0;
  }
  div.mod-languagesletrotLangues {
    width: 50px;
  }
  div#jsn-pos-top ul {
    right: -15px;
  }
  div#jsn-pos-top ul li {
    padding-left:2px;
    padding-right:2px;
  }
  div#jsn-pos-top ul li a{
    font-size: 8px;
  }
}


/*modules*/
div#jsn-promo
{
  margin-top:25px;
  margin-bottom:25px;
}

div#jsn-pos-promo-right
{
  padding-left:15px;
}

div#jsn-pos-promo-right div.jsn-modulecontainer , div#jsn-pos-promo
{
  margin:0px;
  padding:0px;
  margin-left:0px;
}

div#jsn-pos-promo div.galleria-container
{
  border-bottom:4px solid #ff9b00;
}

div.block_red
{
  background:#fff;

  padding:0px;
  margin-bottom:25px;
}

div.block_red h3.jsn-moduletitle
{
  margin:0px;
  padding:0px;
  background: #d7262e url(../images/obliqueBlockRed_BG.png) no-repeat right top;
  background-size: 76px 100%;
  height:76px;
  text-shadow: 1px 1px 1px transparent;
}

div.block_red h3.jsn-moduletitle span.jsn-moduleicon
{
  margin:0px;
  padding:0px;
  line-height:76px;
  padding-left:10px;
  text-shadow: 1px 1px 1px transparent;
  font-family: FuturaStd-Bold;
  font-size:42px;
  color:#fff;
}

div.block_red div.jsn-modulecontent
{
  margin:0px;
  padding:0px;
/*  border:1px solid #d8d8d8;*/
/*  border-top:0px;*/
/*  border-bottom:3px solid #4a4a4a;*/
  height:655px;
}



div#jsn-pos-content-top, div#jsn-content-bottom div.jsn-modulescontainer
{
  margin:0px;
  padding:0px;
}

/*pictos*/

div.liste_letrot_info h3.jsn-moduletitle span.jsn-moduleicon
{
  background-image : url(../images/pictoLetrotInfo.png);
  background-position: 96% center;
  background-repeat:no-repeat;

}

/*module sepcifiques au liste de resultats*/


div.jsn-modulecontent ul.liste_letrot_info
{
  margin:0px;
  padding:0px;
  list-style:none;
  overflow:hidden
}


div.jsn-modulecontent ul.liste_letrot_info li
{
  font-weight:bold;
  margin:0px;
  padding:10px;
  color:#8f8f8f;
  /*border-bottom:1px dotted #000;*/
  font-family:arial;
  font-size:13px;

  height: 55px;
}

div.jsn-modulecontent ul.liste_letrot_info li:nth-child(even)
{

  background: url(../images/dotted.png) repeat-x 0 bottom #f2f2f2;
}

div.jsn-modulecontent ul.liste_letrot_info li:nth-child(odd)
{

  background: url(../images/dotted.png) repeat-x 0 bottom #fff;

}
div.jsn-modulecontent ul.liste_letrot_info li a.mod-articles-category-title
{
  font-size:15px;
  text-transform: uppercase;
  font-family: FuturaStd-Medium;
  margin:0px;
  padding:0px;
  color:#000;

}

div.jsn-modulecontent ul.liste_letrot_info li span.mod-articles-category-date
{

  margin:0px;
  padding:0px;

}

div.jsn-modulecontent ul.liste_letrot_info li  p.mod-articles-category-introtext
{
  font-weight:normal;
  font-size:13px;
  margin:0px;
  padding:0px;

}


/*divers*/

b.letrot_maigre
{
  font-weight:normal;
  font-family: FuturaStd-Medium;
}

div#barreNoireFooter
{
  width: 100%;
  background: #000;
  color: #fff;
  clear: both;
  line-height: 23px;
  position: absolute;
  left: 0;
  right: 0;
}

div.surfooter
{
  margin-top:0
}


div#barreNoireFooter div
{
  padding: 5px;
  height: 18px;
  width: 90%;
  margin: auto;
  max-width: 1240px;
}

/*langues*/

div.mod-languagesletrotLangues
{
  width: 65px;
}


/*
div#jsn-pos-mainmenu .letrotMain ul li ul li a{
        
        background: url(../../images/backgrounds/bullet.png) no-repeat scroll 0 4px !important;
}*/





/*modif background*/

#jsn-header, #jsn-menu, .containerCenter, #jsn-footer {
    margin:0 auto;
}
