@import url(/sites/web-commun/css/billing-familles.css);

/* ajout pour generaliser logo kko header page*/
.logo	{ 
	background-image: url("http://rdrstatics.0pb.org/sites/web-commun/images/logo-kko.gif");
    background-repeat: no-repeat;
    float: left;
    height: 37px;
    left: 20px;
    position: relative;
    top: 4px;
    width: 28px;
	}

.clear { clear:both; }

/* 
//////////////////////////////////
//////////////////////////////////
//////////////////////////////////
LES LIGHTBOX 
//////////////////////////////////
//////////////////////////////////
//////////////////////////////////
*/

#div-center {
	margin:0  auto;
	width:685px;
	top:85px;

	}

#les-lightbox {
	color:#535353;
	height:100%;
	width:640px;
	top:85px;
	margin:0 auto;
	}
.header-centre {
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/header-centre.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 640px;
	font-size:1px;
}
.footer-centre {
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/footer-centre.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 640px;
	font-size:1px;
}
.header-infos {
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/header-infos-centre.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 9px;
	width: 385px;
	font-size:1px;
}
#content-etape1 {
	width:640px;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/phone-centre.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	vertical-align:top;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:transparent;
	height:440px;
}


	
h1 {
	margin:0; 
	padding:0;
	}
	
.recois {
	font-size:27px;
	margin:0px 0 0 22px;
	padding:5px 0 0 0;

	}

.titre-h2 {margin:0 0 0 22px;}

.couleur-accroche {
	color:#ff0000;
	}
.infos-artiste {height:30px; width:620px; overflow:hidden;}	
.titre-h2, .auteur-h2 {font-size:24px; line-height:30px;}
	
#telephone {
	float:left;
	height:287px;
	padding:85px 0 0 49px;
	width:176px;
	}
#telephone img {border:1px solid #666666;}

#infos-burncode {
	text-align:center;
	font-size:20px;
	margin:30px 0 0 0;
	width:385px;
	float:left;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/font-dg-centre-e1.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	height:161px;
}
#infos-burncode-full {
	text-align:center;
	font-size:20px;
	margin:30px 0 0 0;
	width:385px;
	float:left;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/font-dg-centre-e3.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	height:310px;
}
#infos-burncode-full .header-infos { margin-bottom:50px;}
#infos-burncode-full .lien-suite { line-height:47px;}
#infos-burncode-full .mentions-light {margin-top:80px;}

.burncode { color:#ff0000; font-size:22px; font-weight:bold;}
.code { color:#ff0000; font-size:22px; font-weight:bold;}
#les-lightbox .lien-suite {color:#1010ff; text-decoration:underline;}
.lien-suite {font-size:12px; color:#1010ff; display:block; line-height:27px; color:#1010ff; text-decoration:underline; }
.lien-suite:HOVER {color:#1010ff;}

.mentions-light {
	font-size:9px;
	margin:10px 0px 0px 5px;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/sms-encart.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	height: 24px;
	text-align: left;
	padding:0 4px 0 63px;
}

.ou {width:385px; float:left; text-align:center; margin: 10px 0 10px 0; font-size:20px;}

#infos-fournisseur { 
	text-align:center; 
	font-size:11px; 
	margin:0 0 0 0; 
	width:385px; 
	float:left; 
	padding:0px 0px; 
	font-weight:bold;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/font-dg-centre-e2.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	height:120px;
	}

.clique-ici {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/fond-clic.png);
	height: 29px;
	width: 75px;
	font-size:10px;
	padding:2px 0 10px 0;
	margin:10px auto 0 auto;
	background-repeat: no-repeat;
	line-height:15px;
}
* html .clique-ici {background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/fond-clic.gif);} /* IE6 */
.clique-ici:HOVER {color:#FFFFFF;}
.picture-fournisseurs {margin:0 0 0 5px; text-align:left; background:url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/internet-plus.gif); padding:0 0 0 45px; background-repeat:no-repeat; font-size:9px; font-weight:normal;}

/* etape 2 repond OK */

#content-etape2 {
	width:640px;	
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/phone-centre.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	vertical-align:top;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:transparent;
	height:440px;

}

#infos-reponds {
	text-align:center;
	font-size:20px;
	margin:35px 0 0;
	width:385px;
	float:left;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/fon-dg-ok.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 230px;
	padding-top: 80px;
	}
	
.si-ok {float:left; width:385px; text-align:center; margin:30px 0 0 0;}

.precedent {
	display:block;
	position:relative;
	width:23px;
	height:29px;
	background-repeat:no-repeat;
	left:10px;
	top:-65px;
	text-align:left;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/precedent.png);
	/*display:none;*/
	
}
* html .precedent {background:url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/precedent.gif); left:-170px; text-align:left;}
*+html .precedent {background:url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/precedent.png); left:-170px; text-align:left;}


