/* INIT */
body, h1, h2, h3, h4, h5, h6, p, div, ul ,li, table, form, fieldset { 
	margin :0 ; 
	padding : 0 ; 
}
:focus{ 
	-moz-outline-style : none ;
}
hr { 
	visibility : hidden  ; 
	margin :  0 ;
	padding : 0 ;
	height : 1px ;
}
img { 
	border : none ;
	 margin : 0 ;
}
a { 
	text-decoration : none ; 
}
a:hover { 
	text-decoration : underline ; 
}
ul { 
	list-style : none ; 
}
fieldset {
	border:none ;
}
/* TITRE BULLE*/
ul.entete li {
	height : 30px ;
	font : Normal 12px/20px Arial, Helvetica ;
	float : none ;
}
ul.entete .cale1 {
	float : left ;
	width : 195px ;
}
ul.entete .pronostic {
	float : left ;
	height : 30px ;
	width : 130px ;
}
ul.entete .numero-jeu {
	float : left ;
	height : 30px ;
	width : 195px ;
}
div.grille {
	height : 30px ;
	width : 350px ;
	float : left ;
	padding-left : 42px ;
}
div.grille p {
	float : left ;
	width : 58px ;
	color : #D00 ;
	text-indent : 2px ;
	line-height : 25px ;
}
ul.entete .cale2 {
	float : left ;
	width : 110px ;
}
ul.entete .vote {
	float : left ;
	height : 30px ;
	width : 120px ;
}
.bulle {
	background : transparent url(../image/lotofoot/bulle-gf.png) no-repeat center bottom ;
}
ul.entete .pronostic p, ul.entete .vote p {
	background-color: #333 ;
	color : #FFF ;
}

/* CHOIX JOURNEE */
p.set-journee {
	font: Normal 13px/15px Arial, Helvetica ;
	padding : 0px 20px 10px 30px ;
}
p.set-journee span {
	color : #06C;
	text-decoration : underline ;
	font-family : Impact ;
	font-weight : Normal ;
	cursor : pointer ;
}
/*FORMULAIRE LOTOFOOT*/
div.search {
	/*margin  : 0 15px ;*/
	border : 1px solid #ccc ;
	font : Normal 12px/26px Arial, Helvetica ;
}
form.search-form {
	border : 2px solid #fff ;
	background-color : #333 ;
	padding : 5px 10px ;
}
label.search-label {
	font : Normal 13px Impact, Arial ;
	vertical-align : middle ;
	text-transform : uppercase ;
	color : #fff ;
	padding-right : 7px ;
}
form.search-form select {
	vertical-align : middle ;
	margin-right : 7px ;
}
/*FORMULAIRE SYSTEME*/
div.param {
	margin  : 0 0 5px 0 ;
	border : 1px solid #ccc ;
	font : Normal 12px/26px Arial, Helvetica ;
}
h2.param-titre {
	display : inline ;
	font : Normal 13px/26px Impact, Arial ;
	color : #000 ;
	vertical-align : middle ;
}
form.param-form {
	border : 2px solid #fff ;
	background-color : #78a4ef ;
	padding : 5px 10px ;
}
label.param-label {
	font : Normal 13px Impact, Arial ;
	vertical-align : middle ;
	color : #fff ;
	padding : 0 3px 0 5px ;
}
form.param-form select {
	vertical-align : middle ;
}

/*LISTE LOTO FOOT*/
h4.titre-liste-loto {
	font : Bold 12pt/15pt Arial ;
	color : #333 ;
	padding-left : 7px ;
	background : transparent url(../image/lotofoot/etoile-lotofoot.png) no-repeat left center ;
	padding-left : 30px ;
}
p.date-loto {
	font : Normal 9pt/11pt Arial ;
	color : #999 ;
	padding : 5px ;
	margin : 5px 0 ;
	border : 1px solid #ccc ;
	background-color : #eee ;
}
p.texte-competition {
	font : Normal 9pt/11pt Arial ;
	color : #666 ;
	padding-left : 7px ;
}
p.texte-competition a {
	color : #06C ;
}
ul.liste-lotofoot li {
	clear : both ;
}

