/* 
Title:      layout-content.css
Author:     nurun.com
Updated:    April 2008

Content:	Template - base
				- subnav
				- content
				- sIFR
				- HTML Elements
					- Text Elements: p, headings, ul, a, hr, etc.
					- Form Elements
				- price
				- forfait
				- list, presentation-list
				- faq close/open
				- .yui-overlay (accessories)
				- other 
			Template - landing
			Template - sub-landing
			Template - product
			Template - compare
			Template - faq
			Template - abonnement
			Template - offre
			Template - disabled-script
			- player flash avec liste
			- telephonie services-optionnels
			Pages secondaires
				- Commander 
				- Vérifier disponibilité
				- Erreurs
				- Plan du site
				- Splash Pages (autres que l'index)
			MVNO	

*/


/* ---[ Template - base ]-----------------------------------------------------------------------
		Incluant les declinaison des divs content et subnav selon le template (la largeur change) */

/* content div for base template */
#content {
	width: 56.5%;
	float: left;
	padding: 33px 2% 1em 0;
	position:relative;
	/* display: inline; This fixes the double margin on float side bug in IE6 */
}
.overlay-content {
	padding: 0 2% 0 0;
}
/* content for .base.no-subnav template */
.base.no-subnav #content {
	padding-left: 1.5% !important;
	width: 96.5% !important;
}
	.base.no-subnav #content #primary {
		float: left;
		width: 65.5%;
		margin: 0 0 0 0;
	}
/* content for .base-side-content template */
.base-side-content #content { 
	width: 76.5%;
}
	.base-side-content #content #primary {
		float: left;
		width: 62.5%;
		margin: 0 0 0 0;
	}
	.base-side-content #content #secondary {
		float: right;
		width: 35%;
		margin: 4em 0 0 0;
		padding: 4px 0 0 0;
	}
	.base-side-content #content #secondary.no-whitespace {
		margin: 0;
	}
/* content for .list template */
.list #content {
	width: 76.5%;
}
/* content for landing template */
.landing #content {
	width: 96%;
	padding: 33px 2% 1em 2%;
}
/* content for sub-landing template */
.sub-landing #content {
	width: 95%;
	padding: 1em 2% 1em 3%;	
}
.mobile .sub-landing #content {
	width: 96%;
	padding: 1em 2% 1em 2%;	
}
/* wider FIX */
#content .wider {  
	width: 135%;
}
/* content for product template */
.product #content {
	width: 76.5%;
}
	.product.no-subnav #content {
		padding-left: 2%;
		width: 97%;
	}
/* content for comparer and brand template */
.comparer #content,
.brand #content {
	width: 76.5%;
}
/* content for couverture-itinerance template */
.couverture-itinerance #content {
	width: 56.5%;
}
	.mobile .couverture-itinerance #content, 
	.internet-mobile .couverture-itinerance #content {
		width: 76.5%;
	}
/* content for comparaison template */
.comparaison #content {
	width: 76.5%;
}
	.comparaison.no-subnav #content {
			padding-left: 2%;
			width: 97%;
	}
/* content for appareils-supportes template ... Replaced by "sub-landing"
.appareils-supportes #content {
	width: 96%;
	float: left;
	margin-left: 2%;
}*/
/* content for abonnement template */
.abonnement #content {
	width: 96%;
	padding: 1em 2% 1em 2%;	
}
/* content for offre template */
.offre #content, 
.offre2 #content {
	width: 96%;
	padding: 1em 2% 1em 2%;	
}
/* content for promotions template */
.promotions #content {
	width: 96%;
	padding-left: 2%;
}
/* content for utility-pages template */
.utility-pages #content {
	width: 96%;
	padding-left: 2%;
}
/* content for disabled-script template */
.disabled-script #content,
.overlay #content {
	width: 80%;
	padding-left: 2%;
}
.error-page #content {
	width: 87%;
	padding-left: 6.5%;
	padding-right: 6.5%;
}
.disabled-js #content {
	padding-top:0;
}

/* Titres : Maintenant avec Cufon / Blender Pro (anciennement sIFR / Frutiger) */
div.main-title {
	width: 100%;
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
	background: none;
	position: relative;
	z-index: 2;
}
.internet div.main-title, 
.mobile div.main-title {
	border-bottom: none;
	background: url(/service/static/residentiel/img/interface/bg-title-gradient.gif) repeat-x bottom;
	margin: 0;
	padding: 0 0 22px 0;
}
.no-border {
	border-bottom: none !important;
}
.main-title.no-border {
	border: none;
	margin: 0 0 .5em 0;
}
.internet div.main-title.no-border, 
.mobile div.main-title.no-border {
	border: none;
	background: none;
	margin: 0 0 .5em 0;
	padding: 0;
}
.main-content .main-title p {
	font-family: "Blender Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 153.9%;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #646464;
	margin: 0;
	padding: 0 0 .125em 0;
	clear: both;
}
.main-content .main-title span#anchor {
	font-family: "Blender Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 200%;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #646464;
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	clear: both;
}
.main-content .main-title a.section, 
.main-content .main-title a:link {
	color: #646464;
	text-decoration: none;
	padding: 0 0 .125em 0;
}
.main-content .main-title a:visited {
	color: #646464;
	text-decoration: none;
}
/*
retrait du bug de titre qui semble etre un lien
 .main-content .main-title a:hover {
	color: #568;
	text-decoration: underline;
} */
.main-content .main-title a:active {
	color: #646464;
	text-decoration: none;
}
.main-title h1 {
	font-family: "Blender Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 200%;
	font-weight: normal;
	position:relative;
	font-style: normal;
	color: #000;
	float: left;
	clear: left;
	margin: 0;
	padding: 0 0 .125em 0;
}
.main-title h1 sup {
	vertical-align: text-top;
}
/* Cufon generic */
.font-replace {
	font-family: "Blender Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

/* --[ Generic icones ] -- */
span.promotion {
	float: left;
	display: inline-block;
	text-indent: -5000px;
	height: 17px;
	margin-bottom:5px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
}
.en span.promotion {
	background-image: url(/service/static/residentiel/img/en/interface/bt-promotion.gif);
	width: 82px;
}
.fr span.promotion {
	background-image: url(/service/static/residentiel/img/fr/interface/bt-promotion.gif);
	width: 82px;
}
p span.promotion {
	margin-right: .5em;
}
span.promotionIndex {
	display: inline-block;
	position: relative;
	float: left;
	text-indent: -5000px;
	height: 30px;
	margin-top: -4px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
}
.en span.promotionIndex {
	background-image: url(/service/static/residentiel/img/en/interface/bt-promotion.gif);
	width: 82px;
}
.fr span.promotionIndex {
	background-image: url(/service/static/residentiel/img/fr/interface/bt-promotion.gif);
	width: 82px;
}
p span.promotionIndex {
	margin-right: .5em;
}
span.solde {
	float: left;
	display: inline-block;
	text-indent: -5000px;
	height: 40px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
}
.en span.solde {
	background-image: url(/service/static/residentiel/img/en/interface/bt-solde.gif);
	width: 82px;
}
.fr span.solde {
	background-image: url(/service/static/residentiel/img/fr/interface/bt-solde.gif);
	width: 82px;
}
p span.solde {
	margin-right: .5em;
}
span.soldeIndex {
	display: inline-block;
	position: relative;
	float: left;
	text-indent: -5000px;
	height: 30px;
	margin-top: -4px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
}
.en span.soldeIndex {
	background-image: url(/service/static/residentiel/img/en/interface/bt-solde.gif);
	width: 82px;
}
.fr span.soldeIndex {
	background-image: url(/service/static/residentiel/img/fr/interface/bt-solde.gif);
	width: 82px;
}
p span.soldeIndex {
	margin-right: .5em;
}
span.new {
	display: inline-block;
	position: relative;
	float: left;
	text-indent: -5000px;
	height: 30px;
	margin-top: -4px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
}
.en span.new {
	background-image: url(/service/static/residentiel/img/en/interface/bt-new.gif);
	width: 30px;
}
.fr span.new {
	background-image: url(/service/static/residentiel/img/fr/interface/bt-new.gif);
	width: 51px;
}
.main-title span.new {
	margin-left: .5em;
}
/* Mobile */
.mobile span.ban-coming {
	display: block;
	text-indent: -5000px;
	background: transparent url(/service/static/residentiel/img/fr/interface/icn-coming.png) 100% 0;
	width:94px;
	height:94px;
}
	.mobile.en span.ban-coming { background: transparent url(/service/static/residentiel/img/en/interface/icn-coming.png) 100% 0; }
.mobile span.ban-exclusive {
	display: block;
	text-indent: -5000px;
	background: transparent url(/service/static/residentiel/img/fr/interface/icn-exclusive.png) 100% 0;
	width:94px;
	height:94px;
}
	.mobile.en span.ban-exclusive { background: transparent url(/service/static/residentiel/img/en/interface/icn-exclusive.png) 100% 0; }
.mobile span.ban-new {
	display: block;
	text-indent: -5000px;
	background: transparent url(/service/static/residentiel/img/fr/interface/icn-new.png) 100% 0;
	width:94px;
	height:94px;
}
	.mobile.en span.ban-new { background: transparent url(/service/static/residentiel/img/en/interface/icn-new.png) 100% 0; }
.mobile span.ban-promotion {
	display: block;
	text-indent: -5000px;
	background: transparent url(/service/static/residentiel/img/fr/interface/icn-promo.png) 100% 0;
	width:94px;
	height:94px;
}
.mobile span.ban-nouveau {
	display: block;
	text-indent: -5000px;
	background: transparent url(/service/static/residentiel/img/fr/interface/icn-nouveau.png) 100% 0;
	width:94px;
	height:94px; 
}
	.mobile.en span.ban-nouveau { background: transparent  url(/service/static/residentiel/img/en/interface/icn-nouveau.png) 100% 0; }
.mobile span.ban-promotion {
	display: block;
	text-indent: -5000px;
	background: transparent url(/service/static/residentiel/img/fr/interface/icn-promo.png) 100% 0;
	width:94px;
	height:94px;
}

	.mobile.en span.ban-promotion { background: transparent url(/service/static/residentiel/img/en/interface/icn-promo.png) 100% 0; }
	
.mobile span.ban-livraison {
	display: block;
	text-indent: -5000px;
	background: transparent url(/service/static/residentiel/img/fr/interface/icn-livraison.png) 100% 0;
	width:94px;
	height:94px;
}
	.mobile.en span.ban-livraison { background: transparent url(/service/static/residentiel/img/en/interface/icn-delivery.png) 100% 0; }
	
.mobile span.ban-nouveau {
	display: block;
	text-indent: -5000px;
	background: transparent url(/service/static/residentiel/img/fr/interface/icn-nouveau.png) 100% 0;
	width:94px;
	height:94px;
}
	.mobile.en span.ban-nouveau { background: transparent url(/service/static/residentiel/img/en/interface/icn-nouveau.png) 100% 0; }
span.tvhd {
	float: none !important;
	clear: none !important;
	position: relative;
	display: inline;
	padding: 0.01em 0.29em 0.03em 0.29em !important;
	font-family: "verdana";
	font-weight: bold;
	font-size: 11px !important;
	line-height: 1.1em;
	color: black;
	white-space: nowrap;
	background-color: #ffd500;
	border: 1px solid black;
}
span.tvca {
	position: relative;
	display: inline;
	float: left;
	text-indent: -5000px;
	width: 18px;
	height: 17px;
	padding: 0 !important;
	background-color: white;
	background-image: url(/service/static/residentiel/img/interface/bt-canadien.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Refers to "Configuration requise" in acces-internet products pages */
.main-content h2#windows, 
.main-content h3#windows {
	background: transparent url(/service/static/residentiel/img/interface/logo-win.gif) no-repeat 0 0;
	padding: .75em 0 .75em 40px;
}
.main-content h2#mac, 
.main-content h3#mac {
	background: transparent url(/service/static/residentiel/img/interface/logo-mac.gif) no-repeat 0 0;
	padding: .75em 0 .75em 40px;
}

/* --[ Useful Tag ]-------  */
/* Quarts, tiers et demies largeur */
div.left-3-8 {float:left !important;width:37.5% !important;}
div.right-3-8 {float:right !important;width:37.5% !important;}
div.none-3-8 {width:37.5% !important;}
div.left-1-2, div.left-2-4 {float:left !important;width:49.9% !important;}
div.right-1-2, div.right-2-4 {float:right !important;width:49.9% !important;}
div.none-1-2, div.none-2-4 {width:49.9% !important;}
div.left-1-3 {float:left !important;width:33.3% !important;}
div.right-1-3 {float:right !important;width:33.3% !important;}
div.none-1-3 {width:33.3% !important;}
div.left-2-3 {float:left !important;width:66.6% !important;}
div.right-2-3 {float:right !important;width:66.6% !important;}
div.none-2-3 {width:66.6% !important;}
div.left-1-4 {float:left !important;width:25% !important;}
div.right-1-4 {float:right !important;width:25% !important;}
div.none-1-4 {width:25% !important;}
div.left-3-4 {float:left !important;width:75% !important;}
div.right-3-4 {float:right !important;width:75% !important;}
div.none-3-4 {width:75% !important;}
div.block {margin-bottom:3em;}
div.margin-right {margin-right:.75em;}
div.margin-left {margin-left:.75em;}
div.img {
	text-align:center;
	margin:0 auto;
}
div.img img {
	margin:0 auto 1.25em auto;
}
img.absolute-tl {
	position: absolute;
	top: 0;
	left: 0;
	zoom:1;
}
img.absolute-tr {
	position: absolute;
	top: 0;
	right: 0;
	zoom:1;
}
img.absolute-bl {
	position: absolute;
	bottom: 0;
	left: 0;
	zoom:1;
}
img.absolute-br {
	position: absolute;
	bottom: 0;
	right: 0;
	zoom:1;
}

/* Contenus sur dégradés */
div.content-gradient-bottom {
	border-bottom: 1px solid #ccc;
	background: url(/service/static/residentiel/img/interface/bkg-content-gradient-up.gif) repeat-x bottom;
	padding-bottom:1em;
}
div.content-gradient-top {
	border-top: 1px solid #ccc;
	background: url(/service/static/residentiel/img/interface/bkg-content-gradient-dwn.gif) repeat-x top;
	padding-top:1em;
	margin-top:1em;
}
/* Contenu indenté : avec sous menu */
.main-content .indent-content {
	padding-left:1em;
	padding-right:1em;
}

/* flash object */
object {
	margin: 0;
	padding: 0;
	outline: none;
}
.inline {
	display: inline !important;
	clear: none !important;
}
.addmargin-left {
	position: relative;
	left: 20px;
}
.no-margin-bottom {
	margin-bottom: 0 !important;
}
.clear {
	clear: both !important;
}
/* BREAK - instead of using double BR tags */
.br-before {
	clear: left !important;
	margin-top: 1em;
}
.br-after {
	clear: right !important;
	margin-bottom: 1em;
}

/* Alternative flash content */
.flash-content {
	background-color: #F7F7F7;
}
.flash-alt-txt {
	clear: both;
	min-height: 128px;
	margin-bottom: 1em;
	padding: 1em 1em 0.5em 6em;
	background-image: url(/service/static/residentiel/img/interface/ico-flash-content-alert.gif);
	background-repeat: no-repeat;
	background-position: 1em bottom;
}
.flash-alt-txt p span {
	display: block;
	clear: left;
}
/* When the includ file is added UNDER real alternative contents. */
.flash-alt-txt .flash-alt-txt {
	padding-left: 0;
	background-image: none;
	border-top: 1px solid #CCC;
}
.flash-alt-txt .flash-alt-txt p {
	float: none;
	width: auto;
	font-size: 100%;
}

/* --[ HTML Elements ]-- */
sup {
	vertical-align: text-top;
} 
sup.top {
	vertical-align: text-top;
	padding-bottom:0.75em;
	line-height: 1.0em;
} 
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
strong em,
em strong {
	font-style: italic;
	font-weight: bold;
}
code {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
/* quotes */
.fr q:before { content: "« "; }
.fr q:after { content: " »"; }
.en q:before { content: "“"; }
.en q:after { content: "”"; }

/* HTML: Text Elements */
.main-content h2 {
	font-size: 123.1%;
	font-weight: bold;
	margin: .5em 0 .75em 0;
	padding: 0 0 .25em 0;
	clear: both;
	border-bottom: 1px solid #ccc;
}
.main-content h2.subtitle {
	font-size: 93%;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 .25em 0;
	border: none;
}
.main-content h2#h-subtitle {
	font-size: 93%;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 .25em 0;
	border: none;
}
.main-content h2.no-border {
	border-bottom: none;
	padding: 0;
}
div.content-gradient-top h2 {
	margin:.5em 0 0.75em;
}
.main-content h2.link {
	border-bottom: none;
	margin: .5em 0 .75em 0;
	padding: 0;
}
.main-content h2.link a, 
.main-content h2.link a:link,  
.main-content h2.link a:visited {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0px -76px;
	margin: 0 0 0 0;
	padding: 0 0 .25em 16px;
	border-bottom: 1px solid #ccc;
}
.main-content h2.link a:hover {
	color: #000;
	background-position: 0% -156px;
	text-decoration: none;
	border-bottom: 1px solid #000;
}
.main-content h2.link a:active {
	color: #568;
	background-position: 0% -236px;
	text-decoration: none;
	border-bottom: 1px solid #568;
}
.main-content h3 {
	font-size: 100%;
	margin: 0 0 .5em 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	clear: both;
}
.main-content h3.border {
	border-bottom:1px solid #CCCCCC;
	margin:0.5em 0 0.75em;
	padding:0 0 0.25em;
}
.main-content h4 {
	font-size: 93%;
	margin: 0 0 .5em 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}
.main-content h3.heading-2 {
	font-size: 123.1%;
	margin: 0 0 .5em 0;
	padding: 0;
	text-transform: none;
	font-weight: bold;
	clear: both;
}
.main-content p {
	padding: 0 0 1em 0;
}
.main-content .collumn-style {
	float: left;
	display: inline;
	width: 46%;
	min-height: 1%;
	margin-left: 4%;
}
.main-content .collumn-style .collumn-style,
.main-content .collumn-style.first .collumn-style {
	margin-left: 8%;
}
.main-content .collumn-style.first {
	clear: left;
	margin-left: 0;
}
.main-content .collumn-style .collumn-style.first {
	clear: left;
	margin-left: 0;
}

/* HTML: lists */
.main-content ol {
	min-height: 1%; /* debug for floating LI */
	margin: 0 0 1em 1.5em;
	list-style-type: decimal;
	list-style-position: outside;
}
.main-content ol li {
	list-style-type: decimal;
	margin: 0 0 .5em 0;
}
.main-content ol ol {
	list-style-type: upper-roman;
	margin: 0 0 0 1.5em;
}
.main-content ol ol li {
	list-style-type: upper-roman;
	margin: .5em 0 0 0;
}
.main-content ol.notes {
	font-size: 93%;
}
.main-content ul {
	min-height: 1%; /* debug for floating LI */
	margin: 0 0 1em 1.5em;
}
.main-content ul ul {
	margin: 0 0 0 1.5em;
}
.main-content ul li {
	list-style-type: square;
	list-style-position: outside;
}
.main-content ol ul {
	margin: 0 0 0 1.5em;
}
.main-content ol ul li {
	list-style-type: square;
	list-style-position: outside;
	margin: .5em 0 0 0;
}
.main-content ul ul li {
	list-style-type: disc;
	list-style-position: outside;
}
.main-content ol ul ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin: .5em 0 0 0;
}
.main-content ul.dist-horizontal li {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	width:49%;
}
/* Legal notes layout */
.main-content ul.no-bullets,
.main-content .notes ul.anchor,
.main-content .legal ul.anchor,
.main-content .legalopened ul.anchor {
	margin-left: 0;
}
.main-content ul.no-bullets li,
.main-content .notes ul.anchor li,
.main-content .legal ul.anchor li,
.main-content .legalopened ul.anchor li {
	list-style: none;
}
.main-content ul.no-bullets li ul,
.main-content .notes ul.anchor li ul,
.main-content .legal ul.anchor li ul,
.main-content .legalopened ul.anchor li ul {
	margin-left: 1em;
}
.main-content ul.no-bullets li ul li,
.main-content .notes ul.anchor li ul li,
.main-content .legal ul.anchor li ul li,
.main-content .legalopened ul.anchor li ul li {
	list-style-type: square;
	list-style-position: outside;
}
.main-content ul.no-bullets li ul.links {
	margin-left: 0;
}
.main-content ul.no-bullets li ul.links li {
	list-style-type: none;
}

/* Bullet Links */
.main-content ul.links {
	margin: 0 0 1em 0;
	padding: 0;
	padding-left: 0;
}
.main-content ul.links li {
	list-style-type: none;
}
.main-content ul.links.inline {
	float: left;
	clear: left;
	width: 100%;
}
.main-content ul.links.inline li {
	float: left;
}
.main-content ul.links.inline li a {
	white-space: nowrap; 
	margin: 0 2em 0 0;
}
.main-content #description ul.links li {
	display: inline;
	margin-right: 2em;
}
.main-content ul.links li span {
	float: left;
	clear: right;
	font-size: 85%;
	padding: 0 0 0 10px;
}
.main-content ul.links.list {
	margin: 0 0 1em 1.5em;
}
.main-content ul.links.list li {
	margin-left: -10px;
}

/* Type A */
.main-content ul.bullet-a li a, 
.main-content ul.bullet-a li a:link, 
.main-content ul.links li.bullet-a a, 
.main-content ul.links li.bullet-a a:link {
	display: inline-block;
	padding: 0 0 0 10px;
	color: #568;
	font-size: 93%;
	text-decoration: none;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bt-next.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.main-content ul.bullet-a li a:visited, 
.main-content ul.links li.bullet-a a:visited {
	text-decoration: underline;
	color: #646464;
	background-position: 0px -78px;
}
.main-content ul.bullet-a li a:hover, 
.main-content ul.links li.bullet-a a:hover {
	text-decoration: underline;
}
.main-content ul.bullet-a li a:active, 
.main-content ul.links li.bullet-a a:active {
	text-decoration: underline;
	color: #646464;
	background-position: 0px -78px;
}

/* Type B */
.main-content ul.bullet-b li a, 
.main-content ul.bullet-b li a:link,
.main-content ul.links li.bullet-b a, 
.main-content ul.links li.bullet-b a:link {
	display: inline-block;
	padding: .25em 0 .25em 12px;
	color: #568;
	font-size: 93%;
	text-decoration: none;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0px -8476px;
}
.main-content ul.bullet-b li a:visited,
.main-content ul.links li.bullet-b a:visited {
	text-decoration: underline;
	color: #646464;
	background-position: 0px -8636px;
}
.main-content ul.bullet-b li a:hover,
.main-content ul.links li.bullet-b a:hover {
	text-decoration: underline;
}
.main-content ul.bullet-b li a:active,
.main-content ul.links li.bullet-b a:active {
	text-decoration: underline;
	color: #646464;
	background-position: 0px -8636px;
}

/* Type C */
.main-content ul.links li.bullet-c { 
	margin-bottom: 1em;
}
.main-content ul.bullet-c li a,
.main-content ul.bullet-c li a:link,
.main-content ul.bullet-c li a:visited, 
.main-content ul.links li.bullet-c a,
.main-content ul.links li.bullet-c a:link,
.main-content ul.links li.bullet-c a:visited {
	padding: 0 0 .25em 16px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 124.5%;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0px -74px;
}
.main-content ul.bullet-c li a:hover, 
.main-content ul.links li.bullet-c a:hover {
	color: #000;
	text-decoration: underline;
	background-position: 0% -154px;
}
.main-content ul.bullet-c li a:active, 
.main-content ul.links li.bullet-c a:active {
	color: #568;
	text-decoration: underline;
	background-position: 0% -234px;
}
/* Reset bullets styles */
a.no-bullet,
.links a.no-bullet,
.main-content ul.links li a.no-bullet,
.main-content ul.bullet-a li a.no-bullet,
.main-content ul.bullet-b li a.no-bullet,
.main-content ul.bullet-c li a.no-bullet  {
	padding-left: 0 !important;
	background-image: none !important;
}
.main-content ul.bullet-a li a.anchor,
.main-content ul.bullet-b li a.anchor,
.main-content ul.bullet-c li a.anchor, 
.main-content ul.links li.bullet-a a.anchor, 
.main-content ul.links li.bullet-b a.anchor, 
.main-content ul.links li.bullet-c a.anchor {
	padding-left: 0 !important;
	font-size: 76%;
	vertical-align: text-top;
	background-image: none !important;
}


/* definition list */
.main-content dl {margin: 0 0 1em 0;}
.main-content dl dt {
	text-align: left;
	font-weight: bold;
}
.main-content dl dd {
	text-align: left;
}
.main-content dl.dist-horizontal {}
.main-content dl.dist-horizontal dt {
	clear:left;
	font-weight:normal;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	width: 49%;
}
.main-content dl.dist-horizontal dd {
	clear:right;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	display:inline;
	width: 49.5%;
}
.main-content dl.list {
	margin:0 0 1em 1.5em;
}
.main-content dl.list dt {
	list-style-type:square;
	display:list-item;
	list-style-position:outside;
}
.main-content dl.phone {
	display: block;
	margin: 0 0 1em 0;
}
.main-content dl.phone dt {
	font-weight: normal;
}
.main-content dl.phone dd {
	font-weight: bold;
	font-size: 116%;
}
.main-content .foot-notes {
	font-size: 85%;
}
/* Same layout as ".main-content h2 a" */
.main-content dl.short-desc dt a,
.main-content dl.short-desc dt a:link,
.main-content dl.short-desc dt a:visited {
	padding: 0 0 .25em 16px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 124.5%;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0px -74px;
}
.main-content dl.short-desc dt a:hover {
	color: #000;
	background-position: 0% -154px;
	text-decoration: underline;
}
.main-content dl.short-desc dt a:active {
	color: #568;
	background-position: 0% -234px;
	text-decoration: underline;
}
.main-content dl.short-desc dd {
	margin-left: 16px;
	margin-bottom: 0.5em;
	color: #646464;
}
	
/* HTML: links */
.main-content a, 
.main-content a:link {
	text-decoration: none;
	color: #568;
}
.main-content p a,
.main-content p a:link, 
.main-content dd a,
.main-content dd a:link {
	text-decoration: underline;
}
.main-content a:visited {
	text-decoration: underline;
	color: #646464;
}
.main-content a:hover {
	text-decoration: underline;
	color: #568;
}
.main-content a:active {
	text-decoration: underline;
	color: #646464;
}
.main-content a.arrow, 
.main-content a.arrow:link,
.main-content a.arrow:visited {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	text-decoration: none;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0% -5278px;
	padding: 0 0 0 10px;
	color: #568;
}
.main-content a.arrow:visited {
	text-decoration: underline;
	color: #646464;
	background-position: 0% -5438px;
}
.main-content a.arrow:hover {
	text-decoration: underline;
}
.main-content a.arrow:active {
	text-decoration: underline;
	color: #646464;
	background-position: 0% -5438px;
}
.main-content a.totop {
	float: right;
	padding: 0 3px 30px 15px;
	color: #568;
	font-size: 93%;
	text-decoration: none;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0% -4876px;
}
.main-content a.totop:visited,
.main-content a.totop:active {
	text-decoration: underline;
	color: #646464;
	background-position: 0% -5036px;
}
.main-content a.previous {
	display: inline-block;
	padding: 0 0 0 10px;
	color: #646464;
	font-size: 93%;
	text-decoration: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-position: 0% -6238px;
}
.main-content a.previous:hover {
	text-decoration:underline;
	background-position: 0% -6078px;
	color: #568;
}
.main-content a.previous:active {
	background-position: 0% -6238px;
	color: #646464;
	text-decoration:none;
}
.main-content a.next {
	display: inline-block;
	padding: 0 10px 0 0;
	color: #646464;
	font-size: 93%;
	text-decoration: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-position: 100% -7038px;
}
.main-content a.next:hover {
	text-decoration:underline;
	background-position: 100% -6878px;
	color: #568;
}
.main-content a.next:active {
	background-position: 100% -7038px;
	color: #646464;
	text-decoration:none;
}
.main-content a.remove,
.main-content a.remove:visited {
	display: inline-block;
	padding: 0 0 0 12px;
	text-decoration: none;
	color: #646464;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0% -4638px;
}
.main-content a.remove:hover,
.main-content a.remove:active {
	text-decoration: underline;
	color: #568;
	background-position: 0% -4478px;
}
.main-content a.add,
.main-content a.add:visited {
	display: inline-block;
	padding: 0 0 0 12px;
	text-decoration: none;
	color: #646464;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0% -9520px;
}
.main-content a.add:hover,
.main-content a.add:active {
	text-decoration: underline;
	color: #568;
	background-position: 0% -9360px;
}
.main-content a.substract,
.main-content a.substract:visited {
	display: inline-block;
	padding: 0 0 0 12px;
	text-decoration: none;
	color: #646464;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0% -9920px;
}
.main-content a.substract:hover,
.main-content a.substract:active {
	text-decoration: underline;
	color: #568;
	background-position: 0% -9760px;
}
.main-content ul.links li a.pdf {
	margin: 0 0 .35em 0;
	padding: .2em 0 .3em 20px;
	color: #568;
	font-size: 93%;
	text-decoration: none;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0% -4078px;
}
.main-content ul.links li a.pdf:hover {
	text-decoration: underline;
}
.main-content ul.links li a.pdf:visited,
.main-content ul.links li a.pdf:active {
	text-decoration: underline;
	color: #646464;
	background-position: 0% -4078px;
}
.main-content ul.links li a.accessories {
	margin: 0 0 .35em 0;
	padding: .25em 0 .25em 20px;
	color: #568;
	font-size: 93%;
	text-decoration: none;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 3px -3678px;
}
.main-content ul.links li a.accessories:hover {
	text-decoration: underline;
}
.main-content ul.links li a.accessories:visited,
.main-content ul.links li a.accessories:active {
	text-decoration: underline;
	color: #646464;
	background-position: 3px -3678px;
}
.main-content .pdf { /* span.pdf */
	display: block;
	background: transparent url(/service/static/residentiel/img/interface/icn-pdf.gif) no-repeat left top;
	padding: 1.55em 0 2.45em 64px;
	zoom: 1;
}
.main-content .pdf .arrow {/* span.pdf a.arrow */
	padding: 0 0 0 10px;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0% -5278px;
}
.main-content .video-player {
	background: transparent url(/service/static/residentiel/img/interface/ico-video-player.gif) no-repeat left top;
	padding: 0 0 2.45em 30px;
}
/* Print links default status = Only visible when initial-state.css is loaded. */
.main-content div.print {
	display: none;
}
.main-content div.back, 
.main-content div.fwd, 
.main-content div.print,
.main-content div.add-to-favorites {
	float: left;
	padding: 0 0 10px 0;
	background: transparent url(/service/static/residentiel/img/interface/bg-icon-button-reflex.png) no-repeat 0% 100%;
}
.overlay div.print, 
.overlay-content div.print {
	position:absolute;
	top:-.5em;
	right:0;
	z-index: 10;
}
.main-content a.back, .main-content #options a.back, 
.main-content a.fwd, .main-content #options a.fwd, 
.main-content a.print, .main-content #options a.print, 
.main-content a.add-to-favorites, .main-content #options a.add-to-favorites {
	display: inline-block;
	text-decoration: none;
	height: 16px;
	padding: 4px 0 0 24px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}
