@import url(reset.css);
@import url(properties.css);
@import url(tab.css);
@import url(tombola.css);
@import url(instants.css);

body { 
        text-align: center;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 12px;
        color:black;
        height:100%;
}

p {
        margin: 1.12em 0;
}

input {
        font-family:inherit;
}

#sky8_logo {	
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	width: 220px;
	height:120px;
}

#fb_connect {
	cursor:pointer;
}

#legal {
	color:#b0afaf;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	padding: 0 0 25px 25px;
	width:980px;
	margin:0px auto;
	line-height:14px;
}

#global-container.little #legal {
	width:750px;
	padding:0 10px;
}

#legal a {
	color:#b0afaf;
	text-decoration:none;
}

#legal a:hover {
	color:#333333;
	text-decoration:underline;
}

#global-container {
        background-color: transparent;
        position: absolute;
        /*    top: 50%;*/
        top: 40px;
        left: 0px;
        width: 100%;
        /*    margin-top: -315px;*/
        text-align: center;
        min-width: 980px;
}



#home-container {
        position: relative;
        text-align: left;
        width: 980px;
/*        height: 630px;*/
		height:670px;
        margin: 0px auto;
}

#global-container.little{
	min-width: 770px;
	top: 20px;
}

#global-container.little #home-container {
	width: 770px;
}

#common-menu-top{
	width: 980px;
	height: 34px;
	margin: 0px auto;
	text-align: right;
}

#common-global-container{
	background: url(http://static.sky8.com/static/img/repeat-background.gif) top left repeat-y;
	width: 980px;
	margin: 0px auto;
	text-align: left;  
}

#common-header-container {
    position:relative;
    width: 980px;
    min-height:870px;
	height:auto !important;
	height:547px;
}
* #common-header-container {
        /*height:447px;*/
}

#common-footer-container {
	position:relative;
    background: url(http://static.sky8.com/static/img/footer_background.jpg) bottom left no-repeat;
    width: 980px;
    height:183px;
    clear:left;
}

#menu-gauche-container {
	position: relative;
	width: 224px;
	height:100%;
	float:left;
}

#content-container {
	position: relative;
	margin-left:224px;
	width: 757px;
	height:100%;
}

#footer-div {
	clear:left;
	height: 176px;
}

#login-container {
    position: relative;  
    height:100px;
    margin:0 0 0 220px;
    padding:0;
}

#login-submit-boutton {
	width: 49px;
    height:29px;
    padding-top:6px;
	padding-right:14px;
	float:right;
}

#login-box{
	width:425px;
	height:55px;
	float:right;
	padding-right:3px;
}

#login-form {
    padding-left:65px;
}

#login-form div.inputField{
    width:140px;
    height:25px;
    background: url(http://static.sky8.com/static/img/login-input.gif) top left no-repeat;
    float:left;
    margin-top:10px;
    margin-right:5px;
}

#login-form div.inputSubmit{
        float:right;
		margin-right:14px;
		width:
}

#login-container-extra {
	clear:left;
}

#login-container-extra div#login-pass-forget {
    margin-right:20px;
    margin-top:4px;
}

#login-pass-forget a {
	text-decoration:underline;
	color:white;
}

#login-container #login-status{
	margin-left: 70px;
	line-height:22px;
}
#login-container #login-status span{
	line-height:15px;
}

#login-container #login-buttons{
	padding: 3px;
	text-align:center;
	float: right;
	line-height:20px;
	width:170px;
}
#login-reminder {
	margin-top:3px;
}
#login-reminder input {
	margin:0 3px 0 0;
}

#login-facebook {
	float:right;
	margin-top:7px;
	margin-right:14px;
	width:194px;
	height:25px;
	cursor:pointer;
}

#logout {
	float:right;
	margin-top:5px;
}

#logout a {
	/*text-decoration: none;*/
}

.custom-input {
    margin:0;
    padding: 0px 0 0 5px;
    width:132px;
    height:25px;
    border:0;
    background: none;
}