ul.liste-lotofoot li div {
	height : 25px ;
	overflow : hidden ;
}
.liste-lotofoot li div div {
	float : left ;	
	font: Normal 12px/26px Arial, Helvetica  ;
}
.liste-lotofoot li div div a {
	color : #06C ;
}
 ul.liste-lotofoot .num7 {
	width : 29px ;
	background : transparent url(../image/lotofoot/num-7.png) no-repeat center center ;
	color : #FFF ;
	margin-left : 5px ;
	font-weight : Bold ;
}
 ul.liste-lotofoot .num15 {
	width : 29px ;
	background : transparent url(../image/lotofoot/num-15.png) no-repeat center center ;
	color : #FFF ;
	margin-left : 5px ;
	font-weight : Bold ;
}
ul.liste-lotofoot .equipe_A {
	width : 200px ;
}
ul.liste-lotofoot .equipe_A span {
	padding-right : 3px ;
}
ul.liste-lotofoot .equipe_B {
	width : 130px ;
}
ul.liste-lotofoot .equipe_B span {
	padding-left : 3px ;
}
ul.liste-lotofoot .blockRencontre {
	width : 200px ;
}
ul.liste-lotofoot .blockRencontre span {
	padding-left : 3px ;
}
ul.liste-lotofoot .blockCase {
	width : 58px ;
}
ul.liste-lotofoot .case {
	width : 16px ;
	background : transparent url(../image/lotofoot/case.png) no-repeat left center ;
	text-align : center ;
	overflow : visible ;
	cursor : pointer ;
	color : #D00 ;
	font-family : "Trebuchet MS" ;
}
ul.liste-lotofoot .case strong  {
	color : #000 ;
}
ul.liste-lotofoot .gagnant {
	width : 48px ;
	color:#c00; 
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration: underline ;
	text-align :center ;
	height : 15px ;
	margin-top : 5px ;
	line-height : 16px ;
}
ul.liste-lotofoot .score {
	width : 35px ;
}
ul.liste-lotofoot .pronostic {
	width : 100px ;
}
ul.liste-lotofoot .pronostic select {
	width : 100px ;
	margin-top : 2px ;
}
ul.liste-lotofoot .match-plus {
	width : 14px ;
	height : 14px ;
	float : right ;
	margin : 5px 5px 0 0 ;
	cursor : pointer ;
}
input.prono {
	display : none ;
}
.btn-plus {
	background : #CCC url(../image/nav/btn-plus.gif) no-repeat top left ;
}
.btn-moins {
	background : #CCC url(../image/nav/btn-moins.gif) no-repeat top left ;
}
ul.liste-lotofoot .info-loto {
	display : none ;
	border-top :1px dotted #999 ;
	/*border :1px solid #999 ;*/
	/*background-color : #fff ;*/
	/*height : auto !important ;*/
}
ul.liste-lotofoot .info-loto p {
	font:Normal 13px Arial; 
	padding : 5px 0 ;
	text-align : center ;
}
ul.liste-lotofoot .info-loto p a {
	color : #06C ; 
}
/* FORM LISTE LOTOFOOT */
div.form-loto {
	padding : 0 ;
	margin : 0 ;
}
form.foo-loto {
	float : right ;
	padding : 0  ;
	margin : 10px 0 0 0 ;
	text-align : right ;
}
.btn-liste {
	background : transparent ;
	font : Bold 8pt Arial ;
	text-transform : uppercase ;
	color : #06C ;
	border : none ;
	text-decoration : underline ;
	cursor : pointer ;
	padding : 0 0 0 7px  ;
	margin : 0 ;
}
/*TABLE PRONO*/
table.data-prono {
	width : 284px ;
	font : Normal 12px Arial, Helvetica ;
	background : #ccc ;
	margin-left : 7px ;	
}
table.data-prono th {
	background : #eee ;
	line-height : 18px ;
}
table.data-prono td {
	width : 90px ;
	background : #fff ;
	text-align : center ;
	font : Normal 11px/17px Arial, Helvetica ;
}
table.data-prono td span {
	font-size : 130% ;
	font-weight : Bold ;
	color : #06c ;
}
/* RAPPORTS */
h4.titre-rapport {
	font : Bold 10pt/15pt Arial ;
	color : #666 ;
	padding : 0 ;
	padding-left : 7px ;
	margin : 0 ;
}
h4.titre-rapport span {
	font-weight : Normal ;
	color : #333 ;
}
div.rapport {
	margin : 3px 0 0 0 ;
	line-height : 17px ;
}
dl.rapport-content {
	width : 192px ;
	margin : 0 ;
	padding : 10px 0 5px 0;
	font : Normal 12px/17px Arial, Helvetica ;
	text-align : center ;
	float : left ;
}
.rapport dd {
	font-weight: bold;
	margin : 0 0 5px 10px ;
	padding: 0 ;
	color : #fff ;
	line-height : 21px ;
	border : 1px solid #ddd ;
}
.rapport dt {
	margin : 0 0 5px 10px ;
	padding : 0 ;
	border : 1px solid #ddd ;
}
/* FORME VALIDATION */
div.fo-validation {
	position : relative ;
	width : 580px ;
	margin : 10px auto 15px auto ;
	background : #fff ;
	height : 30px ;
}
div.fo-validation .infos {
	width : 420px ;
	color : #666 ;
	background : #ccc ;
	text-align : center ;
	float : left ;
	height : 26px ;
}
div.fo-validation .infos-content {
	position : relative ;
	background : #ffc ;
	height : 22px ;
	margin : 1px ;
	font : Bold 12px/20px Arial, Helvetica ;
}
div.fo-validation .infos-content p {
	border : 2px solid #fff ;
	padding-left : 5px ;
}
div.fo-validation .btn {
	float : right ;
}
div.fo-validation .btn button {
	color : #333 ;
	width :130px ;
	height : 24px ;
	font : Bold 12px/20px Arial, Helvetica ;
	text-align : center ;
	text-transform : uppercase ;
	background : #ddd ;
	border : 1px solid #999 ;
	cursor : pointer ;
}
div.fo-validation span {
	color : #333 ;
}
/* PAGINATION */
a.pagination {
	padding : 0 5px ;
	margin-right : 5px ;
	color : #06C  ;
	cursor : pointer ;
}
/* INFO ET DISCLAMIER*/
div.infoloto {
	margin : 7px 10px 0 10px ;
	padding : 10px ;
	border : 2px solid #696 ;
}
div.infoloto h2 {
	font : Bold 12pt/17pt Arial ;
	margin : 0 ;
	padding : 0 ;
	color : #696 ;
}
div.infoloto p {
	font : Normal 9pt/11pt Arial ;
	margin : 0 ;
	padding : 5px 0 0 0 ;
	text-align : justify ;
	color : #363 ;
}
div.disclaimer {
	margin : 0 ;
	padding : 10px 12px ;
}
div.disclaimer p {
	padding : 0 ; 
	text-align:justify ; 
	color:#666 ;
	font-size:8pt ;
	margin : 0 ;
}
/* COULEURS BG */
.bg_gc {
	background-color: #eee ;
}
.bg_gf {
	background-color : #333 ;
}
.bg_gm {
	background-color : #ccc ;
}
.bg_blc {
	background-color : #fff ;
}
.bg_bc {
	background-color : #dfe7f3 ;
}
.bg_bf {
	background-color : #5382d2 ;
}
.bg_vc{
	background-color : #e6f3e7 ;
}
.bg_vf {
	background-color : #696 ;
}
.ferme {
	display : none  ;
}
/* PAGE ARCHIVES */
ul.archive {
	margin : 3px 0 0 0 ;
	padding : 0 ;
}
ul.archive li {
	margin : 0 ;
	padding : 0 0 0 30px ;
	line-height : 19px ;
	border-top : 1px solid #ddd ;
}
ul.archive li a, p.archive a {
	color : #06C ;
	text-decoration : none ;
}
ul.archive li a:hover, p.archive a:hover {
	text-decoration : underline ;
}
p.archive {
	margin : 0 ;
	paddin : 0 ;
	text-align : right ;
	border-top : 1px solid #ddd ;
	line-height : 25px ;
}