.main-content a.back {
	background-image: url(/service/static/residentiel/img/interface/bg-back-button-left.gif);
}
.main-content a.fwd {
	background-image: url(/service/static/residentiel/img/interface/bg-fwd-button.gif);
}
.main-content a.print {
	background-image: url(/service/static/residentiel/img/interface/bg-print-button-left.gif);
}
.main-content a.add-to-favorites {
	background-image: url(/service/static/residentiel/img/interface/bg-add-to-favorites-button-left.gif);
}
.main-content a.back:hover, 
.main-content a.fwd:hover, 
.main-content a.print:hover,
.main-content a.add-to-favorites:hover {
	color: #000;
	text-decoration: underline;
	background-position: left -120px;
}
.main-content a.back:active, 
.main-content a.fwd:active, 
.main-content a.print:active,
.main-content a.add-to-favorites:active {
	color: #568;
	text-decoration: underline;
	background-position: left -240px;
}
.main-content dl dt a, 
.main-content dl dt a:link {
	color: #568;
	text-decoration: none;
}
.main-content dl dt a:visited {
	color: #646464;
	text-decoration: underline;
}
.main-content dl dt a:hover {
	text-decoration: underline;
}
.main-content dl dt a:active {
	color: #646464;
	text-decoration: underline;
}
a.modify {
	margin-left: 1.5em;
}

/* HTML: hr */
hr {
 	display: none;
}
div.hr {
	margin: 0 0 15px 0;
	height: 1px;
	line-height: 0;
	font-size: 0;
	clear: both;
	border-bottom: 1px solid #ccc;
}
div.hrtop {
	margin: 15px 0 7px 0;
	height: 1px;
	line-height: 0;
	font-size: 0;
	clear: both;
	border-bottom: 1px solid #ccc;
}
/*  ligne plus large (Exception) couverture et itinerance CANADA */
div.hr-wider {
	width: 135%
}

.txt-left { /* Ce tag est utilise conjointement avec le tag img-right */
	float: left;
}
.txt-right{
text-align:right;

}
.txt-center {
	text-align: center;
}
/* HTML: Img */
img.img-left {
	float: left;
	margin: 0 1.5em 1.5em 0;
}
img.img-right {
	float: right;
	margin: 0 0 1.5em 1.5em;
}
img.img-center {
	float: none;
	margin: 0 0 1.5em 0;
}

/* HTML: Tables */

/* Grid is the default layout of tables */
.main-content table {
	width: 100%;
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
}
.main-content table caption {
	font-weight:bold;
	margin:0 0 1em;
	padding:0;
	text-transform:uppercase;
	font-size:93%;
}
.main-content table caption span {
	font-weight:normal;
	text-transform:none;
}
.main-content table th,
.main-content table td {
	border-collapse: collapse;
}
.main-content table .left {
	text-align: left !important;
}
.main-content table .right {
	text-align: right !important;
}
.main-content table .center {
	text-align: center !important;
}
.main-content table th.hidden,
.main-content table td.hidden {
	background: none !important;
	border-left-style: hidden;
	border-top-style: hidden;
	text-indent: -5000px;
}
.main-content table.auto {
	width: auto;
}
.main-content table thead {
	border: 0 solid transparent;
	border-collapse: collapse;
}
.main-content table thead th {
	color: #000;
	font-size: 93%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: .5em;
	background: #e5e5e5;
	border: 1px solid #e5e5e5;
}
.main-content table thead th.center {
	text-align:center;
}
.main-content table thead th em {
	font-weight: bold;
}
.main-content table thead.no-border,
.main-content table thead.no-border td {
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: .5em;
	border: 0px none;
	border-collapse: collapse;
}
.main-content table.gradient-header thead th {
	background: white url(/service/static/residentiel/img/interface/bg-table-thead-th.gif) repeat-x bottom;
}

.main-content table.gradient-header tbody tr.alt th,
.main-content table.gradient-header tbody tr.alt td {
	background: #f7f7f7;
}

.main-content table thead .title th {
	border-color: white;
	background: white;
}
.main-content table.header tr.hidden {
	display: none;
	visibility: hidden;
	height: 0px;
	font-size: 0px;
}
.main-content table.header thead {
	border: none;
}
.main-content table.header thead th, 
.main-content table.header thead td {
	background: transparent;
	border: none;
}
.main-content table tbody {
	border: 1px solid #e5e5e5;
	border-collapse: collapse;
}
.main-content table tbody th {
	border: 1px solid #e5e5e5;
	background: #f7f7f7;
	vertical-align: top;
	padding: .5em;
	text-transform: uppercase;
	font-size: 93%;	
}

.main-content table tbody .odd td {
	background: #f7f7f7;
}

.main-content table tbody tr.gradient-header th {
	color: #000;
	font-size: 93%;
	font-weight: bold;
	text-transform: uppercase;
	width: auto;
	margin: 0;
	padding: .5em;
	background: #e5e5e5;
	border: 1px solid #e5e5e5;
	background:white url(/service/static/residentiel/img/interface/bg-table-thead-th.gif) repeat-x scroll center bottom;
}
.main-content table tbody tr.gradient-header td {
	color: #000;
	font-size: 93%;
	width: auto;
	margin: 0;
	padding: .5em;
	background: #e5e5e5;
	border: 1px solid #e5e5e5;
	background:white url(/service/static/residentiel/img/interface/bg-table-thead-th.gif) repeat-x scroll center bottom;
}
.main-content table tbody td {
	border: 1px solid #e5e5e5;
	vertical-align: top;
	padding: .5em;
	font-size: 93%;
}
.main-content table tbody td dl {
}
.main-content table tbody td dl dt {
	margin: 0 .25em 0 0;
	float: left;
	clear: left;
}
.main-content table tbody td dl dd {
	float: left;
	clear: right;
}
.main-content table tfoot ul, 
.main-content table tfoot ul.links {
	margin:.5em 0 0 0;
	float: none;
	clear: none;
	width: auto;
}

/* Table cell collapse */
.main-content table.collapse {
}
.main-content table.collapse thead {
	border: none;
}
.main-content table.collapse thead tr.product-name td,
.main-content table.collapse thead tr.product-name th {
	position: absolute;
	left: -9999px;
}
.main-content table.collapse thead th {
	font-size: 116%;
	text-transform: none;
	padding: 0 0 .25em 0;
	background: none;
	border: none;
}
.main-content table.collapse thead th h2 {
	font-size: 100%;
	border-bottom: none;
	margin: 0;
}
.main-content table.collapse thead th h3 {
	font-size: 100%;
	text-transform: none;
}
.main-content table.collapse thead th a, 
.main-content table.collapse thead th h2 a, 
.main-content table.collapse thead th h3 a {
	color: #000;
	text-decoration: none;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0% -476px;
	padding: 0 0 .25em 16px;
}
.main-content table.collapse thead th a:hover, 
.main-content table.collapse thead th h2 a:hover, 
.main-content table.collapse thead th h3 a:hover {
	text-decoration: underline;
	background-position: 0% -556px;
}
.main-content table.collapse thead th a:active, 
.main-content table.collapse thead th h2 a:active, 
.main-content table.collapse thead th h3 a:active {
	text-decoration: underline;
	background-position: 0% -636px;
	color: #568;
}
.main-content table.collapse.closed thead th a, 
.main-content table.collapse.closed thead th h2 a, 
.main-content table.collapse.closed thead th h3 a {
	color: #000;
	text-decoration: none;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0% -76px;
	padding: 0 0 .25em 16px;
}
.main-content table.collapse.closed thead th a:hover, 
.main-content table.collapse.closed thead th h2 a:hover, 
.main-content table.collapse.closed thead th h3 a:hover {
	text-decoration: underline;
	background-position: 0% -156px;
}
.main-content table.collapse.closed thead th a:active, 
.main-content table.collapse.closed thead th h2 a:active, 
.main-content table.collapse.closed thead th h3 a:active {
	text-decoration: underline;
	background-position: 0% -236px;
	color: #568;
}

/* HTML: Form tags */
.main-content form {
}
/*  Secondary Form  */
.main-content #secondary form {
	padding: 1em;
	border: 1px solid #ccc;
}
.main-content form div#error, 
.main-content form div.error-msg,
.main-content div.error-msg {
	min-height: 3.25em; /* firefox */
	height: auto !important; /* ie */
	height: 3.25em; /* ie */ 
	color: #f00;
	background-image: url(/service/static/residentiel/img/interface/ico-form-error.gif);
	background-repeat: no-repeat;
	padding: 0 0 .5em 50px;
}
.main-content form div.error {
	background-color: #e1e1e1;
}
.main-content div.error-msg span.contact {
	color: #000;
}
	.main-content form div.error div.field {
		background-color: transparent;
	}
	.main-content form div.error div.error {
		background-color: #e1e1e1;
	}
.main-content form div.error span.required {
	color: #f00;
}
	.main-content form div.error div.field span.required {
		color: #000;
	}
	.main-content form div.error div.error span.required {
		color: #f00;
	}
.main-content form div.error input {
	border: 1px solid #f00;
}
	.main-content form div.error div.field input {
		border: 1px solid #838383;
	}
	.main-content form div.error div.error input {
		border: 1px solid #f00;
	}
.main-content form div.field span.error {
	display: none;
	color: #f00;
}
.main-content form div.error span.error {
	display: block;
	clear: both !important;
	color: #f00;
}
.main-content form div.field span.note {
	display: block;
}
.main-content form div.result {
	float: left;
	clear: both;
	color: #000;
	padding: .75em;
	margin: 0 0 1em 0;
	border: 1px solid #ccc;
}
.main-content form div.result p {
	margin: 0
}
.main-content form div.available {
	min-height: 2.25em; /* firefox */
	height: auto !important; /* ie */
	height: 2.25em; /* ie */ 
	color: #000;
	background-image: url(/service/static/residentiel/img/interface/ico-commander-disponibilite.gif);
	background-repeat: no-repeat;
	padding: .75em .75em .75em 50px;
}
	.main-content form div.available.true {
		background-position: 5px 5px;
	}
	.main-content form div.available.false {
		background-position: 5px -63px;
	}
.main-content form fieldset { /* none yet */
}
.main-content form fieldset legend {
	font-weight: bold;
	font-size: 108%;	
}
.main-content form label {
	display: block;
	margin: 0 0 .25em 0;
	padding: 0;
	font-weight: bold;
}
.main-content form label.h2 {
	font-size: 123.1%;
	font-weight: bold;
	margin: 0 0 .75em 0;
	padding: 0 0 .25em 0;
	clear: both;
}
.main-content form .main-title label {
	display: inline;
	margin: 0;
	padding: 0;
}
.main-content form .rc {
	position: relative;
}
.main-content form .rc label {
	padding: 0 0 0 20px;
	position: relative;
	z-index: 1;
}
.main-content form .rc a.anchor,
.main-content form .rc span.anchor,
.main-content form .rc label a.anchor,
.main-content form .rc label sup {
	display: inline;
	font-weight: normal;
	text-transform: lowercase !important;
}
.main-content form label .anchor {
	margin-left: 0.1em;
	font-size: 88%;
}
/* accessibility = display a multiple selection of radio or checkbox inside a hidden ordered-list */
.main-content form ol.rc {
	margin-left: 0;
	padding-left: 0;
}
.main-content form ol.rc li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.main-content form ol.rc label {
	font-weight: normal;
}
.main-content form ol.rc.single input {
	display: none;
}
.main-content form input {
	margin: 0 0 0.25em 0;
	padding: 0;
	border: 1px solid #838383;
}
.main-content form input.float-left {
	margin: 0 .5em 0.25em 0;
}
.main-content form .rc input {
	float: left;
	margin-bottom: -0.15em;
	margin-right: .5em;
	border: none !important;
	position:relative;
	z-index:2;
}
.main-content .field ul, 
.main-content .field ol {
	min-height: 1%; /* debug for floating LI */
	margin: 0 0 0.25em 0;
}
.main-content .field ul li.rc, 
.main-content .field ol li.rc {
	list-style-type: none;
	margin: 0 0 0.25em 0;
}
.main-content form textarea {
	margin: 0 0 0.25em 0;
	padding: 0;
	font-size: 93%;
	border: 1px solid #838383;
}
.main-content form .message-label {
	float: left;
}
.main-content form .message-char-counter {
	float: right;
}
.main-content form .message-field {
	width: 90%;
}
.main-content form select {
	margin: 0 0 0.25em 0;
	padding: 0;
	font-size: 93% !important; 
	border: 1px solid #838383;
	line-height:140%;
	font-family:inherit;
}

/* HTML form with validation - div.field */
.main-content form div.field {
	clear: both;
	margin: 0 0 .25em 0;
	padding: .5em .75em;
}
.main-content form div.form-content {
	clear: both;
	margin: 0;
	padding: .75em;
}
.main-content form div.field div.field { /* side-by-side form fields */
	float: left;
	clear: none;
	margin: 0 1.5em 0 0;
	padding: 0;
}
.main-content form div.field label,
.main-content form div.field input,
.main-content form div.field textarea,
.main-content form div.field select {
}

* html button { /* Getting rid of out of nowhere whitespace in button element */
	overflow: visible;
	width: 1%;
}
*:first-child + html button { /* Getting rid of out of nowhere whitespace in button element */
	overflow: visible;
}
.button, 
.y-button { /* Yellow as default */
	float: left;
	margin: -1px 1em .5em 0;
	padding: 0 0 22px 0;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-reflex.png);
	background-repeat: repeat-x;
	background-position: bottom;
	white-space: nowrap; 
}
.g-button { /* Gray */
	background-image: url(/service/static/residentiel/img/interface/bg-g-button-reflex.png);
}
.b-button { /* Black */
	background-image: url(/service/static/residentiel/img/interface/bg-b-button-reflex.png);
}
.no-reflex {
	background-image: none;
	padding: 0;
}
.button button, .main-content .button a, 
.y-button button, .main-content .y-button a, 
.g-button button, .main-content .g-button a {
	width: auto;
	white-space: nowrap; 
	background: transparent;
	color: #000;
	border: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 77%;
	cursor: pointer;
}
.button button, 
.main-content .button a, 
.main-content .button a:link, 
.main-content .button a:visited, 
.main-content .button a:hover, 
.main-content .button a:active, 
.y-button button, 
.main-content .y-button a, 
.main-content .y-button a:link, 
.main-content .y-button a:visited, 
.main-content .y-button a:hover, 
.main-content .y-button a:active, 
.g-button button, 
.main-content .g-button a,
.main-content .g-button a:link, 
.main-content .g-button a:visited, 
.main-content .g-button a:hover, 
.main-content .g-button a:active {
	color: #000;
}
.main-content .button a, 
.main-content .y-button a, 
.main-content .g-button a {
	font-size: 85%;
}
.b-button button, 
.main-content .b-button a, 
.main-content .b-button a:link, 
.main-content .b-button a:visited, 
.main-content .b-button a:hover, 
.main-content .b-button a:active {
	color: #fff;
}

/* ---------------------------------------------
	hack for Mozilla only
	Getting rid of out of nowhere whitespace around button element in FF only 
	http://www.stormdetector.com/hacks/safarihack.html
*/
.button button {
	margin: 0 0 -1px; /* default style for W3C browsers */
	voice-family:"\"}\"";
	voice-family:inherit;
	margin: 0 -3px -1px; /* OK Frfx v2/v3 + but bugged in Safari, Opera and probably other W3C browsers */
}
/*\*/
html*.button button {
	margin: 0 0 -1px; /* Safari v1/v2/v3 both MacOS and Windows */
}
/* end of hack for Mozilla only --------------- */

.button button span, .main-content .button a, 
.y-button button span, .main-content .y-button a {
	display: block;
	text-decoration: none !important;
	border: 1px solid #fdce3c;
	background-color: #ffc400;
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-left.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
.g-button button span, .main-content .g-button a {
	border: 1px solid #ced3d6;
	background-color: #ebedef;
	background-image: url(/service/static/residentiel/img/interface/bg-g-button-left.gif);
}
.b-button button span, .main-content .b-button a {
	border: 1px solid #9a9a9a;
	background-color: #848484;
	background-image: url(/service/static/residentiel/img/interface/bg-b-button-left.gif);
}
.button button span span, .main-content .button a span {
	display: block;
	border: none;
	padding: .5em 1.3em .4em 1.3em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.min-margin button span span, .main-content .min-margin a span {
	padding: .4em .25em .4em .25em;
}
.y-button button span span, .main-content .y-button a span {
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-right.gif);
}
.g-button button span span, .main-content .g-button a span {
	background-image: url(/service/static/residentiel/img/interface/bg-g-button-right.gif);
}
.b-button button span span, .main-content .b-button a span {
	background-image: url(/service/static/residentiel/img/interface/bg-b-button-right.gif);
}
.button button:hover span, .main-content .button a:hover, 
.y-button button:hover span, .main-content .y-button a:hover {
	display: block;
	background-color: #ffc400;
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-h-left.gif);
}
.g-button button:hover span, .main-content .g-button a:hover {
	background-color: #ebedef;
	background-image: url(/service/static/residentiel/img/interface/bg-g-button-h-left.gif);
}
.b-button button:hover span, .main-content .b-button a:hover {
	background-color: #848484;
	background-image: url(/service/static/residentiel/img/interface/bg-b-button-h-left.gif);
}
.button button:hover span span, .main-content .button a:hover span {
	background-color: transparent;
}
.y-button button:hover span span, .main-content .y-button a:hover span {
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-h-right.gif);
}
.g-button button:hover span span, .main-content .g-button a:hover span {
	background-image: url(/service/static/residentiel/img/interface/bg-g-button-h-right.gif);
}
.b-button button:hover span span, .main-content .b-button a:hover span {
	background-image: url(/service/static/residentiel/img/interface/bg-b-button-h-right.gif);
}
.button button:active span, .main-content .button a:active, 
.y-button button:active span, .main-content .y-button a:active {
	display: block;
	background-color: #ffbd0f;
	background-image: none;
}
.g-button button:active span, .main-content .g-button a:active {
	background-color: #ebedef;
	background-image: none;
}
.b-button button:active span, .main-content .b-button a:active {
	background-color: #848484;
	background-image: none;
}
.button button:active span span, .main-content .button a:active span, 
.y-button button:active span span, .main-content .y-button a:active span {
	background-color: transparent;
	background-image: none;
}
.g-button button:active span span, .main-content .g-button a:active active {
	background-image: none;
}
.b-button button:active span span, .main-content .b-button a:active span {
	background-image: none;
}
button[disabled], 
button:hover[disabled], 
button:active[disabled] {
	cursor: default;
	opacity: .5;
}
.button button span, .y-button button span {
	background-color: #ffc400;
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-left.gif);
}
.g-button button span {
	background-color: #ebedef;
	background-image: url(/service/static/residentiel/img/interface/bg-g-button-left.gif);
}
.b-button button span {
	background-color: #848484;
	background-image: url(/service/static/residentiel/img/interface/bg-b-button-left.gif);
}
.y-button button span span {
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-right.gif);
}
.g-button button span span {
	background-image: url(/service/static/residentiel/img/interface/bg-g-button-right.gif);
}
.b-button button span span {
	background-image: url(/service/static/residentiel/img/interface/bg-b-button-right.gif);
}
.button button:hover[disabled] span, .y-button button:hover[disabled] span {
	background-color: #ffc400;
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-left.gif);
}
.g-button button:hover[disabled] span {
	background-color: #ebedef;
	background-image: url(/service/static/residentiel/img/interface/bg-g-button-left.gif);
}
.b-button button:hover[disabled] span {
	background-color: #848484;
	background-image: url(/service/static/residentiel/img/interface/bg-b-button-left.gif);
}
.button button:hover[disabled] span span {
	background-color: transparent;
}
.y-button button:hover[disabled] span span {
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-right.gif);
}
.g-button button:hover[disabled] span span {
	background-image: url(/service/static/residentiel/img/interface/bg-g-button-right.gif);
}
.b-button button:hover[disabled] span span {
	background-image: url(/service/static/residentiel/img/interface/bg-b-button-right.gif);
}
.button button:active[disabled] span, .y-button button:active[disabled] span {
	background-color: #ffc400;
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-left.gif);
}
.g-button button:active[disabled] span {
	background-color: #ebedef;
	background-image: url(/service/static/residentiel/img/interface/bg-g-button-left.gif);
}
.b-button button:active[disabled] span {
	background-color: #848484;
	background-image: url(/service/static/residentiel/img/interface/bg-b-button-left.gif);
}
.button button:active[disabled] span span, .y-button button:active[disabled] span span {
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-right.gif);
}
.g-button button:active[disabled] span span {
	background-image: url(/service/static/residentiel/img/interface/bg-g-button-right.gif);
}
.b-button button:active[disabled] span span {
	background-image: url(/service/static/residentiel/img/interface/bg-b-button-right.gif);
}
.main-content div.fwd {
	float: left;
	padding: 0 0 10px 0;
	background: transparent url(/service/static/residentiel/img/interface/bg-icon-button-reflex.png) no-repeat 0 100%;
}
.main-content div.fwd button {
	display: block;
	text-decoration: none;
	height: 20px;
	margin: 0;
	padding: 0 0 0 24px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	background: transparent url(/service/static/residentiel/img/interface/bg-fwd-button.gif) no-repeat 0 0;
	border:none;
	font-size:93%;
	cursor:pointer;
}
.main-content div.fwd button:hover {
	color: #000;
	text-decoration: underline;
	background-position: left -120px;
}
.main-content div.fwd button:active {
	color: #568;
	text-decoration: underline;
	background-position: left -240px;
}
/* Form: Custom styled SELECT  */
.main-content span.select {
	position: absolute;
	width: 140px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 19px;
	padding: 0 24px 0 8px;
	color: #000;
	font: 12px/19px arial,sans-serif;
	background: url(/service/static/residentiel/img/interface/select.gif) no-repeat;
	overflow: hidden;
	clear:left;
	float:left;
}
.main-content span.select2 {
	position: absolute;
	width: 114px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 19px;
	padding: 0 24px 0 8px;
	color: #000;
	font: 12px/19px arial,sans-serif;
	background: url(/service/static/residentiel/img/interface/select2.gif) no-repeat;
	overflow: hidden;
	clear:left;
	float:left;
}