.submit-button {
    border:0;
    background: url(http://static.sky8.com/static/img/login-submit.png) top left no-repeat;
    cursor:pointer;
	width:49px;
	height:29px;
}

.home-signup-box {
    position:relative;
    /*width:250px;*/
    height:30px;
    margin-bottom: 5px;
}

.home-signup-box-optin {
    position:relative;
    width:250px;
    height:60px;
    margin-bottom: 5px;
    background: url(http://static.sky8.com/static/img/form_box_optin.png) top left no-repeat;
}

.home-signup-box-optin div {
    float:left;
    height:100%;
}

.home-signup-box-titre {
    position:relative;
    width:250px;
    height:14px;
    margin-bottom: 5px;
    /*border:1px solid red;*/
}

.home-signup-box-input-float div.float {
    float:left;
    width: 120px;
    /*height:100%;*/
}

.home-signup-box-input-float div input, .home-signup-box-input-float div select {
    /*width: 120px;*/
    height:30px;
    /*border:1px solid black;*/
}

.home-signup-box-bg-img {
	background: url(http://static.sky8.com/static/img/form_box.png) top left no-repeat;    
}

.home-signup-box-bg-img-jaune {
	background: url(/static/img/fr_FR/minisite/form_box_jaune.png) top left no-repeat;    
}

.home-signup-box-bg-img-split div.bg {
	background: url(http://static.sky8.com/static/img/form_box_split.png) top left no-repeat;
	height:30px;
}

#home-center-container {
    margin:0 425px 0 220px;
    /*border:1px solid black;*/
}

#global-container.little #home-center-container {
    margin:0 425px 0 20px;
    padding-top:100px;
}

#home-footer-message{
	position:absolute;
	bottom:55px;
	left:10px;
}

#common-right-container {
	margin-left:220px;
}

#common-right-content {
	width: 683px;
	padding-left: 65px;
}

#content-center {
    position:relative;
    float:left;
    /*border:1px solid red;*/
    width:335px;
}

.content{
	width: 670px;
	padding:1px 5px 10px 5px;
}

#home-signup {
    /*width:335px;*/
    height:50px;
    margin-top:0px;
    margin-left:70px;
    padding:0;
    /*border:1px solid black;*/
}


.little #home-signup {
	margin-left:50px;
}	

.home-signup-box .inputText {
    margin:0;
    padding-left:5px;
    width:245px;
    height:30px;
    border:0;
    background: none;
    line-height:25px;
}

.home-signup-box .iT100 {
	width:100px;
}


.home-signup-box label {
    float:left;
    margin:7px 0 0 5px;
}

#home-radio-block {
        height:30px;
        margin-left:81px;
}

#home-radio-block div {
    float:left;
    width:auto;
    margin:6px 4px 6px 0;
}

.radio {
    width: 18px;
    height: 18px;
    padding: 0;
    margin-right:6px;
    float:left;
    background: url(http://static.sky8.com/static/img/radio.png) top left no-repeat;
    cursor: pointer;
}

#home-right-container {
    position:absolute;
    width:425px;
    height:480px;    
    top:86px;
    right:0;
}

#content-right {
    position:relative;
	margin:0 auto;
	padding:0;
	width:350px;
	height:373px;
}

.little #content-right{
	margin-top:80px;
}

.content-right-white {
	position:relative;
	padding:10px 0 0 0;
	margin: 0;
	background-color: white;
	width: 680px;
}

#home-flash-titre {
	margin:7px 0 3px 0;
}

#home-left-container {
    position:absolute;
    width:220px;
    height:480px;
    top:0;
    left:0;
}

#content-left-home {
    position:relative;
    margin:135px 0 0 10px;
}

#content-left {
	position:absolute;
	width:220px;
	margin-top:122px;
	margin-left:10px;
	left:0;
	top:0;
}

#content-left-huissier {
    position:absolute;
    bottom:0;
    left:9px;
    height:39px;
    width:169px;
}



/* START INFO BOX*/

#content-left-infobox {
    width:218px;
    margin-left:-8px;
    padding:0;
}

#content-left-infobox-top {
    height:49px;
    width:218px;
    background: url(http://static.sky8.com/static/img/home-box-gagnant-top.png) top left no-repeat;
	line-height:60px;
	text-indent:20px;
}

#content-left-infobox-bottom {
    height:83px;
    width:218px;
    background: url(http://static.sky8.com/static/img/home-box-gagnant-bottom.png) top left no-repeat;
    /*border:1px solid green;*/
}

#slide-mask {
    overflow:hidden;    
    position:relative;
    width:193px;
    height:73px;
    padding-top: 5px ;
    margin-left: 12px ;
}

