/* INIT */
body,h1,h2,h3,h4,h5,h6,p,div,ul,li,table,hr,form{ margin :0 ; padding : 0 ; }
body { -moz-opacity: 0.9999; }
:focus{-moz-outline-style: none;}
img { border : none ; margin : 0 ; }
a { text-decoration : none ; }
ul { list-style:none;}
body { font:Normal 9pt/11pt Helvetica, Arial; margin : 0 auto ; }

/*HEADER*/
#header {  position:relative; z-index : 10 ;  margin : 0 auto ; width : 951px ; height : 136px ;background: transparent url(../image/commun/header-bg.png) no-repeat left top ;}
h1.hd1 { position : absolute ; top : 11px ; left : 29px ; }
h2.hd2 { position : absolute ; top : 33px ; left : 168px ; }
ul.menu { position : absolute ; top : 94px ; left : 0px ; width : 990px ; height : 30px ; }
.menu li { float : left  ; position : relative ;}
.menu li img { cursor : pointer ; margin-right : 60px ; }
.menu li ul { position : absolute ; display : none ; border : 1px solid #000 ; width : 120px ; margin : 1px ; padding : 0 1px 1px 1px !important ; background : #FFF ;}
.menu li li  { float: none;  padding : 0 !important;  }
.menu li li a { font : Normal 8pt/13pt Helvetica,Arial ; display:block; color:#000; text-indent:3px; background:#FFF ; margin : 0 ; text-decoration : none ;}
.menu li li a:hover { color : #FFF ; background : #900 ; }
#menuLoto { padding-left : 170px ;}
.hd1 span, .hd2 span, .menu li span { display : none ;}
ul.connexion { position : absolute ; top : 1px ; left : 170px ; }
.connexion .label { padding-right : 7px ; font-weight : Bold ; color : #FFF ;}
.connexion .input { width : 110px ; margin-right : 5px ; height : 15px ; border : 1px solid #333 ; }
.connexion .ok { margin-right : 5px ; height : 19px ; border : 1px solid #333 ; background : #900 ; color : #FFF ;  padding: 0 3px ; font-weight : bold ; cursor : pointer ;}
.connexion li { float : left ; } 

/* STRUCTURE PAGE */
#global { position : relative ; margin : 0 auto 20px auto  ;  }
#dvcentre { position : relative ; z-index : 0 ; margin : 0 auto ; width : 945px ; }
#dvleft { float : left ; width : 647px ; background: transparent url(../image/commun/dvleft-top.png) no-repeat left top ; } 
#dvright { float : right ; width : 280px ; background: transparent url(../image/commun/dvright-bg.png) repeat-y left top ; } 
.clear { clear : both ; height : 1px ; overflow : hidden ; font-size : 1px ; }

/* COLONNE DROITE */
#divCarre { height : 260px ; text-align : center ; padding-top : 5px ; }
.topActu { background: transparent url(../image/commun/dvright-top.png) no-repeat left top ; padding-top : 15px !important; }
.botActu { background: transparent url(../image/commun/dvright-bot.png) no-repeat left bottom ; padding-bottom : 15px !important; }
.titreActu { padding : 0 0 0 15px ; font : Bold 8pt/14pt Arial, Helvetica ; color : #900 ; text-transform:uppercase; }
.ulActu { list-style : none ; line-height : 21px ;}
.liActu { margin : 0 15px ; background : url(../image/commun/filet.gif) repeat-x left top ; color: #999 ; font : Normal 8pt/15pt Arial, Helvetica ;}
.liActu a {  color: #666 ; text-decoration: none ; padding-left : 5px ; }
.liActu a:hover { text-decoration: underline  ; }

/* CONTENT */
div.content { position : relative ; padding : 20px ; background: transparent url(../image/commun/liste-bg.png) repeat-y ;  }
.contenttop { background: transparent url(../image/commun/liste-top.png) no-repeat left top ; padding-top : 11px !important ; }
.contentbot { background: transparent url(../image/commun/liste-bot.png) no-repeat left top ; height : 15px ; }
.h2Simple { font : Bold 13pt/15pt Arial, Helvetica ; margin : 20px 0 10px 0 ; padding-left : 32px ; background : transparent url(../image/commun/h2.gif) no-repeat 2px 0 ; }
.h2 { margin : 0 ; padding : 0 ; font : Bold 13pt/16pt Arial ; color : #000 ; padding-left : 25px ; background : transparent url(../image/commun/h2.gif) no-repeat ;  }
.h2 span { color : #999; font : Normal 11pt/13pt Arial, Helvetica; }
.h3 {margin : 0 0 10px 0  ; padding : 0 0 0 25px ; font : Bold 12pt/12pt Arial,Helvetica ; color : #000 ;}

/*TITRE PAGE*/
.titrePage { margin : 20px 0 0 30px ;  text-align : left ; height: 70px ; }
.titrePage .titre { padding : 5px 0 0 140px ; font : Bold 9pt/11pt Arial ; color : #6B8FEA ; text-transform : uppercase }
.titrePage .stitre { padding-left : 140px ; font : Bold 14pt/14pt Arial ; color : #000 ; text-transform : uppercase }
.titrePage .chapeau { padding : 5px 20px 5px 140px ; font : Normal 8pt/11pt Arial ; color : #666 ; text-transform : uppercase }

/* ONGLETS */
.onglet { padding : 0 ; margin : 0 ; height : 24px ; text-transform : uppercase ;  background : transparent url(../image/commun/onglet-bg.png) bottom left repeat-x ; }
.onglet .ulOnglet { margin : 0 0 0 10px ; padding : 0 ; list-style : none ; }
.onglet .liOnglet { float : left ;  margin : 0px 5px 0 0 ; padding : 0 ; }
.onglet .aOnglet { font : Bold 10px/23px Arial, Helvetica ; color : #333 ; text-align : center ; display : block ; padding : 0 ; background : transparent url(../image/commun/menu-bg.png) bottom left repeat-x ; border : 1px solid #999 ; border-bottom : none ; text-decoration : none ;  width : 90px ; }
.onglet .aOngletOn { font : Bold 10px/23px Arial, Helvetica ; color : #000 ; text-align : center ; display : block ; width : 90px ; padding : 0 ; background : #FFF; border : 1px solid #999 ; border-bottom : none ; text-decoration : none ; }
.onglet .aOnglet:hover { color : #000 ;  background : #FFF ; text-decoration : underline }
.onglet .aPari { background : transparent url(../image/commun/menu-or-bg.png) bottom left repeat-x !important ; color : #FFC ;	}
.onglet .aPari:hover { background : #FFF !important ; }
.onglet .aBmk { width : 140px !important ; }

/* CARTOUCHE GRIS */
div.texteGris { margin : 15px 0 15px 13px ; padding : 0 ; text-align : left; }
.h2Gris{ color : #666 ; margin-bottom : 2px ; background:transparent ; padding : 5px 0 0 0 ; font : Bold 13pt/15pt Arial, Helvetica ;}
.h3Gris{ color : #666 ; margin-bottom : 2px ; background:transparent ; padding : 5px 0 0 0 ; font : Bold 11pt/13pt Arial, Helvetica ;}
.texteGris .topG { margin : 0 ; padding : 0 ; background : url(../image/commun/cartouche-top.gif) no-repeat left bottom ; height : 10px ;line-height : 10px ;  }
.texteGris .bottomG { margin : 0 ; padding : 0 ; background : url(../image/commun/cartouche-bot.gif) no-repeat left top ; height : 10px ; line-height : 10px ;}
.texteGris .contenuG { margin : 0 ; padding : 0 20px 0px 20px ; background : url(../image/commun/cartouche-bg.gif) repeat-y left top ; height : 100% ; }
.texteGris .ptexteGris { text-align : justify; font : Normal 8pt/10pt Arial, Helvetica, sans-serif ; color : #666 ;  margin : 0 ; padding-right : 20px !important ; }
.texteGris .ptexteGris a { font : Normal 8pt/10pt Arial, Helvetica, sans-serif  ; text-decoration : none ; color : #444 ; padding : 0 ; }
.texteGris .pBmk { font : Bold 11pt/21pt Arial; text-align : center ; color : #06C ; text-decoration : underline ; cursor : pointer ; margin-right : 10px; }
.texteGris .pLoto { font : Bold 12pt/21pt Arial; text-align : center ; color : #999 ; }
.texteGris .pLoto a {  color : #06C !important ; text-decoration : none !important ;  }
.texteGris .pLoto a:hover {  text-decoration : underline !important ;  }

/*LISTE DEFINITION HORIZONTAL */
.dlHrz { border-top : 2px solid #DDD ; margin : 0 ; padding : 5px 5px 7px 5px ; height : 50px; }
.dlHrz dt { margin-left : 100px ;  background : transparent url(../image/commun/feche06C.gif) no-repeat left center ; font : Bold 12px/15px Arial, Helvetica  ; text-transform : uppercase ; color : #06C ; padding : 5px 0 0 7px ;}
.dlHrz dt a { color : #06C ; }
.dlHrz dd { margin-left : 100px ; padding : 0 ; color : #666 ; }
.dlHrz dd a { font : Normal 12px/13px Arial, Helvetica !important; color : #000 ; padding :  0  10px 0 0 ; text-decoration : underline   ; }

/*CALENDRIER*/
.h2Calendrier { font : Bold 10pt/15pt Arial, Helvetica ; background : #6B8FEA ; color : #FFF ; padding-left : 5px ; margin : 0 10px ;}
.tbCalendrier { margin : 0 0  0 10px ; padding : 0  ; font: Normal 9pt/12pt Arial ; }
.tbCalendrier td { border-bottom : 1px solid #CCC  }
.tbCalendrier .jour { text-align : left ; text-indent : 2px ; color : #666 ; border-bottom : 1px solid #666 ; line-height : 12pt ; font-weight : Normal}
.tbCalendrier .date { width : 50px ; text-align : left ; text-indent : 5px ; color : #999 ;}
.tbCalendrier .equipeA { width : 210px ; text-align : right ;  }
.tbCalendrier .equipeB { width : 267px ; text-align : left ; }
.tbCalendrier .score { width : 60px ; text-align : center ; }

/*CLASSEMENT*/
.classement { color : #000 ; text-align : left ;  font: Normal 9pt/11pt Arial ; margin : 0 10px ; border : none ; }
.clt { font: Normal 8pt/11pt Arial ;  color: #000 ; height: 20px ; margin: 0 ; padding: 0 ; }
.classement td, .classement th { border-bottom : 1px solid #999 ; }
.classement .equipe {  text-align : left ; width : 197px ; font : Bold 9pt/11pt Arial, Helvetica ;}
.classement .equipe a {  color : #06C ; text-decoration : none ; }
.classement .equipe a:hover {  text-decoration : underline ; }
.classement .data {  width : 45px ; text-align : center ;}
.classement .place {  text-align : center ; width : 30px ; }

/*FORMULAIRE*/
.form { margin :  0 10px ; background : #EEE ; border  : 1px solid #6B8FEA ; }
.fieldset { font : Normal 8pt Helvetica, Arial ; color : #333 ; border : none ; margin : 0 ; padding : 5px ;}
.cliquable { color : #06C ; text-decoration : underline ; cursor : pointer ; padding-right : 7px ;} 

/*PLUS*/
.plus  { font : Bold 9pt/12pt Arial, Helvetica ; color : #06C ; padding-left : 7px ; text-decoration : underline ; background : transparent url(../image/commun/fecheLien.gif) no-repeat left center ; } 

/*DETAIL*/
.detailOff { font : Bold 10px/22px Verdana ; text-decoration : none ; padding-left : 14px ; text-transform : uppercase ; background : url(../image/commun/detailOff.gif) no-repeat left center ; color : #06C ; cursor : pointer ; }
.detailOn { font : Bold 10px/22px Verdana ; text-decoration : none ; padding-left : 14px ; text-transform : uppercase ; background : url(../image/commun/detailOn.gif) no-repeat left center ; color : #D00 ; cursor : pointer ;  }

/*VOIR AUSSI*/
#voirAussi { margin : 20px 0 0 0 ; padding : 0 ;  }
.h3Aussi { padding : 25px 0 7px 35px !important ; }
.ulvoirAussi { margin : 0 35px 0 35px; padding-bottom : 20px ; font : Normal 8pt/13pt Arial, Helvetica ;  }
.livoirAussi { margin : 0 ; padding : 0 ; border-top : 1px solid #CCC ; }
.livoirAussi a { color: #06C ; text-decoration: none  ; font-weight : Bold ; padding-left : 5px ; }
.livoirAussi a:hover { text-decoration: underline  ; }

/*FOOTER*/
div.footer { margin : 20px 0 0 0 ; padding : 0 0 20px 0 ; border-top : 1px solid #999 ;}
p.contentFooter { width : 951px ; margin : 0 auto ; padding : 20px 0 20px 25px ;  text-align : left ; color : #999 }
.contentFooter a { color: #666 ; text-decoration: none  ; font-weight : Bold ; padding-left : 5px ; }
.contentFooter a:hover { text-decoration: underline  ; }
.botLogo { padding-left : 12px ; background : url(../image/commun/footer-logo.gif) no-repeat 0 1px; }
div.footer-top-content { margin : 0 auto ; width : 951px ; }
div.footer-top { width : 315px ; float : left ; }
div.footer-top h4 { padding-left : 15px ; font : Bold 12px Helvetica, Arial ; color : #999 ; text-transform : uppercase ; }
div.footer-top ul { margin : 5px 0 0 17px ; float : left ; border-left : 3px solid #ddd ; }
div.footer-top ul li { line-height : 16px ; padding-left : 5px ; }
div.footer-top ul li a { color : #999 ;  }
div.footer-top ul li a:hover { text-decoration : underline ; }
div.disclaimer-pari { margin : 20px 0 0 0 ; }
p.texte-pari-diclaimer { color : #999 ; text-align : justify ; font-size : 11px ; padding : 7px ; border : 1px solid #ddd ; background : #ccc ;} 

/*LOADER*/
#bg-loader { position : absolute ; margin : 0 ; padding : 0 ;  ; background : #000 ; display: none ; z-index : 99 ; height : auto ; }
#loader { position : absolute ; margin : 0 ; padding : 0 ; width : 210px ; height : 50px ; background : #FFF url(http://www.foot4cash.com/img/loading.gif) 10px 10px no-repeat ; display: none ; text-align : left ; border: 1px solid #FFF ; z-index : 100 ; }
#loader img { ; margin : 10px 0 0 0 ;  }
#loader span { font : Normal 10px/50px Verdana ;  padding-left : 50px ; }

/*PUB*/
div.box_pub {
	margin : 0px 5px ;
	text-align : left ;
}
.pub_content {
	margin : 1px 10px ;
	font : Bold 0.9em Arial ;
	color : #666 ;
}
.pub_bmk {
	margin : 0 ;
	padding : 0 ;
	height : 42px ;
	border-top : 1px solid #999 ;
	cursor : pointer ;
}
.pub_bmk p {
	margin : 0 ;
	padding : 7px 0 0 95px ;
}
.pub_bmk p span {
	font : Normal 0.8em Arial ;
}

/* COULEURS, LIENS, POSITIONNEMENT... */
.clear { clear : both ; height : 1px ; overflow : hidden ; font-size : 1px ; }
.filet { background : url(../image/commun/filet.gif) repeat-x left bottom ;}
.bg-bc { background-color : #D9E1F0 !important ; }
.bg-blc { background-color : #FFF !important ; }
.bg-vc { background-color : #E1F0E1 !important ; }
.bg-vf { background-color : #9C9 !important ; }
.bg-gc { background-color : #EEE !important ; }
.bg-gf { background-color : #889 !important ; }
.bg-rc { background-color : #FFE5E5 !important ;}
.bg-mc { background-color : #d5d2d2 !important ;}
.invisible { display : none ; }
.visible { display : block ; }