/* Functions */
.main-content ul.functions {
	clear: both;
	margin: 0 0 2.5em 0;
	padding: 0;
	zoom:1;
}
.main-content td ul.functions {
	margin: 0;
}
.main-content ul.functions li {
	float: left;
	height: 18px;
	text-indent: -5000px;
	list-style-type: none;
}
.main-content ul.functions li.bluetooth {
	width: 22px;
	background: url(/service/static/residentiel/img/interface/bt-fonctions.gif) no-repeat 0 0;
}
.main-content ul.functions li.edge { 	
	width: 33px;
	background: url(/service/static/residentiel/img/interface/bt-fonctions.gif) no-repeat -21px 0;
}
.main-content ul.functions li.internet { 	
	width: 25px;
	background: url(/service/static/residentiel/img/interface/bt-fonctions.gif) no-repeat -54px 0;
}
.main-content ul.functions li.mail { 	
	width: 28px;
	background: url(/service/static/residentiel/img/interface/bt-fonctions.gif) no-repeat -79px 0;
}
.main-content ul.functions li.mp3 { 	
	width: 24px;
	background: url(/service/static/residentiel/img/interface/bt-fonctions.gif) no-repeat -103px 0;
}
.main-content ul.functions li.photo { 	
	width: 28px;
	background: url(/service/static/residentiel/img/interface/bt-fonctions.gif) no-repeat -131px 0;
}
.main-content ul.functions li.video { 	
	width: 25px;
	background: url(/service/static/residentiel/img/interface/bt-fonctions.gif) no-repeat -156px 0;
}
.main-content ul.functions li.game {
	width: 29px;
	background: url(/service/static/residentiel/img/interface/bt-fonctions.gif) no-repeat -181px 0;
}

/* Colors */
.main-content ul.colors {
	clear: both;
	margin: 0 0 1em 0;
	padding: 0;
	zoom:1;
}
	.product .main-content .description ul.colors {
		margin: 0 0 3em 0;
	}
	.offre .main-content ul.colors {
		margin: 0 0 .5em 0;
	}
	.offre .main-content div.detail div.option ul.colors {
		margin:0 0 .5em 0;
	}
.main-content ul.colors:after {
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.main-content ul.colors li {
	float: left;
	width: 1.5em;
	height: 1.5em;
	overflow: hidden;
	position:relative;
	margin-right: .5em;
	margin-bottom: .25em; 
	list-style-type: none;
	border:1px solid #ddd;
}
.main-content ul.colors li a {
	display:block;
}
.main-content ul.colors li span {
	display:block;
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:.65em;
	background:#fff;
	opacity:.26;
	filter:alpha(opacity=26); zoom:1; /* IE */
}
/* picture-options */
.main-content ul.picture-options {
	margin: 0 0 1em 0;
}
.main-content ul.picture-options li {
	list-style-type: none;
	margin: 0 0 .5em 0;
}
.main-content ul.picture-options li a, 
.main-content ul.picture-options li a:link, 
.main-content ul.picture-options li a:visited {
	display: inline-block;
	font-size: 93%;
	color: #000;
	text-decoration: none;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 24px;
}
.main-content ul.picture-options li a:hover {
	color: #568;
	text-decoration: underline;
}
.main-content ul.picture-options li a:active {
	color: #646464;
	text-decoration: underline;
}
.main-content ul.picture-options li a.view-360 {
	background-position: 0 -2478px;
}
	.main-content ul.picture-options li a.view-360:active {
		background-position: 0 -2638px;
	}
.main-content ul.picture-options li a.view-demo {
	background-position: 0 -3278px;
}
	.main-content ul.picture-options li a.view-demo:active {
		background-position: 0 -3278px;
	}

	/* Mobile */
	.mobile .main-content ul.picture-options li a, 
	.mobile .main-content ul.picture-options li a:link, 
	.mobile .main-content ul.picture-options li a:visited {
		display: inline-block;
		font-size: 93%;
		color: #568;
		text-decoration: none;
		background-image: none;
		padding: 0;
	}
	.mobile .main-content ul.picture-options li a:hover {
		color: #568;
		text-decoration: underline;
	}
	.mobile .main-content ul.picture-options li a:active {
		color: #646464;
		text-decoration: underline;
	}

/* --[ Help ]-- */
div.help {
	display:none;
}
div.help-cont {
	padding:.75em;
	border:1px solid #ccc;
	background:#F7F7F7;
	clear:both;
	margin-bottom:.75em;
}

/* --[ Price ]-- */

/* above price */
.from {
	display: block;
	clear: both;
	color: #646464;
}
.price .free {
	text-transform: uppercase;
	font-size: 50%;
	letter-spacing: 0;
}
.price .free-spec {
	font-size: 35%;
	letter-spacing:0;
}
/* price values */
.price {
	position: relative;
	float: left;
	clear: both;
	margin-bottom: 0.2em;
	padding-right: 0.1em;
	color: #000;
	font-size: 310%;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 1;
	text-align: left;
	white-space: nowrap;
}
.en .price {
	padding-right: 0;
	padding-left: 0.3em;
}
.en .price.no-value,
.en .price-box .no-value {
	padding-left: 0;
}
.price-detail {
	clear: left;
	color: #646464;
}
/* cents values (comma + 2 digits + $) */
.price sup {
	position: absolute;
	top: -0.1em;
	left: 100%;
	font-size: 50%;
	letter-spacing: -.01em;
	line-height: 116%;
}
/* $ before dollars */
.en .price sup.unit {
	left: 0;
}
.price .slash {
	position: absolute;
	top: 1.75em;
	left: 100%;
	font-size: 30%;
	letter-spacing: 0;
	text-align: left;
	line-height: 116%;
}
/* spacing differ because the $ symbol is move to left */
.en .price .slash {
	right: -4.2em;
}
/* Regular price on promoted articles */
.regular-price {
	display: block;
	clear: both;
	color: #646464;
	margin: 0 0 .25em 0;
}
.main-content .added-prices {
	display: inline;
}

/* title above prices */
.main-content .price h3,
.main-content .added-prices .base h3,
.main-content .added-prices .base span.price-title {
	display: block;
	margin-bottom: -0.1em;
	color: #000;
	font-size: 32%;
	letter-spacing: 0;
	text-transform: none;
}
.main-content #item-details .added-prices h3{
	line-height: 1.1em;
}
.main-content .added-prices .base span.price-title {
	font-size: 38.15%;
}
.main-content .added-prices .base a.anchor-0 {
	font-size: 120%;
}

/* Conditional anchors */
.main-content a.anchor {
	vertical-align: text-top;
	font-family: Arial, Verdana, sans-serif;
	font-size: 76%; /* about 9px */
	font-weight: normal !important;
}
/* mouse behavior */
.price a.anchor:link, .price a.anchor:visited, .price a.anchor:active {
	text-decoration: none !important;
}
.price a.anchor:hover {
	text-decoration: underline !important;
}
/* style */
.price a.anchor {
	font-size: 100%;
	vertical-align: none;
	line-height: 1.231;
}
/* refer to [Accessories tab] in /telephonie/telephone-logiciel/index */
#presentation-list .price a.anchor {
	vertical-align: text-top;
	font-family: Arial, Verdana, sans-serif;
	font-size: 48%; /* about 9px = same size as in regular text */
	font-weight: normal !important;
	cursor: pointer;
}
#presentation-list .price .slash a.anchor {
	font-size: 84%; /* about 9px */
}

/* Asterisk anchors behavior: Clickable style only in Product or Comparaison pages. */
.main-content a.anchor-0, 
.main-content a.anchor-0:link, .main-content a.anchor-0:hover, .main-content a.anchor-0:visited {
	font-size: 100%;
	cursor: default;
	text-decoration: none;
}
/* when template .product or .comparaison */
.product .main-content a.anchor-0, 
.product .main-content a.anchor-0:link, .product .main-content a.anchor-0:hover, .product .main-content a.anchor-0:visited, 
.comparaison .main-content a.anchor-0, 
.comparaison .main-content a.anchor-0:link, .comparaison .main-content a.anchor-0:hover, .comparaison .main-content a.anchor-0:visited, {
	cursor: pointer;
	text-decoration: none;
}
.product .main-content a.anchor-0:hover,
.comparaison .main-content a.anchor-0:hover {
	cursor: pointer;
	text-decoration: underline;
}
/*  Legal/Conditional notes collapse Open/Close onclick */
.legal,
.legalopened {
	clear: both;
	margin-bottom: 1em;
}
/* Floating legal notes over specific content  
.main-content #front-product .legalopened div {
	position: absolute;
	top: 40%;
	left: 0.75em;
	width: 84%;
	z-index: 2;
}
*/

/* collaps link */
.legal p.link a,
.legalopened p.link a {
	color: #556688;
	cursor: pointer;
	text-decoration: underline;
}
.legal p.link a:hover,
.legalopened p.link a:hover {
	text-decoration: underline;
}
.legal div {
	clear: both;
}
/* style Legal/Conditional container */
.main-content .legalopened {
	cursor: pointer;
}
.main-content .legal div,
.main-content .legalopened div {
	padding-bottom: 1em;
	margin-left: 0.5em;
	padding: 1em 1em 0.5em 1em;
	background-color: #F7F7F7;
	border: 1px solid #E5E5E5;
}
.main-content .legal ul.anchor li,
.main-content .legalopened ul.anchor li {
	margin-bottom: 1em;
}
.main-content .legal ul.anchor li ul li,
.main-content .legalopened ul.anchor li ul li {
	margin-bottom: 0.25em;
}
.main-content .legal div p, .main-content .legalopened div p,
.main-content .legal div ul li, .main-content .legalopened div ul li {
	font-family: Arial, Helvetica, sans-serif;
}
/* style notes containing ul.anchor */
.main-content .notes ul.anchor li {
	margin-bottom: 1em;
}
.main-content .notes ul.anchor li ul li {
	margin-bottom: 0.25em;
}
/* forfait */
div.forfait {
	clear: both;
	position: relative;
	float: left;
	min-width: 1em;
	margin: 0 auto;
	color: #000;
	font-size: 350%;
	text-align: center;
	font-weight: bold;
}
.product #picture div.forfait {
	width: 100%;
	font-size: 500%;
}
.internet .offre div.forfait,
.mobile .comparaison div.forfait,
.sans-fil .comparaison div.forfait {
	float: none;
}
.sans-fil .landing div.forfait,
.mobile .comparer div.forfait, 
.sans-fil .comparer div.forfait {
	text-align: center;
	width: 100%;
}

.main-content div.forfait a, 
.main-content div.forfait a:link, 
.main-content div.forfait a:visited, 
.main-content div.forfait a:hover, 
.main-content div.forfait a:active {
	color: #000;
	text-decoration: none;
	margin: 0 auto;
}
div.forfait span {
	display: inline;
	line-height: 1em;
	margin: 0 auto;
}
.comparaison div.forfait span span.unit {
	display: block;
	clear: both;
}
.en .comparaison div.forfait span span.unit {
	margin-top: 0.2em; /* in english package 1,000 need spacing for the coma character */
}

/* UNITs default layout */
span.unit {
	display: block !important;
	text-indent: -5000px !important;
	overflow: hidden;
	width: 100%;
	height: 1em;
	position: static;
	margin: 0.5em auto 0 auto;
	font-size: 38%; /* print mode */
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
}
/* template .offre */
#presentation-list span.unit {
	width: 100%;
	height: 25px;
}
/* template .product */
#item-details span.unit {
	width: auto;
	height: 31px;
}
/* unit - Minutes : sans-fil/forfaits/index */
#presentation-list span .minutes {
	height: 22px;
}
span .minutes {
	width: 59px;
	background-image: url(/service/static/residentiel/img/sans-fil/forfaits/bkg-minutes-small.gif);
}
/* unit - Minutes : sans-fil/forfaits/products */
#item-details span .minutes {
	width: 100%;
	background-image: url(/service/static/residentiel/img/sans-fil/forfaits/bkg-minutes-large.gif);
}
/* unit - Kbits/s */
.en span .kbps {
	background-image: url(/service/static/residentiel/img/en/internet/acces-internet/bkg-kbits-small.gif);
	background-position: center top;
}
.fr span .kbps {
	background-image: url(/service/static/residentiel/img/fr/internet/acces-internet/bkg-kbits-small.gif);
	background-position: center top;
}
/* unit - Mbits/s - image-sprites gray bg-color */
.en .darker span .kbps,
.fr .darker span .kbps { 
	background-position: center -50px;
}
/* unit - Mbits/s - image-sprites white bg-color  */
.en span .mbps {
	background-image: url(/service/static/residentiel/img/en/internet/acces-internet/bkg-mbits-small.gif);
	background-position: 52% top;
}
.fr span .mbps {
	background-image: url(/service/static/residentiel/img/fr/internet/acces-internet/bkg-mbits-small.gif);
	background-position: 53% top;
}
/* unit - Mbits/s - image-sprites gray bg-color */
.en .darker span .mbps { background-position: 52% -50px; }
.fr .darker span .mbps { background-position: 53% -50px; }
	
/* Options */
.main-content .options {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
}
.main-content #top-options {
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;
	border-bottom: 1px solid #ccc;
}
.main-content #top-options.no-border {
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;
	border-bottom: none;
}
.main-content #bottom-options {
	margin: .5em 0 .5em 0;
}
.main-content .options ul.links {
	float: left;
}
.main-content .options ul.links li {
	float: left;
	margin: 0 1em 0 0;
}
.main-content .options ul.links.block li {
	float: none;
}
.main-content .options .button {
	margin: -1px 0 0 0;
}
.main-content .options select#sort {
	margin: 0 0 .75em 0;
}
.main-content .options .compare-button {
	float: left;
}
.main-content .options p.compare-max {
	float: left;
	margin: 0;
	padding: .35em 0 0 .5em;
}
.main-content .options div.back {
	float: left;
	margin-right: 3em; 
}
.main-content .options div.product-select {
	float: left;
}
.main-content .options div.print {
	float: right;
}
.main-content .options div.paging-nav {
	position: absolute;
	right: 0;
	bottom: .5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.main-content #bottom-options div.paging-nav {
	top: 0;
}
.main-content .options div.paging-nav li {
	list-style-type: none;
	float: left;
}
.main-content .options div.paging-nav span {
	float: left;
	margin: 0 .25em 0 0;
}
.main-content .options ul.buttons li span {
	display: none;
}
.main-content .options div.paging-nav ul {
	float: left;
	margin: 0;
}
.main-content .options div.paging-nav ul li {
	list-style-type: none;
	float: left;
	margin: 0 .25em 0 .25em;
}
.main-content .options div.paging-nav ul li a {
	text-decoration: none;
}
.main-content .options ul.buttons ul li a {
	display: inline-block;
	text-decoration: none;
	display: block;
	border: 1px solid #e0e0e0;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	padding: .25em .5em 0 .5em;
}
.main-content .options ul.buttons ul li a:hover {
	background-color: #e0e0e0;
}
.main-content .options div.paging-nav ul li a:hover {
	text-decoration: underline;
}
.main-content .options div.paging-nav ul li a.current {
	cursor: default;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
.main-content .options ul.buttons ul li a.current {
	border: 1px solid #ffbd0f;
	background-color: #ffbd0f;
}
.main-content .options ul.options-nav {
	color: #000;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
.main-content .options ul.options-nav li {
	list-style-type: none;
	float: none;
}
.main-content .options ul.options-nav ul {
	float: left;
	margin: 0;
}
.main-content .options ul.options-nav ul li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/sep.gif);
	background-repeat: no-repeat;
	background-position: 100% .25em;
}
.main-content .options ul.options-nav ul li a {
	color: #646464;
	text-decoration: none;
}
.main-content .options ul.options-nav ul li a.current {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
.main-content ul.media-presentation {
	clear: both;
	margin-left: 0;
}
.main-content ul.media-presentation li {
	float: left;
	margin-left: 0.5em;
	list-style-type: none;
}
.main-content ul.media-presentation li img {
	border: 3px solid #ccc;
}
.main-content ul.media-presentation li.active img {
	border-color: #FFCC00;
}
.main-content ul.media-presentation li p a {
	display: block;
	margin-bottom: 0.25em;
}
/*  faq close/open  */
#collapse dl, .collapse-list dl {
	width: 100%;
	color: #000;
	margin: 0 0 1em 0;
}
#collapse dl dt, .collapse-list dl dt {
	text-decoration: none;
	font-weight: bold;
	background: none;
	margin: 0 0 .25em 0;
}
#collapse dl dd p, .collapse-list dl dd p {
	padding: 0 0 0.5em 0;
}

#collapse dl dd.image, .collapse-list dl dd.image {
	display: block;
}

/* Exception quand il y a un tableau dans la reponse */
#collapse dl dd.no-padding-left, .collapse-list dl dd.no-padding-left{
	padding:0;
	padding-top:5px;
}
/* Faq Static dans les products tab (onglet) Questions deja ouverte */
.main-content .faq-static dl dd {
	margin-bottom: 1em;
}
/* Afficher - Cacher toutes les réponses */
.main-content #show-all-answers,
.main-content #hide-all-answers {
	margin: 0;
	color: #556688;
	font-weight: bold;
	font-size: 1em;
}
.main-content #hide-all-answers {
	background-position: 0 -5675px
}
.main-content #show-all-answers.hidden,
.main-content #hide-all-answers.hidden {
	display: none;
	visibility: hidden;
}

/* 3 Columns content */
.main-content .content-3-cols .zone-box {
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
	height: 100%;
}
.main-content .content-3-cols .last {
	margin: 0;
}
.main-content .content-3-cols .zone-box .module-box {
	margin: 0 0 2em 0;
}
/* Simple horizontal list left aligned, usualy used to display Logos and details: Title + image (logo on left) + description */
.main-content .basic-list dl {
	width: 100%;
	min-height: 1%;
	float: left;
	clear: both;
	margin: 0;
	padding: 0 0 0.5em 0;
	border-top: 0;
	border-bottom: 1px solid #CCC;
	background: none;
}
.main-content .basic-list div.hr {
	display: none;
}
.main-content .basic-list dl.first {
	border-top: 1px solid #CCC;
}
.main-content .basic-list dl dl {
	margin: 0;
	padding: 0;
	border-bottom: 0;
}
.main-content .basic-list dl dt {
	float: right;
	clear: right;
	width: 75%;
	margin-top: 0.4em;
	font-weight: bold;
}
.main-content .basic-list dl dd {
	float: right;
	width: 75%;
}
.main-content .basic-list dl dd.image {
	float: left;
	clear: left;
	width: 20%;
	padding: 0.5em 0;
	margin-top: 0;
	text-align: center;
}
.main-content .basic-list dl dd.image img {
	margin: 0 auto;
}
#collapse.basic-list dl, .collapse-list.basic-list dl {
	color: #000;
}
/* Presentation list with horizontal inline information details: Title + image + description + price */
.main-content #presentation-list {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 1em;
	padding: 0;
	border-top: 1px solid #CCC;
}
.main-content #presentation-list.no-border {
	border-top: none !important;
}
.main-content #presentation-list.no-border dl, 
.main-content #presentation-list.no-border div.product-line {
	border-bottom: none;
}
.main-content #presentation-list dl.presentation-box {
	background: url(/service/static/residentiel/img/interface/bg-gradient.gif) repeat-x left bottom;
	padding:0;
}	
.main-content #presentation-list h2 {
	margin: 0 0 0.5em 0;
	padding-top: 1em;
}
.main-content #presentation-list dl, 
.main-content #presentation-list div.product-line {
	width: 100%;
	min-height: 1%;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
	border-top: none;
	border-bottom: 1px solid #CCC;
}
.main-content #presentation-list dl.split, 
.main-content #presentation-list div.product-line.split {
	margin-bottom:.5em;
}
.main-content #presentation-list dl.no-border, 
.main-content #presentation-list div.product-line.no-border {
	width: 100%;
	min-height: 1%;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	border-top: 0;
	border-bottom: none;
}
.main-content #presentation-list dl dl {
	margin: 0;
	padding: 0;
	border-bottom: 0;
}
.services-optionnels #presentation-list dl#autres-services dd p.description {
	width: 75%;
	margin-top: 1.5em;
}
/* minutes-additionnelles */
#voir-tous-les-blocs-offerts {
	clear: both;
}

/* Refer to: Sans-fil / Services optionnels / Services factres a l'utilisation (autre.jsp) */
.services-optionnels .main-content table#other-services-fees tbody th {
	width: 50%
}
.services-optionnels .main-content table#other-services-fees tbody td {
	text-align: left;
}
.services-optionnels .main-content #international-calling-rates table tbody th {
	width: 40%
}
.services-optionnels .product #international-calling-rates .fees-promos table tbody td, 
.services-optionnels .product #international-calling-rates #fees-promos table tbody td {
	width: 30%;
	text-align: left;
}

/* refer to IHVM */
#cle-ihvm {
	clear:both;
	margin-bottom:1em;
}
#cle-ihvm h2 {
	font-size:116%;
	padding:0.5em 0 0;
	text-transform:uppercase;
}
#cle-ihvm h2 a:link {
	color:#000;
}
#cle-ihvm h2 a:visited {
	color:#000;
	text-decoration:none;
}
#cle-ihvm h2 a:hover {
	color:#000;
	text-decoration:underline;
}
#cle-ihvm h2 a:active {
	color:#556688;
	text-decoration:underline;
}

#cle-ihvm .description {
	width:30%;
	float:left;
}
#cle-ihvm .picture {
	width:50%;
	padding: 0.75em 0 0.5em;
	float:left;
	text-align:center;
}
#cle-ihvm .price-box {
	width:10.5%;
	float:right;
	padding:1.25em 2.5% 0 0;
}

/* refer to index d'internet mobile */
.internet .offre #cle-ihvm {
	background: url(/service/static/residentiel/img/interface/bg-gradient.gif) repeat-x bottom;
	border:1px solid #CCCCCC;
}
.main-content #country-roam table thead th:first-child {
	width: 30%;
}
.main-content #country-roam table thead th {
	width: 17.5%;
}

/* refer to index d'acces-internet */
.main-content #presentation-list dl.darker {
	background-color: #f7f7f7;
}
.services-optionnels .ico-services-optionnels img {
	display: none;
}

.main-content #presentation-list dl dt {
	float: right;
	width: 55%;
	padding: .75em 18% .25em 0;
	font-size: 116%;
	font-weight: bold;
	text-transform: uppercase;
}
.main-content #presentation-list dl dt span.subtitle {
	display:block;
	clear:both;
	font-weight:normal;
	font-size:85%;
	text-transform:none;
	padding:.5em 0 0 0;
	color:#646464;
}
.main-content #presentation-list dl dt a, 
.main-content #presentation-list dl dt a:link {
	float: left;
	clear: left;
	color: #000;
	text-decoration: none;
}
.main-content #presentation-list dl dt a:visited {
	color: #000;
	text-decoration: none;
}
.main-content #presentation-list dl dt a:hover {
	color: #000;
	text-decoration: underline;
}
.main-content #presentation-list dl dt a:active {
	color: #568;
	text-decoration: underline;
}
/* asterisk notes after a title without link-on */
.main-content #presentation-list dl dt a.anchor-0 {
	float: none;
	clear: none;
	display: inline;
}
.main-content #presentation-list dl dt span.promotion {
	display: block;
	margin: 0 0 .5em 0;
}
.main-content #presentation-list dl dt span.solde {
	display: block;
	margin: 0 0 .5em 0;
}
.main-content #presentation-list dl dt span.soldeIndex {
	float: left;
	margin: -.5em 0 0 1em;
}
.main-content #presentation-list dl dt span.promotionIndex {
	float: left;
	margin: -.5em 0 0 1em;
}
.main-content #presentation-list dl dt span.new {
	float: left;
	margin: -.5em 0 0 1em;
}
.main-content #presentation-list dl dt label {
	clear: left;
	margin: 0;
}
.comparer .main-content #presentation-list dl dt span.promotion,
.comparer .main-content #presentation-list dl dt span.solde,
.comparer .main-content #presentation-list dl dt span.new {
	margin-left: 0;
}
.main-content #presentation-list dl dl dt {
	float: left;
	width: auto;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	text-transform: none;
}

.main-content #presentation-list dl dd {
	float: right; 
	clear: right;
	width: 73%;
}
.main-content #presentation-list dl dd div.description {
	float: left;
	width: 69%;
	padding: 0 6% 0 0;
}
.main-content #presentation-list dl dd div.links-box {
	position: relative;
	top: -1.8em;
	float: right;
	width: 21%;
	margin: 0 0 -1.4em 0;
	padding: 0 4% 0 0;
}
.main-content #presentation-list dl dd div.price-box {
	position: relative;
	top: -1.8em;
	float: right;
	width: 21%;
	margin: 0 0 -1.4em 0;
	padding: 0 4% 0 0;
}
.main-content #presentation-list dl dd.price-list div.price-box {
	top: 0;
	margin: 0 0 .25em 0;
}
.main-content #presentation-list dl dd div.price-box .price, 
.main-content #presentation-list dl dd div.price-box .y-button {
	clear: both;
	float: left;
}
.main-content #presentation-list dl dd.price-list div.price {
	position: relative;
}
.main-content #presentation-list dl dd .price-box a.arrow {
	clear: both;
	float: left;
	font-weight: normal;
}
.comparer #presentation-list dl dd .price-box .from {
	color: #646464;
}
.main-content #presentation-list dl dd.price-list ul.links {
	clear: left;
}
.main-content #presentation-list dl dd.sub {
	float: right; 
	width: 55%;
	padding: 0 18% 0 0;
	font-size: 108%;
	font-weight: bold;
	color: #666;
	margin: 0 0 .75em 0;
}
.main-content #presentation-list dl dd.image {
	float: left;
	clear: none;
	width: 23%;
	padding: 1.25em 4% .5em 0;
	text-align: center;
}
.main-content #presentation-list dl dd.image img {
	margin: 0 0 .25em 0;
}
.main-content #presentation-list dl dd.image a.arrow {
	font-weight: normal;
}

