/*
   myPlan.css
   Page Choisir mon forfait.
   
   Created by Ned Baldessin on 2008-08-25.
   Copyright 2008 Ned Baldessin. All rights reserved.
*/
body.myPlan{	font-family:Arial,Helvetica,sans-serif;}
#header h1 a img{display:block;}
#header h1 a span{	display: none;}
/*Hidden elements*/
body.myPlan a img{border:none;}
body.myPlan #header-row #top-nav,
body.myPlan #header-row #main-nav,
body.myPlan #header-row #main-sub-nav,
body.myPlan #header-row #espace-client,
body.myPlan #header-row #commander-par-telephone{display:none;height:0px;}
body.myPlan #footer-row{display:none;height:0px;}
body.myPlan #breadcrumbs{display:none;height:0px;}
body.myPlan .row-print-page{display:none;height:0px;}
#followOrder, #sendFriend, input{display:none;height:0px;}
/* =============== */
/* = Left column = */
/* =============== */

body.myPlan #left-col {display:none;height:0px;}

/* ============================= */
/* = Right column (auto promo) = */
/* ============================= */

body.myPlan #right-col {display:none;	height:0px;}

/* ================= */
/* = Middle column = */
/* ================= */
body.myPlan #middle-col {
	
	margin:0px 200px 0px 0px;
	font-size:12px;
}
body.myPlan #middle-col h2 {
	height: 27px;
	margin-bottom:10px;
	font-size:18pt;
}

body.myPlan #middle-col .print{
	display:none;
	height:0px;
}
body.myPlan #middle-col .sendtofriend{
	display:none;
	height:0px;
}
body.myPlan  #middle-col .intro{
	font-size:14px;
	font-weight:bold;
	margin-right:120px;
	margin-bottom:10px;
}

body.myPlan #middle-col h4{
	height:20px;
	font-size:14pt;
	color:#C00;
	
}
body.myPlan #middle-col h4.titleEasy{
	background: url('images/imgsite/myPlan/bg-title-easy.png') top right no-repeat;
}
body.myPlan #middle-col h4.titleExcess{
	background: url('images/imgsite/myPlan/bg-title-excess.png') top right no-repeat;
}
body.myPlan #middle-col h4.titleBloque{
	background: url('images/imgsite/myPlan/bg-title-bloque.png') top right no-repeat;
}
body.myPlan #middle-col h4.titleCarte{
	background: url('images/imgsite/myPlan/bg-title-carte.png') top right no-repeat;
}
body.myPlan #middle-col h4.titleSerieLimite{
	background: url('images/imgsite/myPlan/bg-title-easy.png') top right no-repeat;
}

body.myPlan #middle-col .titleArrow{
	height:38px;
	line-height:38px;
	padding:0px 10px;
	font-size:10pt;
	cursor:pointer;
	border-bottom:none;
	background: url('../images/imgsite/forfaits/bg-title.png') top left no-repeat;
}
body.myPlan #middle-col .titleArrow .redArrow{
	display:block;
	padding-left:0px;
	font-weight:bold;
	background: url('../images/imgsite/row-open.png') center left no-repeat;
}
body.myPlan #middle-col .titleArrow .tariff{
	float:right;
	display:block;
	font-weight:normal;
	font-size:10pt;
}
body.myPlan #middle-col .titleArrow .tariff .price{
	font-size:12pt;
	font-weight:bold;
	color:#C00;
}
body.myPlan #middle-col .titleArrow .tariff .month{
	font-size:12pt;
	font-weight:bold;
	color:#C00;
}
body.myPlan #middle-col .forfait{
	display:block !important;
	width:580px;
	padding:0 3px 0 3px;
	background: url('images/imgsite/myPlan/bg-forfait.png') top left repeat-y;
}

body.myPlan #middle-col .forfait .accordion_inner_wrapper {
	padding: 20px 0 10px;
}
body.myPlan #middle-col .forfaitBot{
	height:26px;
	margin-bottom:20px;
	background: url('images/imgsite/myPlan/bg-forfait-bottom.png') top left no-repeat;
}
body.myPlan #middle-col .forfaitTable{
	position:relative;
	padding:40px 0px;
}