#box1{
	position:absolute;
}


#box1 span {
    display:block;
    float:left;
    width:183px;
	padding:5px;
}


/* END INFO BOX*/

/* START HOME LEFT BOX  */
.home-box {
	width:202px;
}

.home-box-top {
    overflow:hidden;
    width:202px;
    height:7px;
    margin:0;
    padding:0;
    background: url(http://static.sky8.com/static/img/box/home-box-top.png) top left no-repeat;
}

.home-box-content {
    text-align: center;
    margin:0;
    padding:2px 5px 0 5px;  
    background: url(http://static.sky8.com/static/img/box/home-box-bg.gif) top left repeat-y;
    line-height:20px; 
}

.home-box-bottom {
    overflow:hidden;    
    width:202px;
    height:7px;
    margin:0;
    padding:0;  
    background: url(http://static.sky8.com/static/img/box/home-box-bottom.png) top left no-repeat;
}

/* END HOME LEFT BOX*/

/* CONTENT */


#content-top {
	width: 680px;
	height:21px;
	margin:0;
	padding:0;	
}



#content-top.white {
	background: url(http://static.sky8.com/static/img/fond_blanc_top.png) top left no-repeat;
}

#content-top.pourpre {
	background: url(http://static.sky8.com/static/img/fond_pourpre_top.png) top left no-repeat;
}

.container-pourpre {
    background:url(http://static.sky8.com/static/img/roundedbox_compte_680_bottom.png) #9b125d bottom no-repeat;
    width: 670px;
    padding:5px;    
}


/* END CONTENT */

/* START BOUTON */

.button-wrapper-center { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
	margin:0 auto;
}

.button-wrapper { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

#valider{
	cursor:pointer;
}

div.button {
    background: transparent url(http://static.sky8.com/static/img/boutton/right.png) no-repeat scroll top right;
    font: bold 12px Helvetica, arial, sans-serif;
    height: 40px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
	white-space:nowrap;
	float:left;
}

div.button a {
	text-decoration: none;
}

div.button span {
    /* background: transparent url(http://static.sky8.com/static/img/boutton/left.png) no-repeat; */
    background: transparent url(http://static.sky8.com/static/img/boutton/bouton-30.png) no-repeat;
    display: inline-block;
    text-align:center;
    line-height: 14px;
	height: 40px;
    padding: 13px 0 13px 11px;
}

div.button-30 {
    background: transparent url(http://static.sky8.com/static/img/boutton/right-30.png) no-repeat scroll top right;
    font: bold 20px Helvetica, arial, sans-serif;
    height: 30px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
    white-space:nowrap;
    float:right;
}

div.button-30 span {
    background: transparent url(http://static.sky8.com/static/img/boutton/left-30.png) no-repeat;
    display: block;
    line-height: 6px;
    padding: 13px 0 13px 11px;
    text-align:center;
}

div.button-30 span a{
    text-decoration: none;
}

.button-yellow-43 {
    display:block;
    background: transparent url(http://static.sky8.com/static/img/boutton/right-yellow-43.png) no-repeat scroll top right;
    font: bold 20px Helvetica, arial, sans-serif;
    height: 43px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
    white-space:nowrap;
}

.button-yellow-43 span {
    background: transparent url(http://static.sky8.com/static/img/boutton/left-yellow-43.png) no-repeat;
    display: block;
    line-height: 21px;
    padding: 14px 0 13px 15px;
    text-align:center;
}

.button-yellow-43 span a{
    text-decoration: none;
}

.button-green-30 {
    display:block;
    background: transparent url(http://static.sky8.com/static/img/boutton/right-green-30.png) no-repeat scroll top right;
    font: bold 20px Helvetica, arial, sans-serif;
    height: 30px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
    white-space:nowrap;
}

.button-green-30 span {
    background: transparent url(http://static.sky8.com/static/img/boutton/left-green-30.png) no-repeat;
    display: block;
    line-height: 6px;
    padding: 13px 0 13px 11px;
    text-align:center;
}

.button-green-30 span a{
    text-decoration: none;
}

.button-green-43 {
    display:block;
    background: transparent url(http://static.sky8.com/static/img/boutton/right-green-43.png) no-repeat scroll top right;
    font: bold 20px Helvetica, arial, sans-serif;
    height: 43px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
    white-space:nowrap;
}

.button-green-43 span {
    background: transparent url(http://static.sky8.com/static/img/boutton/left-green-43.png) no-repeat;
    display: block;
    line-height: 6px;
    padding: 20px 0 21px 11px;
    text-align:center;
}

.button-green-43 span a{
    text-decoration: none;
}

.button-orange-29 {
    background: transparent url(http://static.sky8.com/static/img/boutton/right-orange-29.png) no-repeat scroll top right;
    font: bold 16px Helvetica, arial, sans-serif;
    height: 29px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
	white-space:nowrap;
}

.button-orange-29 span {
    background: transparent url(http://static.sky8.com/static/img/boutton/left-orange-29.png) no-repeat;
    display: block;
    line-height: 18px;
    padding: 6px 0 5px 10px;
	text-align:center;
}

.button-orange-29 span a{
	text-decoration: none;
}

.button-blue-43 {
    background: transparent url(http://static.sky8.com/static/img/boutton/right-blue-43.png) no-repeat scroll top right;
    font: bold 16px Helvetica, arial, sans-serif;
    height: 43px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
    white-space:nowrap;
}

.button-blue-43 span {
    background: transparent url(http://static.sky8.com/static/img/boutton/left-blue-43.png) no-repeat;
    display: block;
    line-height: 33px;
    padding: 6px 0 5px 10px;
    text-align:center;
}

.button-blue-43 span a{
    text-decoration: none;
}

.button {
    border: solid 1px #FAC600;
    color: #A61363;
    background-color: #FAC600;
    font-weight: Bold;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    vertical-align: center;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
}

div.button-blue-32 {
    background: transparent url(http://static.sky8.com/static/img/boutton/right-blue-32.png) no-repeat scroll top right;
    font: bold 20px Helvetica, arial, sans-serif;
    height: 32px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
    white-space:nowrap;
    float:right;
}

div.button-blue-32 span {
    background: transparent url(http://static.sky8.com/static/img/boutton/left-blue-32.png) no-repeat;
    display: block;
    line-height: 6px;
    padding: 13px 0 13px 11px;
    text-align:center;
}

div.button-blue-32 span a{
    text-decoration: none;
}

div.button-square-blue {
    height: 95px;
    background-image: url(/static/img/boutton/square_blue.png);
    background-repeat: no-repeat; 
    text-align: center;    
    cursor: pointer;
}

/* END BOUTON */


/* START BOUTON LEFT RETOUR */ 

#left-bouton-container {
    position:absolute;
    width:248px;
    /*height:480px;*/
    top:177px;
    left:0;    
}

#left-bouton-container div {
	position:relative;
	margin-left:10px;
	/*margin:0 0 0 28px;*/
	width:220px;
	height: 53px;
	/*line-height: 40px;*/
	/*text-indent: 15px;*/
}

#left-bouton-container div a{
	text-decoration: none;
}

/* END BOUTON LEFT RETOUR*/


/* START PUB LEFT */ 

#left-pub-container {
    /*position:absolute;*/
    width:212px;
	float:left;
	margin-left:6px;
	margin-top:340px;
    /*top:290px;
    left:6px;*/
}
/* END PUB LEFT */

/* TITLES */
h1#title1{
	float:left;
	padding:7px;
	text-align:center;
	width:150px;
}

h2#title2{
	text-align:center;
	width:400px;
	float:left;
	padding:7px;
}
/* FIN TITLES */

/* MON COMPTE */

.user-account-container {
	background:url(http://static.sky8.com/static/img/roundedbox_compte_680_bottom.png) #9b125d bottom no-repeat;
}

#user-account #profile_intro, #user-account #main_form {
	margin-left:20px;
}

#user-account #infos{
	padding: 10px;
}

#user-account table {
	margin-left:auto;
	margin-right:auto;
}

#user-account table tr {
	height:20px;
}

#user-account table td {
	padding: 2px;
}

#user-account table td.lbl.col1 {
	width: 100px;
}

#user-account table td.lbl.col2 {
	width: 170px;
}

#user-account table td.data {
	width: 200px;
}

#user-account div.elSelect{
	line-height: 12px;
}

#user-account div.field_bg{
	background: transparent url(http://static.sky8.com/static/img/input_bg_right.png) top right no-repeat;
	padding-right:5px;
	height:20px;
	width: 150px;
}

#user-account div.field_bg span{
	display:block;
	background: transparent url(http://static.sky8.com/static/img/select_bg.png) top left no-repeat;
	/*width:100%;*/
	height:20px;
}

#user-account .inputText{ /*width of text boxes. IE6 does not understand this attribute*/
	margin:0;
	padding: 0px 0 0 5px;
	height:18px;
	border:0;
	background: none;
	width: 140px;
}


#user-account #recup_9sur49{
	background: transparent url(http://static.sky8.com/static/img/fond_mon_compte_sms.png) top left no-repeat;
	margin-left:-5px;
	margin-top:10px;
	padding: 5px 0 0 100px;
	height:229px;
}

#user-account #recup_9sur49 #pts{
	line-height:15px;
}

#user-account #recup_9sur49 input[type="image"]{
	margin-top:2px;
}

#user-account #recup_9sur49 ul{
		width:100%;
		margin: 0;
}

#user-account #recup_9sur49 li{

}