/* Compare products - List with checkbox (refer to sans-fil appareils compare)  */
.main-content #presentation-list.compare dl dd.rc {
	width: 10.8%;
	float: left;
	clear: left;
	text-align: center;
}
.main-content #presentation-list.compare dl dd.rc input {
	margin: 2.5em 0 0 0;
}
.main-content #presentation-list.compare dl dd.sub {
	
}
.main-content #presentation-list.compare dl dd.image {
	width: 16.2%;
	float: left;
	clear: none;
	padding: 0;
	text-align: center;
}
.main-content #presentation-list.compare dl dd.image img {
	margin: 1em 0 0 0;
}
/* refer to /sans-fil/forfaits/comparer */
.main-content #presentation-list.compare dl dd.image div.forfait {
	margin-top: 0.2em;
}
.main-content #presentation-list.compare dl dd div.price-box .price {
	clear: both;
	float: left;
}

/* Compact list - Carrousel de produits - refer to sans-fil/appareil/index */
.main-content #presentation-list.compact dl {
	position: relative;
	width: 20%;
	height: 16em;
	clear: none;
	margin: -1px 0 0 0;
	padding: 0 0 .5em 0;
}
/* presentation-list.compact.small */
.main-content #presentation-list.small dl {
	height: 21em;
}
/* presentation-list.compact.medium */
.main-content #presentation-list.medium dl {
	height: 34em;
}
.main-content #presentation-list.compact dl dt {
	float: left;
	clear: both;
	width: 80%;
	padding: 125px 10% 0 10%;
	margin: 0 0 .25em 0;
	font-size: 108%;
	font-weight: bold;
	text-transform: uppercase;
}
.main-content #presentation-list.compact dl dt a {
	position: relative;
	z-index: 1;
}
/* presentation-list.compact.small */
.main-content #presentation-list.small dl dt {
	float: none;
	width: 80%;
	padding: 165px 10% 0 10%;
}
/* presentation-list.col2 */
.main-content #presentation-list.col2 {
	border: 0;
}
.main-content #presentation-list.col2 dl {
	position: relative;
	width: 48.5%;
	clear: none;
	margin: -1px 1em 1em 0;
	padding: 0 0 1em 0;
	border: 0;
}
.main-content #presentation-list dl.presentation-box {
	background: url(/service/static/residentiel/img/interface/bg-gradient.gif) repeat-x left bottom;
}
.main-content #presentation-list.col2 dl dd div.description {
	width: auto;
	padding: 0 2em 0 0;
}
/* presentation-list.compact.medium */
.main-content #presentation-list.medium dl dt {
	width: 60%;
	padding: 220px 20% 0 20%;
}
.main-content #presentation-list.medium dl dt span.model {
	display: block;
}

.main-content #presentation-list.compact dl dd {
	float: none;
	clear: none;
	width: 80%;
	padding: 0 10% 0 10%;
}
/* presentation-list.compact.small */
.main-content #presentation-list.small dl dd {
	width: 80%;
	padding: 0 10% 0 10%;
}
/* presentation-list.compact.medium */
.main-content #presentation-list.medium dl dd {
	width: 60%;
	padding: 0 20% 0 20%;
}
.main-content #presentation-list.compact dl dd div.description {
	width: auto;
	padding: 0;
}
.main-content #presentation-list.compact dl dd div.description .button {
	clear: both;
}
.main-content #presentation-list.compact dl dd.image {
	display: block;
	position: absolute;
	float: none;
	clear: both;
	top: 0;
	width: 100%;
	padding: 2.25em 0 0 0;
	text-align: center;
}
.main-content #presentation-list.compact dl dd.image span.new {
	float: none;
	position: absolute;
	top: 1em;
	left: 0;
	width: 100%;
}
.main-content #presentation-list.compact dl dd.image span.soldeIndex {
	float: none;
	position: absolute;
	top: 1em;
	left: 0;
	width: 100%;
}
.main-content #presentation-list.compact dl dd.image span.promotionIndex {
	float: none;
	position: absolute;
	top: 1em;
	left: 0;
	width: 100%;
}
.main-content #presentation-list.compact dl dd.image span.promotion {
	float: none;
	position: absolute;
	bottom: 1em;
	left: 0;
	width: 100%;
}
.main-content #presentation-list.compact dl dd.image span.solde {
	float: none;
	position: absolute;
	bottom: 1em;
	left: 0;
	width: 100%;
}
/* presentation-list.compact.small */
.main-content #presentation-list.small dl dd.image {
	height: 140px;
	padding: 3em 0 0 0;
}
/* presentation-list.compact.medium */
.main-content #presentation-list.medium dl dd.image {
	height: 200px;
	padding: 2.25em 0 0 0;
}
/* presentation-list.boxed - Refer to /mobile/appareils/index-fr.jsp */
.main-content #presentation-list.boxed {
	border: none;
}
.main-content #presentation-list.boxed dl {
	border: 1px solid #ddd;
	border-bottom:none;
	border-left:none;
	clear:none;
	width:31%;
	position:relative;
	padding: 17.5em 1% .5em 1%;
}
.main-content #presentation-list.boxed dl.row-1 {
	border-top:none;
	border-bottom:none;
	border-left:none;
}
.main-content #presentation-list.boxed dl.last {
	border-right:none;
}
.main-content #presentation-list dl.boxed {
	margin-top:-1px;
	border: 1px solid #ccc;
	display:inline;
}	
.offre .main-content #presentation-list.boxed dl dt {
	width:82.75%;
	padding:0 6.5% .75em 10.75%;
	float:none;
	z-index:1;
	position:relative;
}
.offre .main-content #presentation-list.boxed dl dd {
	width:100%;
	padding:0;
	float:none;
	clear:both;
	position:none;
}
.offre .main-content #presentation-list.boxed dl dd div.description {
	width:82.75%;
	padding:0 6.5% 0 10.75%;
	float:none;
}
.offre .main-content #presentation-list.boxed dl dd div.detail {
	position:absolute;
	top:2.5em;
	right:6%;
	width:42%;
	height:13em;
}
.offre .main-content #presentation-list.boxed dl dd div.detail div.option {
	position:absolute;
	bottom:0;
}
.offre .main-content div.detail div.option span.rc {
	display:block;
	clear:both;
}
.mobile span.ban-coming, 
.mobile span.ban-exclusive, 
.mobile span.ban-new, 
.mobile span.ban-nouveau, 
.mobile span.ban-promotion,
.mobile span.ban-livraison{
	position: absolute;
	top:0;
	right:0;
}
.offre .main-content #presentation-list.boxed dl dd.image {
	position:absolute;
	top:0;
	left:0;
	width: 125px;
	padding: .5em 6% .5em 10%;
}
/* presentation-list.col2 Refer to /mobile/services-optionnels/index-fr.jsp */
.offre .main-content #presentation-list.col2 {
	border: none;
	margin: 1em 0 0 0;
}
.offre .main-content #presentation-list.col2 dl {
	position: relative;
	width: 49.25%;
	clear: none;
	margin: 0 0 1em 0;
	padding: .5em 0 .25em;
	border: 0;
}
.offre .main-content #presentation-list.col2 dl.last {
	float: right;
}
.offre .main-content #presentation-list.col2 dl.boxed {
	width: 48.49%;
	border: 1px solid #ccc;
}
.offre .main-content #presentation-list.col2 dl dt {
	float:right;
	clear:right;
	width: 67%;
	padding: 0.25em 6.5% 0.5em 0;
	font-size: 133%;
}
.offre .main-content #presentation-list.col2 dl dd.image {
	width: 26%;
	padding: 0.25em 0 0;
	margin-top: 0;
	text-align: center;
}
.offre .main-content #presentation-list.col2 dl dd.left-price {
	float:left;
	clear:left;
	width: 24%;
	height:100%;
	padding: 0;
	margin: 0 2% 0 0;
	border-right: 1px solid #ccc;
}
.offre .main-content #presentation-list.col2 dl dd.left-price .price-box {
	padding: 2em 4% 2em 0;
	margin:0;
	top:auto;
	width:85%;
}
.offre .main-content #presentation-list.col2 dl dd  {
	width: 72%;
	padding: 0 .5em 0 0;
	margin: 0;
}
.offre .main-content #presentation-list.col2 dl dd div.description {
	width: auto;
	/*padding: 0 .5em 0 0;*/
	padding: 0 .9em 0 0;
	color: #666;	
}
.offre .main-content #presentation-list dl.presentation-box {
	background: url(/service/static/residentiel/img/interface/bg-gradient.gif) repeat-x left bottom;
}
/* refer to internet and mobile accesses indexes */
.offre .main-content #presentation-list.dist-horizontal dl {
	position:relative;
}
.offre .main-content #presentation-list.dist-horizontal dt {
	float:left;
	width:29%;
	padding:0.75em 1% 0.5em 13%;
}
.offre .main-content #presentation-list.dist-horizontal dd {
	float:left;
	width:57%;
	padding:1.25em 0 0.5em;
}
.offre .main-content #presentation-list.dist-horizontal dd div.price-box {
	top:auto;
	margin:0;
}
.offre .main-content #presentation-list.dist-horizontal dd.image {
	position:absolute;
	top:0;
	left:0;
	width:13%;
	padding:.75em 0 .5em;
}
/* #presentation-list.theme - Refer to - mobile/services-optionnels/illico-tele-fr.jsp */
.product .main-content #presentation-list.theme {
	border: 1px solid #ccc;
	padding: .5em 0 .5em .5em;
	width: auto;
	background: url(/service/static/residentiel/img/interface/bg-gradient-big.gif) repeat-x left bottom;
}
.product .main-content #presentation-list.theme dl {
	border: 1px solid #ddd;
	clear: none;
	width: 26.1%;
	padding: 1.5em 1.5em 0 1.5em;
	margin: .5em;
	background: #fff url(/service/static/residentiel/img/interface/bg-gradient.gif) repeat-x left bottom;	
}
.product .main-content #presentation-list.theme dl dt {	
	float: none;
	padding: 0;	
}
.product .main-content #presentation-list.theme dl dd {
	float: none;
	padding: 0;
	width: 100%;
}
.product .main-content #presentation-list.theme dl dd div.price-box {
	top: 0;
	float: none;
	padding: .8em 0 0 0;
	width: 7em; 
	margin: 0pt auto;
}
.product .main-content #presentation-list.theme dl dd .price {
	padding-bottom: 0;
	margin-bottom: 0;
}
/* .offre-box - Refer to /mobile/services-optionnels/index-fr.jsp */
.offre-box {
	position: relative;
	float: left;
	width: 28%;
	margin: 1em 0 .8em 0.9%;
	padding: 0 0 .5em 2%;
	border-left: 1px solid #d2d4d5;
}
.offre-box.first {
	border-left: none;
}
.offre-box h2 {
	font-size: 100%;
	margin: 0;
	padding: 0 0 0.5em 0;
	text-transform: uppercase;
	border: 0;	
}
.offre-box p {
	color: #666;	
}
.col2 .offre-box {
	width: 43.5%;
	padding: 0 2% .5em 2%;
}
.offre-box ul li {
	color:#666;
}


/* added-prices = [div.price] + [div.price.base] - Refer to "television/illico/forfaits-sur-demande/index" */
/* this target both price boxes */
.added-prices .price {
	display: inline;
	float: right;
	clear: none;
	margin: 0 1.75em 0 0.2em;
	padding-top: 0.3em;
}
	.en .added-prices .price {
		margin: 0 1.5em 0 0.2em;
	}

/* this target the Basic price only - div.base.price */
.added-prices .base {
	color: #646464;
	margin-right: 1.2em;
	margin-left: 0;
	padding-top: 0.45em;
	font-size: 260%;
	text-align: left;
}
.en .added-prices .base {
	margin-right: 1.4em;
	margin-left: 0;
}
/* if the Basic price doesn't contain value, align first line of text with (+) symbol - div.base.price.no-value */
.added-prices div.no-value {
	padding-top: 0.65em;
}
#presentation-list dl dd .added-prices {
	float: right;
	width: 27%;
	margin-left: 2%;
}
.added-prices .price sup {
	top: 0.6em;
}
.added-prices .price .slash {
	top: 2.9em;
}
.added-prices .base sup {
	top: 0.9em;
}
.added-prices .base .slash {
	top: 3.25em;
}
/* product names above prices */
.main-content .added-prices .price h3,
.main-content .added-prices .price span.price-title {
	width: auto;
	position: absolute;
	top: 0;
	left: 0;
}
#presentation-list .added-prices .price h3,
#presentation-list .added-prices .price span.price-title {
	width: 8em;
}
/* refer to: television/illico/television-haute-definition */
#item-details .added-prices .price {
	margin-right: 1.5em;
}
#item-details .added-prices .base {
	margin-right: 1.2em;
}
#item-details .added-prices .no-value {
	margin-top: 0.55em;
	margin-right: 2.5em;
	padding-top: 0;
}
#item-details .added-prices .price span.price-title  {
	display: block;
	width: 8em;
}

/* the plus symbol (+) seperating the added price boxes */
#item-details #price.added-prices p.plus, 
#presentation-list .added-prices p.plus,
.added-prices p.plus {
	float: right;
	width: auto;
	margin: 0 0.1em 0 0;
	padding: 0.4em 0 0 0;
	color: #646464;
	font-size: 300%;
	font-weight: bold;
	line-height: 0.8em;
}
.en .added-prices p.plus {
}
#item-details #price.added-prices p.plus {
	margin-left: 0.2em;
}
/* buttons under the added prices */
#item-details .button {
	float: left;
	clear: both;
}
.added-prices .button {
	float: right;
	clear: right;
}
#item-details .added-prices .button {
	float: right;
	margin-right: .75em;
}
.en #item-details .added-prices .button {
	margin-right: 3.75em;
}
#presentation-list .added-prices .button {
	margin-right: 1.5em;
}
.en #presentation-list .added-prices .button {
	margin-right: 3.75em;
}

/* ---[ Template - .brand ]------------------------------ */

.brand div#introduction {
	clear: both;
}
.brand #introduction #visual {
	float: right;
	margin: -47px 0 0 1em;
	position: relative;
	z-index: 2;
}
.brand #introduction .text {
	float: left;
	width: 38%;
	margin-bottom: 2em;
}
.brand .main-content #presentation-list dl dd .added-prices {
	margin-right:35px;
	width: 36%;
}

/* .brand - mobile / forfaits */
.mobile.forfaits-mobile .brand #pl-qc-illimite {
	float:left;
	width:47.5%;
}
.mobile.forfaits-mobile .brand #pl-zone-urbaine {
	float:right;
	width:47.5%;
}
.mobile.forfaits-mobile .brand #presentation-list .intro {
	margin-bottom:1em;
}
.mobile.forfaits-mobile .brand #presentation-list .intro h2 {
	font-size: 138.5%;
}
.mobile.forfaits-mobile .brand #presentation-list dl {
	padding:.5em 5% .25em;
	margin-bottom:1em;
	width:90%;
	border: 1px solid #ccc;
}
.mobile.forfaits-mobile .brand #presentation-list dl dt {
	text-transform:none;
}
.mobile.forfaits-mobile .brand .main-content #presentation-list dl dd .description {
	width:72%;
	padding: 0 3% 0 0;
}
.mobile.forfaits-mobile .brand .main-content #presentation-list dl dt {
	width:74%;
}

/* ---[ Template - .list ]------------------------------- */
.list .main-content #top-options img {
	float: left;
}
.list .main-content #top-options div.selector {
	float: left;
	margin: 0 0 0 1em;
}
.list .main-content #top-options div.selector p {
	margin: 0 0 .5em 0;
}
.list .main-content #top-options div.selector select {
	float: left;
	clear: left;
	margin: 0 1em 0 0;
}
.list .main-content #top-options ul.paging-nav {
	margin: 0;
	padding: 2em 0 0 0;
}
.list .main-content #bottom-options p {
	float: left;
}

/* .yui-overlay (accessories) */	
/*********
	REMOTE LOAD V2 CSS
**********/
#custom-overlay-wrapper {
}
	#custom-overlay-wrapper .overlay-content .ft {
		display: none;
	}
	#custom-overlay-wrapper #overlay-preloader .overlay-content-preloader {
		text-align: center;
		padding: 50px 0;
	}
		
.yui-overlay, .yui-panel, .yui-module  { 
	position: absolute;
	background: #fff; 
	border: 0;	
}
.yui-skin-sam .yui-panel {
	border-style: none;
}
.yui-skin-sam .yui-panel .hd { 
	height: 33px; 
	background: url(/service/static/residentiel/img/interface/bg-hd-overlay.gif);
	border: 0;
}
.yui-skin-sam .container-close {
	display: none;
}
.yui-skin-sam .yui-panel .hd div.closePanel {
	display: block;
	overflow: hidden;
	float: right;
	margin: 8px 0px 0px 0px;
	width: 16px;
	height: 15px;
	background: url(/service/static/residentiel/img/interface/bg-close-window.gif) no-repeat center center;
	text-indent: -8000px;
	cursor: pointer;
}
.yui-skin-sam .yui-panel .hd span.headPanelTitle {
	float: left;
	line-height: 33px;
	font-size: 120%;
	margin-left: 2.5em;
}

.yui-skin-sam .yui-panel .bd { 
	padding: 20px 33px 20px 33px; 
	text-align: left;
	border: 0;
}
.yui-skin-sam .yui-panel .bd h1 { 
	font-size: 116%;
	font-weight: bold;
}
.yui-skin-sam .yui-panel .bd p { 
	font-size: 93%;
	padding: 0 0 1em 0;
}
.yui-skin-sam .yui-panel .ft { 
	padding: 5px; 
	height: 4em; 
	font-size: 108%;
	border: 0;
	padding-left: 43%;
}
.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {
	background-color: #fff;
}
#custom-overlay-wrapper .overlay-content .picture {
	width: 100%;
	margin-bottom: .5em;
	text-align: center;
}

/* --[ .overlay (version sans javascript) ]-------- */
.overlay-content div#img-agrandie {
	text-align: center;
}
.overlay-content #img-agrandie img {
	margin: 0 auto;
}

/* other */
.longdesc {
	position : absolute;
	left : -1000em;
	width : 900em;
}
.dn {
	display: none;
}
#bd:after,
.fix-height:after,
.overlay-content .bd:after,
#introduction:after {
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
#bd,
.fix-height,
.overlay-content .bd,
#introduction {
	zoom:1;
}
.nobr {
	white-space: nowrap;
}
.float-left {
	float: left;
	margin-right: 0.5em;
}
.float-right {
	float: right;
	margin-left: 0.5em;
}

/* ---[ Template - .landing ]------------------------------- */
.landing .main-title {
	float: left;
	clear: none;
	width: 49%;
}
.landing div#introduction {
	clear: both;
}
.landing .main-content #top-options {
	float: right;
	clear: none;
	width: 50%;
}
.landing .main-content #top-options div.selector {
	float: right;
	margin: 0 2em 0 0;
}

.landing .main-content #top-options div.selector p {
	margin: 0 0 .5em 0;
}

.product .main-content #description ul.links {
	margin-bottom: 1em;
}
.landing .main-content #top-options div.selector select {
	float: left;
	clear: left;
	margin: 0 1em 0 0;
}
/* 
	Landing-box HEIGHT is define inside the page's HEAD tag (refer to "/sans-fil/index-fr.jsp"). 
	Default layout = 4 collumn
*/
.landing-box {
	position: relative;
	float: left;
	width: 22%;
	height: auto;
	margin: 0 0 0 .90%;
	padding: .8em 1.05% .25em 1.05%;
	background: #D2D6D7 url(/service/static/residentiel/img/interface/bkg-landing-box.jpg) repeat-x left bottom;
	border: 1px solid #d2d4d5;
}
.promotions .landing-box {
	min-height: 7.5em;
}
.landing-box p,
.landing-box a {
	line-height: 108%;
}
.landing-box.first {
	margin: 0;
}
.landing-box.last {
	float:right;
}
.landing .landing-box .centered {
	text-align: center;
}
.main-content .landing-box h2 {
	font-size: 108%;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0;
	color: #000;
	border-bottom: none;
}
.landing-box h3 {
	color: #646464
}
.landing-box p {
	padding-bottom: 3px;
	font-size: 93%;
}
.landing-box a.img {
	padding: 0 5px 0 5px;
}
.landing-box a.arrow {
	text-decoration: none;
	background: url(/service/static/residentiel/img/interface/bt-arrow.gif) no-repeat 0px 5px;
	padding: 2px 0px 2px 10px;
	display:block;
	width:90%;
	color: #556688;
}
.landing-box .price {
	font-size: 77%;
}
/* image located on bottom-left */
.landing-box img.absolute-tl {
	position: absolute;
	top: 0;
	left: 0;
	zoom:1;
}
/* image located on bottom-right */
.landing-box img.absolute-tr {
	position: absolute;
	top: 0;
	right: 0;
	zoom:1;
}
.landing-box img.absolute-bl {
	position: absolute;
	bottom: 0;
	left: 0;
	zoom:1;
}
/* image located on bottom-right */
.landing-box img.absolute-br {
	position: absolute;
	bottom: 0;
	right: 0;
	zoom:1;
}
/* text zones : right-1-3 = 1/3 of the box width located on right, etc */
.landing-box .left-1-2 {
	float: left;
	width: 50%;
}
.landing-box .left-3-4 {
	float: left;
	width: 75%;
}
.landing-box .left-1-3 {
	float: left;
	width: 33.3%;
}
.landing-box .left-2-3 {
	float: left;
	width: 66.6%;
}
.landing-box .left-3-3 {
	float: left;
	width: 100%;
}
.landing-box .right-1-2 {
	float: left;
	width: 50%;
}
.landing-box .right-1-3 {
	float: right;
	width: 33.3%;
}
.landing-box .right-2-3 {
	float: right;
	width: 66.3%;
}
.landing-box .right-3-3 {
	float: right;
	width: 100%;
}
.landing-box.col2 {
	width: 47.2%;
}

.content-3-cols .landing-box {
	width: 92%;
	min-height: 8.5em;
	margin-right: 0;
	padding: 8px 4% 0px 4%;
}

.offre .main-content .content-3-cols .zone-box .landing-box h3 { 
	font-size: 108%;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0;
	color: #000;
	border-bottom: none;
}



/* ---[ Template - .sub-landing ]------------------------------- */

.sub-landing .main-content #top-options img {
	float: left;
}
.sub-landing .main-content #top-options div.selector {
	float: left;
	margin: 0 0 0 1em;
}
.sub-landing .main-content #top-options div.selector p {
	margin: 0 0 0.5em 0;
}
.sub-landing .main-content #top-options div.selector select {
	float: left;
	clear: left;
	margin: 0 1em 0 0;
}
.sub-landing .main-content div.accessory-type {
	position: relative;
	width: 23.5%;
	float: left;
	margin: 0 0 0 2%;
}
.sub-landing .main-content div.first {
	margin-left: 0;
}
.sub-landing .main-content div.accessory-type h2 {
	padding: 130px 0 0.5em 0;
	margin: 0;
	font-size: 108%;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: none;
}
.sub-landing .main-content div.accessory-type h2 a {
	z-index: 1;
	position: relative;
	padding: 0 0 0.25em 0;
	color: #000;
	background-image: none;
}
.sub-landing .main-content div.accessory-type h2 a:link {
	color: #000;
}
.sub-landing .main-content div.accessory-type h2 a:visited {
	text-decoration: none;
	color: #000;
}
.sub-landing .main-content div.accessory-type h2 a:hover {
	text-decoration: underline;
}
.sub-landing .main-content div.accessory-type h2 a:active {
	text-decoration: underline;
	color: #568;
}
.sub-landing .main-content div.accessory-type div.image {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 130px;
	text-align: center;
}
.sub-landing .main-content div.accessory-type div.image img {
	margin: 0 auto;
}

/* sub-landing .mobile.accessoires */
.mobile.accessoires .sub-landing .main-content {
}
.mobile.accessoires .sub-landing .main-content #top-options {
	border-top: 1px solid #ccc;
	margin:0 0 1em 0;
	padding:1.5em 0 1em 0;
}
.mobile.accessoires .sub-landing .main-content #top-options div.selector {
	width: 24%;
	float: left;
	margin: 0 2.5% 0 0;
}
.sub-landing .main-content div#models {
	width:73.5%;
	float:left;
	position:relative;
	overflow-y:hidden;
	overflow-x:scroll;
}
.sub-landing .main-content #top-options div#models img {
	float: none;
}
.sub-landing .main-content div#models ul {
	margin:0;
	float:none;
	height:100%;
	white-space:nowrap;
}
.sub-landing .main-content div#models ul li {
	list-style-type:none;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	width:8.5em;
	padding: 0 0 1em;
	text-align:center;
}
.sub-landing .main-content div#models ul li a {
	white-space:normal;
}
.sub-landing .main-content div#models ul li span {
	display:block;
}
.sub-landing .main-content div#models ul li a:hover span {
	text-decoration:underline;
}
.sub-landing .main-content div#models ul {
}
.sub-landing .main-content #accessory-types {
	margin: 0 0 2.5em 0;
}
.sub-landing .main-content #accessory-types li {
	float:left;
	width:31%;
	margin-right:2.3%;
}
.sub-landing .main-content #bottom-options {
	border-top: 1px solid #ccc;
	margin: .5em 0 0 0;
	padding: .5em 0 0 0;
}