/* etape 3 bravo*/
#content-etape3 {
	width:640px;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/phone-centre.gif);
	background-repeat: no-repeat;
	background-position: left top;			
	vertical-align:top;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:transparent; 
	height:440px;

}


#infos-bravo {
	text-align:center;
	font-size:20px;
	margin:35px 0 0;
	width:385px;
	float:left;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/fon-dg-bravo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 230px;
	padding-top: 80px;
	}
	
	
#close {
	position:relative;
	text-align:right;
	height: 48px;
	width: 49px;
	top:-480px;
	right:-635px;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/croix.gif);
	background-repeat: no-repeat;
}	

#close a {
	display:block;
	width:48px;
	height:48px;
	text-decoration:none;
	
	}
#liste-top {  height:50px;}
.aimez-aussi {text-align:right; font-weight:bold; margin:0 26px 8px 0;}

.header-liste {
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/fnd-header-liste.gif);
	background-repeat: repeat-x;
	height: 18px;
	text-align:center;
	line-height:18px;
	font-weight:bold;
	border: 1px solid #b3b3b3;
}
.content-liste {
	height:135px;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/fnd-liste-cross.gif);
	background-repeat: no-repeat;
	width: 640px;
}

.content-liste img {margin:11px 4px 0px 0px;}

#robot {
	float:left;
	display:block;
	width:103px;
	height:118px;
	position:relative;
	top:17px;
	left:2px;
	margin-right:-3px;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/cross-robot.gif);
	background-repeat: no-repeat;
}
.cross-fleche { margin:0px; height:110px; width:28px;}





.footer-liste {
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/fnd-footer-liste.gif);
	background-repeat: repeat-x;
	height: 12px;
	border-top-width: 1px;	
	border-top-style: solid;	
	border-top-color: #b3b3b3;	
	text-align:right;
	line-height:12px;
	font-weight:bold;
	padding:0;
	float:left;
	
	}
.c-gauche {background:url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/c-gauche.gif); width:8px; height:12px; background-repeat:no-repeat; float:left; border-top-width: 1px;	
	border-top-style: solid;	
	border-top-color: #b3b3b3;	}
.plus-de {
	float:left;	
	height:12px;
	background-repeat:no-repeat;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/c-droite.gif);
	background-position: right;
	width:632px;
}
.lien-footer-liste {display:inline-block; padding:0 15px 0 0; color:#FFFFFF;}
.lien-footer-liste:HOVER {color:#FFFFFF;}

/* 
/////////////////
WHA
/////////////////
*/

/* etape 2 repond OK */
#content-wha {
	width:640px;	
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/phone-centre.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	vertical-align:top;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:transparent;
	height:440px;

}

#infos-wha {
	text-align:center;
	font-size:20px;
	margin:35px 0 0;
	width:385px;
	float:left;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/font-dg-wha.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 290px;
	padding-top: 20px;
	}
	
.wait {margin:30px 0 10px 0;}

* html .wait {margin:25px 0 0px 0;}
#charge {margin:0 auto; text-align:center; width:70px;}

/*
//////////////////////
Jump prio-internet i80-mtp20
//////////////////////
*/
#infos-fournisseur-orange { 
	text-align:center; 

	font-size:11px; 
	margin:30px 0 0 0; 
	width:385px; 
	float:left; 
	padding:0px 0px; 
	font-weight:bold;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/font-dg-centre-e1.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	height:161px;
	}
.wording-orange {font-size:22px; font-weight:normal;}
.suite-orange {
	background: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/clic-ici.png);
	background-repeat: no-repeat;
	height: 41px;
	width: 151px;
	display:block;
	line-height:35px;
	color:#FFFFFF;
	font-size:16px;
	margin:10px auto 7px auto;
	font-weight:bold;
	text-decoration:none;
}
* html .suite-orange { background: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/clic-ici.gif);}
.suite-orange:HOVER {text-decoration:underline;}

#infos-burncode-orange { 
	text-align:center; 
	font-size:11px; 
	margin:0 0 0 0; 
	width:385px; 
	float:left; 
	padding:0px 0px; 
	font-weight:bold;
	background-image: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/font-dg-centre-e2.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	height:120px;
	}
	
#infos-burncode-orange .burncode {font-size:12px;}

#image-pixel {visibility:hidden; width:0; height:0; border:none;}

/* sans 06 */
.telecharge-sans06 {
	border:none;
	margin:0px auto;
	font-size:18px;
	background: url(http://rdrstatics.0pb.org/sites/jump-sonnerie/images/valider.gif);
	height: 50px;
	width: 240px;
	background-color:transparent;
	cursor: pointer;
	display:block;
	text-align:center;
	line-height:50px;
	text-decoration:none;
	}

/*Valid check pour case optin */
.optin {
	display:inline-block;
	padding:20px;
	background-color:#FFFFFF;
	margin:0 auto;
	border:4px outset #333333;
	width:400px;
}
#valid-check {padding:20px 10px 20px 10px; width:1200px;}
#valid-check .optinOui {
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	background-image:url("http://rdrstatics.0pb.org/sites/jump-sonnerie/images/fleche.gif");
	background-repeat: no-repeat;
	background-position: left 2px;
	padding:0 0 0 8px;
}
#valid-check .optinOui:HOVER {text-decoration:underline;}