body.myPlan #middle-col div.light_gray {
	margin: 0;
}
body.myPlan #middle-col .forfaitTable .forfaitMobile{
	position:absolute;
	top:-25px;
	right:40px;
}
body.myPlan #middle-col .caption{
	display:block;
	width:545px;
	margin:0px auto 22px auto;
	font-size:12pt;
	font-weight:bold;
}
/* = Points forts = */
/* ======================================================== */
body.myPlan #middle-col .une{
	margin:0px 12px;
	font-weight:bold;
	font-size:12pt;
}
body.myPlan #middle-col .une ul{
	width:400px;
	margin:0px;
	padding:0px;
	padding-top:10px;
}
body.myPlan #middle-col .une ul li{
	list-style-type:none;
	margin-bottom:10px;
	padding-left:10px;
	font-weight:normal;
	font-size:11pt;
	background: url('images/imgsite/myPlan/puce-une.png') top left no-repeat;
}
/* = Tarif - Autres = */
/* ======================================================== */
/**********Voir les details*/
body.myPlan #middle-col .showDetails{
	display:none;
}
body.myPlan #middle-col #detailsCarte{
	margin-left:50px;
}
/**********Selectionner*/
body.myPlan #middle-col .selectMe{
	display:none;
}
/* = Mentions = */
body.myPlan #middle-col .mentions{
	margin-top:18px;	
}
body.myPlan #middle-col .mentions p{
	font-style:italic;
	font-size:11px;
	margin-bottom:18px;
	padding:0px 18px;	
}
/* ================================================================================================================ */
/* = FORFAIT EXCESS GOLD = */
/* ================================================================================================================ */
/* = Tarifs = */
/* ======================================================== */
body.myPlan #middle-col .tarifs{
	
	margin:0px auto;
	margin-bottom:18px;
	border-collapse:collapse;
}
body.myPlan #middle-col .tarifs td,
body.myPlan #middle-col .tarifs th{
	text-align:center;
	font-weight:bold;
	border:1px solid #D3D4D5;
	background: url('../images/imgsite/forfaits/bg-column.png') top left repeat-y;
}
body.myPlan #middle-col .tarifs td{
	font-size:12pt;
}
body.myPlan #middle-col .tarifs th{
	font-size:16pt;
}
body.myPlan #middle-col .tarifs .red{
	color:#C00;
}
body.myPlan #middle-col .tarifs .border{
	width:120px;
}
/**********td invisible*/
body.myPlan #middle-col .tarifs tr.ghost td{
	height:5px;
	border:none;
}
body.myPlan #middle-col .tarifs td.ghost{
	width:3px;
	margin:0px;
	padding:0px;
	border:none;
	background: url('../images/imgsite/forfaits/bg-column-last.png') top left repeat-y;
}
body.myPlan #middle-col .tarifs tr.ghostBg td{
	height:8px;
	background: url('../images/imgsite/forfaits/bg-column-header.png') bottom left repeat-x;
}
body.myPlan #middle-col .tarifs tr.ghostBg2 td{
	height:6px;
	background: url('../images/imgsite/forfaits/bg-column-footer.png') bottom left repeat-x;
}
body.myPlan #middle-col .tarifs tr.ghostBg td.booh,
body.myPlan #middle-col .tarifs tr.ghostBg2 td.booh{
	background:none;
}
/**********HEADER*/
body.myPlan #middle-col .tarifs tr.headRow th,
body.myPlan #middle-col .tarifs tr.headRow td{
	height:54px;
	font-size:12pt;
}
body.myPlan #middle-col .tarifs tr.headRow th.border{
	background: url('../images/imgsite/forfaits/bg-column-head.png') top right no-repeat;
}
body.myPlan #middle-col .tarifs tr.headRow td.first{
	width:80px;
	text-align:center;
	vertical-align:middle;
	background: url('../images/imgsite/forfaits/bg-column1-head.png') top right no-repeat;
}
body.myPlan #middle-col .tarifs tr.headRow th.last{
	/* width:110px; */
	background: url('images/imgsite/myPlan/bg-column-last-head.png') top left no-repeat;
}
/**********HEADER2*/
body.myPlan #middle-col .tarifs tr.headRow2 th,
body.myPlan #middle-col .tarifs tr.headRow2 td{
	height:94px;
	font-size:18px;
}
body.myPlan #middle-col .tarifs tr.headRow2 th.first{
	width:80px;
	height:89px;
	vertical-align:middle;
}
/**********TOP*/
body.myPlan #middle-col .tarifs tr.topRow th,
body.myPlan #middle-col .tarifs tr.topRow td{
	height:90px;
}
/**********BOTTOM*/
body.myPlan #middle-col .tarifs tr.botRow th,
body.myPlan #middle-col .tarifs tr.botRow td{
	height:90px;
	border-bottom:1px solid #D3D4D5;
}
body.myPlan #middle-col .tarifs tr.botRow td.border{
	background: url('../images/imgsite/forfaits/bg-column-bot.png') bottom left repeat-x;
}
body.myPlan #middle-col .tarifs tr.botRow th.first{
	height:85px;
	background: url('../images/imgsite/forfaits/bg-column1-bot.png') bottom left no-repeat;
}
body.myPlan #middle-col .tarifs tr.botRow .last{
	background: url('../images/imgsite/forfaits/bg-column-bot.png') bottom left repeat-x;
}
/**********autres cellules*/
body.myPlan #middle-col .tarifs th.first{
	width:80px;
	height:84px;
	padding-left:2px;
	padding-bottom:5px;
	background: url('../images/imgsite/forfaits/bg-column1.png') top left repeat-y;
}
body.myPlan #middle-col .tarifs .last{
	/*background: url('../images/forfaits/bg-column-last2.png') top right repeat-y;*/
}
body.myPlan #middle-col .tarifs .border{
	border-left:1px solid #D3D4D5;
}
body.myPlan #middle-col .tarifs td.empty,
body.myPlan #middle-col .tarifs tr.botRow td.empty,
body.myPlan #middle-col .tarifs tr.topRow td.empty
body.myPlan #middle-col .tarifs tr.headRow2 td.empty{
	background: url('../images/imgsite/forfaits/bg-column-last-empty.png') top left repeat-y;
}
/**********styles texte*/
body.myPlan #middle-col .tarifs th{
	text-align:center;
}
body.myPlan #middle-col .tarifs td input{
	
}
body.myPlan #middle-col #tarifsExcess tr.headRow2 th.first span{
	display:block;
	font-size:10pt;
	font-weight:normal;
}
body.myPlan #middle-col #tarifsExcess tr th.first{
	padding-bottom:0px;
	vertical-align:middle;
}
body.myPlan #middle-col .tarifs th .gold{
	display:block;
	height:37px;
	padding-top:5px;
	color:#C00;
	font-size:12pt;
	font-weight:normal;
	background: url('../images/imgsite/forfaits/bg-gold.png') top left no-repeat;
}
body.myPlan #middle-col .tarifs th .gold span{
	display:block;
	font-weight:bold;
}
body.myPlan #middle-col .tarifs tr.redRow th,
body.myPlan #middle-col .tarifs tr.redRow td{
	color:#C00;
	font-size:20px;	
}
body.myPlan #middle-col .tarifs th#sans{
	padding:0px 10px;
	width:83px;
	font-size:12pt;	
}
body.myPlan #middle-col .tarifs td .smallTxt{
	font-size:12pt;
}