/* ---[ Template - product ]------------------------------- */
.product .main-title {
	width: 100%;
}
.product #appareil,
.product #item-details {
	width: 100%;
	float: left;
	margin: 0 0 1em 0;
}
.product #description {
	float: left;
	width: 46.5%;
	padding-right: 2.5%;
}
.product #item-details.without-img #description {
	width: 48.5%;
}
.product.no-subnav #description {
	width: 36.5%;
	padding-right: 2.5%;
}
.product .main-content #description ul.links {
	margin-bottom: 1em;
}
.product .main-content #description ul.links li {
	display: block;
}
.product #picture {
	float: left;
	position: relative;
	width: 27.5%;
	padding: 0 2.5% 0 0;
	margin-bottom: 1em;
	text-align: center;
	z-index: 3;
}
.product.no-subnav #picture {
	width: 37%;
}
.product #picture img, 
.product #picture object, 
.product #picture embed {
	position: relative;
	margin: -52px auto 1em;
}
.product #picture img.no-margin {
	margin-top: 0px;
}
/* info-holder = lien pour overlay sur image de produit */
.product #picture div.info-holder {
	width: 200px;
	text-align: center;
}	
.product #picture div.info-holder img {
	margin-top: 0px;
}
.product #picture div.info-holder ul {
	text-align: center;
}
.product #picture p.note {
	width: 88%;
	margin: 0 auto;
	padding-left: 1%;
	font-size: 90%;
}
.product #price {
	float: left;
	width: 21%;
	margin-bottom: 1em;
}
.product.no-subnav #price {
	width: 21.5%;
}
.product #item-details #price {
	padding-right: 0;
}
.product #item-details.without-img #price {
	float: right;
	width: 40.5%;
	margin-right: 6%;
}
.product #price span.promotion {
	float: none;
	margin: 0 0 .5em 0;
	display: block;
}
.product #price span.solde {
	float: none;
	margin: 0 0 .5em 0;
	display: block;
}
.product #price .button {
	clear: both;
}
.product .main-content #price h2 { 
	font-size: 108%;
}
.product #price p {
	clear: left;
	font-size: 93%;
	padding: 0 0 .5em 0;
}
.product #price ul {
	clear: left;
	margin: 0 0 .5em 1em;
}
.product #price ul.links {
	border-top: 1px solid #ccc;
	margin: 0 0 .5em 0;
	padding-top:.75em;
}
.product #price .extra-information {
	margin: 3em 0 0 0;
}
.product .main-content #price form div.field {
	padding: .5em 0;
}
.product #price form .field ul {
	clear: left;
	margin: 0 0 .25em 0;
}
.product #price form .field ul label{
	font-size:93%;
	font-weight: normal;
}
.product #specifications {
	clear: both;
}
.product #specifications.image { 
	width: 100%;
	height: 78px;
	margin: 0 0 1.5em 0;
	border: 1px solid #CCC;
}
.product #specifications.image img {
	float: left;
}
.product #specifications.image img.first {
	border-right: 1px solid #CCC;
}
.product #specifications table.specs {
	border: 1px solid #e5e5e5;
	width: 100%;
	margin: 0 0 1.5em 0;
}
.product #specifications table.specs tbody {
	border: none;
}
.product #specifications table.specs th {
	border: none;
	background: transparent;
	text-align: center;
	vertical-align: middle;
	padding: .5em;
	text-transform: uppercase;
	font-size: 93%;
	font-weight: bold;
}
.product #specifications table.specs td {
	border: none;
	text-align: center;
	vertical-align: middle;
	padding: .5em;
	font-size: 93%;
}
.product #specifications table.specs th#installation {
	border: 1px solid #E5E5E5;
}
/* Visuelle comparatif des differents services Internet */
.product #specifications table th#speed {
	font-size: 116%;
}
.product #specifications table td.speed {
	font-size: 123.1%;
	font-weight: bold;
}
.product #specifications table td.speed big {
	font-size: 300%;
}
.product #specifications table th#load-time {
	width: 27%;
	font-size: 100%;
	border: 1px solid #e5e5e5;
}
.product #specifications table.specs td.load-time {
	border: 1px solid #e5e5e5;
	border-top: 0;
	background: transparent url(/service/static/residentiel/img/interface/bg-table-specs-load-time.gif) repeat-x bottom;
}
/* inline informations */
.product #specifications .load-time dl {
	width: 94%; /* for ie6 and ie7 default with break's layout */
	margin: 0 auto;
}
.product #specifications .load-time dl dt {
	float: left;
	clear: left;
	width: 60%;
	margin: 0 0 .35em 0;
	font-weight: normal;
}
.product #specifications .load-time dl dd {
	float: right;
	clear: right;
	width: 40%;
	margin: 0 0 .35em 0;
	text-align: right;
	font-weight: bold;
}
.product #specifications table th#transfer-download, 
.product #specifications table th#transfer-upload, 
.product #specifications table th#transfer-combined, 
.product #specifications table th#installation {
	font-size: 85%;
}
.product #specifications table td.transfer {
	vertical-align: bottom;
	font-weight: bold;
}
#product-tabs .yui-content-container h2, 
#product-tabs-static .yui-content-container h2 {
	border: none;
	margin: 0;
	padding: 0 0 .25em 0;	
}
#product-tabs .yui-content-container h2 a, 
#product-tabs .yui-content-container h2 a:hover {
	color: #000;
	text-decoration: none;
}
.product #product-tabs table.collapse thead th h3 {
	font-size: 85%;
	margin: 0;
	text-transform: uppercase;
}
.product #product-tabs h3 {
	font-size: 100%;
}
.internet .product #product-tabs #configuration h3 {
	height: 1.6em;
	padding-top: 1.2em;
}
.product #product-tabs #presentation-list dl dt {
	font-size:100%;
}
.product .main-content .content-3-cols .zone-box h2 { 
	border-bottom: none;
	font-size: 138.5%;
	padding: 0;
}
/* refer to acces-internet promotion boxes */
.product .main-content .current-promos {
	clear: both;
	width: 100%;
}
.product .main-content .current-promos .promo-box {
	float: left;
	display: inline;
	width: 44%;
	padding: 1em;
	margin-bottom: 2em;
	border: 1px solid #CCC;
}
.product .main-content ul#front-accessories {
	margin: 0 0 1em 0;
}
.product .main-content ul#front-accessories li {
	width:24.15%;
	background:#d0d6d7 url(/service/static/residentiel/img/interface/bkg-product-box.gif) repeat-x bottom;
	border:1px solid #d2d4d5;
	float:left;
	margin-right:0.75%;
	padding:.25em 0 .5em 0;
	text-align:center;
	list-style-type:none;
}
.product .main-content ul#front-accessories li.last {
	margin-right:0;
}
.product .main-content ul#front-accessories li a {
	color: #636466;
}
.product .main-content ul#front-accessories li a:hover span {
	text-decoration:underline !important;
}
.product .main-content ul#front-accessories li img {
	display:block;
	margin:.25em auto .5em auto;
}
.product .main-content ul#front-accessories li span {
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}
.product .mb-calculator {
	border: 1px solid #ccc;
	padding: 1em;
	margin: 0 0 1em 0;
}
.product .mb-calculator h2 {
	margin:0 0 0.75em;
}
.product .mb-calculator #benefits-options {
	float:left;
	width:72.5%;
	padding-right:1%;
	border-right:1px solid #ccc;
}
.product .mb-calculator #nb-users {
	display:none;
	border-bottom:1px solid #ccc;
	margin-bottom: 1em;
}
.product .mb-calculator #nb-users .rc {
	float: left;
}
.product .mb-calculator #nb-users label {
	font-weight:normal;
	padding-right:1.5em;
}
.product .mb-calculator #benefits {
}
.product .mb-calculator #benefits li label {
	font-weight:normal;
}
.product .mb-calculator #map, 
.product .mb-calculator #add-minutes {
	width:68%;
	position:relative;
}
.main-content form #add-minutes label.h2 {
	width: 120%;
}
.product #minutes-wrap {
	clear: both;
	border:1px solid #CCC;
	background: #fff url("/service/static/residentiel/img/interface/bg-gradient.gif") repeat-x bottom;
	margin: 0 0 2em 0;
	padding: 0 0 .75em 0;
}
.product #minutes-wrap.mb-calculator #minutes-calculator {
	margin: 0 20%;
}
.product #minutes-wrap.mb-calculator #add-minutes {
	width:65%;
	float:left;
	position:relative;
}
.product #minutes-wrap.mb-calculator #price {
	width: 30%;
	float:right;
	position:relative;
}
.product .mb-calculator select#minutes {
	float:left;
	margin: 0 1em 0 0;
}
.product .mb-calculator #minutesSlider, 
.product .mb-calculator #sliderTicks {
	display:none;
}
.product .mb-calculator #sliderWrap {
	float:left;
}
.product .mb-calculator #minutesDisplay {
	display:block;
	float:left;
	clear:right;
	margin: .25em 0 1em 0;
}
.product .mb-calculator #minutesMonthly {
	color:#626466;
	font-size:100%;
	font-weight:bold;
}
.product .mb-calculator #sliderWrap br {
	display: none;
}
.product .mb-calculator #price-combo {
	float:left;
	width:23%;
	padding-left:3%;
	border-left:1px solid #CCCCCC;
	margin-left:-1px;
}
.product .mb-calculator #price-combo #price {
	width:100%;
}
.product .mb-calculator #service-combo {
	margin-bottom: 1em;
}
.product .mb-calculator #service-combo select {
	float:left;
	margin-right: .75em;
}
.product .main-content #presentation-list dl {
	padding:0;
}
.product .main-content #presentation-list dl dt {
	width:66%;
	font-size:108%;
}
.product .main-content #presentation-list dl dd {
	width:84%;
}
.product .main-content #presentation-list dl dd.sub {
	float: right; 
	width: 66%;
	padding: 0 18% 0 0;
	font-size: 108%;
	font-weight: bold;
	color: #666;
	margin: 0 0 .75em 0;
}
.product .main-content #presentation-list dl dd.image {
	width:15%;
	padding:.25em 1% 0.25em 0;
}

/* Diaporama (NO-JS) */
#diapo-wrap {
	width:100%;
}
#diapo-wrap .diapo {
	width:100%;
}
#diapo-wrap #diapo-ph {
	display: none;
}
#diapo-wrap .diapo .diapo-cta {
	clear: both;
}
#diapo-wrap .diapo .diapo-cta img {
	text-align: right;
	margin: 0 0 .75em .75em;
}
#diapo-wrap .diapo ol li {
	clear: both;
}

/* Internet .main-title .tgv */
.main-content .main-title .tgv {
	background:url(/service/static/residentiel/img/fr/internet/acces-internet/icone_tgv_big.gif) no-repeat 100% 50%; 
	float:left; 
	padding-right:75px;
}
	body.en .main-content .main-title .tgv {
		background:url(/service/static/residentiel/img/en/internet/acces-internet/icone_tgv_big.gif) no-repeat 100% 50%; 
	}

/* Internet desktop transfer icones */
.internet .transfer div {
	width: 63px;
	height: 50px;
	margin: 0 auto;
	padding: 0 0 0.5em 0;
	clear: both;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/interface/ico-internet-desktop-transfer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
.internet .transfer #ico-download {
	background-position: -248px top;
	}
.internet .transfer #ico-upload {
	background-position: -500px top;
	}
.internet .transfer #ico-combined {
	background-position: -755px top;
	}

.product #specifications table td.installation {
	vertical-align: bottom;
	font-weight: bold;
	text-align: center;
	}
.product #specifications table td.installation .price {
	width: 0.6em;
	float: none;
	margin: 0 auto 0.4em auto;
	font-size: 400%;
	}
.en .product #specifications table td.installation .price {
	padding-right: 0.1em;
}
.product #specifications table td#dialup-install-price .price {
	margin-bottom: -0.1em;
}
.product #specifications table td#dialup-install-price span {
	display: block;
	width: 70%;
	margin: 0 auto;
	font-weight: normal;
}
.product #specifications table td.transfer big,
.product #specifications table td.installation big {
	display: block;
	padding: 0;
	margin: 0;
	line-height: .75em;
}
.product #specifications table td.plus {
	vertical-align: top;
	padding: 0;
	font-size: 300%;
	line-height: 2em;
	font-weight: bold;
	color: #646464;
}
.fees-promos, 
#fees-promos {
	clear: both;
	margin: 0 0 1em 0;
}
.fees-promos .fees, 
#fees-promos #fees {
	float: left;
	width: 65%;
}
.fees-promos form, 
#fees-promos form {
	float: left;
	width: 65%;
}
	.fees-promos .fees form, 
	#fees-promos #fees form {
		width: 100%;
	}
.fees-promos form select, 
#fees-promos form select {
	float: left;
	margin-right : 2em;
}
.fees-promos form .button-select, 
#fees-promos form .button-select {
	float: left;
	clear: right;
}
.fees-promos table, 
#fees-promos table {
	float: left;
	width: 65%;
}
	.fees-promos .fees table, 
	#fees-promos #fees table {
		width: 100%;
	}
.fees-promos form table, 
#fees-promos form table {
	width: 100%;
}
.fees-promos table tbody th, 
#fees-promos table tbody th {
	vertical-align: middle;
}
.fees-promos table tbody td, 
#fees-promos table tbody td {
	vertical-align: middle;
	text-align: center;
}
.fees-promos table tbody th.price-option, 
#fees-promos table tbody th.price-option {
	vertical-align: middle;
}
.fees-promos table tbody th.price-option span.rc, 
#fees-promos table tbody th.price-option span.rc {
	display: block;
	padding: 0px;
	position: relative;
}
.fees-promos ul.links,
.choose-compare ul.links, 
#fees-promos ul.links,
#choose-compare ul.links {
	float: left;
	clear: right;
	width: 31%;
	margin-top: .5em;
}
.fees-promos .notes ul.links,
.choose-compare .notes ul.links, 
#fees-promos .notes ul.links,
#choose-compare .notes ul.links {
	float: none;
	clear: none;
	width: auto;
	margin-top: 0;
}
.fees-promos ul.links li,
.choose-compare ul.links li, 
#fees-promos ul.links li, 
#choose-compare ul.links li {
	clear: both;
}
.fees-promos ul.links li span, 
#fees-promos ul.links li span {
	display: block;
}
.fees-promos .button, 
#fees-promos .button {
	clear: both;
}
.fees-promos .notes, 
#fees-promos .notes {
	clear: both;
}

.fees-options .intro {
	padding: 2em 3.5em 0 3.5em;
}
.fees-options .intro h3, 
.product #product-tabs .fees-options .intro h3 {
	font-size: 197%;
	text-transform: none;
	font-weight: normal;
}
.product #product-tabs .fees-options .intro h3 label {
	font-weight: normal;
}
.fees-options .intro h3 span {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
}
.fees-options .intro h3 big {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	font-size: 260%;
	font-weight: normal;
	color: #FCC705;
}
#product-tabs .yui-nav { /* Default: JS unavailable */
	position: absolute;
	left: -1000em;
}
#product-tabs, 
#product-tabs-static {
	clear: both;
	padding: 1em 0;
}
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em {
	cursor: default;
} 
#product-tabs dl {
	width: 66%;
}
#product-tabs #key-functions {
	float: left;
	width: 29.5%;
	padding: 0 2.5% 0 0;
}
#product-tabs #dimensions {
	float: left;
	width: 67%;
}
#product-tabs #dimensions img#compare-cards {
	margin-bottom: 3em;
}
#product-tabs #dimensions ul.longdesc {
	margin-top: 0.5em;
}
#product-tabs #characteristics table tbody th {
	width: 20%;
}
#product-tabs #characteristics table tbody td {
	width: 80%;
}
#product-tabs #accessories #list dl dt {
	text-transform: none;
}
#product-tabs #configuration table tbody th {
	width: 20%;
}
.internet #product-tabs #configuration table tbody th {
	width: 26%;
}
.internet #product-tabs #configuration table tbody td {
	width: 37%;
}
.no-subnav .main-content #product-tabs table {
	width: 66%;
}

/* ---[ Template - comparaison ]------------------------------- */
.comparaison .main-content table.header {
	clear: both;
}
.comparaison .main-content table.header tbody {
	display: none;
}
.comparaison .main-content table.header thead td {
	width: 20% !important;
}
.comparaison .main-content table.header thead th {
	text-align: center;
	vertical-align: bottom;
	width: 20% !important;
}
.comparaison .main-content table.header thead th span.new {
	display: block;
	width: 100%;
	margin: 0 0 0.5em 0;
}
.comparaison .main-content table.header thead th span.promotion {
	display: block;
	width: 100%;
	margin: 0 0 1.1em 0;
}
.comparaison .main-content table.header thead th span.solde {
	display: block;
	width: 100%;
	margin: 0 0 1.1em 0;
}
.comparaison .main-content table.header thead th a.remove, 
.comparaison .main-content table thead th a.detail {
	font-weight: normal;
	text-transform: none;
}
.comparaison .main-content table thead th .product-name {
	display: block;
	font-size: 108%;
	margin: 0 0 .5em 0;
}
.comparaison .main-content table.header thead th .product-name span.model {
	display:block;
}
.comparaison .main-content table.header thead th a, 
.comparaison .main-content table.header thead th a:link {
	color: #000;
	text-decoration: none;
}
.comparaison .main-content table.header thead th a:visited {
	color: #000;
	text-decoration: none;
}
.comparaison .main-content table.header thead th a:hover {
	color: #000;
	text-decoration: underline;
}
.comparaison .main-content table.header thead th a:active {
	color: #568;
	text-decoration: underline;
}
.comparaison .main-content table.header thead th .to-center {
	float: none;
	text-align: center;
	width: 9em;
	margin: 0 auto 0.5em auto;
}
.comparaison .main-content div.back, .main-content div.print, .main-content div.add-to-favorites {
  	padding: 0; 
  	background-image: none; 
}
	.en .comparaison .main-content table.header thead th .to-center {
		width: 5em;
	}
.comparaison .main-content table.collapse tbody th {
	width: 20% !important;
}
.comparaison .main-content table.collapse tbody td {
	width: 20% !important;
}

.comparaison .main-content table.grid thead tr.product-name td,
.comparaison .main-content table.grid thead tr.product-name th {
	position: absolute;
	left: -9999px;
}
.comparaison .main-content table.grid thead th, 
.comparaison .main-content table.grid thead td {
	vertical-align:bottom;
}

.comparaison .main-content table.grid thead th, 
.comparaison .main-content table.grid thead td, 
.comparaison .main-content table.grid tbody th, 
.comparaison .main-content table.grid tbody td {
	width: 16% !important;
}
.comparaison .main-content table.grid thead {
	border:none;
	empty-cells:hide;
}
/* 
Tableau de comparaison dans les pages produits
Refer to: mobile/services-optionnels/options-blackberry-fr.jsp (possibilité de mettre un id, on fera s'il y a conflit)*/
.product table.grid.gradient-header thead th  {
	text-align: center;
	font-size: 100%;
}
.product table.grid.gradient-header tbody td  {
	text-align: center;
}
.product table.grid.gradient-header thead th div.price-box,
.product table.grid.gradient-header tfoot td div.price-box  {
	width: 5em; 
	margin: 0pt auto;
	text-transform: none;
}
.product table.grid.gradient-header tbody th a.detail  {
	float: right;
	text-transform: none;
}
.product table.grid.gradient-header tfoot td,
.product table.grid.gradient-header tfoot th  {
	text-align: left;
	font-size: 100%;
}
/* ---[ Template - abonnement ]------------------------------- */
.abonnement .main-content #form.zone-box form {
	border: 1px solid #ccc;
	padding-bottom:3em;
}

/* ---[ Template - offre ]------------------------------- */
.offre div#introduction {
	clear: both;
	width: 100%;
}
.offre #introduction #visual {
	position: relative;
	float: right;
	margin: -3em 0 0 1em;
	position: relative;
	z-index: 2;
}
.offre #introduction .text {
	float: left;
	width: 38%;
	margin-bottom: 2em;
}
.offre #introduction .text2 {
	float: left;
	width: 100%;
	margin-bottom: 0em;
	margin-top: 0em;
}

.offre .main-content #presentation-list dl dt {
	padding:0.75em 22% 0.5em 0;
	width:56.5%;
}
.offre .main-content #presentation-list dl dd {
	width: 78.5%;
}
.offre .main-content #presentation-list dl dd div.description {
	padding: 0 6% 0 0;
	width: 69%;
}
.offre .main-content #presentation-list dl dd div.price-box {
	width: 21%;
	padding: 0 4% 0 0;
}
.offre .main-content #presentation-list dl dd.image {
	width: 18.2%;
	margin: 0;
	padding: 1.25em 3.1% 0.5em 0;
}
.offre .main-content dl dd.image {
	float: left;
	width: 22%;
	margin-top: -1.75em;
}
.offre .main-content .basic-list dl dd.image {
	margin-top: 0;
}
.offre .main-content dl dd.price-list {
	float: left;
}
.offre .main-content dl dd.price-list dl dt {
	float: left; 
	width: 55%;
	padding:0px;
	margin:0px;
	text-transform: none;
	font-size: 93%;
	border-top:0px none;
}	
.offre #presentation-list dl dd.price-list div.promo {
	float: left;
	clear: both;
	width: 100%;
	padding: 1em 0 0 0;
}
.offre #presentation-list dl dd.price-list .promo p {
	width: 100%;
	margin-bottom: 0.5em;
	padding: 0;
}		
.offre .main-content dl dd.price-list dl dd {
	float: right;
	text-align: right;
	padding:0px;
	margin:0px;
}	
.offre .main-content dl dd.price-list div {
	float: right;
	text-align: left;
}
.offre .main-content dl dd.price-list .price-box div {
	float: left;
}
.offre div.button {
	clear: both;
}
.offre .main-content .content-3-cols .zone-box h2 { 
	border-bottom: none;
	font-size: 167%;
	padding: 0;
}

/* Presentation list with DD.DESCRIPTION first on the left, before the DD.IMAGE */
.main-content #presentation-list.left-desc,
.main-content #presentation-list.left-desc dl {
	clear: both;
}
.main-content #presentation-list.left-desc dl dt {
	float: left;
	width: 38%;
	padding-top: 0.5em;
	padding-right: 0;
}
/* refer to tv/illico/forfaits-populaires/index */
.offre .main-content #presentation-list.left-desc dl dd,
.brand .main-content #presentation-list.left-desc dl dd {
	float: left;  
	width: 100%;
	padding-top: 0.5em;
}
.main-content #presentation-list.left-desc dl dd.description {
	clear: left;
	width: 38%;
}
#presentation-list.left-desc dl dd .description ul {
	clear: left;
}
.main-content #presentation-list.left-desc dl dd.image {
	width: 15%;
	margin-top: 0;
	margin-left: 1.5em;
	padding-right: 0;
}
.main-content #presentation-list.left-desc dl dd.price-list,
.offre .main-content #presentation-list.left-desc dl dd.price-list,
.brand .main-content #presentation-list.left-desc dl dd.price-list {
	float: right;
	width: 38%;
	margin: -1.75em 0 0 0;
}
.offre .main-content #presentation-list.left-desc dl dd.price-list {
	width: 42%;
}
.main-content #presentation-list.left-desc dl dd div.price-box {
	margin-top: 0;
}
.main-content #presentation-list.left-desc dl .price-list ul {
	float: left;
	width: 40%;
}
.main-content #presentation-list dl .price-list div.legal,
.main-content #presentation-list dl .price-list div.legalopened {
	width: 95%;
	float: none;
}
.main-content #presentation-list dl .price-list .legal p,
.main-content #presentation-list dl .price-list .legalopened p {
	width: 100%;
}
/* refers to internet securite index */
.main-content #presentation-list.left-desc dl .price-list dl {
	width: 100%;
}
.main-content #presentation-list.left-desc dl .price-list dl dt {
	width: 65%;
	margin: 0;
	padding: 0;
}

/* Presentation list DIVs at level 1 DL for price-list */
.main-content #presentation-list.left-desc,
.main-content #presentation-list div.product-line {
	clear: both;
	border-top: 1px solid #ccc;
	margin-top: -1px;
}
.main-content #presentation-list div.product-line h2 {
	text-transform: uppercase;
	font-size: 116%;
	padding: 0.5em 0 0 0;
	border-bottom: none;
}
.offre .main-content #presentation-list div.product-line div {
	float: left; 
}
.main-content #presentation-list div.product-line div.description {
	clear: left;
	width: 38%;
}
.main-content #presentation-list div.product-line div.image {
	width: 15%;
	margin-top: 0;
	margin-left: 1.5em;
	padding-right: 0;
	text-align: center;
}
.main-content #presentation-list div.product-line div.price-list {
	float: right;
	width: 38%;
	margin: -1.75em 0 0 0;
}
.main-content #presentation-list div.product-line div.price-list div.price-box {
	float: right;
	width: 35%;
	padding: 0 4% 0 0;
}
.main-content #presentation-list div.product-line div.price-list ul {
	float: left;
	width: 40%;
}
.main-content #presentation-list div.product-line div.price-list div.legal,
.main-content #presentation-list div.product-line div.price-list div.legalopened {
	width: 100%;
}
.main-content #presentation-list div.product-line div.price-list div.legal div,
.main-content #presentation-list div.product-line div.price-list div.legalopened div {
	width: auto;
}
.main-content #presentation-list div.product-line div.price-list .legal p,
.main-content #presentation-list div.product-line div.price-list .legalopened p {
	width: 100%;
}
/* refers to internet securite index */
.main-content #presentation-list div.product-line div.price-list dl {
	width: 100%;
	border-bottom: none;
	border-top: none;
	margin-bottom: .5em;
}
.main-content #presentation-list div.product-line div.price-list dl dt {
	float: left;
	width: 65%;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	text-transform: none;
	margin-top: 0.2em;
}
.main-content #presentation-list div.product-line div.price-list dl dd {
	float: right;
	text-align: right;
	padding-top: 0;
	width: 30%;
}

/* Presentation list with visual description AND images. Refer to "acces-internet/index" */
.main-content #presentation-list.visual dl dt {
	display: block;
	float: none;
	width: auto;
	margin-top: 0.75em;
	padding-bottom: 0;
	padding-left: 1em;
}
.main-content #presentation-list.visual dl dd.description {
	width: 38%;
	padding-left: 1em;
}
.main-content #presentation-list.visual dd.description p {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0.5em;
	padding-top: 0;
	color: #646464;
}
.main-content #presentation-list.visual dd.description .ico-internet-cable {
	clear: left;
	margin-top: 0;
}
.main-content #presentation-list.visual dl dd.image {
	margin-top: -1em;
	padding-top: 0;
}
.main-content #presentation-list.visual dl dd.price-list {
	margin-top: 1em;
	padding-top: 0;
}
.main-content #presentation-list.visual dl dd div.price-box {
	width: 35%;
}
/* Presentation list with DD.IMAGE at the right end */
.main-content #presentation-list.right-img,
.main-content #presentation-list.right-img dl {
	clear: both;
}
.main-content #presentation-list.right-img dl dt {
	float: left;
	clear: left;
	width: 75%;
	padding-top: 0.5em;
	padding-right: 0;
}
.main-content #presentation-list.right-img dl dt a, 
.main-content #presentation-list.right-img dl dt a:link,  
.main-content #presentation-list.right-img dl dt a:visited {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0px -76px;
	margin: 0 0 0 0;
	padding: 0 0 0 16px;
}
.main-content #presentation-list.right-img dl dt a:hover {
	color: #000;
	background-position: 0% -156px;
	text-decoration: underline;
}
.main-content #presentation-list.right-img dl dt a:active {
	color: #568;
	background-position: 0% -236px;
	text-decoration: none;
}
.main-content #presentation-list.right-img dl dd {
	float: left;  
	clear: none;
	width: 75%;
	padding-top: 0.5em;
}
.main-content #presentation-list.right-img dl dd.image {
	float: right;
	width: 20%;
	margin-top: 0;
	padding-right: 0;
}
.main-content #presentation-list.right-img dl dd.image img {
	margin: 0 auto;
}
.offre dl dd.price-box,
.offre #presentation-list dl dd.price-box {
	position: relative;
	float: right;
	width: 20%;
	padding: 0 0 0 0;
	margin: -1em 0 0 0;
}
.offre #presentation-list .price-list dl dd.price-box {
	position: relative;
	float: right;
	width: 30%;
	padding: 0;
	margin: 0;
}
.offre .main-content #presentation-list.left-desc dl dd.price-box, 
.brand .main-content #presentation-list.left-desc dl dd.price-box {
	position: relative;
	float: right;
	width: 30%;
	padding: 0;
	margin: 0;
}

