*{ margin:0; padding:0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; list-style-type:none; } img {border:none;} body {background:#FFF;} #page {width:100%; min-width:990px; max-width:1400px;} * html .minwidthIE {padding-left: 1002px;} * html .containerIE {margin-left: -1002px;position: relative;} * html .minwidthIE, * html .containerIE, * html .layoutIE {height: 1px;} /* ---------------------------------------------- Blocs principaux START --------------------------- */ #header{position:relative; width:100%; height:90px;} #main{position:relative;width:100%;} #colLeft{position:relative; float:left; width:211px; padding-left:1px; z-index:1;} #colRight{position:relative; float:right; width:248px; padding-top:5px; z-index:2;} #colCenter{position:relative; width:auto; margin:0 256px 0 0; padding-top:5px; z-index:0;} #colWide{position:relative; width:auto; margin:0 0 0 222px; padding-top:5px; z-index:0;} #colWideData{position:relative; width:auto; margin:0 0 0 222px; padding-top:5px; z-index:0;} .mainColumn * {font-size:11px;} .mainColumn * {font-size:11px;} #bottom{position:relative; border-top:1px solid #e5e5e5; width:100%; margin-bottom:20px;} /* ---------------------------------------------- Blocs principaux END ----------------------------- */ /* ---------------------------------------------- logo START ----------------------------------------*/ #logo{position:relative; width:200px; float:left;} #logo h2{position:absolute; top:11px; left:36px; width:149px; height:73px; background:url(/img/en/logo.gif) no-repeat;} #logo h2 span {display:none;} #logo h3{position:absolute; top:71px; width:100%; padding:0 5px 0 5px; text-align:center; font-size:13px; font-style:italic; color:#666666; font-weight: normal; display: none; } #logo a{display:block; position:absolute; top:0; left:0; width:186px; height:86px;} #logo a span{display:none;} /* ---------------------------------------------- logo END ----------------------------------------- */ /* ---------------------------------------------- flashHeader START -------------------------------- */ #flashHeader{position:relative; width:auto; margin:0 268px 0 222px; height:80px; background:#d40000 url(/img/deco/flashHeader_right.gif) no-repeat top right;} #flashHeader .left{position:absolute; top:0; left:0; width:6px; height:80px; background:url(/img/deco/flashHeader_left.gif) no-repeat top left;} #flashHeader .right{position:absolute; top:25px; left:4px; width:99%; text-align:left;} #flashHeader .right2{position:absolute; top:25px; left:0px; width:100%; text-align:center;} /* ---------------------------------------------- flashHeader END ---------------------------------- */ /* ---------------------------------------------- loginBox START ----------------------------------- */ #loginBox, #loginBoxLog{ position:relative; float:right; width:248px; height:80px; } #loginBox { background:url(/img/deco/loginHeader_bg.gif) no-repeat 0 0; } #loginBoxLog { background:url(/img/deco/loginHeaderLogin_bg.gif) no-repeat 0 0; } #loginBox a.flagFR, #loginBox a.flagEN, #loginBox a.flagES, #loginBoxLog a.flagFR, #loginBoxLog a.flagEN, #loginBoxLog a.flagES { display:block; position:absolute; top:4px; left:34px; width:30px; height:20px; background:url(/img/flagFR.png) no-repeat; } #loginBoxLog a.flagFR, #loginBoxLog a.flagEN, #loginBoxLog a.flagES { left:22px; } #loginBox a.flagEN, #loginBoxLog a.flagEN { top:28px; background:url(/img/flagEN.png) no-repeat; } #loginBox a.flagES, #loginBoxLog a.flagES { top:52px; background:url(/img/flagES.png) no-repeat; } #loginBox a.flagFR span, #loginBox a.flagEN span, #loginBox a.flagES span, #loginBoxLog a.flagFR span, #loginBoxLog a.flagEN span, #loginBoxLog a.flagES span {display:none;} #loginBox form{ position:absolute; top:22px; left:77px; width:142px;} #loginBox input { position:relative; width:119px; height:13px; border:1px solid #a4abb1; font-size:10px; padding:1px; } #loginBox input.login{position:absolute; top:0; left:0;} #loginBox input.password{position:absolute; top:20px; left:0;} #loginBox input.ok{ position:absolute; top:16px; left:127px; width:25px; height:25px; background:url(/img/button/ok01.gif); border:none; cursor:pointer; } #loginBox form a{ position:absolute; top:42px; left:0; font-size:10px; color:#FFF; text-decoration:none; } #loginBox form a:hover{color:#e6d681;} #loginBoxLog .content{ position:absolute; top:0;left:59px; width:172px; height:80px; padding:7px 5px 0 10px; } #loginBoxLog .content dt {position:relative; padding:0 0 3px 15px;} #loginBoxLog .content dt a{color:#FFF; text-decoration:none; font-size:10px; font-weight:bold;} #loginBoxLog .content dt a:hover {color:#ffd34e;} #loginBoxLog .content dt span{display:block; position:absolute; width:19px; height:16px; top:0;right:60px;} /* ---------------------------------------------- loginBox END ------------------------------------- */ /* ---------------------------------------------- barNav START ------------------------------------- */ #barNav{ position:relative; width:100%; height:27px; background:url(/img/deco/barNav_bg.gif) repeat-x 0 3px; color:#FF6400; } #barNav, #barNav a{color:#FF6400;} #barNav #date{ position:relative; float:left; width:206px; height:27px; font-size:10px; background:url(/img/deco/barNav_date.gif) no-repeat; } #barNav #date p.jour {position:absolute; top:6px; left:0; width:135px; text-align:center;} #barNav #date p.heure{position:absolute; top:6px; left:145px; width:57px; font-weight:bold;} #barNav #date p span, #barNav #date p.heure span {font-size:10px;} #barNav #listNav{ position:relative; width:auto; height:27px; margin-left:206px;} #barNav #listNav ul{ position:absolute; top:3px; left:0; width:100%; height:21px;} #barNav #listNav li{ position:relative; display:block; float:left; width:24%; height:18px; padding-top:3px; text-align:center; background:url(/img/deco/barNav_separe.gif) no-repeat top right; overflow:hidden; } #barNav #listNav li.noborder{background:none;} #barNav #listNav li a { text-decoration:none; font-size:10px; padding:5px 0 5px 17px;} #barNav #listNav li a:hover {color:#D40000;} #barNav #listNav li a.suede{background:url(/img/flag/se.gif) no-repeat 0 4px;} #barNav #listNav li a.france{background:url(/img/flag/fr.gif) no-repeat 0 4px;} #barNav #listNav li a.dubai{background:url(/img/flag/ae.gif) no-repeat 0 4px;} #barNav #listNav li a.zeraceLink{background:url(/img/flag/zerace.gif) no-repeat 0 3px; padding-left:26px;} /* ---------------------------------------------- barNav END --------------------------------------- */ /* ---------------------------------------------- s�parateurs -------------------------------------- */ .separe{ position:relative; width:100%; height:17px; clear:both;} .spacer {position:relative; height:15px;} .spacer2 {position:relative; height:10px;} /* ---------------------------------------------- Boutons START ------------------------------------*/ a.actu1{ /* bouton actualisez petite taille */ display:block; width:75px; height:17px; background:url(/img/en/actualisez.gif) no-repeat;} a.pari1{ /* bouton pariez petite taille */ display:block; width:43px; height:16px; background:url(/img/en/pariez.gif) no-repeat;} a.actu1 span, a.pari1 span{display:none;} a.arrowWhite{ /* lien hypertexte blanc avec fl�che blanche */ padding-left:15px; background:url(/img/picto/arrow_white.gif) no-repeat 0 3px; text-decoration:none; color:#fff; } a.arrowWhite:hover{ background:url(/img/picto/arrow_yellow.gif) no-repeat 0 3px; color:#FFD34E; } a.arrowRedLight{ /* lien hypertexte rouge clair avec fl�che rouge clair */ padding-left:15px; background:url(/img/picto/arrow_red_lt.gif) no-repeat 0 3px; text-decoration:none; color:#FF0100; } a.arrowRedLight:hover{ background:url(/img/picto/arrow_yellow.gif) no-repeat 0 3px; color:#FFD34E; } a.arrowYellowLight{ /* lien hypertexte rouge clair avec fl�che rouge clair */ padding:0px 15px 0px 15px;font-weight:bold; background:url(/img/picto/arrow_red.gif) no-repeat 0 3px; text-decoration:none; color:#FF0100; } a.arrowYellowLight:hover, #colWideData #headerTable p.bis a.arrowYellowLight:hover, #colWideData #headerTable #droite a.arrowYellowLight:hover, #colWideData #headerTable .droite a.arrowYellowLight:hover { background:url(/img/picto/arrow_white.gif) no-repeat 0 3px; color:#ffffff;text-decoration:none;font-weight:bold; } .ouvert, .paye{ display:block; width:92px; height:19px; background:url(/img/deco/ht_ouvert.gif); text-align:center; font-weight:bold; color:#fff; line-height:18px; text-transform:uppercase; } .paye{background:url(/img/deco/ht_paye.gif);} .oeillere{ display:block; width:16px; height:16px; background:url(/img/picto/oeilleres.gif); } .oeillere strong{display:none;} .message{ position:relative; margin:30px auto 30px auto; width:300px; background:#d40000; padding:10px; color:#fff; } .message ul {margin:5px 0 5px 15px;} .message li {list-style-type:square;} .message a{color:#fff; font-weight:bold;} /* ---------------------------------------------- Boutons END -------------------------------------- */ /* ---------------------------------------------- sommaire START ----------------------------------- */ .sommaire{position:relative; margin:9px 0 9px 5px; width:200px;} .sommaire li a em{font-weight:normal;font-style:normal;} .sommaire li a.red{color:#CC0000;} .sommaire li a.red:hover{color:#676767;} .sommaire li a.green{color:#59A31A;} .pubLeft{position:relative; margin-left:5px;} /* -------------------------------------------- logBox START --------------------------- */ #logBox{position:relative; margin-left:5px; width:201px; background:#9A0000;} #logBox * {font-size:10px;} #logBox .top{position:relative; width:201px; background:url(/img/deco/boxLog_bg_top.gif) no-repeat top left;} #logBox .top p { position:relative; padding:10px 0 5px 0; margin:0 40px 0 12px; color:#FFF; width:148px; overflow:hidden; } #logBox .resume {position:relative; background:#9A0000; color:#FFFFFF} #logBox .resume p {padding:5px 5px 5px 12px} #logBox .resume p span {font-size:14px} #logBox .content, #logBox .content a {position:relative; background:#E5E5E5; color:#9A0000; text-decoration: none;} #logBox .content dt{padding:5px 5px 5px 12px; border-bottom:1px solid #9A0000;} #logBox .content dt span.solde { border:1px solid #9A0000; background:#FFF; padding:1px 4px 1px 4px; font-weight:bold; } #logBox .selection {position:relative; background:#E5E5E5; border-top:1px solid #9A0000} #logBox .selection img {position: relative; float:right; padding:2px 3px 0px 0px} #logBox .selection dt {padding:5px 5px 5px 12px; border-bottom:1px solid #9A0000} #logBox .bottom{ position:relative; width:184px; background:url(/img/deco/boxLog_bg_bottom.gif) no-repeat bottom left; padding:2px 5px 3px 12px; } #logBox .bottom dt{margin-bottom:3px;} #logBox .bottom dt a {color:#FFF; text-decoration:none;} #logBox .bottom dt a:hover {color:#FED24D;} .stepFour{position:relative;width:201px; height:auto; background:#d40000;} .stepFour .line1 {padding:6px 0px 7px 42px; background:url(/img/step4.gif) no-repeat 10px 6px} .stepFour .line1 a {color:#fff; font-weight:bold; font-size:9px; text-decoration:none} .stepFour .line1 a:hover {color:#ffd34e} .stepFour .line1 a img {position:relative; float:right; padding:5px 6px 0px 0px} /* -------------------------------------------- logBox END -------------------------- */ .contactus{ position:relative; width:201px; height:61px; background:url(/img/en/contactez_nous.gif) no-repeat; text-align:center; margin:0 0 5px 5px; } .contactus a{ display:block; padding:29px 0 0 29px; font-weight:bold; font-size:10px; text-decoration:none; color:#CC0000; } .contactus a:hover{color:#676767;} /* ----------------------------------------------- sommaire END ------------------------------------ */ /* -------------------------------- en-t�te tableau 2 colonnes (mod�le home page) ------------------ */ .headerTable{ position:relative; width:100%; height:40px; background:#d40000 url(/img/deco/topRight.gif) no-repeat top right; } .headerTable * {font-size:11px;} .headerTable h2{ position:relative; float:left; width:178px; height:40px; background:url(/img/deco/mod1_h2_bg.gif) no-repeat top left; } .headerTable h3{ position:relative; float:left; height:40px; background:url(/img/deco/mod1_h3_bg.gif) repeat-y; } .headerTable h2 span, .headerTable h3 span{ display:block; margin:7px 2px 2px 10px; color:#FFF;} .headerTable h2 span span.nextstart { display:inline; margin:0px;} .headerTable h3 span {margin-left:20px; height:30px; overflow:hidden;} .headerTable a{ position:absolute; top:24px; left:55%; color:#FFF; text-decoration:none; font-weight:bold; font-size:10px; padding-left:12px; } .headerTable a:hover {color:#ffd34e;} .pair {background:#f0f1f2;} .impair {background:#fff;} /* ----------------------------------------------- tableau home page ------------------------------- */ .tbl_mod1{position:relative; width:98.9%;} .tbl_mod1 table {width:100%; border-collapse:collapse;} .tbl_mod1 td, .tbl_mod1 th{padding:3px;} .tbl_mod1 td {border:1px solid #e6e6e6;} .tbl_mod1 th{ border:1px solid #cfcfd1; background:#e6e7e9;} .tbl_mod1 td.pariezEnd {text-align:right; padding:10px 5px 10px 0;border:none;} .tbl_mod1 td.pariezStart {text-align:right; padding:10px 5px 10px 0;border:none;} .tbl_mod1 th.colStart { border-left:none; background:#e6e7e9 url(/img/deco/mod1_border_header.gif) repeat-y top left; } .tbl_mod1 td.colStart, .tbl_mod1 td.pariezStart{ border-left:none; background:url(/img/deco/mod1_border.gif) repeat-y top left; } .tbl_mod1 th.colEnd { border-right:none; background:#e6e7e9 url(/img/deco/mod1_border_header.gif) repeat-y top right; } .tbl_mod1 td.colEnd, .tbl_mod1 td.pariezEnd { border-right:none; background: url(/img/deco/mod1_border.gif) repeat-y top right; } .tbl_mod1 td.number {font-weight:bold; text-align:center;} .tbl_mod1 td a{font-weight:bold; color:#000;} .tbl_mod1 td a:hover {color:#d40000;} .tbl_mod1 td.centre{text-align:center;} .tbl_mod1 td.pariez{text-align:right; padding:10px 5px 10px 0;border-left:none;border-right:none;} .tbl_mod1 .bottom{ position:relative; } .tbl_mod1 .bottom table th {border:none;} .tbl_mod1 .bottom table td {border:none; border-top:1px solid #FFF; height:9px; font-size:2px;} .tbl_mod1 .bottom table th { background:#fe0000 url(/img/deco/mod1_races_bg.gif) repeat-y top left; } .tbl_mod1 .bottom table th.first { background-color:#d40000; background-image:none; } .tbl_mod1 .bottom table td.first { background: #d40000 url(/img/deco/mod1_bottom2_bg_left.gif) no-repeat top left; } .tbl_mod1 .bottom table td.end { background: #d40000 url(/img/deco/mod1_bottom2_bg_right.gif) no-repeat top right; } .tbl_mod1 .bottom table th{padding:8px 8px 8px 20px;text-align:left;} .tbl_mod1 .bottom table th, .tbl_mod1 .bottom table th a {color:#fff;} .tbl_mod1 .bottom table th a:hover {color:#fed24d;} .tbl_mod1 .bottom table th a {text-decoration:none;} .tbl_mod1 .bottom table th.first {padding-left:8px;} .tbl_mod1 .bottom table th em {font-style:normal; font-weight:normal;} #tablePariez{position:relative; height:47px;} .line2{ position:relative; width:98.9%;} .lineEnd{position:relative; background:#FFFFFF; margin:10px 0 0 135px;} #colCenter .lineEnd a{ display:block; position:relative; float:left; padding-left:15px; background:url(/img/picto/arrow_red.gif) no-repeat 0 5px; font-weight:bold; text-decoration:none; font-size:11px; color:#000; } #colCenter .lineEnd a.left{margin-right:60px;} #colCenter .lineEnd a:hover{color:#d40000;} /* ---------------------------------------------- lastMinute home page ----------------------------- */ #lastMinute{position:relative; width:auto; margin-left:133px;} #lastMinute .top, #commentaireCourse .top {position:relative; background:#FFD34E url(/img/deco/y_top_right.gif) no-repeat top right; height:30px;} #lastMinute .top h2, #commentaireCourse .top h2 {position:relative; height:30px; background:url(/img/deco/y_top_left.gif) no-repeat 0 0;} #lastMinute .top h2 span, #commentaireCourse .top h2 span { position:absolute; display:block; top:4px; left:16px; height:22px; background:#feff9d url(/img/deco/y_top_left_end.gif) no-repeat top right; padding:0 20px 0 10px; line-height:20px; font-size:13px; font-weight:bold; } #lastMinute #middle, #commentaireCourse #middle{ position:relative; border-left:1px solid #ffd34e; border-right:1px solid #ffd34e; } * html #lastMinute #middle {height:50px} #lastMinute #middle #leftLine{padding:5px;position:relative;margin-right:210px;} #lastMinute #middle #leftLine li {margin-bottom:5px;} #lastMinute #middle #leftLine li a{text-decoration:none;color:#000;} #lastMinute #middle #leftLine li a.first {color:#d40000;} #lastMinute #middle #leftLine li a:hover{color:#d40000;} #lastMinute #middle #leftLine li * {font-size:10px;} #lastMinute #rightLine{position:relative; float:right;text-align:center;width:200px;} #lastMinute #rightLine img {position:relative;} #lastMinute #rightLine p{position:relative;text-align:center;} #lastMinute #rightLine p strong {color:#d40000;} #lastMinute #rightLine *{font-size:10px;} #lastMinute #middle .bottomLine, #commentaireCourse #middle .bottomLine{position:relative;height:9px;font-size:0;background:#ffd34e;} #lastMinute #middle .bottomLine .right, #commentaireCourse #middle .bottomLine .right{ position:absolute; top:0; right:-1px; background:url(/img/deco/y_bottom_right.gif) no-repeat top right; width:6px; height:9px; font-size:0; } #lastMinute #middle .bottomLine .left, #commentaireCourse #middle .bottomLine .left{ position:absolute; top:0; left:-1px; background:url(/img/deco/y_bottom_left.gif) no-repeat top left; width:6px; height:9px; font-size:0; } /* ---------------------------------------------- besReport home page ------------------------------ */ #bestReport * {font-size:10px;} #bestReport{position:relative;float:left;width:124px;} #bestReport .top{position:relative; height:30px; background:url(/img/deco/bestReport_header.gif) no-repeat; } #bestReport .top span {display:none;} #bestReport *{font-size:10px; text-align:center;} #bestReport h2{position:relative; background:#f3f3f3; padding:5px; color:#000; font-size:11px;} #bestReport h2 em{ font-style:normal; color:#d40000; font-size:12px; margin-top:-5px;} #bestReport #reportLine {position:relative;} #bestReport #reportLine p{padding:8px; padding-bottom:0;} #bestReport h2, #bestReport p, #bestReport .gain{ border-right:1px solid #d40000; border-left:1px solid #d40000; } #bestReport .gain{ position:relative; padding:8px 4px 4px 8px; color:#d40000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-style:normal; background:#f3f3f3; } #bestReport .end{ position:relative; width:124px; height:9px; background:url(/img/deco/bestReport_bottom.gif) no-repeat; } #colRight img.imgLeft{margin-right:2px;} #colRight ul{margin:10px 10px 0 5px;} /* ----------------------------------------------- colRight START ---------------------------------- */ #colRight li{ display:block; height:18px; line-height:16px; border-bottom:1px solid #e5e5e5; } #colRight li a{ display:block; padding-left:15px; background:url(/img/picto/arrow_red.gif) no-repeat 0 5px; color:#444444; text-decoration:none; } #colRight li a:hover{color:#d40000;} #ZeTurfPro{ position:relative; float:left;} #ZeTurfPariez { position:relative; float:right; } #ZeTurfProMenu { /* popup ZeTurf Pro */ position:absolute; top:75px; left:11px; width:91px; padding:3px; background:#FFF; border:1px solid #FFD34E; } #ZeTurfProMenu a{ display:block; padding:2px; color:#D40000; text-decoration:none; font-size:11px; font-weight:bold; } #ZeTurfProMenu a:hover {background:#FFD14D; color:#FEFF9D;} /* ----------------------------------------------- colRight END ------------------------------------ */ /* ----------------------------------------------- bottom START ------------------------------------ */ #bottom .right {position:relative; width:374px; float:right; padding-top:5px;} #bottom .left { position:relative; margin:0 350px 0 180px; text-align:center; padding-top:5px;} #bottom a{font-size:10px; color:#666666; text-decoration:none;} #bottom a:hover{color:#d40000;} /* ---------------------------------------------- bottom END --------------------------------------- */ /* ---------------------------------------------- TitrePage START ---------------------------------- */ #titrePage { position:relative; width:98.9%; margin-bottom:7px; } #titrePage * {color:#fff;} #colWideData #leftTitre *{color:#d40000;} #leftTitre{ margin-right:261px; background:#d40000 url(/img/deco/horses.gif) no-repeat bottom right} #colWideData #leftTitre {background:#fed24d url(/img/deco/Phorses.gif) no-repeat bottom right;} #leftTitre .bottom{ position:absolute; bottom:0; left:0; width:12px; height:9px; } #leftTitre .nav{ position:relative; background:url(/img/deco/topLeft.gif) no-repeat top left; padding:5px 0 5px 10px; margin-bottom:5px; border-bottom:1px solid #fe0000; } #leftTitre .log {padding-right:40px;} #colWideData #leftTitre .nav {background:url(/img/deco/PtopLeft.gif) no-repeat top left; border-bottom:1px solid #fee9a6;} #leftTitre .nav a {text-decoration:none;} #leftTitre .nav a:hover {color:#fed24d;} #colWideData #leftTitre .nav a:hover {color:#fff384;} #leftTitre .nav em{font-style:normal; color:#FED24D;} #leftTitre h2 {font-size:20px; font-weight:normal; padding-left:10px;} #leftTitre h2 strong {font-size:20px; font-weight:bold;} #leftTitre p{position:relative; background:url(/img/deco/bottomLeft.gif) no-repeat bottom left;} #colWideData #leftTitre p {background:url(/img/deco/PbottomLeft.gif) no-repeat bottom left;} #leftTitrelog{ margin-right:261px; background:#d40000 url(/img/deco/horses.gif) no-repeat bottom right} #colWideData #leftTitrelog {background:#fed24d url(/img/deco/Phorses.gif) no-repeat bottom right;} #leftTitrelog .bottom{ position:absolute; bottom:0; left:0; width:12px; height:9px; } #leftTitrelog .nav{ position:relative; background:url(/img/deco/topLeft.gif) no-repeat top left; padding:5px 0 5px 10px; margin-bottom:5px; border-bottom:1px solid #fe0000; } #leftTitrelog .log {padding-right:40px;} #colWideData #leftTitrelog .nav {background:url(/img/deco/PtopLeft.gif) no-repeat top left; border-bottom:1px solid #fee9a6;} #leftTitrelog .nav a {text-decoration:none;} #leftTitrelog .nav a:hover {color:#fed24d;} #colWideData #leftTitrelog .nav a:hover {color:#fff384;} #leftTitrelog .nav em{font-style:normal; color:#FED24D;} #leftTitrelog h1{font-size:20px; font-weight:normal; padding-left:10px;} #leftTitrelog p{position:relative; background:url(/img/deco/bottomLeft.gif) no-repeat bottom left;} #colWideData #leftTitrelog p {background:url(/img/deco/PbottomLeft.gif) no-repeat bottom left;} #rightTitre .log{ position:absolute; top:0; left:-59px; width:38px; height:18px; background:url(/img/deco/key.gif); } #colWideData #rightTitre .log{background:url(/img/deco/Pkey.gif);} #rightTitre .log span {display:none;} #rightTitre .logout{ position:absolute; top:0; left:-30px; width:9px; height:10px; background:url(/img/deco/topRight.gif) no-repeat; } #colWideData #rightTitre .logout {background:url(/img/deco/PtopRight.gif) no-repeat;} #rightTitre{ position:relative; float:right; width:240px; background:#D40000 url(/img/deco/bottomRight.gif) no-repeat bottom right; } #rightTitre h3{ padding:5px 0 5px 8px; border-bottom:1px solid #fe0000; margin-bottom:5px; } #rightTitre h3 em {color:#ffd34e; font-style:normal; } .topRight{ position:absolute; top:0; right:0; width:9px; height:10px; background:url(/img/deco/topRight.gif) no-repeat top right; } .topLeft{ position:absolute; top:0; left:0; width:8px; height:9px; background:url(/img/deco/topLeft.gif) no-repeat top left; } .bottomLeft{ position:absolute; bottom:0; left:0; width:12px; height:9px; background:url(/img/deco/bottomLeft.gif) no-repeat bottom left; } .bottomRight{ position:absolute; bottom:0; right:0; width:9px; height:10px; background:url(/img/deco/bottomRight.gif) no-repeat bottom right; } .bottomLeftRed{ position:absolute; bottom:0; left:0; width:12px; height:9px; background:url(/img/deco/bottomLeftRed.gif) no-repeat bottom left; } .bottomRightRed{ position:absolute; bottom:0; right:0; width:9px; height:10px; background:url(/img/deco/bottomRightRed.gif) no-repeat bottom right; } #rightTitre p{ padding-left:8px; position:relative; width:155px; background: url(/img/deco/bottomLeft.gif) no-repeat bottom left; } #rightTitre img{position:absolute; top:31px; left:166px;} /* ---------------------------------------------- TitrePage END ------------------------------------ */ /* info START ------------------------------------------------------------------------------------*/ #grey {background:#e6e7e9; height:100%} .grey {background:#e6e7e9;} #info {padding:20px 0px 15px 0px;} .infoplus {padding:20px 0px 15px 0px;} /* ---------------------------------------------- info END ------------------------------------ */ /* headerTable START ------------------------------------------------------------------------------------*/ #headerTable { position:relative; width:98.9%; background:#d40000 url(/img/deco/topLeft.gif) no-repeat top left; } /* --- PHP --- listing(dernieres minutes) --- */ .listing { position:relative; margin:7px 0 7px 0; border-top:22px solid #E6E7E9; } .listing strong{color:#CC0001;} .listing p{ padding:0 0 7px 10px; border-bottom:1px solid #E7E7E7; height: auto !important; height: 2px; min-height: 10px; } .listing h3{ padding-left:10px; margin-top:7px; } .listing img{ position:relative; float:right; padding:0 0 0 10px; } /* ---PHP --- listing (dernieres minutes) --- */ #headerTableGrey {position:relative; height:20px ;background:#E6E7E8 ; margin:10px 0px 10px 0px;} #colWideData #headerTable {background:#fed24d url(/img/deco/PtopLeft.gif) no-repeat top left;} #headerTable * {color:#fff;} #colWideData #headerTable * {color:#d40000;} #headerTable h2 {background:url(/img/deco/topRight.gif) no-repeat top right; padding:5px 10px 5px 10px;} /* Line 1 ------ */ #headerTable h2 img {position:relative; top:2px} #headerTable h2 p.fin {font-weight:normal;} #colWideData #headerTable h2 {background:url(/img/deco/PtopRight.gif) no-repeat top right; padding:15px 5px 5px 10px} /* Line 1 ------ */ #colWideData #headerTable #rightLiens h2 {background:url(/img/deco/PtopRight.gif) no-repeat top right; padding:15px 5px 10px 10px} #headerTable #rightLiens .lien {position:relative; float:right; border-left:1px solid #fee9a6} #headerTable #rightLiens #transac .lien {padding:15px 40px 10px 40px} #headerTable #rightLiens #hippodrome .lien {padding:15px 10px 10px 10px} #headerTable .courses, #headerTable .short .courses {position:relative; border-top:1px solid #f30; height:18px;} /* Line 2 ---------- */ #headerTable .short .courses {position:relative; height:20px;} #colWideData #headerTable .short .courses {border-top:1px solid #fee9a6;} #colWide #headerTable .short .courses {border-top:1px solid #fff;} #colWideData #headerTable .short .courses * {color:#FFFFFF} #colWideData #headerTable .short .courses a.arrowWhite:hover {color:#FFD34E} #headerTable .short .courses {background:#808080;} #headerTable .courses p, #headerTable .short .courses p {padding:3px 3px 3px 5px; float:left;} #headerTable .courses ul { position:relative; float:left;} #headerTable .courses li { display:block; position:relative; float:left; margin-right:1px; } #headerTable .courses li a { display:block; padding:3px 6px 3px 6px; background:#f30; color:#fff; text-decoration:none; font-weight:bold; } #headerTable .courses li a:hover{background:#FF997F;} #headerTable .courses li.ON a{background:#fff; color:#f30;} #headerTable a.arrowWhite {margin-left:30px;} #headerTable .courses a.arrowWhite{position:relative;float:left;margin:2px 0 0 45px;} #headerTable a.arrowWhite:hover{color:#FFD34E;} #colWideData #headerTable a.arrowWhite:hover{color:#fff; background:url(/img/picto/arrow_red.gif) no-repeat 0 5px;} #colWideData #headerTable .short .lettres {position:relative; border:1px solid #ffffff; border-left:none; border-right:none; height:29px} #colWideData #headerTable .short .lettres * {color:#fed24d} #headerTable .short .lettres {background:#808080;} #headerTable .lettres ul {position:relative; float:left; padding:8px 0px 0px 15px} #headerTable .lettres li {display:block; position:relative; float:left; margin-right:10px} #colWideData #headerTable .lettres li a {font-weight:bold} #colWideData #headerTable .lettres li a:hover {color:#d40000} #colWideData #headerTable .lettres li.ON a {text-decoration:none} #headerTable .line3{ position:relative; height:29px; width:100%; border-top:1px solid #FFF; background:#E5E5E5; } #headerTable .line3 a.arrowRedLight{ /*Line 3 ------------------------------------------------------------- */ position:relative; float:left; margin:8px 20px 0 10px; font-weight:bold; color:#666; } #headerTable .line3 a.arrowRedLight:hover{ background:url(/img/picto/arrow_red_lt.gif) no-repeat 0 3px; color:#fc0000; } #headerTable .resultats{border:1px solid #FFF; border-left:none; border-right:none; background:#ff0000} #headerTable .resultats p {margin:8px 0px 0px 10px} #headerTable .resultats p span {color:#FFD34E} #headerTable .resultats p span.touspartants { font-size:12px; font-weight:bold; color:#eee; line-height:12px; margin-left:30px; border:1px solid #fff; padding:2px 5px 2px 5px; background:#404040; } #headerTable .resultats p span.nonpartants { font-size:12px; font-weight:bold; color:#fff; line-height:12px; margin-left:30px; border:1px solid #fff; padding:2px 5px 2px 5px; background:#d40000; } #headerTable .line4{ /* Line 4 ---------------------------------------------------------------------------- */ border-top:1px solid #FFF; position:relative; width:100%; background:#9C9C9C url(/img/deco/ht_right.gif) repeat-y top right; } #headerTable .line4 .right{ position:relative; float:right; width:250px; margin-top:3px; text-align:center; font-weight:bold; } #headerTable .line4 .right .ouvert, #headerTable .line4 .right .paye{margin:4px auto 4px auto;} #headerTable .line4 .right .paye{color:#d40000;} #headerTable .line4 .left{ position:relative; height: auto !important; height: 65px; min-height: 65px; margin:0 270px 0 0; padding:6px 5px 7px 10px; } #headerTable .line4 .left div {font-weight:normal;} #headerTable .line4 .left div em {color:#fc6; font-style:normal;} #headerTable .line4 .left h1 {font-size:14px; font-weight:bold; display: inline;} #headerTable .line4 .left p {margin-bottom:5px;} #headerTable .line4 .left .picto {position:relative; min-height:12px !important; min-height:12px; height:auto !important; } #headerTable .line6{ /* Line 6 ---------------------------------------------------------------------------- */ border-top:1px solid #FFF; position:relative; width:100%; background:#9C9C9C ; } #headerTable .line6 .left{ position:relative; height: auto !important; height: 65px; min-height: 65px; margin:0 0px 0 0; padding:6px 5px 7px 10px; } #headerTable .line6 .left h3{font-weight:normal;} #headerTable .line6 .left h3 em {color:#fc6; font-style:normal;} #headerTable .line6 .left p {margin-bottom:5px;} #headerTable .line6 .left .picto {position:relative;height:12px;} #headerTable .line6 .left .picto img{float:left;} #colWideData #headerTable .form {background:url(/img/deco/PtopRight.gif) no-repeat top right; padding:15px 5px 10px 10px; height:35px; border-bottom:1px solid #fee9a6;} #colWideData #headerTable .form .cont {position:absolute} #colWideData #headerTable .form .cont .elmt {position:relative; float:left; padding-right:30px} #colWideData #headerTable .form .cont .elmt .champ {padding-top:5px} #colWideData #headerTable .form .cont .elmt .champ * {color:#000000} #colWideData #headerTable .form .cont .elmt .champ a {position:relative; top:2px; color:#d40000; font-weight:bold; text-decoration:none} #colWideData #headerTable .form .cont .elmt .champ img {position:relative; top:8px; left:5px} #colWideData #headerTable .form2 {padding:15px 5px 10px 10px; height:40px; border-bottom:1px solid #fee9a6;} #colWideData #headerTable .form2 .cont {position:absolute} #colWideData #headerTable .form2 .cont .elmt {position:relative; float:left; padding-right:30px} #colWideData #headerTable .form2 .cont .elmt .champ {padding-top:5px} #colWideData #headerTable .form2 .cont .elmt .champ * {color:#000000} #colWideData #headerTable .form2 .cont .elmt .champ a {position:relative; top:2px; color:#d40000; font-weight:bold; text-decoration:none} #colWideData #headerTable .form2 .cont .elmt .champ img {position:relative; top:8px; left:5px} #colWideData #headerTable .form2 .cont .elmt .champ select {width: 70px;} #headerTable p.bis{border-top:1px solid #ef0000;padding:10px 5px 10px 10px;} #headerTable p.bis span{float:right;margin:-11px 10px 0px 0px} #headerTable div.one{margin:-15px 0px 20px 10px;} #headerTable div.one img{position:relative; top:7px;left:5px;margin-top:7px;} #headerTable div.one a{ text-decoration:none;} #colWideData #headerTable .recap {height:27px} #colWideData #headerTable .recap .solde {position:relative; float:right; padding:10px 20px 0px 0px} #colWideData #headerTable .recap .montant {position:relative; float:right; padding:10px 50px 0px 0px} #colWideData #headerTable #enCours .recap {height:32px; background:url(/img/deco/PtopRight.gif) no-repeat top right} #colWideData #headerTable #enCours .recap .solde {padding:15px 20px 0px 0px} #colWideData #headerTable #enCours .recap .montant {padding:15px 50px 0px 0px} #colWideData #headerTable div.droite{float:right;margin:-17px 10px 0px 0px;} #colWideData #headerTable div#droite{float:right;margin:-22px 10px 0px 0px;} #headerTable #random{font-weight:bold;margin-left:10px;padding-bottom:8px;} #headerMini {position:relative; width:98.9%; margin-bottom:7px;padding:0;} #headerMini * {color:#fff} #headerMini #headerTable {margin-right:261px; width:auto; min-height:169px; height:auto !important; height:169px; } #headerMini #headerTable .line4 { min-height:83px !important; min-height:83px; height:auto !important; height:83px; } #headerMini div.modifMdpForm{margin-right:0px} #headerMini div.inscription .modifMdpTitre * {color:#000000} #headerMini div.modifMdpForm .formulaire .formcell a#f3{text-decoration:none;font-weight:bold;display:none} #headerMini div.modifMdpForm .formulaire .formcell a#f3 img{position:relative; top:8px;} #headerMini div.modifMdpForm .formulaire .formcell span#fauxf3 {font-weight:bold;display:block} #headerMini div.modifMdpForm .formulaire .formcell span#fauxf3 img {position:relative; top:8px;} #headerMini .modifMdpBottom, #headerMini .modifMdpBottom p {margin-right:0px} /*-----------------------------------Inscription ---------------------------------------------------------------------------------*/ #headerMini .modifMDP {position:absolute; right:271px; top:10px} #headerMini .menuTransac {position:absolute; right:271px; top:10px} #headerMini .menuTransac * {color:#d40000} #headerMini .menuTransac strong {margin-left:15px} #headerMini .menuTransac a {text-decoration:underline; font-weight:bold; margin-left:15px} #headerMini .menuTransac a:hover {text-decoration:none} #headerMini .headerTable2 {position:relative; margin-right:261px; width:auto; /*min-height:235px !important; height:235px;*/ padding-bottom:15px;} #headerMini .headerTable2 p.inscription {position:relative;margin:5px 15px 0px 15px;color:#000000;} #headerMini .headerTable2 p.txtDepot {margin-top:10px} #headerMini .headerTable2 p.inscription strong{color:#d40000;} #headerMini .headerTable2 p.inscription a {color:#d40000; text-decoration:underline} #headerMini .headerTable2 p.inscription a:hover {text-decoration:none} #headerMini .headerTable2 ul.inscription li{position:relative;left:15px; color:#000000;width:460px} #headerMini .headerTable2 .secur{position:relative;left:15px;top:20px; color:#000000;width:460px;text-align:center;} #headerMini div.inscription{background:#ffffff;color:#000000;border:solid 1px #fed24d;margin-right:261px;position:relative;} #headerMini div.inscription .titre{background:#eeeeee;color:#d40000;font-weight:bold;padding:10px;} #headerMini div.inscription .titre #activation #connexion p{color:#d40000;font-weight:bold;margin-bottom:5px} #headerMini div.inscription .titre #activation #connexion{line-height:20px;padding-bottom:10px} #headerMini div.inscription .titre #activation #connexion label{color:#000000;font-weight:normal;} #headerMini div.inscription .titre #activation #connexion input{width:250px;} #headerMini div.inscription .titre #activation #connexion a.ok{text-decoration:none;color:#d40000;font-weight:bold;margin-right:15px;} #headerMini div.inscription .titre #activation #connexion a.ok img{position:relative;top:8px;margin-right:5px} #headerMini div.inscription .formulaire .divMode {position:relative; height:auto; background:#eeeeee; border-top:solid 1px #fed24d; color:#000000; padding:15px 10px 15px 10px} #headerMini div.inscription .formulaire .divMode * {color:#000000} #headerMini div.inscription .formulaire .divMode input {position:absolute; top:15px; left:20px; height:15px; width:15px} #headerMini div.inscription .formulaire .divMode .pictoMoney {position:absolute; top:12px; left:70px} #headerMini div.inscription .formulaire .divMode .pictoCarte {position:absolute; top:12px; left:57px} #headerMini div.inscription .formulaire .divMode .pictoVisa {position:absolute; top:12px; left:73px} #headerMini div.inscription .formulaire .divMode .pictoIpoint {position:absolute; top:12px;left:65px} #headerMini div.inscription .formulaire .divMode .pictoTransfer {position:absolute; top:12px; left:69px} #headerMini div.inscription .formulaire .divMode .texte {padding-left:145px} #headerMini div.inscription .formulaire .divMode .texte span.red {color:#d40000} #headerMini div.inscription .formulaire .divMode .texte span.petit, #headerMini div.inscription .formulaire .divMode .texte span.petit * {font-size:10px} #headerMini div.inscription .formulaire .formMode {position:relative; display:none} #headerMini div.inscription .formulaire .information {color:#000000; padding:15px} #headerMini div.inscription .formulaire .infoLogin {padding:0px 0px 0px 17px} #headerMini div.inscription .formulaire .information a {color:#d40000; text-decoration:underline} #headerMini div.inscription .formulaire .information a:hover {text-decoration:none} #headerMini div.inscription .formulaire .information * {color:#000000} #headerMini div.inscription .formulaire .information span.petit {font-size:10px; color:#000000} #headerMini div.inscription .formulaire .formcell{position:relative; margin:10px;border:solid 2px #ffffff;padding:10px 5px 10px 5px;height:30px;color:#cccccc; width:460px } #headerMini div.inscription .formulaire .encadre .formcell{position:relative; margin:3px;border:solid 2px #ffffff;padding:10px 5px 10px 5px;height:30px;color:#cccccc; width:460px } #headerMini div.inscription .formulaire .formcell input.decal{ width:180px; margin:1px 0 0 0; padding:0; height:15px; position:absolute; top:25px; left:6px; } #headerMini div.inscription .formulaire .formcell input.montant {width:50px} #headerMini div.inscription .formulaire .formcell input.numero {width:150px} #headerMini div.inscription .formulaire .formcell input.code {width:30px} #headerMini div.inscription .formulaire .formcell .edit1{ position:absolute; top:30px; left:300px; cursor:pointer; } #headerMini div.inscription .formulaire .text{color:#000000;padding:10px;} #headerMini div.inscription .formulaire .text em{color:#d40000; font-weight:bold; font-style:normal;} #headerMini div.inscription .formulaire .formcell p{margin-bottom:3px;color:#000000;} #headerMini div.inscription .formulaire .formcell *{color:#000000;} #headerMini div.inscription .formulaire .formcell .euro {position:absolute; left:65px; top:28px; color:#CCCCCC} #headerMini div.inscription .formulaire .formcell #pFix {color:#000000} #headerMini div.inscription .formulaire .formcell .f11 {position:absolute;left:240px;top:10px; width:15px; height:15px; padding:0; margin:0;display:none} #headerMini div.inscription .formulaire .formcell #divCheck11img {position:absolute;left:240px;top:10px; width:15px; height:15px; padding:0; margin:0;display:block} #headerMini div.inscription .formulaire .formcell .f12 {position:absolute;left:335px;top:10px; width:15px; height:15px; padding:0; margin:0;display:none} #headerMini div.inscription .formulaire .formcell #divCheck12img {position:absolute;left:335px;top:10px; width:15px; height:15px; padding:0; margin:0;display:block} #headerMini div.inscription .formulaire .formcell a#f13{text-decoration:none;font-weight:bold;display:none} #headerMini div.inscription .formulaire .formcell a#f13 img{position:relative; top:8px;} #headerMini div.inscription .formulaire .formcell span#fauxf13 {font-weight:bold;display:block} #headerMini div.inscription .formulaire .formcell span#fauxf13 img {position:relative; top:8px;} #headerMini div.inscription .formulaire .formcell a#f6{text-decoration:none;font-weight:bold;display:none} #headerMini div.inscription .formulaire .formcell a#f6 img{position:relative; top:8px;} #headerMini div.inscription .formulaire .formcell span#fauxf6 {font-weight:bold;display:block} #headerMini div.inscription .formulaire .formcell span#fauxf6 img {position:relative; top:8px;} #headerMini div.inscription .formulaire .formcell a#f1Money{text-decoration:none;font-weight:bold;display:none} #headerMini div.inscription .formulaire .formcell a#f1Money img{position:relative; top:8px;} #headerMini div.inscription .formulaire .formcell span#fauxf1Money {font-weight:bold;display:block} #headerMini div.inscription .formulaire .formcell span#fauxf1Money img {position:relative; top:8px;} #headerMini div.inscription .formulaire .formcell a#f1Virement{text-decoration:none;font-weight:bold;display:none} #headerMini div.inscription .formulaire .formcell a#f1Virement img{position:relative; top:8px;} #headerMini div.inscription .formulaire .formcell span#fauxf1Virement {font-weight:bold;display:block} #headerMini div.inscription .formulaire .formcell span#fauxf1Virement img {position:relative; top:8px;} #headerMini div.inscription .formulaire .formcell a#f1Ipoint{text-decoration:none;font-weight:bold;display:none} #headerMini div.inscription .formulaire .formcell a#f1Ipoint img{position:relative; top:8px;} #headerMini div.inscription .formulaire .formcell span#fauxf1Ipoint {font-weight:bold;display:block} #headerMini div.inscription .formulaire .formcell span#fauxf1Ipoint img {position:relative; top:8px;} #headerMini div.inscription .formulaire .formcell #idJours {width:70px} #headerMini div.inscription .formulaire .formcell #idMois {width:70px} #headerMini div.inscription .formulaire .formcell #idAnnee {width:70px} #headerMini div.inscription .formulaire .formcell .textCol2{ /* PHP */ position:absolute; top:28px; left:200px; } #headerMini div.inscription .formulaire .formcell .parrainage{ /* PHP */ position:absolute; top:27px; left:225px; height:15px; width:15px; margin:0; padding:0; display:none; } #headerMini div.inscription .formulaire .formcell #divCheck9img{ position:absolute; top:27px; left:225px; height:15px; width:15px; margin:0; padding:0; display:block; } #headerMini div.inscription .formulaire .formcell .textCol3{ /* PHP */ position:absolute; top:28px; left:245px; } #headerMini .unwrite {position:relative; padding:15px 0 10px 20px;} #headerMini .unwrite p {position:relative; margin-bottom:5px; color:#9f9f9f;} #headerMini .unwrite p em {display:block;position:absolute;top:0; left:170px;color:#000; font-style:normal;} #headerMini .transfer {padding-left:15px} #headerMini .transfer p {color:#000000} #headerMini .transfer p em {font-weight:bold; left:150px} #headerMini div.inscription .formulaire .formcelarge{position:relative; margin:10px;border:solid 2px #ffffff;padding:10px 5px 10px 5px;height:80px;color:#cccccc;width:460px} #headerMini div.inscription .formulaire .formcelarge *{color:#cccccc;} #headerMini div.inscription .formulaire .checklist{ position:absolute; top:8px; left:5px; line-height:20px; width:310px; } #headerMini div.inscription .formulaire .checklist #divReception0img {position:absolute; top:3px; left:3px; display:block} #headerMini div.inscription .formulaire .checklist #reception0 {position:absolute; top:3px; left:3px; width:15px; height:15px; padding:0; margin:0; display:none} #headerMini div.inscription .formulaire .checklist #divReception1img {position:absolute; top:23px; left:3px; display:block} #headerMini div.inscription .formulaire .checklist #reception1 {position:absolute; top:23px; left:3px; width:15px; height:15px; padding:0; margin:0; display:none} #headerMini div.inscription .formulaire .checklist #divReception2img {position:absolute; top:43px; left:3px; display:block} #headerMini div.inscription .formulaire .checklist #reception2 {position:absolute; top:43px; left:3px; width:15px; height:15px; padding:0; margin:0; display:none} #headerMini div.inscription .formulaire .checklist #divReception3img {position:absolute; top:63px; left:3px; display:block} #headerMini div.inscription .formulaire .checklist #reception3 {position:absolute; top:63px; left:3px; width:15px; height:15px; padding:0; margin:0; display:none} #headerMini div.inscription .formulaire .checklist #divf14img {position:absolute; top:3px; left:3px; display:block} #headerMini div.inscription .formulaire .checklist #f14 {position:absolute; top:3px; left:3px; width:15px; height:15px; padding:0; margin:0; display:none} #headerMini div.inscription .formulaire .checklist .txt {position:relative; left:25px} #headerMini div.inscription .formulaire .formcellgrey {background:#e6e7e8;padding:10px 15px 10px 15px;border-bottom:solid 1px #fed24d; } #headerMini div.inscription .formulaire .formcellgrey input{width:180px;padding:0;height:15px;position:absolute;margin-top:8px;} #headerMini div.inscription .formulaire .formcellgrey p{color:#333333;margin-bottom:3px;} #headerMini div.inscription .formulaire .formcellgrey a#a20{text-decoration:none;color:#d40000;font-weight:bold;padding:6px 0px 4px 25px;position:relative;top:-29px;left:200px;} #headerMini div.inscription .formulaire .formcellgrey a#a20 img {position:relative;top:8px;} #headerMini div.inscription .formulaire .formcellgrey #f15 {color:#000000;} #headerMini div.inscription .formulaire .formcellgrey {background:#e6e7e8;padding:10px 15px 10px 15px;border-bottom:solid 1px #fed24d; } #headerMini div.inscription .formulaire .formcellgrey input{width:180px;padding:0;height:15px;position:absolute;margin-top:8px;} #headerMini div.inscription .formulaire .formcellgrey p{color:#333333;margin-bottom:3px;} #headerMini div.inscription .formulaire .formcellgrey a#a15{text-decoration:none;color:#d40000;font-weight:bold;padding:6px 0px 4px 25px;position:relative;top:-29px;left:200px;} #headerMini div.inscription .formulaire .formcellgrey a#a15 img{position:relative;top:8px;} #headerMini div.inscription .formulaire .encadre{border:solid 2px #FFFFFF;position:relative;left:5px;width:480px;} #headerMini div.inscription .formulaire .encadreGrey {border:solid 2px #cccccc; left:10px; width:470px} #headerMini div.inscription .formulaire .encadreTransfer {border:solid 2px #cccccc; left:10px; width:490px} #headerMini div.inscription .formulaire .decalTop {margin-top:10px} div#commentaire{width:250px;position:absolute;left:511px;top:-117px;} div#commentaire div.commentaire{background:#a4abb1;padding:5px;display:none;position:absolute;width:100%;} div#commentaire div.error{background:#d40000;padding:5px;display:none;position:absolute;width:100%;} div#commentaire #fg{position:absolute; left:-5px; display:none} div#commentaire #fr{position:absolute; left:-5px; display:none} .headerTable2 {position:relative; width:98.9%; background:#fed24d;/* margin-bottom:1px; */background:#fed24d url(/img/deco/PtopLeft.gif) no-repeat top left} .headerTable2 *{color:#d40000;} .headerTable2 h2 {background:url(/img/deco/PtopRight.gif) no-repeat top right;height:10px;} #headerMini .bottom, #headerMini .bottom p{ margin:0px 261px 0px 0px; height:9px; font-size:0; background:#fed24d url(/img/deco/PbottomRight.gif) no-repeat bottom right; } #headerMini .bottom p{background:url(/img/deco/PbottomLeft.gif) no-repeat bottom left;} .rightPub{float:right;position:absolute;right:10px !important;top:120px;right:220px} .inform{position:relative; margin:4px 10px 4px 10px;border:solid 2px #ffffff;padding:0px 5px 0px 5px;color:#cccccc; width:460px} .inform #txtCoordBanque {color:#cccccc} /*-------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------Calculateur-------------------------------------------------------------------------------*/ #calculateur{background:url(/img/en/calculateur.gif) top left no-repeat;} #calculateur .titre{color:#ffffff;font-weight:bold;position:absolute;top:20px;left:130px;} #calculateur .haut{position:absolute;top:89px;} #calculateur .left{left:20px;} #calculateur .left select{width:78px;height:15px;font-size:9px;} #calculateur .middle{left:115px;} #calculateur .right{left:247px;} #calculateur input{width:115px;height:13px;} #calculateur .milieu{position:absolute;top:145px;left:75px} #calculateur .milieu a{color:#d40000;font-weight:bold;text-decoration:none;margin:20px} #calculateur .milieu a img{position:relative;top:3px;margin-right:5px;} #calculateur .bas{position:absolute;top:223px;left:82px;} #calculateur .bas input{width:227px;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------*/ #stepOneTwo{ position:relative; float:right;margin-top:-74px; width:240px; height:auto; background:#d40000 url(/img/deco/bottomLeft.gif) no-repeat bottom left } #stepOneTwo p {background:url(/img/deco/bottomRight.gif) no-repeat bottom right} #stepOneTwo a {color:#000000} #stepOneTwo a:hover {color:#d40000} #stepOneTwo .line1 { position:relative; float:left; font-weight:bold; font-size:9px; width:193px; padding:17px 0px 17px 47px; background:url(/img/step1.gif) no-repeat 15px 12px } #stepOneTwo .line2 {position:relative; float:left; left:1px; width:238px; height:74px; padding-top:5px; background:#fff} #stepOneTwo .line2 .icon {position:relative; float:left; left:10px; width:78px; margin-top: 10px;} #stepOneTwo .line2 .icon a {position:relative; float:left; font-size:10px; font-weight:bold; text-decoration:none} #stepOneTwo .line2 .icon a img {position:relative; float:left; top:-4px; left:-5px} #stepOneTwo .line4 { position:relative; float:left; font-weight:bold; font-size:9px; width:193px; padding:17px 0px 17px 47px; background:#d40000 url(/img/step2.gif) no-repeat 15px 12px } #stepOneTwo .line5 {position:relative; float:left; left:1px; width:238px; height:30px; padding-top:20px; background:#fff} #stepOneTwo .line5 .icon {position:relative; float:left; left:80px; width:79px} #stepOneTwo .line5 .icon a {position:relative; float:left; font-size:10px; font-weight:bold; text-decoration:none;} #stepOneTwo .line5 .icon a img {position:relative; float:left; top:-5px; left:-5px} #stepOneTwo .line5 .jumele{cursor: pointer;color:#000000;font-weight:bold;font-size:9px; padding:0px 0px 0px 15px;display:inline;} #stepThree{position:relative; float:right; width:240px; height:auto; margin-top:7px; background:#d40000} #stepThree .line1 {padding:17px 0px 17px 47px; background:url(/img/step3.gif) no-repeat 15px 12px} #stepThree .line1 a {color:#fff; font-weight:bold; font-size:9px; text-decoration:none} #stepThree .line1 a:hover {color:#ffd34e} #stepThree .line1 a img {position:relative; float:right; padding:0px 10px 0px 0px;top:-6px;} #colWideData .tableau #headerTable3 {position:relative;background:#fed24d;height:30px;padding:0px 0px 6px 0px} #colWideData .tableau #headerTable3 * {color:#d40000;} #colWideData .tableau #headerTable3 h2 {padding:15px 5px 5px 10px; font-size:13px;} #headerTable p.headerQuinte{padding:0px 0px 5px 10px;} /* ---------------------------------------------- headerTable END ------------------------------------ */ /* ---------------------------------------------- TABLEAU tableau START ----------------------------*/ .tableau {position:relative; width:98.9%;} .tableau .titre, .tableau .titre2 {background:#e6e7e9;padding:10px;border:solid 1px #fed24d;border-bottom:none;border-top:none} .tableau .titre2{background:#FED24D; color:#d40000;} .tableau .titre table {width:auto;} .tableau .titre table td{text-align:left;padding:10px 20px 10px 0px;border:none;} .tableau .titre table td select{width:150px;text-align:center;} .tableau .titre table td a{margin:0px 0 0 30px;position:relative;top:-2px;color:#d40000;text-decoration:none;font-weight:bold;} .tableau .titre table td a img{position:relative;top:8px;} .tableau .note{position:relative; background:#ffffff;padding:5px 10px 15px 10px;border:solid 1px #fed24d;border-bottom:none;border-top:none} .tableau .note .form, .tableau .note .form2{position:relative; padding:5px 0px 0px 0px;font-weight:bold;height:180px;} .tableau .note .form2 {height:150px;} .tableau .note .form *, .tableau .note .form2 *{color:#333333;} .tableau .note .form .left, .tableau .note .form2 .left{float:left;padding:0;} .tableau .note .form .right, .tableau .note .form2 .right{float:left; position:relative; margin:0px 0px 0px 10px;width:auto;} .tableau .note .form .right span, .tableau .note .form2 .right span{position:relative;vertical-align:top} .tableau .note .form .right a, .tableau .note .form2 .right a {margin:0px 0px 0px 240px;color:#d40000;} .tableau .note .form .right a img, .tableau .note .form2 .right a img {padding-top:10px;position:relative;top:8px} .tableau .note ul {padding-left:30px;margin:20px 0 20px 0;} .tableau .note table.form{color:#333333;text-align:left;background:#ffffff;height:auto;} .tableau .note table.form td{border:none;text-align:left;height:30px} .tableau .note table.form td select{width:154px} .tableau .note table.form td input{} .tableau .note table.form td.cel2{width:100px} .tableau .note table.form td.cel3 {background:red;} .tableau .note table.little{width:auto;} .tableau .note a.arrow { display:block; width:100px; height:25px; padding:6px 0 0 28px; font-weight:bold; text-decoration:none; color:#d40000; background:url(/img/button/ok03.gif) no-repeat 0 0; } .tableau .note span.tel{margin-left:15px;font-size:11px;} .tableau .note span.tel strong{font-size:12px;} .tableau .note .noteRight {position:absolute; top:40px; left:170px; width:540px;} .tableau .note .left{padding:10px 0px 10px 0px;} .tableau .note .right{float:left;margin:-24px 0px 0px 150px;} .tableau .titreSans{background:#e6e7e9;padding:10px;} .tableau .noteSans{background:#ffffff;padding:5px 10px 15px 10px;} /* .tableau .QR{margin:0px 0px 0px 0px;} .tableau .DR{border-bottom:solid 1px #e6e7e9;padding:1px 0px 1px 0px;margin:10px 0px 10px 0px;height:20px;} .tableau .DR .D{background:#fed24d;font-weight:bold;color:#d40000;display:inline;padding:5px 2px 5px 5px;} .tableau .DR .entete{padding:5px; display:inline;font-size:10px;} .tableau .DR .entete a{font-size:10px;} .tableau .DR .entete .heure{color:#fed24d;font-weight:bold;font-size:10px;} .tableau .reponse{background:#e6e7e9;padding:6px 0px 10px 0px;margin:-10px 0px 10px 30px;} .tableau .reponse .R{background:#fed24d;font-weight:bold;color:#d40000;display:inline;padding:5px 2px 5px 5px;} .tableau .reponse .entete{padding:5px; display:inline;font-size:10px;} .tableau .reponse .entete a{font-size:10px;} .tableau .reponse .entete .heure{color:#fed24d;font-weight:bold;font-size:10px;} */ .tableau .header{position:relative; height:28px} .tableau .header a.actu1{ position:absolute; top:5px; left:0; } .tableau .header .onglet1, .tableau .header .onglet2{ position:absolute; top:0; right:143px; height:28px; width:185px; padding-top:7px; background:url(/img/deco/cote_bg1.gif) no-repeat; font-size:11px; color:#fff; font-weight:bold; text-align:center; } .tableau .header .onglet2{ width:132px; right:0; background:url(/img/deco/cote_bg2.gif) no-repeat; } * html .tableau .header .onglet1 {right:142px} /* PHP Hack IE 6 */ * html .tableau .header .onglet2 {right:-1px} /* PHP Hack IE 6 */ #colWideData .tableau #info {padding:10px 10px 10px 10px; border:solid 1px #fed24d;border-bottom:none;border-top:none} #colWide .tableau #info {padding:10px 10px 10px 10px; border:solid 1px #d40000;border-bottom:none;border-top:none} #colWideData .tableau .infoplus {padding:10px 10px 10px 10px; border:solid 1px #fed24d;border-bottom:none;border-top:none} #colWide .tableau .infoplus {padding:10px 10px 10px 10px; border:solid 1px #d40000;border-bottom:none;border-top:none} #colWideData .tableau #infoPlay {padding:10px 10px 10px 150px; height:108px; border:solid 1px #fed24d;border-bottom:none;border-top:none} #colWideData .tableau #infoPlay .lien {position:absolute; left:10px} .tableau #allTypePari {background:#e6e7e9; border:1px solid #cfcfd1; margin-bottom:10px; height:90px} .tableau #allTypePari .cont {position:relative; float:right; padding:13px 10px 0px 0px} .tableau #allTypePari ul {margin-right:30px} .tableau #allTypePari li {margin-bottom:10px} .tableau #allTypePari a {text-decoration:none} .tableau #allTypePari a img {position:relative; top:4px} .tableau #allTypePari .col {position:relative; float:left} .tableau #grey #actualite {height:80px; padding-top:10px; border:solid 1px #fed24d;border-bottom:none;border-top:none} .tableau #grey #actualite .line {padding-left:15px} .tableau #grey #actualite .line a {color:#d40000; font-weight:bold; text-decoration:none} .tableau #grey #actualite .line a img {position:relative; top:5px} .tableau #grey #actualite .line a.pageInfo {padding-left:250px} .tableau #grey #code {height:90px; padding-top:3px} .tableau #grey #code .line {padding-left:5px} .tableau #grey #code .line .info {position:relative; top:-17px} .tableau #grey #code .line form {padding-left:48px} .tableau #grey #code .line a {color:#d40000; font-weight:bold; text-decoration:none} .tableau #grey #code .line a img {position:relative; top:8px} .tableau #grey #code input {width:119px} .tableau #grey #code .line a.ok {padding-left:3px} .tableau #grey #code .line a.autre {margin-left:150px} .tableau #grey #radio {height:90px; padding-top:3px; border:solid 1px #fed24d; border-bottom:none;border-top:none} .tableau #grey #radio .line {padding-left:5px} .tableau #grey #radio .line .info {position:relative; top:-17px} .tableau #grey #activation {border:solid 1px #fed24d;border-bottom:none;border-top:none} .tableau #quinteGrey {background:#7f7f7f;color:#ffffff;margin-top:20px;padding:3px 10px 5px 10px;} .tableau form {background-color:#e6e7e9;} .tableau form.discrete {background-color:#ffffff;} .tableau form a {color:#d40000; text-decoration:none} .tableau form a:hover {text-decoration:underline} .tableau form #connexion {padding:20px 0px 20px 100px;} #connexion input {width:119px} #connexion .ok {position:relative; top:8px; left:3px} .tableau form #inscription {padding:20px 0px 20px 10px;} .tableau form #inscription a{text-decoration:none;} .tableau form #inscription div{width:630px;} .tableau form #inscription div.mdp{width:630px;line-height:25px} .tableau form #inscription #old_mdp{position:relative;left:115px;} .tableau form #inscription #mdp{position:relative;left:103px;} .tableau form #inscription #mdp_confirm{position:relative;left:10px;} .tableau form #inscription span.mdp{position:relative; left:297px} .tableau form #inscription div.lien{margin-top:10px; } .tableau form #inscription div.lien a{color:#D40000;padding:0px 0px 0px 478px;font-weight:bold;} .tableau form #inscription div.lien img{float:right;padding:0px 78px 0px 0px;margin-top:-6px;} #inscription input {width:200px} #inscription label{ display:block; margin-bottom:10px; } #inscription input{ position:absolute; left:90px; } #inscription span {position:relative; left:120px} #inscription a {font-weight:bold} #inscription a img {position:relative; top:8px; left:5px} .tableau table{width:100%;border-collapse:collapse;} .tableau a{color:#000;} .tableau a:hover{color:#d40000;} .tableau th{background:#e6e7e9; height:28px; font-weight:bold; color:#656567;} .tableau th, .tableau td {border:1px solid #cfcfd1; text-align:center; width:auto; } .tableau td.cel2{padding:4px 9px 4px 9px; text-align:left;} .tableau td.cel2 a {line-height:16px;} .tableau td.cel2 span, .tbl_mod1 td.cel2 span {float:right; display:block; color:#307c1e; font-weight:bold; line-height:16px;} .tableau td.cel2 a span{display:none;} .tableau td {height:22px;} .tableau td a.pari1, .tableau td .oeillere, .tbl_mod1 td .oeillere {float:right;} .tableau td em, .tbl_mod1 td em {color:#d40000; font-weight:bold; font-style:normal;} .tableau tr.off, .tableau tr.off a, .tbl_mod1 tr.off, .tbl_mod1 tr.off a, span.nonpartant {color:#d40000; font-style:italic; font-weight:bold; } .tableau .bottom, .tableau .bottom p { width:100%; position:relative; height:9px; font-size:0; background:#d40000 url(/img/deco/bottomRight.gif) no-repeat bottom right; } /* A v�rifier */ .tableau .bottom p{background:url(/img/deco/bottomLeft.gif) no-repeat top left;} .tableau .bottomFloat, .tableau .bottomFloat p { width:100%; position:relative; height:9px; font-size:0; background:#d40000 url(/img/deco/bottomRight.gif) no-repeat bottom right; float:left; } .tableau .bottomFloat p{background:url(/img/deco/bottomLeft.gif) no-repeat bottom left;float:left;} /* A v�rifier */ #colWide .tableau .bottom p, #colWideData .tableau .bottom p {font-size:0;} .tableau .courses .bottom {margin-bottom:10px} #colWideData .tableau .bottom, #colWideData .tableau .bottom p{background:#fed24d url(/img/deco/PbottomRight.gif) no-repeat bottom right;} #colWideData .tableau .bottom p{background:url(/img/deco/PbottomLeft.gif) no-repeat top left;} /* PHP */ .tableau td.left{ border-left:none; background:url(/img/deco/border.gif) repeat-y top left;} .tableau tr.pair td.left{background:#F0F1F2 url(/img/deco/border.gif) repeat-y top left;} /* hack IE6 */ .tableau th.left {border-left:none; background:#e6e7e9 url(/img/deco/border.gif) repeat-y top left;} .tableau td.right, .tableau td#right{ border-right:none; background:url(/img/deco/border.gif) repeat-y top right;} .tableau tr.pair td.right, .tableau tr.pair td#right{background:#F0F1F2 url(/img/deco/border.gif) repeat-y top right;} /* hack IE6 */ .tableau th.right, .tableau th#right {border-right:none; background:#e6e7e9 url(/img/deco/border.gif) repeat-y top right;} .tableau .photo{margin:1px 0 10px 0;float:left;} .tableau .photo .left{float:left;width:410px;} .tableau .photo .right{float:right;} /* ---------------------------------------------- TABLEAU tableau END ------------------------------ */ /* ---------------------------------------------- TABLEAU ticket START ------------------------------ */ .ticket table {width:600px; margin:10px auto 0 auto;} .ticket form {background:#fff;} .ticket table th{background:#d40000; border-top:none; color:#fff; border-color:#fff; padding:0 5px 0 5px; } .ticket table th.left {background:#d40000 url(/img/deco/topLeft.gif) no-repeat top left;} .ticket table th.right {background:#d40000 url(/img/deco/topRight.gif) no-repeat top right;} .ticket table tr.bottom td.left{background:#d40000 url(/img/deco/bottomLeft.gif) no-repeat bottom left; border:none;height:12px;} .ticket table tr.bottom td.right{background:#d40000 url(/img/deco/bottomRight.gif) no-repeat bottom right; border:none;height:12px;} .ticket input {width:60px; background:#FED24D; border:1px solid #E5E5E5;} .ticket td.left{padding-left:10px;text-align:left;} .ticket td.valide{text-align:center; padding:5px 0 5px 0;} .ticket p {width:600px; margin:15px auto 0 auto;} .ticket p strong {color:#d40000;} /* ---------------------------------------------- TABLEAU formulaire START ------------------------------ */ table.formulaire{text-align:left;font-weight:bold;color:#444444;width:98.9%;padding:2px 10px 2px 10px;} table.formulaire a{color:#333333;} table.formulaire a:hover{color:#ffd34e;} table.formulaire td input{color:#444444;} table.formulaire td.grey input,table.formulaire td.greyRight input{color:#CCCCCC;} table.formulaire tbody td{border-top:solid 12px #FFFFFF;} table.formulaire td.sizeur{width:180px;} table.formulaire td.grey{color:#CCCCCC;white-space:nowrap;} table.formulaire td.greyRight{color:#CCCCCC;text-align:right;white-space:nowrap;} table.formulaire td.top{vertical-align:top;} table.formulaire td span.note{font-size:9px;padding-right:10px;} table.formulaire td span.note a{font-size:9px;} table.formulaire td span.note a:hover{color:#ffd34e;} /* ---------------------------------------------- TABLEAU formulaire END -------------------------------- */ /*------------------------------------------------TABLEAU dernieres START--------------------------------*/ .tableau table.dernieres td{text-align:left;padding:0px 0px 0px 10px; line-height:20px;} .pictoReunion {float:right; margin-right:5px;} table.dernieres td.cel1{width:20px;} table.dernieres td.cel2{width:auto; } table.dernieres td.cel3{width:100px;} table.dernieres td.cel4{width:100px;} table.dernieres td.cel5{width:100px;} /*------------------------------------------------TABLEAU dernieres END --------------------------------*/ /* ---------------------------------------------- cote --------------------------------------------- */ #colWide .tableau .cote th{font-size:10px;} /* PHP */ .tableau .cote {margin-top:5px} .tableau .cote th.cel3{width:93px;} .tableau .cote th.cel4{width:89px;} .tableau .cote th.cel5{width:11px; background:#FFF; border-bottom:none;} .tableau .cote td.cel5{width:11px;border-bottom:none; border-top:none;} .tableau .cote td.cel51{width:11px; border-top:none;} /* bordure fin de tableau */ .tableau .cote th.cel6{width:40px;} .tableau .cote th.cel7{width:39px;} .tableau .cote th.cel8{width:49px;} /* --------------------------------------------- pronostic ----------------------------------- */ .tableau .pronostic {position:relative; float:left; margin-top:20px; width:100%} .tableau .pronostic th.cel1 {padding-left:10px; text-align:left; background:#fed24d; color:#d40000;} .tableau .pronostic td.prono {padding:10px; text-align:left; vertical-align:top} .tableau .pronostic td.cel3 {width:40px} .tableau .pronostic td.cel2 {padding-top:3px; padding-bottom:3px; width:200px} .tableau .pronostic .bottom {position:relative; text-align:center; height:auto} .tableau .pronostic .bottom .lien {text-align:center; height:30px; padding:10px 0px 16px 0px} .tableau .pronostic .bottom .lien a {color:#fff; text-decoration:none} .tableau .pronostic .bottom .lien a:hover {color:#ffd34e} .tableau .pronostic .bottom .lien a img {position:relative; float:none; top:3px} /* --------------------------------------------- pronosticQuinte ----------------------------------- */ .tableau .pronosticQuinte td.cel2{padding-top:3px; padding-bottom:3px;} /* ---------------------------------------------- courses ------------------------------------------ */ .tableau .courses td.picto{padding:2px; width:160px; text-align:left;} #colWideData .etape{background:#fed24d;height:50px;color:#d40000;} #colWide .etape{background:#d40000;height:50px;color:#ffffff;} .etape .top{font-size:9px;} .etape .top div.left{padding:5px 0px 0px 10px;height:50px;font-size:9px;} .etape .top div img {float:right;position:relative;top:-40px;left:-12px;} /* ---------------------------------------------- tableau dans hippodrome ------------------------------------------ */ .tableau #hippodrome th.cel1 {padding-left:15px; text-align:left; width:70%} .tableau #hippodrome td.left {padding-left:15px; text-align:left; width:70%} /* ---------------------------------------------- tableau dans r�sultats ------------------------------------------ */ /* premier tableau */ .tableau #resultats th {padding:0 2px 0 2px} .tableau #resultats th.cel1 {padding:0 9px 0 9px; text-align:left} .tableau #resultats th.video {width:410px; padding:0px} .tableau #resultats td {padding:0 2px 0 2px; height:25px} .tableau #resultats td.cel2 {padding:0 9px 0 9px} .tableau #resultats td.avantder {border-bottom:1px solid #ffffff} /* cas o� class="der" dans les colonnes de la 5eme ligne pb IE 6 */ /* .tableau #resultats td.der {height:95px; vertical-align:text-top; padding-top:5px } */ .tableau #resultats td.der {height:69px} .tableau .inter {position:relative; height:34px; width:100%; background:#6B6B6B;} .tableau .inter * {color:#FFFFFF;} .tableau .inter h2 {padding:5px 0px 5px 10px;} .tableau .inter h2 a {position:relative; top:2px; margin-right:3px} /* deuxieme tableau */ .tableau #resultats th.rouge {width:50%; color:#FFFFFF; background:#FF0000; border:none; border-right:1px solid #FF0000} .tableau #resultats th.vert {width:50%; color:#FFFFFF; background:#0F900F; border:none; } .tableau #resultats th.th2 {background:#DADBDD} .tableau #resultats th.num {width:8%} .tableau #resultats td.space {width:16px} /* ---------------------------------------------- fin tableau dans résultats ---------------------------------------- */ /*les différents display nécessaire au script -------------------------------------------------------------------------*/ .dispnone { display: none; } .dispinline { display: inline; } .disprow { display: table-row; } .dispcell { display: table-cell; } .dispblock { display: block; } /*-------------------------------------------------php css------------------------------------------------------------*/ /* -- global -- */ .tableBox{ position:relative; background:#f2f2f2; border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-left:1px solid #d8d8d8; } /*-- global --*/ .tbl_mod1 tr.pair td.left{background:#f5f5f5 url(/img/deco/mod1_border.gif) repeat-y top left;} /* hack IE6 -- home page --*/ .tbl_mod1 tr.pair td.right{background:#f5f5f5 url(/img/deco/mod1_border.gif) repeat-y top right;} /* hack IE6 -- home page --*/ .tbl_mod1 input {width:15px; height:15px;} /*cote --- */ .tableau .header .onglet1{width:277px;} .tableau .cote th.cel3{width:93px; border-top:none;} .tableau .cote th.cel4{width:90px; border-top:none; border-right:1px solid #BDBDBE;} .tableau .cote th.cel41{ width:90px; border-top:none; border-right:1px solid #BDBDBE; background:#D5D7D8; } .tableau .cote th.cel5 {border:none;} .tableau .cote th.cel6, .tableau .cote th.cel7, .tableau .cote th.cel8{border-top:none;} .tableau .cote .header2{ position:relative; height:29px; background:url(/img/deco/cote_header_bg.gif) no-repeat top right; } #colWide .tableau .cote .header2 .cel1, #colWide .tableau .cote .header2 .cel2 {font-size:10px; font-weight:bold;} .tableau .cote .header2 .cel1, .tableau .cote .header2 .cel2{ position:absolute; top:7px;right:288px; } .tableau .cote .header2 .cel2 {right:151px;} .tableau .header2 a.actu1{ position:absolute; top:5px; left:0; } /* cote --- */ /* courses --- */ .tableau .courses, .tableau .courses .tableBox {margin-top:5px;} .tableau .courses .tableBox {height:115px;} .tableau .courses .tableBox ul{position:absolute; width:540px; top:26px; right:0;} .tableau .courses .tableBox li { position:relative; display:block; width:100px; float:left; height:26px; padding-left:28px; } .tableau .courses .tableBox li img{position:absolute; top:1px; left:0;} /* courses --- */ /* infos --- */ #info h2{ font-size:13px; color:#d40000; margin:15px 0 10px 0; } #info p{margin:10px 0 10px 0; text-align:justify; line-height:14px; width:auto;} #info ul{margin:5px 30px 5px 30px;} #info ul li { padding-left:12px; height: auto !important; height: 6px; min-height: 6px; margin:3px 0 3px 0; line-height:14px; } #info ul ul {margin-left:40px;} #info ul li{background:url(/img/puce.gif) no-repeat 0 5px;} #info ul ul li{background:url(/img/puceSub.gif) no-repeat 0 8px;} #info span.cadre{ padding:5px; border:1px solid #d40000; font-weight:bold; } /* infos --- */ /* ZE 5X_2 */ #headerTable p.bigText strong{ font-size:13px; background:#FF0000; padding:5px; } #headerTable p.bigText { font-size:13px; } /* ZE 5X_2 */ /* chevaux_course_loggue.php */ #headerMini #stepOneTwo .line4 { background:#d40000 url(/img/step2_arrow.gif) no-repeat 15px 12px } /* chevaux_course_loggue.php */ .sousTitre{ position:relative; margin:20px 0 0 0; height:20px; } .sousTitre .left{ position:relative; float:left; font-weight:bold; line-height:14px; padding-left:10px; } .sousTitre .right{ position:relative; float:right; padding-right:19px; } .sousTitre .right a{ display:block; width:300px; text-align:right; text-decoration:none; height:16px; color:#cc0000; font-weight:bold; padding-right:20px; line-height:14px; background:url(/img/button/okp03.gif) no-repeat top right; } form.monCompte{ position:relative; margin-top:7px; } .monCompte * {font-size:12px; } .monCompte p{ margin:10px; line-height:18px; } .monCompte p a{color:#000;} .monCompte p a:hover{color:#d40000; text-decoration:none;} .monCompte .line{ position:relative; height: auto !important; height: 18px; min-height: 18px; margin:10px; } .monCompte .line2{ position:relative; height: auto !important; height: 28px; min-height: 28px; margin:10px; width:auto; } .monCompte .disable {color:#b8b8b8;} .monCompte label{ display:block; float:left; width:140px; line-height:18px; } .monCompte .line input, .monCompte .line select, .monCompte .line2 input, .monCompte .line2 select{ position:absolute; left:150px; } .monCompte .dateNaissance {position:absolute;left:290px; top:0;} .monCompte .ville {position:absolute;left:205px; top:0;} .monCompte .depotEuro {position:absolute;left:200px; top:12px;} .monCompte .depot, .monCompte .moneyBookers {position:relative; top:30px; left:10px; margin-right:30px; height:65px;} .monCompte .moneyBookers {top:20px;} .monCompte .iban {position:absolute;left:415px; top:0;} .monCompte .iban a {color:#000; } .monCompte .iban a:hover {color:#d40000;} .monCompte .dateNaissance input, .monCompte .ville input{ position:relative; float:left; left:0; } .monCompte .dateNaissance p {float:left; margin:0;} .monCompte .dateNaissance label, .monCompte .ville label{ width:auto; margin:0 5px 0 5px; } input.textdisabled, select.textdisabled{ background:#ebebe4; color:#aca899; border:1px solid #c9c7ba; padding:1px; } .line2 input{margin-top:10px;} /* aligne input sur deuxi�me ligne label */ .checklist { position:relative; margin-left:150px; } .line .checklist input { position:absolute; top:2px; left:0; width:15px; height:15px; } .checklist label{ position:relative; padding-left:20px; width:550px; cursor:pointer; } form .row1{ position:relative; padding:10px; background:#e5e5e5; margin:0 11px 0 0; } form .row2{ position:relative; padding:10px; background:#fed24d; margin:0 11px 0 0; } form .row2 h2{color:#d40000;} form a.okForm { display:block; width:50px; padding:10px 10px 10px 10px; height:17px;width:80px; background:url(/img/button/ok02.gif) no-repeat 70px 6px; text-transform:uppercase; color:#cc0000; text-decoration:none; font-weight:bold; line-height:16px; cursor: pointer; } form .confPass {margin-top:15px; padding:20px;} form .confPass label{position:relative; float:none; width:auto;} form .confPass input{position:relative;} form .confPass a.okForm {margin:10px 0 0 454px;} form .modPass label {display:block; position:relative; margin:12px;} form .modPass input{position:absolute; top:0; left:240px;} form .modPass a.okForm {margin:10px 0 0 280px;} /*-------------------------------------------------------------yoram css ------------------------------------------------------------------------------------*/ #headerTable2 {position:relative; width:98.9%; background:#d40000; margin-bottom:1px; background:#d40000 url(/img/deco/topLeft.gif) no-repeat top left} #headerTable2 * {color:#fff;} #headerTable2 h2 {padding:15px 5px 5px 5px; background:url(/img/deco/topRight.gif) no-repeat top right; font-size:13px} #headerTable2 h2 span{padding:5px; font-size:13px} #headerTable2 .step {background:url(/img/deco/topRight.gif) no-repeat top right} #headerTable2 .step .line1 { font-weight:bold; font-size:9px; padding:17px 0px 17px 47px; background:url(/img/step1.gif) no-repeat 15px 12px } #headerTable3, #headerTable4 {position:relative; width:100%; background:#d40000;} #headerTable4 {background:#e5e5e5 url(/img/deco/border.gif) repeat-y top left; margin-top:15px; border-top:1px solid #CFCFD1;} #headerTable3 * {color:#fff;} #headerTable3 h2, #headerTable4 h2 {padding:15px 5px 5px 5px; font-size:13px; background:url(/img/deco/border.gif) repeat-y top right;} #colWideData #headerTable3{background:#fed24d;} #colWideData #headerTable3 *{color:#d40000;font-size:10px;} #colWideData #headerTable3 h2 {padding:15px 5px 5px 10px; font-size:13px;} #headerTable3 .step .line1 { font-weight:bold; font-size:9px; padding:17px 0px 17px 47px; background:url(/img/step2.gif) no-repeat 15px 12px } #headerTable3 .jumele{display: inline; cursor: pointer;} #headerTable3 #gridtitle {position:absolute; top:17px; left:175px} table .headerBottom td{ text-align:left;width:auto;vertical-align:middle;} table .headerBottom td .cel1{ width:20px} table .headerBottom td .cel2{ width:50px} /* tableauPari tableauPari START ----------------------------------------------------------------------*/ .tableauPari {position:relative; width:98.9%;} .tableauPari .header{ position:relative; height:28px; } .tableauPari .header a.actu1{ position:absolute; top:5px; left:0; } .tableauPari .header .onglet1, .tableauPari .header .onglet2{ position:absolute; top:0; right:143px; height:28px; width:185px; padding-top:7px; background:url(/img/deco/cote_bg1.gif) no-repeat; color:#fff; font-weight:bold; text-align:center; } .tableauPari .header .onglet2{ width:132px; right:0; background:url(/img/deco/cote_bg2.gif) no-repeat; } .tableauPari table{width:100%;border-collapse:collapse;} .tableauPari a{color:#000;} .tableauPari a:hover{color:#d40000;} .tableauPari th{background:#e6e7e9; height:28px; font-weight:bold; color:#656567;} .tableauPari th, .tableauPari td {border:1px solid #cfcfd1; text-align:center; } .tableauPari th.cel1{width:38%; padding:0; text-align:left;padding:0px 0px 0px 10px;} /* cote caract�ristique */ .tableauPari th.cel2{width:18%; padding:0; text-align:left;padding:0px 0px 0px 10px; } .tableauPari td.cel2{padding:0 9px 0 9px; text-align:left;} .tableauPari td.cel2 a {line-height:16px;} .tableauPari th.cel3{width:93px;} .tableauPari th.cel4{width:89px;} .tableauPari th.cel5{width:11px; background:#FFF; border-bottom:none;} .tableauPari td.cel5{width:2%; background:#FFF; border-bottom:none; border-top:none;} .tableauPari td.cel51{width:11px; background:#FFF; border-top:none;} /* bordure fin de tableauPari */ .tableauPari th.cel6{width:40px;} .tableauPari th.cel7{width:39px;} .tableauPari td.cel9{padding:0; text-align:left;padding:0px 0px 0px 10px;background-color:#D70000;border:hidden;color:#FFFFFF;} .tableauPari th.cel8{width:49px;} .tableauPari td {height:22px;vertical-align:top} .tableauPari td a.pari1{float:right;} /* cote caract�ristique */ .tableauPari td.left{ padding-left:1px; } .tableauPari .bottom, .tableauPari .bottom p{ position:relative; height:9px; font-size:0; background:#d40000 url(/img/deco/bottomRight.gif) no-repeat bottom right; } .tableauPari .step {background:#d40000} .tableauPari .step .cont {width:280px; height:auto;} .tableauPari .step .cont .line1 {padding:17px 0px 10px 47px; background:url(/img/step3.gif) no-repeat 15px 12px} .tableauPari .step .cont .line1 a {color:#fff; font-weight:bold; font-size:9px; text-decoration:none} .tableauPari .step .cont .line1 a:hover {color:#ffd34e} .tableauPari .step .cont .line1 a img {position:relative; float:right; padding:0px 10px 0px 0px;top:-4px;} .tableauPari .bottom p{background:url(/img/deco/bottomLeft.gif) no-repeat bottom left;} /* tableau tableauPari END ----------------------------------------------------------------------*/ /* tableau tableau START---------------------------------------------------------------------------------*/ .tableau .aleft{ text-align:left; vertical-align:middle; font-weight:bold; padding-left:10px; border-left:none; background:url(/img/deco/border.gif) repeat-y top left; } /* tableau tableau END-----------------------------------------------------------------------------------*/ /*les div du tableauPari START------------------------------------------------------------------------*/ .tableauPari td div.divselector{text-align:left;font-size: 14px; } .tableauPari td div.divselectorrow{ text-align:left; padding: 4px 0px 6px 10px; cursor: pointer; font-weight:bold; border:1px solid #FFFFFF; border-bottom:1px solid #cfcfd1; vertical-align:text-bottom; } /*les div du tableauPari END--------------------------------------------------------------------------*/ .tableauPari table.tableau .dispnone{width:60px;vertical-align:middle;} .tableauPari table.tableau .dispcell{width:60px;vertical-align:middle;} .tableauPari table.tableau .dispcell input{border:none;} .tableauPariExpress table{border-collapse:collapse;} .tableauPariExpress th{background:#e6e7e9; height:28px; font-weight:bold; color:#656567;} .tableauPariExpress th, .tableauPariExpress td {border:1px solid #cfcfd1; text-align:center; padding: 4px 20px 4px 20px; } .tableauPariExpress td.aleft {text-align:left; } /*les diff�rens display n�cessaire au script END--------------------------------------------------------------------------*/ .btn { padding-right:5px; padding-left:5px; background-image: url(img/btnbg.gif); display: block; position: relative; text-align: center; line-height: 21px; height: 21px; } #grille{visibility:hidden;width:100%;position:relative;float:left;} #grille .tableauPari table{width:100%;border-collapse:collapse;} #colWideData .tableau .defaut{ border-right:1px solid #FED24D; border-left:1px solid #FED24D; } #colWide .tableau .defaut{ border-right:1px solid #D40000; border-left:1px solid #D40000; } .tableau .defaut .line{padding:5px 0 5px 0;} .centre {text-align:center;} .bruits {padding:10px;} .bruits h3{ height:20px; line-height:19px; padding-left:5px; font-size:13px; color:#d40000; background:#FED24D; } .bruits h4{ height:24px; line-height:19px; background:#E6E7E9; } .bruits h4 span{ display:block; height:20px; width:36px; color:#fff; float:left; background:#d40000; padding:2px; font-size:12px; text-align:center; } .bruits h4 strong{ display:block; float:left; width:200px; margin-left:10px; line-height:22px; } .bruits h4 img{ float:right; margin-right:30px; } .bruits p{ margin:3px 0 10px 0; } .forums .defaut {padding:10px;} .forums .pages { height:22px; line-height:21px; padding-left:10px; border-left:1px solid #FED24D; border-right:1px solid #FED24D; } .pages{background:#D6D7D9;} .pages li { display:block; float:left; margin-right:8px; font-weight:bold; } .pages li a { display:block; padding:0 3px 0 3px; } .pages li a:hover{background:#FED24D; text-decoration:none;} #colWideData .pages *, #colWide .pages * {font-size:14px;} .forums .defaut .question{ position:relative; background:#DEE4E8; border-bottom:1px solid #CED4D8; margin-top:2px; } .forums .defaut .answer{ position:relative; margin-top:2px; } .forums .defaut .question h3, .forums .defaut .answer h3{ display:block; position:relative; width:20px; height:16px; background:#d40000; color:#fff; font-size:12px; line-height:16px; text-align:center; float:left; } .forums .defaut .question img.icon, .forums .defaut .answer img.icon{ display:block; position:relative; top:4px; float:left; } .forums .defaut .question .except {background:#FED24D; color:#d40000; margin-left:10px} .forums .defaut .answer h3 {background:#FED24D; color:#d40000;} .forums .defaut .question a, .forums .defaut .answer a{font-weight:bold; margin-left:5px; color:#000000;} .hidecell{ position:relative; margin:5px 5px 5px 30px; border:1px solid #E6E7E9; padding:5px; } .forums .defaut .question p, .forums .defaut .answer p { position:relative; line-height:18px; } .forums * {font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;} .forums .defaut .question p.forumRetour{float:left;} .forums .defaut .question *, .forums .defaut .answer * {font-size: 13px; } .forums .defaut .question p .time, .forums .defaut .answer p .time {color:#000000; font-size: 11px;} .forums .read {height:auto !important; height:100px; min-height:100px} .forums .defaut .right {position:relative; float:right} .forums .read .question {margin-right:250px} .forums .defaut .focusQuestion {position:relative; min-height:20px; height:auto !important; height:20px; margin:5px 250px 0px 20px} .forums .defaut .focusQuestion p {line-height:18px; margin-left:5px} .forums .defaut .focusQuestion p strong {text-decoration:underline; color:#000000; font-size: 14px;} .forums .defaut .focusQuestion p strong.date {text-decoration:none; color:#000000; font-size: 9px;} .forums .defaut .focusAnswer{position:relative; height:auto; background:#E5E5E5; margin:5px 250px 0px 25px; padding:5px} /* commentaire START (voir #lastMinute) */ #commentaireCourse{ position:relative; width:500px; margin:20px auto 20px auto; } #commentaireCourse .box{padding:10px 5px 10px 10px;} #commentaireCourse .content{ position:relative; height:100px; overflow-y:scroll; } #commentaireCourse .content p strong{color:#d40000;} /* commentaire END */ /* Add courses.php */ #headerTable .subLine{position:relative; margin:-3px 0 5px 10px;} #headerTable .subLine p{ font-weight:bold; float:left; } #headerTable .subLine a {margin-left:100px;} /* Add courses.php */ p.commentaire {margin:5px; width:auto;} .hand {cursor:pointer;} /*----------------------------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------- Popup ----------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------------------------*/ #mainPopup{width:400px;padding:4px 4px 4px 4px;height:290px;font-family:Verdana, Arial, Helvetica, sans-serif;} #mainPopup em{color:#d40000;font-style:normal;} #mainPopup #PopupTop {width:392px;background:url(/img/deco/help_top.gif) no-repeat;height:40px;} #mainPopup #PopupTop p{ position:absolute;top:18px;left:4px;font-size:14px;font-weight:bold; color:#555555;width:100%;text-align:center; width:392px; } #mainPopup #PopupTop p em{font-size:14px;line-height:17px;} #mainPopup #PopupTop p img{position:relative;top:-2px;left:-4px} #mainPopup #PopupTop img{position:absolute;top:11px;left:6px} #mainPopup #PopupTop p em a {text-decoration:none; font-size:14px; color:#d40000;font-style:normal;} #mainPopup #corps{width:392px;border-top:solid 1px #ffe9a7;position:relative;top:0px;} #mainPopup #corps *{font-size:11px;} #mainPopup #corps #accueil {background:url(/img/en/help_bg.gif) no-repeat;width:100%;height:252px;} #mainPopup #corps #accueil img.hippo{position:absolute;top:20px;left:14px;} #mainPopup #corps #accueil img.faq{position:absolute;top:29px;left:241px;} #mainPopup #corps #accueil img.zeparis{position:absolute;top:72px;left:48px;} #mainPopup #corps #accueil img.pmuparis{position:absolute;top:121px;left:28px;} #mainPopup #corps #accueil img.lexique{position:absolute;top:150px;left:167px;} #mainPopup #corps #accueil a.mail {color:#d40000;position:relative;top:210px;left:147px;} #mainPopup #corps #accueil a.mail strong {font-size: 10px; position:relative; left: -3px;} #mainPopup #corps #header, #mainPopup #corps #header2{height:30px;width:100%;background:#ffd24e;} #mainPopup #corps #header p.header, #mainPopup #corps #header2 p {position:relative;top:9px;left:-2px;font-size:12px;font-weight:bold;color:#555555;width:100%;text-align:center;} #mainPopup #corps #header2 p {text-align:left; text-indent:10px;} #mainPopup #corps #header {background:url(/img/deco/help_sstitre.gif) 120px 4px no-repeat #ffd24e;} #mainPopup #corps #main{overflow:auto;width:390px !important;width:392px;height:212px;border:solid 1px #e5e5e5;border-top:none;border-bottom:none;} #mainPopup #corps #main .menu{position:relative;top:0px;background:url(/img/deco/help_chevaux.gif) 208px no-repeat;width:363px} #mainPopup #corps #main .menu p.ancre{position:relative;left:10px;margin:10px 0px 10px 0px;} #mainPopup #corps #main .menu p.ancre a{background:url(/img/picto/fleche_blanc.gif) left 3px no-repeat;color:#d40000;text-decoration:none;padding-left:10px;} #mainPopup #corps #main .menu .liste{position:relative;left:10px;width:340px;} #mainPopup #corps #main .menu .liste p.ancre a{background:url(/img/picto/fleche2.gif) left 3px no-repeat;color:#d40000;text-decoration:none;padding-left:20px;} #mainPopup #corps #main .menu .separe{background:url(/img/deco/help_pix.gif) repeat-x;height:1px;width:347px;position:relative;left:13px;top:10px} #mainPopup #corps #main .menu ul{ margin-left:10px; text-decoration:none; } #mainPopup #corps #main .menu li{ padding-left:7px; background:url(/img/puce.gif) no-repeat 0 7px; height: auto !important; height: 2px; min-height: 10px; } #mainPopup #corps #main .menu li a{font-size:11px; text-decoration:none; color:#000;} #mainPopup #corps #main .menu li a:hover{color:#FF0000;} #mainPopup #corps #main .contenu {position:relative; margin:15px; text-align:justify;} #mainPopup #corps #main .contenu h2, #mainPopup #corps #main2 .contenu h2{font-size:14px; color:#d40000; margin:0 0 10px 0; padding:0;} #mainPopup #corps #main .contenu h2 strong, #mainPopup #corps #main2 .contenu h2 strong {position:relative; top:-5px; left:5px} #mainPopup #corps #main .contenu h2.pmu strong, #mainPopup #corps #main2 .contenu h2.pmu strong {position:relative; top:-2px; left:3px} #main2 .contenu {margin:10px;} #mainPopup #corps #main .contenu a.top{ display:block; margin:3px 0 10px 0; } #mainPopup .contenu ul {margin:3px 0 10px 15px;} #mainPopup .contenu li {padding-left:10px; background:url(/img/puceSub.gif) no-repeat 0 7px;} #mainPopup .contenu p {margin-bottom:10px;} #mainPopup #corps .bottom{background:url(/img/deco/help_bottom.gif) no-repeat;width:392px;height:10px} #mainPopup #corps #main2{ overflow:auto; width:390px !important; width:392px; height:168px; border:solid 1px #e5e5e5; border-top:none; border-bottom:none; } #mainPopup #corps #main2 .tableau {position:relative; width:100% !important; width:99.5%; height:167px; overflow:auto; overflow-x:hidden;} #mainPopup #corps #main #cheval .tableau {position:relative; width:100% !important; width:99.5%; height:209px; margin:1px 0 2px 0; overflow:auto; overflow-x:hidden;} #mainPopup #corps #main #cheval .tableau td{padding:1px 5px 1px 5px;} #mainPopup #corps #main2 .detail {padding:15px} #mainPopup #corps .lettres {position:relative; border:1px solid #ffffff; border-left:none; border-right:none; height:43px; background:#808080} #mainPopup #corps .lettres * {color:#fed24d} #mainPopup #corps .lettres ul {position:relative; float:left; padding:7px 0px 0px 15px} #mainPopup #corps .lettres li {display:block; position:relative; float:left; margin:0 10px 3px 0; width:10px;} #mainPopup #corps .lettres li a {font-weight:bold} #mainPopup #corps .lettres li a:hover {color:#d40000} #mainPopup #corps .lettres li.ON a {text-decoration:none} table.pari a {color:#D40000; text-decoration:none;} p.header a{text-decoration:none; color:#D40000;} p.header a:hover{color:#000;} #mainPopup .pmu ul {margin:0; padding:10px 0 0 0;} #mainPopup .parisZeturf ul {margin:0; padding:30px 0 0 0;} #mainPopup .pmu li, #mainPopup .parisZeturf li { background:none; margin:0 7px 25px 7px !important; margin:0 7px 20px 7px; padding:0; display:block; float:left; width:70px; text-align:center; } #mainPopup .parisZeturf li { width:100px; margin:0 7px 45px 10px !important; margin:0 7px 20px 5px; } #mainPopup .pmu li a, #mainPopup .parisZeturf li a{text-decoration:none; font-weight:bold; color:#D40000; } #mainPopup .pmu li a:hover, #mainPopup .parisZeturf li a:hover {color:#000;} #navigation{ position:absolute; top:49px; right: 10px; width:50px; height:22px; text-align:right; } #mainPopup #cheval td {text-align:left; padding:2px 5px 2px 5px;} #mainPopup #cheval td.left{text-align:right; font-weight:bold;} #mainPopup .legende{padding:5px; text-align:center;} /*----------------------------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------- Popup ----------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------------------------*/ a.button { border:none; cursor:pointer; text-transform:uppercase; color:#cc0000; text-decoration:none; font-weight:bold; line-height:16px; } a.button img { position:relative; top:8px; } a.imgbutton { border:none; cursor:pointer; } /* Formulaire de la page connexion */ a.fpasswd { font-size:0.9em; color: #666; margin-left: 220px; }