#user-account #recup_9sur49 li.field{
	text-align:right;
	float:right;
	margin-right:50px;
}

/* TABLE */

div.table-container{
	padding-top: 4px;
	width:663px;
	background: transparent url(http://static.sky8.com/static/img/table_header.png) top left no-repeat;
	margin-left:auto;
	margin-right:auto;
}

div.table-container img.photo{
	border: 1px solid #959595;
	width: 59px;
	height: 69px;
	cursor:pointer;
	cursor:-moz-zoom-in;
}

div.table-container img.photo2{
    border: 1px solid #959595;
    width: 50px;
    height: 150px;
    cursor:pointer;
    cursor:-moz-zoom-in;
}

.roundedbox_629 .roundedbox_body img.photo2 {
    border:1px solid #959595;
    cursor:-moz-zoom-in;
    float:left;
    height:130px;
    width:150px;
}

#histo_div{
	height:30px;
    *height:45px;
	margin-left:auto;
	margin-right:auto;
    width:400px;
}

#histo_type_div, #month_div, #games_id_div{
	float:left;
	margin-right:10px;
    width:166px;
}

#histo_type_div .elSelect .selected-option,#month_div .elSelect .selected-option{
	min-width:135px;
}

div.table-container table {
	border-collapse:collapse;
	width:663px;
}