.offre dl dd .price-box dt,
.offre #presentation-list dl dd .price-box dt {
	padding: 0 0 0 0;
	margin: 0;
	float: left;
	width: 50%;
}	
.offre dl dd .price-box dd,
.offre #presentation-list dl dd .price-box dd {
	padding: 0 0 0 0;
	margin: 0;
	float: right;	
	width: 50%;
}		
.offre dl dd .price-box a.arrow {
	clear: both;
	float: left;
	font-weight: normal;
}
.offre .fees-promos .fees, 
.offre #fees-promos #fees {
	width:72%;
}
.offre .fees-promos table tbody th, 
.offre #fees-promos table tbody th {
}
#presentation-list .price .slash {
	margin-top: 0;
}
#presentation-list div.note {
	float: left;
	clear: both;
	width: 96%;
	margin-top: 1em;
}

/* ---[ Template - disabled-script ]----------------- */
.disabled-script .main-content {
	padding-bottom: 2em;
}
.disabled-script .main-content form {
	width: 80%;
}
.disabled-script .main-content form .bt-cancel {
	display: none;
}
.main-content div.ft {
	clear: both;
	padding-top: 2em;
}


/* ---[ Generic mark-up - Not related to specific template ]-------- */

/* Forfaits - Couverture et itinerance - CANADA */
.main-content #maps {
}
.main-content #maps img {
	border: 1px solid #ccc;
}
.main-content .overlay-scroll-container #maps img {
	border: none;
}
.main-content ul.mapcanada-nav {
	width: 135%;
	min-height: 1%; /* debug for floating LI */
	margin: 0 0 1em 0;
	padding: 0 !important;
	border: none !important;
}
.couverture-itinerance .main-content form#map-selector, 
.couverture-itinerance .main-content form#country-selector {
	display: none;
	margin: 0 0 .75em 0;
}
.main-content .wider #product-tabs .yui-nav	{
 	width: 100%;
}	
.main-content ul.mapcanada-nav li {
	float: left;
	list-style: none;
	margin: 0 !important;
	padding: 0;
}	
ul.mapcanada-nav li a {
	position: relative;
	top: -20px;
	display: block;
	height: 51px;
	list-style-position: outside;
	border: none !important;
	background-image: url(/service/static/residentiel/img/fr/sans-fil/forfaits/couverture-itinerance/map-canada/btn-province-map.gif) !important;
}
body.en ul.mapcanada-nav li a {
	background-image: url(/service/static/residentiel/img/en/sans-fil/forfaits/couverture-itinerance/map-canada/btn-province-map.gif) !important;
}
ul.mapcanada-nav li a span {
	display:none;
}
a#quebec {
	width:89px;
	background-position: 0 0;
}
a#quebec:hover {
	background-position: 0 -51px;
}
li.selected a#quebec {
	background-position: 0 -102px;
	cursor: default;
}
a#ontario {
	width:104px;
	background-position: -89px 0;
}
a#ontario:hover {
	background-position: -89px -51px;
}
li.selected a#ontario{
	background-position: -89px -102px;
	cursor: default;
}
a#maritimes {
	width:91px;
	background-position: -193px 0;
}
a#maritimes:hover {
	background-position: -193px -51px;
}
li.selected a#maritimes {
	background-position: -193px -102px;
	cursor: default;
}
a#alberta {
	width:79px;
	background-position: -284px 0;
}
a#alberta:hover {
	background-position: -284px -51px;
}
li.selected a#alberta {
	background-position: -284px -102px;
	cursor: default;
}
a#saskatchewan {
	width:118px;
	background-position: -363px 0;
}
a#saskatchewan:hover {
	background-position: -363px -51px;
}
li.selected a#saskatchewan {
	background-position: -363px -102px;
	cursor: default;
}
a#manitoba {
	width:85px;
	background-position: -481px 0;
}
a#manitoba:hover {
	background-position: -481px -51px;
}
li.selected a#manitoba {
	background-position: -481px -102px;
	cursor: default;
}
a#colombie-britannique {
	width:164px;
	background-position: -566px 0;
}
a#colombie-britannique:hover {
	background-position: -566px -51px;
}
li.selected a#colombie-britannique {
	background-position: -566px -102px;
	cursor: default;
}
#maps div.notes {
	float: left;
	clear: both;
	margin-top: 1em;
}

/* Perticular */

table#selection-result{
	width: auto;
}
.couverture-itinerance .main-content p.txt-left {
	width: 68%;
}

.scrollable-overlay{ height:400px; overflow-x:hidden; overflow-y:scroll; padding-right: 1em; margin-top: 3em;  }
 .overlay .scrollable-overlay div.print, 
 .overlay-content .scrollable-overlay div.print {top:-2.5em;}
.scrollable-overlay table.grid{ width: auto;  }
.statut_dispo { color: green; }
.statut_non_dispo { color:red; }
 
.couverture-itinerance .main-content form .button {
	float: right;
	margin: 1.5em 0 .5em 0;
}
	.mobile .couverture-itinerance .main-content form .button {
		float: left;
		margin: -1px 1em 0.5em 0;
	}

.mobile .couverture-itinerance .main-content form div.field {
	clear:both;
	margin:0 0 0.5em 0;
	padding:0 0 .5em 0;
}
.couverture-itinerance .main-content table thead th.first-row {
	background: #FFF none repeat scroll 0 0;
	text-align: center;
}
.couverture-itinerance div#selection-result {
	clear: both;
	min-height: 3.25em;
	min-height: auto !important;
	height: 3.25em;
	padding: 1em 0.5em;
	vertical-align: middle;
	border: 1px solid #E5E5E5;
}
.couverture-itinerance #selection-result img {
	float: left;
	margin: -0.15em 2% 0 1%;
}
.couverture-itinerance #selection-result p {
	width: 100%;
	margin: 0;
}
.couverture-itinerance #selection-result p#oui {
	color: #000;
}
.couverture-itinerance #selection-result p#non {
	color: #f00;
}
.couverture-itinerance #selection-result p em { /* em tags = country name */
	font-style: normal;
	white-space: nowrap;
}

/* Forfaits Zone */
#zone-map .zone-map {
	margin: 0 0 1em 0;
}
#zone-map .legend {
	margin: 0 0 1em 0;
}
#zone-map .legend ul {
	margin: 0 0 1em 0;
	font-size: 100%;
}
#zone-map .legend li {
	list-style-type: none;
}

/*  ToolTips - overlay text on icone: bluetooth , EDGE , MP3 ... */
#alltooltips div.bd {
	color: #000000;
	background-color: #ececec;
	padding:3px 5px 3px 5px;
	background-image: url(/service/static/residentiel/img/interface/bkg-tooltips.gif);
	background-repeat:no-repeat;
}

#tooltips-box.normal-color .bd {
	background-color: #ffffe1;
}

#alltooltips .yui-tt-shadow{
	background-color:#000000;
	bottom:-3px;
	left:-3px;
	right:-3px;
	top:2px;
}
#alltooltips .yui-overlay {
	position:absolute;
	visibility:hidden;
	z-index:2;
}
#alltooltips .yui-tt-shadow {
	position:absolute;
}
#alltooltips .yui-tt .bd {
	background-color:#ececec;
	border-color:#ececec;
	border-style:solid;
	border-width:1px;
	color:#000000;
	left:0pt;
	padding:2px 5px;
	position:relative;
	top:0pt;
	z-index:1;
}
#alltooltips .yui-tt-shadow {
	background-color:#000000;
	bottom:-2px;
	left:0px;
	right:-2px;
	top:0px;
}
#alltooltips  .yui-tt-shadow-visible {
	opacity:0.12;
}

/* Section's landing */
#front-product .price {
	width: 1em;
}
.en #front-product .price {
	width: 1.1em;
}
#front-product .button {
	clear: both;
}
.promotions #front-product, 
.landing #front-product, 
.option_serv #front-product {
	position: relative;
	margin: -33px -2.075% 1em -2.075%;*/
	z-index: 1;
	text-align: center;
}

.offre #front-product,
.sub-landing #front-product {
	position:relative;
	margin: 0 -2.075% 1em -2.075%;
	z-index:1;
	text-align: center;
}

#front-product div.shadow{
	background: url(/service/static/residentiel/img/interface/bg-shadow-front-product.gif) repeat-x bottom;
	padding: 0 0 11px 0;
}

.landing #front-product #splash-alt {
	text-align: left;
}
.landing #front-product div.main-title,
.landing #front-product div.title-remote {
	border-bottom: none;
}
.promotions #content-footer, 
.landing #content-footer {
	position: relative;
	margin:0 -2.075%;
	zoom:1;
}

/* Promotions - landing */
.promotions .main-content #front-product .main-title {
	float: left;
	width: 50%;
}
.promotions #front-product #product {
	margin-bottom: 1em;
}
.promotions .main-content #front-product .legal,
.promotions .main-content #front-product .legalopened {
	width: 93.5%;
}
.promotions .main-content #front-product .legal div,
.promotions .main-content #front-product .legalopened div {
	position: relative; 
	width: 100%;
	height: 100%;
	background: transparent url(/service/static/residentiel/img/interface/bg-conditions-promo-png24.png);	
}
.promotions .main-content ul.links {
	clear: both;
}
.promotions #front-product div#product {
	float: left;
	clear: both;
}
.internet #tgv-15 .ico-internet-cable {
	background-position: -350px -200px; /* light-gray background */
}
.internet #tgv-30 .ico-internet-cable {
	background-position: -310px -200px; /* light-gray background */
}
.promotions #front-product #price {
	position: absolute;
	top: 4em;
	right: 8%;
}
.promotions #front-product #price .y-button {
	margin-right: 0;
}
.promotions #content-footer {
	margin: 0 -2.075%;
	position: relative;
}
.promotions #content-footer .promo-landing-box {
	float: left;
	margin-left: 2%;
	width: 49%;
	text-align: center;
}
.promotions #content-footer .promo-landing-box.first {
	margin-left: 0;
}
.promotions #content-footer .promo-landing-box.last {
	float: right;
}
.promotions #content-footer .landing-box {
	position: relative;
	width: 92%;
	min-height: 11em;
   	height: auto !important;
	height: 11em;
	margin: 0 0 .5em 0;
	padding: .75em 4%;
	zoom:1;
}
.promo-landing-box .alt-bg-black {
	background: #000;
}
.promo-landing-box .alt-bg-black h2 {
	color: #ffbd0f;
}
.promo-landing-box .alt-bg-black p.uppercase {
	color: #fff;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
}
.promo-landing-box .alt-bg-black p.uppercase big {
	font-size: 146.5%;
}
.promo-landing-box .alt-bg-black p, 
.promo-landing-box .alt-bg-black ul, 
.promo-landing-box .alt-bg-black li {
	color: #fff;
}
.main-content .promo-landing-box .alt-bg-black a.arrow, 
.main-content .promo-landing-box .alt-bg-black a.arrow:link {
	color: #fff;
	background-position: 0% -8078px;
}
.main-content .promo-landing-box .alt-bg-black a.arrow:visited {
	color: #ccc;
	background-position: 0% -8238px;
}
.main-content .promo-landing-box .alt-bg-black a.arrow:hover {
	color: #dde2e4;
	background-position: 0% -8158px;
}
.main-content .promo-landing-box .alt-bg-black a.arrow:active {
	color: #ccc;
	background-position: 0% -8238px;
}
#content-footer .promo-landing-box ul.links {
	width: 100%;
}
	
/* INTERNET security services - products  */
.security-services #description {
	width: 42%;
}
.security-services #picture {
	width: 32%;
}

/* internet - service securite index */
.security-services .main-content div.description {
	clear: both;
	float: left;
	width: 25em;
	position: relative;
	left: 2px;
}
.security-services .main-content #presentation-list.left-desc dl dd.image {
	width: 14%;
}
.security-services .image .ico-internet-secur img {
	display: none;
}
/* CSS Sprites - Internet Security services icones */
.security-services .image .ico-internet-secur {
	width: 80px;
	height: 100px;
	margin: 0 auto;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/internet/securite/ico-internet-secur-services.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.security-services .image #standard-security {
	background-position: -200px top;
}
.security-services .image #maximum-security {
	background-position: -400px top;
}
.security-services .image #parental-security {
	background-position: -600px top;
}
.security-services #presentation-list .price-list p.price-detail {
	clear: both;
	display: block;
	float: none;
}
.main-content dd.price-list ul.links {
	position: relative;
	clear: left;
	padding: 0;
	margin: 0 0 1em 0;
}
/* internet security - compare services */
.internet #compare-security-services thead th span {
	display: block;
	float: left;
	width: auto;
	padding-top: 0.5em;
}
/* css sprites */
.internet #compare-security-services thead th span.ico {
	float: right !important;
	width: 36px;
	height: 34px;
	padding-top: 0;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/internet/securite/compare-security-services.png);
	background-repeat: no-repeat;
}
.internet #compare-security-services thead th#standard span.ico {
	background-position: left center;
}
.internet #compare-security-services thead th#maximum span.ico {
	background-position: right center;
}
	
/* INTERNET service de securite - page comparer  */
.security-services .comparaison .main-content table.gradient-header thead th {
	background: #E5E5E5 url(/service/static/residentiel/img/interface/bg-table-thead-th-2l.gif) repeat-x scroll center bottom;
}
.security-services .comparaison .main-content table.gradient-header thead th span {
	float: left;
}
.security-services .comparaison img.img-right{
	float: right;
	margin: 0;
}

/* css sprites - horizontal cable images */
.internet .ico-internet-cable {
	width: 600px; /* maximum with */
	height: 40px;
	background-color: transparent;
	background-image: url(/service/static/residentiel/img/internet/acces-internet/cable-offre-internet.gif); /* default img */
	background-position: left top;
	background-repeat: no-repeat;
}
.internet #intermediaire .ico-internet-cable {
	background-position: -460px top;
}
.internet #haute-vitesse .ico-internet-cable {
	background-position: -420px top;
}
.internet #extreme .ico-internet-cable {
	background-position: -390px top;
}
.internet #extreme-plus .ico-internet-cable {
	background-position: -350px top;
}

.internet #tgv-15 .ico-internet-cable {
	background-position: -350px -200px; /* light-gray background */
}
.internet #tgv-30 .ico-internet-cable {
	background-position: -310px -200px; /* light-gray background */
}
.internet #tgv-50 .ico-internet-cable {
	background-position: -270px -200px; /* light-gray background */
}
.internet div.ico-internet-cable span {
	display: none;
}
.internet .description .ico-internet-cable {
	width: 330px;
	height: 40px;
}
/* css sprites - images texte de la vitesse de telechargement (Pas utiliser, remplace par IMG inline depuis 28juillet) */
.internet .download-speed-info {
	width: 90px;
	height: 80px;
	background-color: transparent;
	background-position: left top; /* default = blank */
	background-repeat: no-repeat;
}
.en.internet .download-speed-info {
	background-image: url(/service/static/residentiel/img/en/internet/acces-internet/download-speed-info.gif); /* EN */
}
.fr.internet .download-speed-info {
	background-image: url(/service/static/residentiel/img/fr/internet/acces-internet/download-speed-info.gif); /* FR */
}
.internet #intermediaire .download-speed-info {
	background-position: -600px top;
}
.internet #haute-vitesse .download-speed-info {
	background-position: -100px top;
}
.internet #extreme .download-speed-info {
	background-position: -200px top;
}
.internet #extreme-plus .download-speed-info {
	background-position: -300px top;
}
.internet #tgv-30 .download-speed-info {
	background-position: -400px -100px; /* light-gray background */
}
.internet #tgv-50 .download-speed-info {
	background-position: -500px -100px; /* light-gray background */
}
.internet div.download-speed-info strong {
	display: none;
}
.internet .image div.download-speed-info {
	margin: 0.3em auto 0 auto;
}

/* Lexicon refer to long text under #presentation-list */
div#lexicon {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 2em;
}
.main-content #lexicon h2 {
	margin-bottom: 1em;
}
#lexicon.four-collumn div {
	float: left;
	width: 23%;
	margin-right: 1.9%;
}

.main-content .double-collumn p {
	float: left;
	width: 48%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 1em;
}
.main-content .double-collumn p.first {
	margin-left: 0;
}

/* INTERNET - Rapidite sur demande */
.rapide-sur-demande .main-content div#description {
	clear: both;
}
.rapide-sur-demande .main-content #description .text {
	float: left;
	width: 50%;
	margin-bottom: 2em;
}
.rapide-sur-demande .description #visual {
	float: right;
	margin-top: -4em;
	position: relative;
	z-index: 1;
}
.rapide-sur-demande #login-espace-client {
	width: 100%;
	clear: both;
}
/* css sprites - "service-optionnels/index" */
.services-optionnels .ico-services-optionnels {
	width: 90px;
	height: 100px;
	margin: 0 auto;
	background-color: white;
	background-image: url(/service/static/residentiel/img/sans-fil/services-optionnels/ico-services-optionnels.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.services-optionnels #afficheur-messagerie-vocale.ico-services-optionnels {
	background-position: 0 top;
}
.services-optionnels #minutes-additionnelles.ico-services-optionnels {
	background-position: -200px top;
}
.services-optionnels #interurbains.ico-services-optionnels {
	background-position: -400px top;
}
.services-optionnels #messagerie-texte.ico-services-optionnels {
	background-position: -600px top;
}
.services-optionnels #internet-sans-fil.ico-services-optionnels {
	background-position: -800px top;
}
.services-optionnels #renvoi-appel.ico-services-optionnels {
	background-position: -1000px top;
}
.services-optionnels #facturation-detaillee.ico-services-optionnels {
	background-position: -1200px top;
}

/* TELEVISION - illico/index */

.television .offre #introduction #visual {
	margin-right: 15%;
}
.television .offre #introduction .text {
	width: 50%;
}

/* TV illico index content */
.offre div#illico-par-etapes {
	clear: both;
}
.product div#illico-par-etapes {
	clear: both;
	padding: 1em 0 0 0;
	border-top: 1px solid #ccc;
}
#illico-par-etapes .zone-box li p {
	clear: both;
}
#illico-par-etapes .zone-box li img {
	margin-left: 3em;
}
#illico-par-etapes .zone-box img {
    display: block;
    margin: 0 auto;
}
#illico-par-etapes .illico-bundle {
	clear: both;
	width: 90%;
	margin-bottom: 1em;
	padding: 1em;
	border: 1px solid #d2d2d2;
	border-right: 2px solid #afafaf;
	border-bottom: 2px solid #afafaf;
	background-color: #fafafa;
}
#illico-par-etapes .illico-bundle p {
	clear: left;
	width: 60%;
	margin: 0.5em 0 0 0;
	color: #646464;
}
#illico-par-etapes .illico-bundle p.plus {
	width: 45%;
	margin: 0;
	padding: 0 0 0 15%;
	color: #FFCC00;
	font-size: 300%;
	font-weight: bold;
	line-height: 0.6em;
	text-shadow: 1px 1px 2px #646464;
}
#illico-par-etapes .illico-bundle dl {
	clear: both;
}
#illico-par-etapes .illico-bundle dl.first {
	margin: 0 0 1em 0;
}
#illico-par-etapes .illico-bundle dl dt {
	float: left;
	clear: left;
	width: 60%;
	margin-bottom: 0 !important;
	text-transform: uppercase;
}
.en #illico-par-etapes .illico-bundle dl dt {
	width: 56%;
}
#illico-par-etapes .illico-bundle dl dd {
	float: right;
	clear: right;
	width: 32%;
	font-size: 77%;
	padding-left: 3%;
	margin-bottom: 1em;
	border-left: 1px solid #ccc;
}
.en #illico-par-etapes .illico-bundle dl dd {
	width: 36%;
}
#illico-par-etapes .illico-bundle dl dd .price {
	float: left;
	padding-right: 0.1em;
}
#illico-par-etapes li#equipement img {
	margin-bottom: -0.5em;
}
/* Resize links in illico products (bottom) pages */
.product #illico-par-etapes dl.short-desc dt a, .product #illico-par-etapes dl.short-desc dt a:link, .product #illico-par-etapes dl.short-desc dt a:visited,
.product #illico-par-etapes ul.bullet-c li a, .product #illico-par-etapes ul.bullet-c li a:link, .product #illico-par-etapes ul.bullet-c li a:visited {
	font-size: 100%;
	background-position:0 -76px;
}
.product #illico-par-etapes dl.short-desc dt a:hover,
.product #illico-par-etapes ul.bullet-c li a:hover {
	background-position:0 -156px;
}

/* TELEVISION - illico/forfaits-populaires + illico/forfaits-sur-mesure */
.illico .brand #introduction #visual {
	margin-right: 10%;
}
.illico .brand #introduction .text {
	width: 50%;
}
/* Pages with video player */
.main-content #introduction.media .text {
	float: left;
	width: 23%;
	margin-right: 1%;
}
.main-content #introduction.media .player-wrapper {
	float: right;
	width: 75.8%;
}

.brand .main-content #presentation-list.left-desc dl dt,
.television .main-content #presentation-list.left-desc dl dt {
	width: auto;
}
.brand .main-content #presentation-list.left-desc dl dd,
.television .main-content #presentation-list.left-desc dl dd {
	clear: left;
}
.brand .main-content #presentation-list.left-desc dl dd div.description,
.television .main-content #presentation-list.left-desc dl dd div.description {
	clear: left;
	width: 50%;
	padding-right: 0;
}
.brand .main-content #games-list {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

/* TELEVISION - illico/forfaits-populaires/produit + illico/forfaits-sur-mesure/produit */
.illico .product #fees-promos table tbody td {
	text-align: left;
}

/* ---[ Template - offre2 ]----------------- */

/* TELEVISION - Equipement - Offre */

.offre2 .main-content #presentation-list {
	width: 100%;
	padding: 0px;
	padding-bottom:  0.5em;
	float: none;
	border: 0px;
}
.offre2 .main-content #presentation-list div.product-line {
	width: 99%;
	padding: 1em 0.5em;
}
.offre2 .main-content #presentation-list div.product-line h2 a{
	color: #000;
}
.offre2 .main-content #presentation-list div.product-line div.price-list {
	float: right;
	margin: 0px;
	width: 44%;
}
.offre2 .main-content #presentation-list div.product-line div.price-list ul {
	float: left;
	width: 58%;
}
.offre2 .main-content #presentation-list div.product-line div.price-list ul.links {
	margin: 0 0 1em 0;
	padding:0;
}
.offre2 .main-content #presentation-list div.product-line div.price-list div.price-box {
	float: right;
	width: 30%;
	padding: 0px 4% 0 0;
}
.main-content #presentation-list .product-line .price-box .button {
	clear: left;
}
.offre2 .main-content #presentation-list div.product-line div.description {
	float: left; 
	width: 55%;
}
.offre2 .main-content #presentation-list div.product-line div.product-thumbnail {
	float: left;
	width: 42%;
}
.offre2 .main-content #presentation-list div.product-line div.product-description {
	float: left;
	width: 56%;
	margin-left: 1%;
}

.offre2 .main-content div#content-footer .landing-box {
	position: relative;
	background: #d2d4d5 url(/service/static/residentiel/img/interface/bkg-landing-box2.gif) repeat-x left bottom;
	float: left;
	width: 47%;
	margin: 0 0 0 1.5%;
	padding: 1%;
}
.offre2 .main-content div#content-footer .landing-box.first {
	margin-left: 0;
}
.offre2 .main-content div#content-footer .landing-box.last {
	margin-right: 0;
}
.offre2 .main-content div#content-footer .landing-box div.landing-content {
	width: 65%;
}
.offre2 .main-content div#content-footer .landing-box img.landing-image {
	position: absolute;
	right: 1.5%;
	bottom: 0;
}
/* duplicata du template .products */
.offre2 .fees-promos table, 
.offre2 #fees-promos table {
	float: left;
	width: 65%;
}
.offre2 .fees-promos ul.links, 
.offre2 #fees-promos ul.links {
	float: left;
	clear: none;
	width: 30.5%;
	padding-left: 2.5%; /* ie6 */
}
.offre2 .fees-promos ul.links li, 
.offre2 #fees-promos ul.links li {
	clear: both;
}

/* refer to television/equipements/product */
.main-content #technical-spec ul.spec-view {
	clear: both;
	margin-top: 1em;
	margin-left: 0.5em;
}
.main-content #technical-spec ul.spec-view li {
	list-style: none;
	float: left;
	display: inline;
	width: auto;
	text-align: center;
}
.main-content #technical-spec ul.spec-view li.first {
	clear: left;
	margin-left: 0;
}
.main-content #technical-spec ul.spec-view li a {
	margin-top: 0.5em;
}

/* ---[ Ajustements spécifique pour la page de comparaison des terminaux - TV -> Equipements ]--- */
.television .comparaison .main-content table.header thead th span.promotion {
	width: 100%;
	background-color: transparent;
}
.television .comparaison .main-content table.header thead th span.solde {
	width: 100%;
	background-color: transparent;
}
/* refer to television/equipements/telecommandes */
.product #item-details.double-items #description {
	width: 36.5%;
}
.product #item-details.double-items div.picture {
	float: left;
	width: 19%;
	margin-left: 0.5%;
}
.product #item-details.double-items div.picture.first {
	margin-left: 0;
}
.product #item-details.double-items div.picture img {
	padding: 1em;
	border: 1px solid #ccc;
	margin-bottom: 0.5em;
}
.product #item-details.double-items #price {
	width: 19%;
}

/* ---[ Ajustements spécifique à la page produit câble et outils - TV -> Equipements -> Câbles et outils ]--- */
.television .list #top-options #description {
	width: 50%;
}
.television .list h2#h-subtitle {
	font-size: 93%;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 .25em 0;
	border: none;
}
.television .main-content .options div.paging-nav {
	bottom: 1em;
}
/* grille-canaux/liste-chaines */
.grille-canaux .main-content .main-title span#anchor {
	width: 45%;
}
.grille-canaux .main-title #options {
	float: right;
	width: 56%;
	margin-top: -1em;
	background-color: transparent;
}
.grille-canaux .main-title #options select {
	float: right;
}
.grille-canaux .main-title #options div.print,
.grille-canaux .main-title #options div.add-to-favorites {
	float: right;
	width: auto;
	margin-left: 3%;
}
.grille-canaux .main-content #introduction {
	width: 100%;
	margin-right: 0;
	padding-right: 0;
}
.main-content #media-providers .basic-list dl dt a {
	float: left;
	line-height: 1.18em; /* alignement vertical avec l'icone */
}
.main-content #media-providers .basic-list dl dt br {
	display: none; /* semantic fall back */
}
.main-content #media-providers .basic-list dl dt span {
	float: right !important;
	margin: 0 0.5em;
}
/* ----- [ player flash avec liste] ----- */
.main-content .player-wrapper {
	background: #fff url(/service/static/residentiel/img/interface/bg-flash-player-wrapper.gif) repeat-x left bottom;
	padding: 0 0 .5em 0;
	margin: 0;
	position: relative;
}
.main-content .player-wrapper .player {
	float: left;
	width: 100%;
	margin-bottom:1em;
}
.main-content .player-wrapper.wide-list .player {
	width:506px;
	float:left;
}
.main-content .player-wrapper.standard-list .player {
	width: 50%;
}
.main-content .player-wrapper .player-list{
	display:none;
}

