@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#0D213A;
	background-color:#5492C5;
	background-image:url(../images/bg.png);
	background-position:top;
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	text-align: center;
}
a, a:visited { color: #006; text-decoration: underline; }
a:hover { color: #006; text-decoration: none; }

.clear { clear: both; }
.center { text-align: center; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

.body-contener {
	width: 944px;
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-y;
	margin: 0 auto;
	text-align: left;
}
.header {
	background-image:url(../images/header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:140px;
	width:944px;
	position: relative;
}

.logo {
	display: block;
	position: absolute;
	width: 240px;
	height: 92px;
	top: 39px;
	left: 0;
}
.logo img {
	border: 0;
	width: 240px;
	height: 92px;
}
.slogan {
	position: absolute;
	border: 0;
	width: 256px;
	height: 116px;
	top: 13px;
	left: 407px;
}
.cadeaux {
	position: absolute;
	border: 0;
	width: 85px;
	height: 15px;
	top: 105px;
	left: 470px;
}
.free {background-image:url(../images/free.png);background-repeat:no-repeat;background-position:top;width:344px;height:88px;}
.member-block {
	position: absolute;
	width: 230px;
	height: 65px;
	top: 44px;
	left: 687px;
}
.member-block h2 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #72A7D8;
	font-size: 10px;
	font-weight: normal;
}
.login-block {
	padding-top: 6px;
	padding-bottom: 5px;
	position: relative;
}
.login-block .bouton_ok {
	position: absolute;
	top: 6px;
	left: 193px;
}
.create-account, .create-account:visited, .create-account:hover {
	color: #F3C62B;
	font-size: 10px;
	text-decoration: none;
}
.create-account:hover{ text-decoration: underline; }
.forgot-password , .forgot-password:visited, .forgot-password:hover{
	color: #72A7D8;
	font-size: 10px;
	text-decoration: none;
}
.forgot-password:hover{ text-decoration: underline; }

.menu {
	background-image:url(../images/menu/menu_b.png);
	background-position:top;
	background-repeat:repeat-x;
	height:95px;
	width:944px;
}
.menu-index {
	background-image:url(../images/index.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:190px;
	width:944px;
}
.menu-sport {
	background-image:url(../images/sport.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:190px;
	width:944px;
}
.menu-economie {
	background-image:url(../images/economie.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:190px;
	width:944px;
}
.menu-politique {
	background-image:url(../images/politique.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:190px;
	width:944px;
}
.menu-people {
	background-image:url(../images/people.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:190px;
	width:944px;
}
.menu-divertissement {
	background-image:url(../images/divertissement.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:190px;
	width:944px;
}
.menu-culture {
	background-image:url(../images/culture.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:190px;
	width:944px;
}
.menu-insolites {
	background-image:url(../images/insolites.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:190px;
	width:944px;
}
.menu-contact {
	background-image:url(../images/contact.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:190px;
	width:944px;
}
.thumbnails {
	position: absolute;
	top: 48px;
	left: 441px;
	width: 291px;
	height: 125px;
	overflow: hidden;
}
.thumb {
	position: relative;
	float: left;
	width: 55px;
	height: 55px;
	margin-right: 23px;
	margin-bottom: 16px;
	overflow: hidden;
}

.page {
	width:944px;
	vertical-align:top;
	position: relative;
}
.main {
	background-image:url(../images/actu.png);
	background-repeat:no-repeat;
	background-position:top;
	width:596px;
	float: left;
}
.sidebar {
	margin-left: 4px;
	width: 344px;
	float: left;
}
.titremain {
	background:url(../images/actu.png) no-repeat;
	height:55px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.titremain h1 {
	float: left;
	background:url(../images/actu_title.png) no-repeat right top;
	margin: 0;
	height: 23px;
	padding: 8px 55px 0 6px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
.mainactu {
	background: #fff url(../images/main-actu.png) no-repeat;
	color:#006;
	padding: 6px;
	font-size: 12px
}
.classetab {
	background: #fff url(../images/classe-tab.png) no-repeat;
	color:#006;
	padding: 3px 0 0 0;
	font-size: 12px;
}
.classetab h2 {
	float: left;
	background:url(../images/actu_title.png) no-repeat right top;
	margin: 0;
	height: 23px;
	padding: 8px 55px 0 6px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
.classetab h3 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #283B59;
}
.form { position:relative; }
.col { width:10px; position:relative; }
.champ {
	background-image:url(../images/champ.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:0;
}
.search {
	background-image:url(../images/champ.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:15px;
	border:0;
}
.bouton_ok {
	background-image:url(../images/bouton_ok.png);
	background-position:center;
	background-repeat:no-repeat;
	width:16px;
	height:15px;
	border:none;
	vertical-align: middle;
}
.recherche {
	background-image:url(../images/recherche.png);
	background-repeat:no-repeat;
	background-position:top;
}
.search-block {
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}
.panierparis {
	background-image: url(../images/panier_paris.png);
	background-repeat:no-repeat;
	background-position:top;
	height:242px;
}
.panierparis, .panierparis:visited, .panierparis:hover {
	color: #FFF;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-top: 10px;
}

.panierparis_block {
	height: 211px;
	position: relative;
	margin-top: 15px;
	overflow: auto;
}
.bet_active {
	font-size: 10px;
	position: relative;
	height: 69px;
	background: url(../images/bet_active.jpg) repeat-x;
	padding: 0 8px;
	overflow: hidden;
}
.bet_active h3 {
	margin: 0;
	padding: 0;
	color: #143D6C;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding: 9px 0 0 8px;
	width: 280px;
}
.bet_active_l {
	position: absolute;
	width: 8px;
	height: 69px;
	background: url(../images/bet_active_l.jpg) repeat-x;
	top: 0;
	left: 0;
}
.bet_active_r {
	position: absolute;
	width: 8px;
	height: 69px;
	background: url(../images/bet_active_r.jpg) repeat-x;
	top: 0;
	right: 0;
}
.bet_active_color {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 8px;
	height: 36px;
}
.bet_active_text { font-weight: normal; position: absolute; top: 44px; left: 16px; color: #143D6C; }
.bet_active_date { font-weight: normal; position: absolute; top: 44px; right: 16px; color: #143D6C; }
.bet_active_yoopies { font-weight: normal; position: absolute; top: 10px; right: 16px; color: #143D6C; }

.main .bet_active_text, .resultat .bet_active_text { left: 106px; }
.main .bet_active h3, .resultat .bet_active h3 { padding: 9px 0 0 99px; width: 210px; }
.main .bet_active_picture, .resultat .bet_active_picture { width: 88px; height: 60px; overflow: hidden; position: absolute; top: 5px; left: 13px; }
.main .bet_active_picture img, .resultat .bet_active_picture img { position: absolute; }
.main .bet_active_winlose, .resultat .bet_active_winlose { position: absolute; width: 26px; height: 26px; bottom: 5px; right: 13px; }
.main .bet_active_winlose img, .resultat .bet_active_winlose img { width: 26px; height: 26px; }

.bet_active_no { text-align: center; margin-top: 55px; font-size: 10px; }
.bet_active_no a, .bet_active_no a:visited, .bet_active_no a:hover{ color: #add0ef; }

.panierparisv {
	background-image: url(../images/panier_paris_vide.png);
	background-repeat:no-repeat;
	background-position:top;
	height: 242px;
}
.panierparisv, .panierparisv:visited, .panierparisv:hover {
	color: #FFF;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-top: 10px;
}
.billetexp {
	background-image: url(../images/actu-expert.png);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#FFF;
	position:relative;
}
.billetexp, .billetexp:visited, .billetexp:hover {
	color: #FFF;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-top: 8px;
}
.resultat {
	background: #fff url(../images/actu-bestresults.png) no-repeat;
}
.resultat, .resultat:visited, .resultat:hover {
	color: #FFF;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-top: 8px;
}

.pub1 {
	background-image: url(../images/pub1.png);
	background-repeat:no-repeat;
	background-position:top;
	height: 257px;
	border:0;
}
.pub2 {
	background-image: url(../images/pub2.png);
	background-repeat:no-repeat;
	background-position:top;
	height: 297px;
	border:0;
}
.header-block {
	padding-top: 5px;
	padding-bottom: 5px;
}
.footer {
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	width:914px;
	height:86px;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	text-decoration:none;
}
.footer a, .footer a:hover, .footer a:visited { color: #fff; text-decoration:none; }
.footer-block {
	color: #a1c6e5;
	position: relative;
	width:330px;
	left: 610px;
}
.category {
	padding-left:10px;
	padding-right:10px;
	position:relative;
}
.category h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}
.category h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}
.category-images, .category-images:hover, .category-images:visited {
	border: none;
	width: 150px;
}

.category-text {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	text-align:justify;
	text-decoration:none;
	position:relative;
}
.category-text:visited {
	color:#006;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	text-decoration:none;
	position:relative;
}
.category-text:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	text-align:justify;
	text-decoration:none;
	position:relative;
}
.category-play {
	background-color:#1E4775;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	width:160px;
}
.play {
	background: #27548f url(../images/bg_bet.png) repeat-x;
	padding:5px;
}

.button, .button:visited {
	cursor: pointer;
	color: #133D6D;
	padding: 4px 16px;
	font-size: 12px;
	background: url(../images/button.png) repeat-x 0 0;
	text-decoration: none;
	font-weight: bold;
}
.button:hover {
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/button.png) repeat-x -300px 0;
}
.button1, .button1:visited {
	cursor: pointer;
	color: #fff;
	padding: 4px 16px;
	font-size: 12px;
	background: url(../images/button.png) repeat-x -300px 0;
	text-decoration: none;
	font-weight: bold;
}
.button1:hover {
	cursor: pointer;
	color: #133D6D;
	text-decoration: none;
	background: url(../images/button.png) repeat-x 0 0;
	font-weight: bold;
	
}

.category-pages { margin: 10px 0;  background: #FEFEFE; border: 1px solid #E6F2FF; text-align: center; }
.category-pages ul li { display: inline; margin: 7px; }
.category-pages{ color:#0d214c; font-size: 12px; }
.category-pages a, .category-pages a:visited { color: #4F98DB; text-decoration: none; }
.category-pages a:hover{ color: #0d214c; text-decoration: underline; }

.clock {
	background: url(../images//horloge.png) no-repeat;
	width: 400px;
	height: 22px;
	vertical-align: middle;
	padding: 8px 0 0 50px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
.clock_t { color: #f3c71c; }

/******************************/
/* MENU */
/******************************/

#menu {
	position: relative;
	width:944px;
	font-family:"Myriad Pro";
	font-size:14px;
	display:block;
	margin:0;
	padding:0;
	height:95px;
	font-size:1.1em;
	z-index:1000;
}
#menu div { float:left; margin: 0; padding: 0; }
#menu div a { color: #283B59; 	text-decoration: none; }
#menu div  a:hover { color: #000 ; }
#menu div ul {
	position: absolute;
	top: 48px;
	left: 0;
	margin: 0px 0 0 0;
	*margin:27px 0 0 -75px;
	line-height:47px;
	white-space: nowrap;
	width: 944px;
}

#menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position:outside;
}
#menu ul li {
	padding:0 0px;
	font-size: 14px;
}
#menu ul li a {
	color: #283B59;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch: normal;
	font-size: 12px;
}
#menu ul li a:hover { color: #006; }

/******************************/
/* NEWS DRAG */
/******************************/

#news {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 17px;
	overflow: hidden;
}
#news_drag { position: absolute; top: 0; left: 0; height: 17px; }
#news_drag .even { color: #0d214c; border: 1px solid #f0eedf; margin-right: 5px; float: left; }
#news_drag .odd { color: #618ab3; border: 1px solid #f0eedf; margin-right: 5px; float: left; }

/******************************/
/* JQUERY WINDOWS */
/******************************/

#dialog-valid p { text-align: left; }
#dialog-error p { text-align: left; }
.valid-icon { float: left; width: 16px; height: 16px; background: url(../images/ui-icons_2e83ff_256x240.png) no-repeat -210px -194px; }
.unvalid-icon { float: left; margin-right: 2px; width: 16px; height: 16px; background: url(../images/ui-icons_cd0a0a_256x240.png) no-repeat 0 -144px; }

/******************************/
/* JQUERY FORMS */
/******************************/

.form { border: 1px solid #a1b9cf; padding: 10px; margin: 15px 0; background: #fff; text-align: left; }
.formInput, .formCheckbox { margin-bottom: 5px; }
.formInput label { display: block; float: left; width: 200px; height: 30px; text-align: left; }
.formInput .champ { font-size: 12px; padding: 3px; width: 250px; border: 1px solid #a9c8e2; background: #fff url(../images/champ.jpg) ; color: #272b30; }
.formInput .champ:focus { border: 1px solid #5492c5; background: #fff url(../images/champ-focus.jpg) ; color: #000; }
label.error { color: #c00; font-style:italic; text-align: left; height: auto !important; float: none; margin-left: 200px; }
#contactForm label.error { margin-left: 0px; }

/******************************/
/* LES PARIS */
/******************************/

.parishome { border:#3CF; }

/******************************/
/* ADMIN BUTTON */
/******************************/

.admin_but, .admin_but:hover, .admin_but:visited { text-decoration: none; color: #fff; display: block; position: absolute; top: 23px; left: 250px; height: 30px; padding-left: 11px; background: url(../images/admin_but.jpg) no-repeat; }
.admin_but span, .admin_but span:hover, .admin_but span:visited { display: block; float: left; height: 30px; padding-top: 6px; padding-right: 11px; background: url(../images/admin_but.jpg) no-repeat right top; color: #fff; font-size: 12px; }