div.table-container td{
	border-left:0 none;
	border-bottom:0 none;
	border-top:0 none;
	border-right:1px solid #FFF;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

div.table-container td.last{
	border: 0 none;
}

div.table-container thead tr, div.table-container .alert{
	height:42px;
	background: transparent url(http://static.sky8.com/static/img/th_bg.gif) repeat;
	line-height:38px;
	text-align:center;
}

.rounded{
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	border-radius : 10px;
}

div.table-container thead td{
	line-height:28px;
}

/* END TABLE */

/* BEGIN CURRENT GRID */

#grille-button #favorites {
	float:left;
	margin-left:4px;
	width:315;
}

#grille-button #favorites #myFavorite {
	cursor:pointer;
	height:43px;
}

#grille-button #favorites #menu-deroulant {
	position:absolute;
	z-index:100;
	width:315px;
	margin-top:-5px;
	display:none;
}

#grille-button #favorites #menu-deroulant div {
	background:url(http://static.sky8.com/static/img/fond_favoris.png) top left repeat-y;
	padding:10px;
}

#grille-button #favorites #menu-deroulant div ol li {
	height:25px;
	line-height:25px;
	border-bottom:dashed 1px white;
	cursor:pointer;
}

#grille-button #favorites #menu-deroulant div ol li .nums {
	display:block;
	float:left;
	width:auto;
	text-align:left;
}

#grille-button #favorites #menu-deroulant div ol li:hover{
	background-color:white;
	color:#ffdf2b;
}

#grille-button #favorites #menu-deroulant div ol li a{
	float:right;
	text-decoration:none;
}

#current_grid_container{
	position:relative;
	top:40px;
	left:6px;
}

#current_grid{
	width:296px;
	height:35px;
}

#current_grid_title{
	line-height:25px;
}

#current_grid .cur {
	width: 35px;
	height: 35px;
	margin: 1px;
	float:left;
}

#current_grid #c1.off{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) 0px 0px no-repeat;}
#current_grid #c1.on{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) 0px -35px no-repeat;}