.main-content .player-wrapper ul.player-list li.active {
	background: #ffbd0f url(/service/static/residentiel/img/interface/bg-player-list-active-element.gif) repeat-x left bottom;
}
.main-content .player-wrapper ul.player-list li a {
	display: block;
	padding: 0.5em 0.5em;
}
.main-content .player-wrapper ul.player-list li a:hover {
	background-color: #E2E5E8;
	text-decoration: none;
}
.main-content .player-wrapper ul.player-list li a:visited {
	text-decoration: none;
}
.main-content .player-wrapper ul.player-list li a span {
	margin-left: 0.8em;
}
.main-content .player-wrapper ul.player-list li a:hover span {
	text-decoration: underline;
}
.main-content .player-wrapper ul.player-list li a strong {
	color: #000;
}
.main-content .player-wrapper ul.player-list li.active a {
	text-decoration: none;
	background: transparent url(/service/static/residentiel/img/interface/bt-nav.gif) no-repeat 95% -8782px;
}
.main-content .player-wrapper ul.player-list li.active a:hover {
	background-color: transparent;
}

/* television: Cable analogique */
.main-content #choose-compare .text {
	float: left;
	width: 65%;
}

/* TELEPHONIE */
/* Offre */
.telephonie .offre #introduction #visual {
	margin-right: 20%;
}
.telephonie .offre #introduction .text {
	margin-bottom: 0;
	width: 50%;
}
/* Produits */
.telephonie .product #picture img {
	margin-top: 0;
}
.telephone-logiciel .product .fees-promos table tbody td, 
.telephone-logiciel .product #fees-promos table tbody td {
	text-align: left;
}
.telephone-logiciel #product-tabs #features table tbody th {
	width: 50%;
}
.telephone-logiciel #product-tabs #features table tbody td {
	width: 25%;
}
.telephone-logiciel #product-tabs #features table tbody tr.gradient-header th {
	width: auto;
}
.telephone-logiciel #product-tabs #features table tbody tr.gradient-header td {
	width: auto;
}

/* telephonie + mobile services-optionnels */
.services-optionnels div#options-wrapper dl#options-list dt {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	font-size: 123.1%;
	font-weight: bold;
	margin: 0 0 0.75em;
	padding: 0 0 0.125em;	
}
.services-optionnels div#options-wrapper dl#options-list dd {
	margin: 0 0 1.5em 0;
}
.services-optionnels div#options-wrapper dl#options-list dd .option-description {
	float: left;
	width: 60%;
}
.services-optionnels div#options-wrapper dl#options-list dd .option-price-info {
	float: right;
	width: 38%;
	border-width: 0;
	background-color: transparent;
}
.services-optionnels div#options-wrapper dl#options-list dd .option-price-info tbody,
.services-optionnels div#options-wrapper dl#options-list dd .option-price-info th,
.services-optionnels div#options-wrapper dl#options-list dd .option-price-info td {
	border-width: 0;
	background-color: transparent;
	text-transform: none;
}
.services-optionnels div#options-wrapper dl#options-list dd .option-price-info th {
	padding: 0 0.5em 1em 0;
	width: 55%;
}
.services-optionnels div#options-wrapper dl#options-list dd .option-price-info td {
	padding: 0 0 1em 0.5em;
	text-align: right;
}
.services-optionnels div#options-wrapper thead {
	border-width: 0;
}
.services-optionnels div#options-wrapper thead td {
	border:1px solid #E5E5E5;
	background-color: #f5f6f7;
}
.emptyCell {
	border-width:0 !important;
	background-color: transparent !important;
}
.services-optionnels div#options-wrapper thead td,
.services-optionnels div#options-wrapper tfoot td,
.services-optionnels div#options-wrapper tbody td {
	border:1px solid #E5E5E5;
	text-align: center;
	padding: 0.5em;
}
.services-optionnels div#options-wrapper tbody td.option-box {
	padding: 0;
	text-align: left;
}
.services-optionnels div#options-wrapper tbody td label {
	display: block;
	padding: 0.5em;
	line-height: 1.4em;
	background-color: #f5f6f7;
	height: 100% !important;
}
.services-optionnels div#options-wrapper tbody td label.hover {
	background-color: #e8e9eb;
}
.services-optionnels div#options-wrapper tbody td label input {
	float: left;
	margin: 0.2em 0.5em 0 0;
}
.services-optionnels div#options-wrapper tbody td label a {
	float: right;
	margin: 0 0 0 0.5em;
}
.services-optionnels div#facture-detaille-container-en {
	float:left;
	margin-top:0px;
	margin-bottom:30px;
	width:376px;
}
.services-optionnels div#facture-detaille-container-fr {
	float:left;
	margin-top:0px;
	margin-bottom:30px;
	width:405px;
}
.services-optionnels div#facture-detaille-label {
	float:left;
	padding-left:23px;
}
.services-optionnels div#facture-detaille-details {
	float:right;
	padding-right:4px;
	font-size:93%;
}
#channel-wrap {
	clear: both;
	border:1px solid #CCC;
	background: #fff url("/service/static/residentiel/img/interface/bg-gradient.gif") repeat-x bottom;
	margin: 0 0 1em 0;
	padding: 1em;
}

/* Section Mobile */
.offre #filter-options {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.5em
}
.offre #filter-options dl {
	width:100%;
}
.offre #filter-options dl dt {
	clear:both;
	font-size:100%;
	font-weight:bold;
	margin:0 0 .5em 0;
	padding:0;
	text-transform:uppercase;
}
.offre #filter-options dl dt a {
	font-weight:bold;
	text-transform:uppercase;
}
.offre #filter-options form#filter {
	border-top: 1px solid #ccc;
	padding: 1em 0 0 0;
	background: #fff url(/service/static/residentiel/img/interface/grad-filter-option-top.gif) repeat-x top;
}
.offre #filter-options fieldset {
	width: 25%;
	float: left;
	clear: none;
}
.offre #filter-options fieldset#filter-fnChar {
	width: 50%;
}
.offre #filter-options fieldset#filter-fnChar .field ul {
	width:48%;
	float:left;
	clear: none;
	background: url(/service/static/residentiel/img/interface/sep.gif) repeat-y;
	padding: 0 0 0 1.5em;
}
.offre #filter-options fieldset#filter-fnChar .field ul.first {
	padding: 0;
	background: none;
}
.offre #filter-options fieldset h3 {
	padding: 0 0 .5em 1.5em;
}
.offre #filter-options .field {
	background: url(/service/static/residentiel/img/interface/sep.gif) repeat-y;
	padding: .5em 1em .5em 1.5em;
}

	.offre #filter-options fieldset#filter-fnChar h3 {
		padding: 0 0 .5em 0;
	}
	.offre #filter-options fieldset#filter-fnChar#filter-fnChar .field, 
	.offre #filter-options fieldset#filter-action .field {
		background: none;
		padding: .5em 1em .5em 0;
	}

.offre #filter-options fieldset#filter-action {
	width:100%;
	clear:both;
	float:none;
	background: #fff url(/service/static/residentiel/img/interface/grad-filter-option-bottom.gif) repeat-x bottom;
}

.offre #filter-options #results{
	clear: both;
}
.offre #filter-options #results #summary {
	float:left;
	margin-right: 2em;
}
.offre #filter-options #results ul.links {
	float:left;
}
.offre form#compare .options {
}
.offre form#compare .options .compare-instructions, 
.offre form#compare .options div.fwd {
	float:right;
}
.offre form#compare .options .compare-instructions {
	margin: 4px 1.5em 1em 0;
}
.main-content form#compare #bottom-options {
	margin: .5em 0 0 0;
}
.main-content form#compare #bottom-options div.paging-nav {
	float:left;
	margin: 4px 0 .5em 0;
	bottom:auto;
	position:relative;
	right:auto;
}
.main-content .options div.paging-nav ul li a.previous, 
.main-content .options div.paging-nav ul li a.next {
	text-indent: -999em;
}
.main-content form#compare #bottom-options div.paging-nav ul.links {
	margin-right:1.5em;
}

/* Mobile Interurbains */
.mobile.plan-interurbains.international #fees-promos .button {
	clear:none;
}
.mobile.plan-interurbains.international #blocs-zone dl.collapse dt {
	margin: 0 0 .5em 0;
}
.mobile.plan-interurbains.international #blocs-zone th#zone {
	width:4em;
}
 
/* Section Forfaits */
.forfaits .main-content div.landing-box {
	height: 8.5em;
}
.forfaits .main-content .landing-box a.visual {
	display: block;
	position: absolute;
	right: 4%;
	top: 0.25em;
	width: 25%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	z-index: 1;
}
.forfaits .main-content .landing-box a.visual strong {
	font-size: 700%;
	line-height: 1em;
	color: black;
}
.forfaits .main-content .landing-box a.visual span {
	display: block;
	margin-top: -0.5em;
	color: black;
}
.forfaits .main-content .landing-box p.txt-left {
	display: block;
	width: 65%;
	z-index: 0;
}
/* forfaits, pages offre */
.main-content #presentation-list.desc-links-prices dt,
.offre .main-content #presentation-list.desc-links-prices dt {
	float: left;
	clear: left;
	width: 38%;
	padding-right: 0;
	padding-left: 1em;
}
.main-content #presentation-list.desc-links-prices dd,
.offre .main-content #presentation-list.desc-links-prices dd {
	float: left;
	clear: left;
	width: 38%;
	padding-left: 1em;
}
.offre .main-content #presentation-list.desc-links-prices dd.price-list {
	float: right;
	clear: none;
	width: 52%;
	margin-top: -1.5em;
	padding-left: 0;
}

.main-content #presentation-list.desc-links-prices .price-list .price-title {
	float: left;
}
.main-content #presentation-list.desc-links-prices .price-list ul.links {
	float: left;
	width: 50%;
}
.main-content #presentation-list.desc-links-prices .price-list div.price-box {
	width: 30%;
	float: right;
}
.main-content #presentation-list.desc-links-prices .price-list .price-box ul.price-detail {
	float: none;
	clear: both;
}
/* .product - mobile / services optionnels */
.mobile.services-optionnels .product #illico-abonnement {
	float:left;
	width:47.5%;
}
.mobile.services-optionnels .product #illico-sans-abonnement {
	float:right;
	width:47.5%;
}
#illico-abonnement .intro h2 {
	height: 1.75em;
	margin-top: 0.8em;
}
#illico-sans-abonnement .intro h2 {
	height: 2.55em;
}
#illico-abonnement .intro {
	margin-bottom: 2.5em;
}
#illico-sans-abonnement .intro {
	margin-bottom: 1.5em;
}
#illico-abonnement div.description {
	float: left;
	width: 19em;
	margin-right:1em;
}
#illico-abonnement div#price {
	margin: 0em 0 0 1.8em;
}
#illico-abonnement h3,
#illico-sans-abonnement h3{
	margin: 0 0 0.4em 0;
}
#illico-enp .description {
	width: 50em;
	float: left;	
}
#illico-enp .image {
	margin: -1.4em 0 1em 0;
}
/* [PAGES SECONDAIRES] */
/* Envoyer à un ami */
#send-friend #send-to, 
#send-friend #send-from {
	clear: both;
}
#send-friend #send-to h2.form-legend,
#send-friend #send-from h2.form-legend {
	width: 15%;
	float: left;
	color: #707070;
	border-bottom: none;
	clear: none;
	font-size: 290%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#send-friend #send-to .fields, 
#send-friend #send-from .fields {
	width: 50%;
	float: left;
}
#send-friend #send-to input, 
#send-friend #send-from input {
	width: 100%;
}

#send-friend #message-label {
	float: left;
}
#send-friend #message-char-remain {
	float: right;
}
#send-friend #message-field {
	width: 65%;
}
#send-friend #message {
	float: left;
	clear: both;
	width: 100%;
	height: 5em;
}

/* Commander et Parrainage */
.order .main-content, 
.sponsorship .main-content {
	width: 96%;
	margin-left: 2%;
}
.order .main-content .main-title, 
.sponsorship .main-content .main-title {
	float: left;
	clear: left;
	width: 42%;
	border-bottom: 4px solid #000;
	background:none;
}
.order #order-steps, 
.sponsorship #sponsorship-steps {
	display: block;
	position: relative;
	float: left;
	clear: right;
	width: 58%;
	margin: -8px 0 0 0;
	padding: 0 0 6px 0;
	list-style-type: decimal;
	list-style-position: outside;
}

.order #order-steps li {
	display: block;
	float: left;
	width: 17%;
	height: 52px;
	margin: 0;
	padding: 0 0 6px 8%;
	list-style-type: decimal;
	list-style-position: outside;
	background-image: url(/service/static/residentiel/img/interface/order-steps.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
}
.order #order-steps li#order-step-1 {
	background-position: 0 0;
}
	.order.step-1 #order-steps li#order-step-1 {
		background-position: 0 -78px;
		font-weight: bold;
	}
	.order.step-1 #order-steps li#order-step-1 {
		border-bottom: 4px solid #000;
	}
.order #order-steps li#order-step-2 {
	background-position: 0 -156px;
}
	.order.step-2 #order-steps li#order-step-2 {
		background-position: 0 -234px;
		font-weight: bold;
	}
	.order.step-2 #order-steps li#order-step-1, 
	.order.step-2 #order-steps li#order-step-2 {
		border-bottom: 4px solid #000;
	}
.order #order-steps li#order-step-3 {
	background-position: 0 -312px;
}
	.order.step-3 #order-steps li#order-step-3 {
		background-position: 0 -390px;
		font-weight: bold;
	}
	.order.step-3 #order-steps li#order-step-1, 
	.order.step-3 #order-steps li#order-step-2, 
	.order.step-3 #order-steps li#order-step-3 {
		border-bottom: 4px solid #000;
	}
.order #order-steps li#order-step-4 {
	background-position: 0 -468px;
}
	.order.step-4 #order-steps li#order-step-4 {
		background-position: 0 -546px;
		font-weight: bold;
	}
	.order.step-4 #order-steps li#order-step-1, 
	.order.step-4 #order-steps li#order-step-2, 
	.order.step-4 #order-steps li#order-step-3, 
	.order.step-4 #order-steps li#order-step-4 {
		border-bottom: 4px solid #000;
	}
.sponsorship #sponsorship-steps li {
	display: block;
	float: left;
	width: 25%;
	height: 52px;
	margin: 0;
	padding: 0 0 6px 8.2%;
	list-style-type: decimal;
	list-style-position: outside;
	background-image: url(/service/static/residentiel/img/interface/order-steps.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
}
.sponsorship #sponsorship-steps li#sponsorship-step-1 {
	background-position: 0 0;
}
	.sponsorship.step-1 #sponsorship-steps li#sponsorship-step-1 {
		background-position: 0 -78px;
		font-weight: bold;
	}
	.sponsorship.step-1 #sponsorship-steps li#sponsorship-step-1 {
		border-bottom: 4px solid #000;
	}
.sponsorship #sponsorship-steps li#sponsorship-step-2 {
	background-position: 0 -156px;
}
	.sponsorship.step-2 #sponsorship-steps li#sponsorship-step-2 {
		background-position: 0 -234px;
		font-weight: bold;
	}
	.sponsorship.step-2 #sponsorship-steps li#sponsorship-step-1, 
	.sponsorship.step-2 #sponsorship-steps li#sponsorship-step-2 {
		border-bottom: 4px solid #000;
	}
.sponsorship #sponsorship-steps li#sponsorship-step-3 {
	background-position: 0 -312px;
}
	.sponsorship.step-3 #sponsorship-steps li#sponsorship-step-3 {
		background-position: 0 -390px;
		font-weight: bold;
	}
	.sponsorship.step-3 #sponsorship-steps li#sponsorship-step-1, 
	.sponsorship.step-3 #sponsorship-steps li#sponsorship-step-2, 
	.sponsorship.step-3 #sponsorship-steps li#sponsorship-step-3 {
		border-bottom: 4px solid #000;
	}
.order .main-content form, 
.sponsorship .main-content form {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0 0 .5em 0;
	border-bottom: 1px solid #ccc;
}
.order .main-content form div.step-content, 
.sponsorship .main-content form div.step-content {
	position: relative;
	overflow: visible;
	width: 50%;
}
.order .main-content form div.step-content .title-coordinates h2, 
.sponsorship .main-content form div.step-content .title-coordinates h2 {
	float: left;
	margin: 0 1em 0.75em 0;
}
.order .main-content form div.step-content .title-coordinates a.modify, 
.sponsorship .main-content form div.step-content .title-coordinates a.modify {
	float: left;
	margin: .35em 0 0 0
}
.order .main-content dl#selected, 
.sponsorship .main-content dl#selected {
	border: 1px solid #ccc;
	padding: .5em .75em;
	margin: 0 0 1.5em 0
}
.order .main-content dl#selected dt, 
.sponsorship .main-content dl#selected dt {
	clear: both;
	font-size: 116%;
	font-weight:bold;
	margin: 0 0 0.5em;
	padding: 0;
}
.order .main-content div.coordinates, 
.sponsorship .main-content div.coordinates {
	border: 1px solid #ccc;
	padding: .5em .75em;
	margin: 0 0 1.5em 0;
}
.order .main-content div.coordinates dl, 
.sponsorship .main-content div.coordinates dl {
	float: left;
	width: 45%;
	padding: 0 5% .5em 0;
}	
.order .main-content div.coordinates dl.address, 
.sponsorship .main-content div.coordinates dl.address {

}
.order .main-content div.step-sub-content, 
.sponsorship .main-content div.step-sub-content {
	clear: both;
	width: 60%;
}
#secured-page #secured-logos {
	float: right;
	margin: 0 0 1em 2em;
}
#secured-page #secured-logos img {
	margin: 0 .5em .5em 0;
}

form input.phone-area-code { width: 3em; }
form input.phone-code { width: 3em; }
form input.phone-number { width: 4em; }
form input.phone-extention { width: 4em; }

.utility-pages .main-content div.step-content #order-overview {
	float: left;
}
.utility-pages .main-content div.step-content #order-overview-print {
	float: right;
}
.utility-pages .main-content #customer-service dl.tel dt {
	float: left;
	clear: left;
	margin: 0 0.25em 0 0;
	white-space: nowrap;
}
.utility-pages .main-content #customer-service dl.tel dd {
	float: left;
	clear: none;
	white-space: nowrap;
}
.order.step-5 .main-content .main-title, 
.sponsorship.step-4 .main-content .main-title {
	float: left;
	clear: left;
	width: 100%;
	border-bottom: 4px solid #000;
}
.order.step-5 #order-steps, 
.sponsorship.step-4 #sponsorship-steps {
	display: none;
}

/* Déjà engagé */
form #add-date-dropdown select {
	margin-right: 1em;
}
/* Vérifier disponibilité */
div.disponibility {
	clear: both;
	margin: 0 0 .5em 0;
}
div.disponibility dl {
	float: left;
	width: 45%;
	padding: 0 5% 0 0;	
}
div.disponibility dl dt {
}
div.disponibility dl dd {
}
.main-content div.disponibility dl dd ul {
	margin: 0 0 1em 0;
	padding: 0;
}
.main-content div.disponibility dl dd ul li {
	list-style-type: none;
	padding: 0 0 0 18px;
	background-image: url(/service/static/residentiel/img/interface/ico-true-false-check.gif);
	background-repeat: no-repeat;
}
.main-content div.disponibility dl dd ul li span {
	position: absolute;
	left: -1000em;
	width: 900em;
}
.main-content div.disponibility dl dd ul li.none {
	background-image: none;
}
.main-content div.disponibility dl dd ul li.true {
	background-position: 0 0;
}
.main-content div.disponibility dl dd ul li.false {
	background-position: 0 -32px;
}
.main-content div.disponibility dl dd ul li.check {
	background-position: 0 -64px;
}
/* Erreurs */
.error-page .main-content .language-content {
	float: left;
	width: 46%;
}
.error-page .main-content #francais {
	margin-right: 4%
}
.error-page .main-content .language-content dl {
}
.error-page .main-content .language-content dl dt {
	float: left;
	clear: left;
	width: 47%;
	margin-right: 3%;
}
.error-page .main-content .language-content dl dd {
	width: 50%;
	float: left;
	clear: right;
}
.error-page form.search #search-input {
	background-color: transparent;
	border: 1px solid #838383;
	color: #000;
	display: inline;
	float: left;
	margin: 0;
	padding: 0 3px 0 4px;
	width: 50%;
}
.error-page form.search #search-button-input {
	float: left;
	width: 18px;
	height: 16px;
	margin: 2px 0 0 5px;
	border: none;
	background: #fec611 url(/service/static/residentiel/img/interface/bt-search.gif) no-repeat 0 0;
	text-indent: -5000px;
}

/* Plan du site */
.plan-du-site .site-map-block {
	padding: 0 0 1em 0;
}
.plan-du-site .site-map-block.no-head {
	padding: .75em 0 1em 0;
	border-top: 1px solid #ccc;
}
.plan-du-site .main-content .block-head h2 {
	margin-bottom: 0.25em;
	padding-bottom: 0;
	border-bottom: 0;
}
.plan-du-site .main-content .site-map-block ul {
	margin: 0 0 1em 0;
	padding: 0;
}
.plan-du-site .main-content .site-map-block ul li {
	float: left;
	width: 30%;
	padding: 0 3% 0 0;
	list-style-type:none;
}
.plan-du-site .main-content .site-map-block ul li a, 
.plan-du-site .main-content .site-map-block ul li a:link, 
.plan-du-site .main-content .site-map-block ul li a:visited {
	display: block;
	float: left;
	clear: both;
	color: #000;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 0 -74px;
	margin: 0;
	padding: .25em .5em .25em 16px;
	text-decoration: none;
}
.plan-du-site .main-content .site-map-block ul li a:hover {
	color: #000;
	text-decoration: underline;
}	
.plan-du-site .main-content .site-map-block ul li a:active {
	color: #568;
	background-position: 0 -234px;
}

.plan-du-site .main-content .site-map-block ul li ul {
	float: none;
	width: 100%;
}
.plan-du-site .main-content .site-map-block ul li ul li {
	float: none;
	clear: left;
	width: 100%;
	padding: 0;
}
.plan-du-site .main-content .site-map-block ul li ul li a, 
.plan-du-site .main-content .site-map-block ul li ul li a:link, 
.plan-du-site .main-content .site-map-block ul li ul li a:visited {
	display: block;
	color: #568;
	background-image: url(/service/static/residentiel/img/interface/bt-nav.gif);
	background-repeat: no-repeat;
	background-position: 16px -5276px;
	margin: 0;
	padding: .15em .5em .15em 26px;
	text-decoration: none;
}
.plan-du-site .main-content .site-map-block ul li ul li a:hover {
	color: #568;
	text-decoration: underline;
}	
.plan-du-site .main-content .site-map-block ul li ul li a:active {
	color: #646464;
	background-position: 16px -5436px;
}

/* Splash */
.splash-page #hd { 
	position: relative; 
	height: 9em; 
	background: #000 url(/service/static/residentiel/img/interface/bg-hd-splash.gif) repeat-x; 
}
.splash-page #hd #logo { 
	position: relative; 
	height: 100%; 
	text-align: center; 
	background: transparent url(/service/static/residentiel/img/interface/bg-coaxial-splash.gif) no-repeat 50% 0; 
}
.splash-page #hd #logo img { 
	margin-top: 30px; 
}
.splash-page #content { 
	width: 72%; 
	float: left; 
	padding: 99px 14% 1em 14%; 
}

.no-flash{
	display:none;
}
/* Overwrite des bouttons .yui-skin-sam .yui-button */
.yui-skin-sam .yui-button {
	background: transparent url(/service/static/residentiel/img/interface/bg-g-button-reflex.png) repeat-x center bottom;
	border-style: none;
	padding-bottom: 22px;
}
.yui-skin-sam .yui-button .first-child {
	background: transparent url(/service/static/residentiel/img/interface/bg-g-button-left.gif) no-repeat left center;
	border: 1px solid #CED3D6;
}
.yui-skin-sam .yui-button .first-child button {
	background: transparent url(/service/static/residentiel/img/interface/bg-g-button-right.gif) no-repeat right center;
	font-weight:bold;
	text-transform:uppercase;
	white-space:nowrap;
	color: #000 !important;
}
.yui-skin-sam .yui-button-hover .first-child {
	background-image: url(/service/static/residentiel/img/interface/bg-g-button-h-left.gif);
}
.yui-skin-sam .yui-button-hover .first-child button {
	background-image: url(/service/static/residentiel/img/interface/bg-g-button-h-right.gif);
	color: #000 !important;
}

.yui-skin-sam .yui-button.default {
	background: transparent url(/service/static/residentiel/img/interface/bg-y-button-reflex.png) repeat-x center bottom !important;
	border-style: none !important;
	padding-bottom: 22px;
}
.yui-skin-sam .yui-button.default .first-child {
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-left.gif);
	border-color: #FDCE3C !important;
}
.yui-skin-sam .yui-button.default .first-child button {
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-right.gif);
}
.yui-skin-sam .yui-button-hover.default .first-child {
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-h-left.gif);
}
.yui-skin-sam .yui-button-hover.default .first-child button {
	background-image: url(/service/static/residentiel/img/interface/bg-y-button-h-right.gif);
}


/******************************************************************************************************************/
/*Refonte Page produits*/

/******************************************************************************************************************/
/*Refonte Page produits*/



/****************************************/

.bg-bt-package {
background-image: url(/service/static/residentiel/img/produits/bg-bt-package.jpg);
background-repeat: no-repeat;
width: 464px;
height: 101px;

}

.bg-bt-package p {
margin-left: 115px;
padding-top: 15px;
}

.bg-bt-package p a {
text-decoration: none;
}

.bg-bt-package-mini {
background-image: url(/service/static/residentiel/img/produits/bg-bt-package-mini.jpg);
background-repeat: no-repeat;
width: 226px;
height: 64px;
}