.optinNo {
	text-align:right;
	color:#999999;
	float:right;
	text-decoration:none;
}
/*
///////////////////////////////
Billing V2 Post-it
////////////////////////////////
*/
#main { width: 640px; margin:0 auto;}
#les-lightbox.postit {position:relative; }
.billing h1 {  
	background: url("http://rdrstatics.0pb.org/sites/web-commun/images/billing-postit/step-billing.png") no-repeat scroll 0 0 transparent;
	-background: url("http://rdrstatics.0pb.org/sites/web-commun/images/billing-postit/step-billing.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 38px;
    right: 10px;
    position: absolute;
    text-indent: -9999px;
    top: -50px;
    width: 114px;
	z-index:200;
	 }
.billing h1.step2 { background-position:0px -38px; }
.billing h1.step3 { background-position:0px -76px; }	 
#les-lightbox.postit #content-etape1, #les-lightbox.postit #content-etape2, #les-lightbox.postit #content-etape3 {background-image:none; background-color:#FFFFFF; height:auto; padding: 10px 0 20px 10px;  overflow:visible} 

.billing .div-hideable {
	background-color:#FFFFFF; 
	width:614px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
	-moz-box-shadow: 1px 1px 30px #fff;  
    -webkit-box-shadow: 1px 1px 30px #fff;  
    box-shadow: 1px 1px 30px #fff;  
	behavior: url('http://rdrstatics.0pb.org/sites/web-commun/css/PIE.htc'); /* Pour IE */
	}

#cover #mask-cover { background:url('http://rdrstatics.0pb.org/sites/web-commun/images/billing-postit/tel-billing.png') 0 0 no-repeat;
-background:url('http://rdrstatics.0pb.org/sites/web-commun/images/billing-postit/tel-billing.gif') 0 0 no-repeat; position:absolute; z-index:100; width:213px; height:269px; }
#cover img { position:absolute; z-index:50; margin:45px 0 0 24px; }
#action h2 { color:#5c5c5c; text-transform:uppercase; font-size:1.2em; margin:0 0 10px 0; }
#action { width:384px; float:left; margin-left:213px; -margin-left:120px; }
#infos {min-height:180px; -height:180px;}
#action.step1 #infos { background:url('http://rdrstatics.0pb.org/sites/web-commun/images/billing-postit/postit-billing-1.png') 0 0 no-repeat; -background:url('http://rdrstatics.0pb.org/sites/web-commun/images/billing-postit/postit-billing-1.gif') 0 0 no-repeat; position:relative; }
#action.step2 #infos { background:url('http://rdrstatics.0pb.org/sites/web-commun/images/billing-postit/postit-billing-2.png') 0 0 no-repeat; -background:url('http://rdrstatics.0pb.org/sites/web-commun/images/billing-postit/postit-billing-2.gif') 0 0 no-repeat; position:relative; }		
#action.step3 #infos { background:url('http://rdrstatics.0pb.org/sites/web-commun/images/billing-postit/postit-billing-3.png') 0 0 no-repeat; -background:url('http://rdrstatics.0pb.org/sites/web-commun/images/billing-postit/postit-billing-3.gif') 0 0 no-repeat; position:relative; }

#action.step1 .code, #action.step1 .number, #action.step2 .reponse, #action.step3 .confirmation { color:#e50080; font-size:1.8em; font-weight:bold; position:absolute; }
#action.step1 .code { top:60px; -top:80px; left:45px; }
#action.step1 .number { top:60px; -top:80px; left:218px; }
#action.step2 .reponse { text-transform:uppercase; top:43px; -top:60px; left:150px; }
#action.step3 .confirmation { color:#5c5c5c; top:73px; left:60px; font-size:1.1em; text-align:center; }
.billing #action .sendsms { padding-top:200px; color:#868686; text-align:right; }
.billing #action .sendsms a.clic { float:right; margin-top:-18px; }
.billing #action .sendsms a.clic img { border:none; }
.billing #action .continue { padding-top:185px; margin-left:-10px; }
.billing #action .mentions { font-size:0.6em; color:#b0b0b0; }
			
.billing #action .mentions img { float:left; padding:5px 5px 5px 0; }
#close-billing { display:block; width:44px; height:48px; 
	background:url('http://rdrstatics.0pb.org/sites/web-commun/images/billing-postit/close-billing.png') 0 0 no-repeat; 
	-background:url('http://rdrstatics.0pb.org/sites/web-commun/images/billing-postit/close-billing.gif') 0 0 no-repeat;
	
	position:absolute; top:-20px; left:-20px; }
#close-billing  a {text-decoration:none; display:block; widows:44px; height:48px;}
.clic img {border:none;}