#current_grid #c2.off{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -35px 0px no-repeat;}
#current_grid #c2.on{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -35px -35px no-repeat;}

#current_grid #c3.off{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -70px 0px no-repeat;}
#current_grid #c3.on{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -70px -35px no-repeat;}

#current_grid #c4.off{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -105px 0px no-repeat;}
#current_grid #c4.on{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -105px -35px no-repeat;}

#current_grid #c5.off{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -140px 0px no-repeat;}
#current_grid #c5.on{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -140px -35px no-repeat;}

#current_grid #c6.off{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -175px 0px no-repeat;}
#current_grid #c6.on{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -175px -35px no-repeat;}

#current_grid #c7.off{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -210px 0px no-repeat;}
#current_grid #c7.on{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -210px -35px no-repeat;}

#current_grid #c8.off{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -245px 0px no-repeat;}
#current_grid #c8.on{background: url(http://static.sky8.com/static/img/grille/sCurrent_grid.png) -245px -35px no-repeat;}

/* END CURRENT GRID */

/* BACKGROUND YELLOW FRAME */

.roundedbox_yellow{
	width:660px;
	margin: 0 auto;
}

.roundedbox_yellow .roundedbox_top{
	height: 6px;
	background: url(http://static.sky8.com/static/img/roundedbox_yellow_top.png) top left no-repeat;
}

.roundedbox_yellow .roundedbox_bottom{
	height: 6px;
	background: url(http://static.sky8.com/static/img/roundedbox_yellow_bottom.png) top left no-repeat;
}

.roundedbox_yellow .roundedbox_body{
	background: url(http://static.sky8.com/static/img/roundedbox_yellow_fond.png)  repeat-y;
	background-position:top left;
	padding: 10px;
}

.yellow_frame_bottom{
    background:url(/static/img/roundedbox_yellow_bottom.png) no-repeat scroll center bottom #ffd72f;
    padding: 10px;
    font-size:17px;
    font-weight:590;
    
}
.yellow_frame_top{
    background:url(/static/img/roundedbox_yellow_top.png);
    height:8px;
}

/* END OF BACKGROUND YELLOW FRAME */

.text ul, .text ol{
	margin: 10px 0 10px 30px;
	list-style: 
}

.text ul li, .text ol li{
	margin: 5px 0 5px 0;
}

.text ul li{
	list-style:disc;
}

.text ol li{
	list-style:decimal;
}

.fond_fleche{
	background:url(/static/img/fleche.png) 30px -70px no-repeat;
}

.tip_pourpre{
	background:url(/static/img/tip.png) no-repeat;
	height:40px;
	padding: 10px 10px 10px 30px;
}

.tip_pourpre .tip-title{
	color:white;
	font-weight:bold;
	line-height:20px;
}

.inputRounded{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	border: none;
	padding:2px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #ddd); /* for firefox 3.6+ */
}

fieldset{
	border: 1px solid white;
	padding:5px;
	margin:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
}

legend{
	padding:0 5px;
}

fieldset div.left{
	width:55%;
	padding:0 10px 0 10px;
}

fieldset div.right{
	float:right;
	width:37%;
	padding:0 10px 0 10px;
}


fieldset div.line,fieldset td{
	height:40px;
	padding:0 10px 0 10px;
}

fieldset div.line{
	line-height:40px;
}

fieldset td{
	vertical-align:middle;	
}

td.middle{
    vertical-align:middle;    
}

/********** HOROSCOPE **********/
#horoscope{
	position:absolute;
	left:0px;
	top:420px;
	width:300px;
	height:400px;
	z-index:100;
	-moz-border-radius:10px;
	border-radius: 10px;
	border: 5px solid white;
	display:none;
}

#horoscope-close{
	position:absolute;
	top:1px;
	right:4px;
	cursor:pointer;
}

#horoscope-signe{
	float:right;
	margin:10px 10px 0 0;
}

#horoscope-text{
	margin:100px 0 0 10px;
}

#horoscope-num{
	position:absolute;
	bottom:10px;
	left:50px;
}

#horoscope p{
	text-align:left;
}

#horoscope-page h2 {
	margin-left: 15px;
}

#horoscope-page .bouton {
	float: left;
	display: inline;
}

#horoscope-page .line {
	margin-bottom:20px;
}