.bg-bt-package-mini p {
margin-left: 65px;
padding-top: 20px;
}

.bg-bt-package-mini p a {
text-decoration: none;
}


/****************************************/


.bg-bt-int {
background-image: url(/service/static/residentiel/img/produits/bg-bt-int.jpg);
background-repeat: no-repeat;
width: 464px;
height: 101px;

}

.bg-bt-int p {
margin-left: 115px;
padding-top: 15px;
}

.bg-bt-int-mini {
background-image: url(/service/static/residentiel/img/produits/bg-bt-int-mini.jpg);
background-repeat: no-repeat;
width: 226px;
height: 64px;
}

.bg-bt-int-mini p {
margin-left: 65px;
padding-top: 20px;
}

.bg-bt-int-mini p a {
text-decoration: none;
}
.bg-bt-int p a {
text-decoration: none;
}

/******************************************/

.bg-bt-tpc {
background-image: url(/service/static/residentiel/img/produits/bg-bt-tpc.jpg);
background-repeat: no-repeat;
width: 464px;
height: 101px;

}

.bg-bt-tpc p {
margin-left: 115px;
padding-top: 15px;
}

.bg-bt-tpc-mini {
background-image: url(/service/static/residentiel/img/produits/bg-bt-tpc-mini.jpg);
background-repeat: no-repeat;
width: 226px;
height: 64px;
}

.bg-bt-tpc-mini p {
margin-left: 65px;
padding-top: 20px;
}

.bg-bt-tpc-mini p a {
text-decoration: none;
}

.bg-bt-tpc p a {
text-decoration: none;
}

/*********************************************/

.bg-bt-hd {
background-image: url(/service/static/residentiel/img/produits/bg-bt-hd.jpg);
background-repeat: no-repeat;
width: 464px;
height: 101px;

}

.bg-bt-hd p {
margin-left: 115px;
padding-top: 15px;
}

.bg-bt-hd-mini {
background-image: url(/service/static/residentiel/img/produits/bg-bt-hd-mini.jpg);
background-repeat: no-repeat;
width: 226px;
height: 64px;
}

.bg-bt-hd-mini p {
margin-left: 65px;
padding-top: 20px;
}

.bg-bt-hd p a {
text-decoration: none;
}

.bg-bt-hd-mini p a {
text-decoration: none;
}

/*********************************************/

.bg-bt-enp {
background-image: url(/service/static/residentiel/img/produits/bg-bt-enp.jpg);
background-repeat: no-repeat;
width: 464px;
height: 101px;

}

.bg-bt-enp p {
margin-left: 115px;
padding-top: 15px;
}

.bg-bt-enp-mini {
background-image: url(/service/static/residentiel/img/produits/bg-bt-enp-mini.jpg);
background-repeat: no-repeat;
width: 226px;
height: 64px;
}

.bg-bt-enp-mini p {
margin-left: 65px;
padding-top: 20px;
}

.bg-bt-enp p a {
text-decoration: none;
}

.bg-bt-enp-mini p a {
text-decoration: none;
}

/*********************************************/

.bg-bt-isd {
background-image: url(/service/static/residentiel/img/produits/bg-bt-isd.jpg);
background-repeat: no-repeat;
width: 464px;
height: 101px;

}

.bg-bt-isd p {
margin-left: 115px;
padding-top: 15px;
}

.bg-bt-isd-mini {
background-image: url(/service/static/residentiel/img/produits/bg-bt-isd-mini.jpg);
background-repeat: no-repeat;
width: 226px;
height: 64px;
}

.bg-bt-isd-mini p {
margin-left: 65px;
padding-top: 20px;
}

.bg-bt-isd p a {
text-decoration: none;
}

.bg-bt-isd-mini p a {
text-decoration: none;
}


/*********************************************/

.bg-bt-itn {
background-image: url(/service/static/residentiel/img/produits/bg-bt-itn.jpg);
background-repeat: no-repeat;
width: 464px;
height: 101px;

}

.bg-bt-itn p {
margin-left: 115px;
padding-top: 15px;
}

.bg-bt-itn-mini {
background-image: url(/service/static/residentiel/img/produits/bg-bt-itn-mini.jpg);
background-repeat: no-repeat;
width: 226px;
height: 64px;
}

.bg-bt-itn-mini p {
margin-left: 65px;
padding-top: 20px;
}

.bg-bt-itn p a {
text-decoration: none;
}

.bg-bt-itn-mini p a {
text-decoration: none;
}

/******************************************/

.bg-bt-mobile {
background-image: url(/service/static/residentiel/img/produits/bg-bt-mobile.jpg);
background-repeat: no-repeat;
width: 464px;
height: 101px;

}

.bg-bt-mobile p {
margin-left: 115px;
padding-top: 15px;
}

.bg-bt-mobile-mini {
background-image: url(/service/static/residentiel/img/produits/bg-bt-mobile-mini.jpg);
background-repeat: no-repeat;
width: 226px;
height: 64px;
}

.bg-bt-mobile-mini p {
margin-left: 65px;
padding-top: 20px;
}

.bg-bt-mobile-mini p a {
text-decoration: none;
}

.bg-bt-mobile p a {
text-decoration: none;
}

/****************************************************************************************/
.produit {
display: inline;
width: 20%;
float: left;
margin-top:20px;
}

.produit .titre{
margin-top:10px;
}

.produit .h2{

font-size:116%;
font-weight:bold;
text-transform:uppercase;
/*width:55%;*/
border-bottom: none;
}

.produits .h2 a:hover{
color:#000000;
text-decoration:underline;
}

.produits .h2 a{
color:#000000;
text-decoration:none;
}


.produit .image2{
float: left;
width: 51px;
height: 91px;
padding-right: 5px;
}

.produit .description{
clear: both;
padding-top:30px;
}
/* MVNO spécifique */
.sans-fil .main-content #presentation-list dl.presentation-box {
	padding:0 0 0.5em 0;	
	border: 1px solid #ccc;  
	width:48%;
	float: left;	
}
.sans-fil .main-content #presentation-list dl.presentation-box dt {
	float: none;	
	width:95%;
	padding:0.6em 1em 0 0.8em;
}
.sans-fil .main-content #presentation-list dl.presentation-box dd {
	float:none;
	width:95%;
	font-size:93%;
	padding:0em 1em 0.8em 1em;
}
.sans-fil .main-content #presentation-list dl.presentation-box dd div.description {
	float:none;
}
.sans-fil .main-content #presentation-list dl.presentation-box dd div.description p {
	margin-bottom: 0.4em;
}
.plan-du-site #site-map-level-1 {
	display:none;
}

/************************************************Soutien**************************************/

.soutien #content {
	padding-left:2%;
	width:96%;
}
.soutien #content ul{
	margin:0;
}
.soutien #content li{
	list-style:none;
}
.soutien #content ul.normal_list{
	margin-left:15px;
}
.soutien #content ul.normal_list li{
	list-style:disc;
}
.main-title h3{
	float:left;
	font-size:1.2em ! important;
	text-transform:none;
	padding:3px 15px 3px 31px;
}
.main-content h4{
	font-size:105%;
	text-transform:none;
}
.main-content h5{
	font-size:100%;
	text-transform:none;
	font-weight:bold;
}
.main-title .a-content-int{
	color:#556688;
	text-decoration:underline ! important;
	float:left;
	margin:5px;
}
.a-content-int:hover{
	text-decoration:none;
}
#col-big{
	width:669px;
	float:left;
}
#col-bigger{
	width:742px;
	float:left;
}
#col-small-big{
	width:248px;
	float:left;
	margin-bottom:30px;
}
#col-small{
	float:left;
	margin-bottom:30px;
}
#col-small{
	width:245px;
}
.margin-rt-17pct{
	margin-right:17%;
}
.margin-rt-15pct{
	margin-right:15px !important;
}
.margin-rt{
	margin-right:20px;
}
.margin-rt-35px{
	margin-right:35px ! important;
}
#col-big .sac-fda ul{
	margin-bottom:10px ! important; 
	float:left;
}
.sac-fda li{
	width:30%;
	padding-right:28px;
	display:inline-block;
	vertical-align:top;
	margin-bottom:5px ! important;
}
.sac-fda li.last{
	padding-right:0 ! important;
}
.sac-fda li li{
	width:70%;
	display:inline-block;
	padding-left:13px;
}
.arrow-yellow-border{
	font-size:1.2em;
	line-height:1.5;
	font-weight:bold;
	display:block;
	background:url(/service/static/residentiel/img/soutien/icons.gif) no-repeat left -895px;
	color:#000 !important;
	text-decoration:none !important;
	padding-left:15px;
	margin-bottom:8px;
	border-bottom:1px solid #ddd;
}
.arrow-yellow{
	font-size:1.1em;
	font-weight:bold;
	display:inline-block;
	background:url(/service/static/residentiel/img/soutien/icons.gif) no-repeat left -897px;
	color:#000 !important;
	text-decoration:none !important;
	padding-left:15px;
	margin-bottom:8px;
}
.size-big{
	font-size:1.2em ! important;
}

.arrow-gray:hover{
	text-decoration:underline !important;
}
.arrow-gray-big{
	background:url(/service/static/residentiel/img/soutien/icons.gif) no-repeat left -845px;
	color:#556688;
	font-weight:bold;
	padding-left:10px;
	font-size:1.1em;
	text-decoration:none !important;
	display:inline-block;
	margin-bottom:8px;
}
.arrow-gray{
	background:url(/service/static/residentiel/img/soutien/icons.gif) no-repeat left -847px;
	display:inline-block;
	color:#556688 !important;
	text-decoration:none !important;
	padding-left:10px;
}
.arrow-gray-list li{
	background:url(/service/static/residentiel/img/soutien/icons.gif) no-repeat left -847px;
	color:#556688 !important;
	text-decoration:none !important;
	padding-left:10px;
}
.arrow-gray:hover{
	text-decoration:underline !important;
}

#support-search{
	float:right;
	width:80%;
}
#support-search li{
	list-style:none;
}
#support-search label{
	display:inline-block;
	padding-right:5px;
	vertical-align:top;
}
#support-search input{
	
}
#support-search .i-search-go{
	margin-top:0;
	position:absolute;
	padding-left:3px;
}
.width-5pct{
	width:5%;
}
.width-10pct{
	width:10%;
}
.width-15pct{
	width:15%;
}
.width-20pct{
	width:20%;
}
.width-25pct{
	width:25%;
}
.width-30pct{
	width:30%;
}
.width-32pct{
	width:32%;
}
.width-35pct{
	width:35%;
}
.width-36pct{
	width:36%;
}
.width-37pct{
	width:37%;
}
.width-38pct{
	width:38%;
}
.width-40pct{
	width:40%;
}
.width-45pct{
	width:45%;
}
.width-48pct{
	width:48%;
}
.width-50pct{
	width:50%;
}
.width-55pct{
	width:55%;
}
.width-60pct{
	width:60%;
}
.width-65pct{
	width:65%;
}
.width-70pct{
	width:70%;
}
.width-73pct{
	width:73%;
}
.width-75pct{
	width:75%;
}
.width-80pct{
	width:80%;
}
.width-85pct{
	width:85%;
}
.width-90pct{
	width:90%;
}
.width-95pct{
	width:95%;
}
.width-100pct{
	width:99%;
}
.float-lt{
	float:left;
}
.float-rt{
	float:right;
}
.float-clear{
	clear:both;
	display:block;
}
.border-none{
	border:none ! important;
}
.padding-tp-lt{
	padding-top:10px;
	padding-left:10px;
}
.padding-top-20px{
	padding-top:20px ! important;
}
.padding-lt-40pct{
	padding-left:40px ! important;
}
.padding-lt-20pct{
	padding-left:20px ! important;
}
.padding-rt-5px{
	padding-right:5px;
}
.padding-rt-15px{
	padding-right:15px ! important;
}
.padding-bt-5px{
	padding-bottom:5px ! important;
}
.top-marge-20pct{
	margin-top:20px;
}
.top-marge-5px{
	margin-top:5px;
}
.top-marge-10pct{
	margin-top:10px;
}
.margin-bt-5px li{
	margin-bottom:5px ! important;
}
.margin-bt-10px li{
	margin-bottom:10px;
}
.margin-bt-5px{
	margin-bottom:5px;
}
.margin-bt-2px li{
	margin-bottom:3px ! important;
}
.margin-bt-20px{
	margin-bottom:20px;
}
.margin-bt-25px{
	margin-bottom:25px;
}
.margin-bt-30px{
	margin-bottom:30px;
}
.margin-lt-rt{
	margin-left:20px;
	margin-right:20px;
}
.margin-lt-8px{
	margin-left:8px;
}
.margin-lt-15px{
	margin-left:15px;
}
.margin-bt-none li{
	margin-bottom:0 ! important;
}
.bg-rounded-628-top{
	background:url(/service/static/residentiel/img/soutien/bg-rounded-top-628.gif) no-repeat left top;
	margin-bottom:20px;
	padding-top:8px;
}
.bg-rounded-628-bottom{
	background:url(/service/static/residentiel/img/soutien/bg-rounded-bt-628.gif) no-repeat left bottom;
	padding:10px 4px 5px 9px;	
}
.bg-rounded-rt-gray-top{
	background:url(/service/static/residentiel/img/soutien/bg-rounded-rt-gray-top.jpg) no-repeat left top;
	margin-bottom:10px;
	padding-top:12px;
}
.bg-rounded-rt-gray-bottom{
	background:url(/service/static/residentiel/img/soutien/bg-rounded-rt-gray-bottom.jpg) no-repeat left bottom;
	padding:0 15px 10px;	
}
.bg-merge-gray{
	background:url(/service/static/residentiel/img/soutien/bg-merge-gray.gif) no-repeat left bottom;
	height:113px;
	margin-bottom:15px;
}
.bg-gradient-gray{
	background:url(/service/static/residentiel/img/soutien/bg-gray-gradient.gif) repeat-x left bottom;
	border-bottom:1px solid #ddd;
}
.bg-rounded-rt-gray-top h6{
	font-size:105%;
	font-weight:bold;
	padding:10px 0 15px;
}
.bg-rounded-rt-top h6{
	font-size:105%;
	font-weight:bold;
	padding:5px 0 10px;
}
#sac-soutien{
	height:190px;
	margin-top:-14px ! important;
	position:relative;
	
}
#sac-soutien li.width-sac-produit{
	width:150px;
	text-align:center;
	display:inline-block;
}
#sac-soutien a .m-television,
#sac-soutien a .m-internet,
#sac-soutien a .m-wireless,
#sac-soutien a .m-telephone{
	display:block;
	margin:0! important;
	padding:138px 58px 0 33px;
	min-height:48px ! important;
}
#sac-soutien a:hover {
	text-decoration:none !important;
	color:#000;
	background:url(/service/static/residentiel/img/soutien/gradient-hover.gif) left top;
	background-repeat: repeat;
	cursor:pointer;
	border-right:1px solid #ddd;
}
#sac-soutien li a{
	border-top:1px solid #ddd;
	display:block;
	font-weight:bold;
	font-size:105%;
}
.m-television{
	background:url(/service/static/residentiel/img/soutien/icons-soutien.png) no-repeat 20px 17px;
	min-height:100px;
}
.m-telephone{
	background:url(/service/static/residentiel/img/soutien/icons-soutien.png) no-repeat 20px -200px;
	min-height:95px;
}

.m-wireless{
	background:url(/service/static/residentiel/img/soutien/icons-soutien.png) no-repeat -150px -205px;
	min-height:82px;
}
.m-internet{
	background:url(/service/static/residentiel/img/soutien/icons-soutien.png) no-repeat -150px 22px;
	min-height:90px;
}
.display-inline li{
	display:inline-block;
	margin-right:5px;
	margin-bottom:5px;
	vertical-align:top;
}
.display-block li{
	display:block;
	margin-bottom:5px;
}
.main-content ul.soutien-ec{
	margin:0 ! important;
}
.soutien-ec li{
	display:inline-block;
	margin:0 5px 5px 0 ! important;
}
ul#soutien-cl{
	padding:5px 0;
	margin-left:15px ! important;
}
ul#soutien-cl li{
	margin-bottom:10px;
	list-style:none;
}
.icon-joindre {
	background:url(/service/static/residentiel/img/soutien/icons.gif) no-repeat -500px -2439px;
	padding:0 0 9px 35px;
	display:inline-block;
}
.icon-courriel {
	background:url(/service/static/residentiel/img/soutien/icons.gif) no-repeat 0 -2216px;
	padding-left:50px ! important;
	height:35px;
	
}
.img-abonnement{
	background:transparent url(/service/static/residentiel/img/soutien/img-sac.gif) no-repeat right 40px;
	padding-bottom:10px;
}
#content .img-abonnement ul{
	margin-right:80px;
}
.img-forfait-sac{
	background:transparent url(/service/static/residentiel/img/soutien/icon-forfait.gif) no-repeat right center;
	padding:0 65px 0px 0;
}
.main-content .icon-courriel a,
.main-content .icon-loupe a{
	text-decoration:none ! important;
	color:#000 ! important;
	font-weight:bold;
	font-size:1.1em;
	position:absolute;
	margin-top:10px;
}
.main-content .icon-courriel a:hover,
.main-content .icon-loupe a:hover{
	text-decoration:underline ! important;
}
.icon-loupe {
	background:url(/service/static/residentiel/img/soutien/icon-loupe.gif) no-repeat left top;
	padding-left:50px ! important;
	height:38px;
}
.bullet-hyphen li{
	background:url(/service/static/residentiel/img/soutien/icons.gif) no-repeat left -1344px;
	padding-left:10px !important;
}
.msg-border-sac{
	clear:both;
	margin:0 0 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	border:1px solid #aaa;
}
.border-rt-dotted{
	border-right:1px dotted #ccc;
}
#col-big .sect-btn-help,
#col-bigger .sect-btn-help{
	float:right;
	margin-bottom:10px;
}
#col-big .sect-btn-help a:link,
#col-big .sect-btn-help a:visited,
#col-bigger .sect-btn-help a:link,
#col-bigger .sect-btn-help a:visited{
	text-decoration:none;
}
#col-big .sect-btn-help a:active,
#col-bigger .sect-btn-help a:active{
	text-decoration:none;
}
#col-big .sect-btn-help span.bg-help,
#col-bigger .sect-btn-help span.bg-help{
	background:url(/service/static/residentiel/img/soutien/bg-help-yellow.jpg) no-repeat 50% 50%;
	display:inline-block;
	padding:0 5px;
	font-weight:bold;
	font-size:1.2em;
	color:#000;
	margin-left:3px;
	border:1px solid #fdc11c;
}
.bg-title-sac{
	background:url(/service/static/residentiel/img/soutien/gradient-hover.gif) left top;
	text-transform:none;
	font-weight:bold;
	font-family:arial;
	font-size:120%;
	width:200px;
	padding:4px 11px 1px;
	display:inline-block;
}
.help-tooltip div.btn-help-yellow {
	z-index:2000;
	position:absolute;
	top:0;
	left:0;
	background:url(/service/static/residentiel/img/soutien/bg-help-yellow.jpg) no-repeat 50% 50%;
	display:inline-block;
	padding:0 5px;
	font-weight:bold;
	font-size:1.2em;
	color:#000;
	border:1px solid #FDC11C;
}
span.btn-help-yellow {
	background:url(/service/static/residentiel/img/soutien/bg-help-yellow.jpg) no-repeat 50% 50%;
	display:inline-block;
	padding:0 5px;
	font-weight:bold;
	font-size:1.2em;
	color:#000;
	border:1px solid #FDC11C;
}

.help-tooltip div.help-msg-bg{
	z-index:1999;
	position:absolute;
	top:0;
	left:18px;
	display:none;
	padding:5px 20px 5px 10px;
	width:300px;
	border:1px solid #FDC11C;
	background-color:#fef2cf;
}
span.big {
	width:25px;
	height:25px;
	font-size:1.8em ! important;
	text-align:center;
	line-height:100% ! important;
	padding:2px 5px;
}
.txt-up-em{
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:middle;
}
.txt-upper{
	text-transform:uppercase;
}
.txt-normal{
	font-weight:normal ! important;
}
#col-big .st-separate li{
	margin-bottom:20px;
}
#col-big .st-separate li ul{
	
}
.bg-yellow-sac{
	background:transparent url(/service/static/residentiel/img/soutien/icons-2.gif) no-repeat 0 -459px;
	padding:5px 12px 0 9px;
	min-height:16px;
}
.content-main-int{
	width:55%;
	clear:both;
}
.content-main-int h3{
	font-size:1.2em;
	text-transform:none;
	font-weight:bold;
}
.content-main-int li{
	margin-bottom:10px;
}
.main-content form ul li ul.date-inline li{
	display: inline-block;
	zoom:1;
	vertical-align:top;
}
.main-content form ul li ul.date-inline li input.two-digits{
	width:50px;
	margin-right:5px;
}
.main-content form ul li ul.date-inline li input.four-digits{
	width:50px;
	margin-right:15px;
	margin-left:0;
}
.main-content form ul li ul.date-inline li label{
	font-weight:normal;
}
.btn-yellow,
.btn-yellow input,
.btn-yellow a,
.btn-gray,
.btn-gray input,
.btn-gray a{
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	padding-left:1px;
	text-decoration:none !important;
	color:#000 !important;
	background-image:url(/service/static/residentiel/img/soutien/btns.png);
	background-color:transparent;
	background-repeat:no-repeat;	
	border:0;
	display:inline-block;
}

.btn-yellow input{
	background-position:right -33px;
	padding:2px 18px 11px 17px ! important;
	margin:0 ! important;
	border:none !important;
}
.btn-yellow:hover{
	background-position:left -66px;
	cursor:pointer;
}
.btn-yellow:hover input{
	background-position:right -99px;
	cursor:pointer;
}
.btn-yellow a{
	background-position:right -33px;
	padding:4px 18px 11px 17px;
}
.btn-yellow:hover a{
	background-position:right -99px;
}

.bg-rounded-rt-top{
	background:url(/service/static/residentiel/img/soutien/bg-rounded-rt-top.jpg) no-repeat left top;
	margin-bottom:10px;
	padding-top:12px;
}
.bg-rounded-rt-bottom{
	background:url(/service/static/residentiel/img/soutien/bg-rounded-rt-bottom.jpg) no-repeat left bottom;
	padding:0 15px 15px;	
}
#content #abonnement-find{
	background:url(/service/static/residentiel/img/soutien/icon-loupe.gif) no-repeat right top;
	padding-right:45px;
	margin-right:5px;
}
#abonnement-find li{
	display:inline-block;
}
.input-choices li{
	margin-bottom:5px !important;
}
.input-choices li input{
	float:left;
	border:0;
	margin-right:8px;
}
.input-choices li label{
	font-weight:normal !important;
	display:inline-block;
	margin-bottom:0;
}
.main-content #contact-courriel fieldset {
	 margin-bottom:0px;
 }
.main-content #contact-courriel legend{
	font-weight:bold;
	font-size:1.1em;
	text-transform:none;
	padding-top:15px;
 }
.main-content #contact-courriel h3 {
	font-size:100%;
}
.main-content #contact-courriel input[type="checkbox"],
.main-content #contact-courriel input[type="radio"] {
	margin-bottom:0;
}
.main-content #contact-courriel textarea {
	font-weight:normal;
	height:10em;
	line-height:normal;
	padding:0.3em 0 0.3em 0.3em;
	width:90%;
	margin-bottom:5px;
}
.main-content #contact-courriel li.rc label{
	margin:0.2em 0;
	display:inline-block;
	font-weight:normal;
}
.main-content #contact-courriel .rc li{
	margin-bottom:5px;
}
.msg-exclamation,
.msg-confirmation,
.msg-interrogation{
	padding-left:60px !important;
}
.msg-exclamation{
	color:#8c2923;
	background:url(/service/static/residentiel/img/soutien/icon-exclamation.gif) no-repeat 10px center;
	padding:2px;
}
.msg-bg-yellow,
.msg-bg-yellow-int{
	background-color:#fdf6cd;
	margin:0 3px 15px;
	border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.msg-bg-yellow{
	padding:15px 10px;
	clear:both;
}
.msg-bg-yellow-int{
	padding:5px 10px;
}
.msg-bg-yellow li,
.msg-bg-yellow-int li,
.main-content .msg-bg-yellow li{
	margin-bottom:5px;
	padding-left:0;
	list-style-type:none;
}
.msg-bg-gray-int{
	background-color:#eee;
	padding:5px 10px;
	border:1px solid #bbb;
}
.main-content .msg-bg-yellow span,
.msg-error{
	display:inline-table;
	color:#8c2923;
	padding-bottom:10px;
}
.error{
	display:inline-table;
	color:#8c2923;
	clear:both;
	padding-bottom:10px;
}
#content-lnnt {
	float:left;
	width:85%;
	text-align:justify;
}
#content-lnnt h1 {
	font-size:165%;
	font-weight:bold;
	margin:0 0 10px;
}
#content-lnnt h2 {
	font-size: 123.1%;
	font-weight: bold;
	margin: .5em 0 .75em 0;
	padding: 0 0 .25em 0;
	clear: both;
	border:none;
}
#content-lnnt h3 {
	font-size: 105%;
	font-weight: bold;
	margin: .5em 0 .75em 0;
	padding: 0 0 .25em 0;
	clear: both;
	border:none;
	text-transform:none;
}
.bullet-square-black li{
	background:url(/service/static/residentiel/img/soutien/icons.gif) no-repeat 0 -2145px;
	padding-left:15px !important;
	margin-bottom:3px;
}
.wrap-gradient-gray{
	background:url(/service/static/residentiel/img/soutien/bg-gray-gradient.gif) repeat-x left bottom;
	border:1px solid #ddd;
	padding:10px 0 0 15px ! important;
}
#contact-form {
	width:75%;
}
#contact-form {
	margin-bottom:10px ! important;
}
#contact-form li span input{
	margin:0 0.25em 0.25em
}
span.symbol {
	font-size:120%;
	line-height:135%;
	float:left;
}
.main-content form label.checkbox{
	display: inline-block ! important;
}
.main-content form label.checkinline{
	display:inline ! important;
}

/* SAC */
#refresh-subject{
	display:none;
}
#refresh-subject-see{
	display:block;
}
#refresh-subject-see-container{
	margin-bottom:1em;
	width:32em;
}

/************************************************Soutien(fin)**************************************/

.main-content .tpc_button_wrap{
	margin-top:0.25em;
	float:none;
	clear:both;
}
.main-content .tpc_result_wrap { 
	padding: 0.65em 1em; 
	background-color: #F7F7F7; 
	border: 1px solid #E5E5E5;
	margin-bottom:1em;
}