/* STATISTIQUE */
table.stat-loto {
	background : #ddd ;
	margin-top : 15px ;
	border : 1px solid #666 ; 
	text-align : center;
	font : Normal 12px/17px Arial, Helvetica ;
	width : 280px ;
}
.stat-th {	
	text-align : left ; 
	text-indent : 12px ; 
	height :25px ; 
	border-bottom : 1px solid #999 ;
	font-size : 13px ;
}
.stat-th span {
	color : #fff ;
}
.stat-th-label {
	text-align : left ; 
	text-indent: 7px ;
}
.stat-th-label span {
	font-weight : Normal ; 
}
.stat-case {
	background-color : #fff;
	font-size:130% ; 
	font-weight : Bold ; 
	color : #d00 ;
	border : 1px solid #D00 ;
}

/* COULEURS TEXTE */
.bm {
	color : #06c ;
}
.blc {
	color : #fff ;
}
.gc {
	color : #ccc ;
}
.gm {
	color : #999 ;
}
/* ALIGNEMENT */
.clear {
	clear : both ;
	height : 1px ;
	overflow: hidden ;
}
.float-left {
	float : left ;
}
.float-right {
	float : right ;
}
.left {
	text-align : left !important ;
}
.center {
	text-align : center !important ;
}
.right {
	text-align : right !important ;
}