#horoscope-page .thumbnail {
	float: left;
	display: inline-block;
	margin: 15px 15px;
	padding-top: 15px;
}

#horoscope-page .content {
	display: inline-block;
	width: 80%;
	padding: 0;
}

#horoscope-page .end {
	height: 5px;
}

/***** Qualification Post Inscription *****/
#user-profile-plus .delimit{
	color: #880b4f;
	background-color: #880b4f;
	height: 1px;
	border: 0;
	width:600px;
	margin:10px auto;
}

#user-profile-plus .interet-col label{
	display:block;
}

#user-profile-plus #interet{
	width:540px;
	margin:0 auto;
	height:100px;
}

#user-profile-plus #interet .interet-col{
	width:180px;
	float:left;
}

#user-profile-plus #profile-plus-table{
	width:640px;
	margin:20px auto;
}

#user-profile-plus #profile-plus-table .profile-lib{
	text-align:right;
	padding-right:10px;
}

#user-profile-plus #profile-plus-table tr{
	height:30px;
}

#user-profile-plus #profile-plus-table td{
	vertical-align:middle;
}

#user-profile-plus .mySelect, .inline .mySelect{
	float:left;
}

#user-profile-plus .profile-data{
	min-width:200px;	
}

#user-profile-plus .profile-data div.left{
	float:left;
	margin-right:10px;
	line-height:20px;
}

#tirage_div .elSelect, #tirage_div .elSelect .selected-option{
	min-width:20px;
	width:auto;
}

#tirage_div .elSelect{
	margin-right:10px;
}

#tirage_div .inline{
	height:40px;
	width:240px;
	margin: 0 auto;
}

#tirage_div #grille-content{
	height:27px;
	padding:10px;
	width:260px;
	margin: 0 auto;
	-moz-border-radius:10px;
	border-radius: 10px;
}

/*LOTERIE NATIONALE*/
#loterie_nationale_div table:first-child{
	margin-bottom:5px;	
}

#loterie_nationale_div td{
	vertical-align:middle;
}

#loterie_nationale_div .tbltopleft, 
#loterie_nationale_div .tbltopmid, 
#loterie_nationale_div .tbltopright, 
#loterie_nationale_div .tblmidleft,
#loterie_nationale_div .tblmidright,
#loterie_nationale_div .tblbtmleft,
#loterie_nationale_div .tblbtmmid,
#loterie_nationale_div .tblbtmright {
 background-image: none;
}

#loterie_nationale_div .titletext01{
	display:none;
}

#loterie_nationale_div .TdWx table{
	margin-top:20px;
}

#loterie_nationale_div .TdWx table:last-child{
	display:none;
}

#loterie_nationale_div .TdWx table table:last-child{
	display:block;
}

body .hint_title {
 background: #ffdf2b;
 background-image: none;
 font-family: Verdana;
 font-size: 10px;
 color: black;
 font-weight:bold;
 width:150px;
 height:20px;
 padding:4px;
 line-height:20px;
 text-align:center;
 -moz-border-radius:5px 5px 0 0;
 border-radius: 5px 5px 0 0;
 -moz-box-shadow: 2px 5px 15px -5px #000;
 -webkit-box-shadow: 2px 5px 15px -5px #000;

}

body .hint_content {
 background: white;
 font-family: Verdana;
 font-size: 12px;
 color: black;
 font-weight:normal;
 width:150px;
 text-align:center;
 padding:4px;
 -moz-border-radius:0 0 5px 5px;
 border-radius:0 0 5px 5px;
 -moz-box-shadow: 2px 5px 15px -5px #000;
 -webkit-box-shadow: 2px 5px 15px -5px #000;
}

#pagination-digg {
	margin-top:10px;
}
ul{
	border:0; margin:0; padding:0;}

#pagination-digg li{
	border:0; margin:0; padding:0;
	font-size:14px;
	list-style:none;
	margin-right:2px;
	color:white;
}
#pagination-digg a{
	border:solid 1px white
	margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
	border:solid 1px #DEDEDE;
	color:#888888;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
}
#pagination-digg .next a,
#pagination-digg .previous a {
	font-weight:bold;
} 
#pagination-digg .active{
	background:white;
	color:#9B125D;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
	color:white;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}

#clock_el{
    left:0;
    position:absolute;
    top:130px;
    left:23px;
    width:248px;
}