body.myPlan #middle-col #tarifsExcesstd,
body.myPlan #middle-col #tarifsExcess th{
	height:80px;
}
/* ================================================================================================================ */
/* = FORFAIT EASY + FORFAIT BLOQUE = */
/* ================================================================================================================ */
body.myPlan #middle-col #tarifsEasy th.first,
body.myPlan #middle-col #tarifsBloque th.first{
	vertical-align:middle;
}
body.myPlan #middle-col .tarifs th span.choice,
body.myPlan #middle-col .tarifs td span.choice{
	display:inline;
	/*height:37px;*/
	font-size:12pt;
	font-weight:bold;
	background: url('../images/imgsite/forfaits/bg-choice.png') top center no-repeat;
}
body.myPlan #middle-col .tarifs th span.choice span,
body.myPlan #middle-col .tarifs td span.choice span.whether{
	display:inline;
	/*height:25px;*/
	font-weight:bold;
	font-size:10pt;
}
body.myPlan #middle-col #tarifsBloque td.bgRed{
	
}
body.myPlan #middle-col #tarifsBloque td.bgRed span{
	display:block;
	height:74px;
	padding-top:0px;
	color:#FFF;
	font-size:12pt;
	background:#C00;	
}
body.myPlan #middle-col #tarifsBloque td.bgRed span sup{
	font-size:9pt;
}
body.myPlan #middle-col #tarifsBloque td.picSMS{
	background: url('images/imgsite/myPlan/un-centime-sms.png') top center no-repeat;
}
body.myPlan #middle-col #detailsForfait #tarifsBloque tr.botRow th,
body.myPlan #middle-col #detailsForfait #tarifsBloque tr.botRow td{
	height:89px;
	background:none;
}
body.myPlan #middle-col #detailsForfait #tarifsBloque tr.botRow th.first{
	background: url('../images/imgsite/forfaits/bg-column1.png') bottom left repeat-y;
}
body.myPlan #middle-col #detailsForfait #tarifsBloque tr.botRow .last{
	background: url('../images/imgsite/forfaits/bg-column-last2.png') bottom left repeat-y;
}
/* ================================================================================================================ */
/* = CARTE PREPAYEE = */
/* ================================================================================================================ */
body.myPlan #middle-col #forfaitCarte{
	position:relative;
	padding:10px 0px 40px 0px;
}
body.myPlan #middle-col #forfaitCarte div.hop{
	margin:25px 0px;	
}
body.myPlan #middle-col #forfaitCarte div.hop2{
	margin-top:25px;	
}
body.myPlan #middle-col #forfaitCarte .caption{
	clear:both;
	width:400px;
	margin:0px 0px 25px 0px;
	padding-left:40px;
}
/* = SIM = */
/* ======================================================== */
body.myPlan #middle-col #simChoice{
	width:483px;
	height:160px;
	margin:0px auto 15px auto;
	font-size:12pt;
	text-align:center;
	background: url('images/imgsite/myPlan/bg-sim-choice.png') center no-repeat;
}
body.myPlan #middle-col #simChoice .simLight{
	float:left;
	width:48%;
	padding-top:50px;
}
body.myPlan #middle-col #simChoice .simRich{
	float:right;
	width:48%;
	padding-top:10px;
}
body.myPlan #middle-col #simChoice .simRich .mobile{
	margin-top:10px;
	font-weight:bold;
}
body.myPlan #middle-col #simChoice .title{
	display:block;
	font-weight:bold;
	font-size:14pt;
}
body.myPlan #middle-col #simChoice .price{
	display:block;
	font-weight:bold;
	font-size:20pt;
}
body.myPlan #middle-col #simChoice .price .red{
	display:inline;
}
body.myPlan #middle-col #simChoice .price .red .figure{
	font-size:12pt;
}
body.myPlan #middle-col #simChoice .red{
	color:#C00;
}
body.myPlan #middle-col #simChoice .simRich .red{
	font-size:16pt;
	margin-left:20px;
}
body.myPlan #middle-col #simWhether{
	display:none;
}
/* = Type carte = */
/* ======================================================== */
body.myPlan #middle-col .tariffChoice{
	width:505px;
	height:90px;
	margin:0px auto;
}
body.myPlan #middle-col .tariffChoice input{
	float:left;
	width:12px;
	margin:0px;
	padding:0px;
	border:none;
	margin-top:40px;
}
body.myPlan #middle-col .tariffChoice label{
	float:left;
	width:150px;
	padding-left:5px;
}
body.myPlan #middle-col #tarifsCarte{
	width:485px;
}
body.myPlan #middle-col #tarifsCarte tr td{
	width:159px;
	font-size:20pt;
	text-align:center;
	vertical-align:middle;
	border-top:1px solid #D3D4D5;
	background: url('../images/imgsite/forfaits/bg-column-carte.png') top left repeat-y;
}
body.myPlan #middle-col #tarifsCarte tr td.ghost,
body.myPlan #middle-col #tarifsCarte tr.botRow td.ghost{
	width:5px;
	border:none;
	background: none;
}
body.myPlan #middle-col #tarifsCarte tr.choice{
	height:112px;
}
body.myPlan #middle-col #tarifsCarte tr.choice td{
	height:112px;
	vertical-align:top;
	padding-top:15px;
}
body.myPlan #middle-col #tarifsCarte tr.choice td span.choice{
	font-size:20pt;
}
body.myPlan #middle-col #tarifsCarte tr.validity{
	height:42px;
}
body.myPlan #middle-col #tarifsCarte tr.validity td{
	font-size:14px;
}
body.myPlan #middle-col #tarifsCarte tr.validity td .red{
	display:block;
	font-size:16pt;
}
body.myPlan #middle-col #tarifsCarte tr.headRow th{
	height:74px;
	padding-top:10px;
	text-align:center;
	border-top:1px solid #D3D4D5;
	background: url('../images/imgsite/forfaits/bg-column-carte-top.png') top left no-repeat;
}
body.myPlan #middle-col #tarifsCarte tr.botRow td{
	height:28px;
	background: url('../images/imgsite/forfaits/bg-column-carte-bot.png') top left no-repeat;
}*/