#offre td{
	vertical-align:middle;
}

span.select{
    display: inline-block;
    overflow: hidden;
    height:18px;
    line-height: 18px;
}


img#captcha_refresh{
    cursor:pointer;    
}

.contact_txt ul{
	list-style:disc inside none;
	margin:10px 0 10px 40px;
}

.contact_txt ul li{
	margin: 10px 0;
}

.contact_txt ol li{
    margin: 10px 0;
}    

.contact_txt ol {
    list-style:decimal inside none;
    margin:10px 0 10px 40px;
}

.contact_txt ul li.no_puce{
    list-style:none inside none;
}


#home-signup input, 
#home-signup #home-radio-block,
#home-signup #home-radio-block-lbl
{
    color: gray;
}

/* ----------------IMAGE SLIDER TEMOIGNAGE GAUCHE------------- */
#temoin_outer {
	position:absolute;
	width:212px;
	height:230px;
	left:0;
	margin-left:6px;
	display:block;
	padding:0;
}

#temoin_fond{
	background:url(/static/img/suggestion-fond.png) top left repeat-y;
	width:212px;
	height:160px;
	padding-top:10px;
}

#temoin_header{
	height:62px;	
}

#temoin_footer{
	position:relative;
	bottom:0px;
	background:url(/static/img/suggestion-bottom.png) top left no-repeat;
	height:14px;
}
/* create custom forward-backward buttons for this container */
#temoin_outer .temoin_forward,
#temoin_outer .temoin_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:72px; 
	height:72px; 
	bottom:50px; 
	right:-6px;
	z-index:10;
	background:url(/static/img/fb_btn_fleches2.png) no-repeat center;  
}
#temoin_outer .temoin_back { 
	left:-6px; 
	background:url(/static/img/fb_btn_fleches.png) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#temoin_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:106px ; /* set a display width to make the slider look good in case js is disabled */
	height:145px;
	margin:0 auto;
	padding:0;
}
/* the thumbnails container; set a width on it so everything will be fine */
#temoin_items { 
	float:left; 
	position:relative; 
}
/* single element design */
#temoin_items div.temoin_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0; 
	width:106px; 
	text-align:center; 
}
#temoin_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; padding:2px; }
#temoin_items a img{ border:none; }

#temoin_items div.temoin_element .temoin_photo{
	width:100px;
	height:100px;
	border: solid 3px #a61363;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden;
}
#temoin_items div.temoin_element .temoin_gain{
	width:106px;
}

#temoin_items div.temoin_element .temoin_gain a{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


#login-status a{
    color: white;
}

/*########### JACKPOT ############*/

#list_prizes{
	width:375px;
	padding:10px;
	margin-left:18px;
	background-color:#f9c400;
	border: solid 2px #d69801;
	border-bottom:none;
	-moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius:  5px 5px 0 0;
    border-radius:  5px 5px 0 0;
}

#list_prizes table{
	padding:10px;
	width:375px;
}

#list_prizes .prize_picto{
	width:50px;
	height:50px;
	overflow:hidden;
	border:solid 1px #a61363;
}

#list_prizes table td{
	vertical-align:middle;
	padding:5px;	
}

#list_prizes table .lbl{
	width:100%;
}

#jackpot{
	width:510px;
	margin-left:100px;
}
/*###############################*/

/*########### JACKPOT ############*/

#bon_cadeau{
    padding: 5px;
    background-repeat: no-repeat scroll left top;
    background-position: left top;
    background-color: transparent;
    width: 500px;
    height: 300px;
    margin: auto;
}

#bon_cadeau .texte{
    width: 350px;
    height: 60px;
    text-align: justify;
    margin: 10px auto auto;
    max-height: 60px;
    overflow: hidden;
}

#bon_cadeau #button{
    margin-top: 18px;
    margin-left: 250px;
}

#bon_cadeau .name{
    margin-top: 87px;
    margin-left: -7px;   
}

#bon_cadeau .date{
    text-align: center;
    font-style: italic;
    margin-top: 3px;   
    margin-left: -7px;   
}
/*###############################*/

/*** Coreg Premium Collect ******/
#pco-coreg{
	margin: 0 12px;	
}

.requalif input{
	margin-left:-15px;
}


.float-container{
	overflow:auto;	
}