/* PALETTE COULEUR: */
.c-blue {color: #002776;}
.c-darkblue {color: #002776;}
.c-orange {color: #ea5800;}
.c-lightorange {color: #002776;}
.c-green {color: #002776;}
.c-yellow {color: #002776;}
.c-darkgray {color: #686868;}
.c-lightgray {color: #ebebeb;}
.c-white {color: #fff;}
.c-black {color: #000;}
.c-red {color: #f00;}

/* Round Labels */
div.rbl {margin-bottom: 5px;}
div.rbl, div.rbl h2 {background-image: url(../images/layout/rb-labels.gif); height: 30px; line-height: 30px;}
div.rbl h2 {margin-left: 15px; display: block; font-size: 15px; font-weight: bold; color: #fff; font-style: normal; overflow: hidden;}

div.rbl-blue {background-position: left 0px;}
div.rbl-blue h2 {background-position: right 0px;}
div.rbl-blue-big {background-position: left -250px;}
div.rbl-bluebig h2 {background-position: right -250px;}
div.rbl-green {background-position: left -30px;}
div.rbl-green h2 {background-position: right -30px;}
div.rbl-orange {background-position: left -60px;}
div.rbl-orange h2 {background-position: right -60px;}
div.rbl-orange h2 a {background-position: right -60px; color: #ffffff;}
div.rbl-darkblue {background-position: left -90px;}
div.rbl-darkblue h2 {background-position: right -90px; color: #ffffff;}
div.rbl-darkgray {background-position: left -150px;}
div.rbl-darkgray h2 {background-position: right -150px;}
div.rbl-lightgray {background-position: left -180px;}
div.rbl-lightgray h2 {background-position: right -180px; color: #686868;}
div.rbl-lightblue {background-position: left -180px;}
div.rbl-lightblue h2 {background-position: right -180px; color: #002776;}
div.rbl-lightorange {background-position: left -210px;}
div.rbl-lightorange h2 {background-position: right -210px;}
/* Condition Legals */
#legal-condition { font-size: 0.8em; text-align: justify;}
#legal-condition h2 {padding: 4px; font-size: 1.2em; font-weight: bold;}
#legal-condition li {padding: 4px;}


/* Round Buttons */
a.rbtn {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	background-position: top right;
	background-repeat: no-repeat;
	height: 25px;
	text-decoration: none;
}
a.rbtn span {
	line-height: 25px;
	margin-right: 15px;
	height: 25px;
	background-position: top left;
	background-repeat: no-repeat;
	color: #ffffff;
	padding-left: 15px;
	font-weight: bold;
	text-align: center;
	display: block;
	white-space: nowrap;
}
a.rbtn:hover {background-position: bottom right; cursor: pointer;}
a.rbtn:hover span {background-position: bottom left; cursor: pointer;}

a.rbtn-blue, a.rbtn-blue span {background-image: url(../images/layout/rbtn-blue.gif); text-decoration:inherit;}
a.rbtn-blue:hover, a.rbtn-blue:hover span {color: #002776;}
a.rbtn-blue-big, a.rbtn-blue-big span {background-image: url(../images/layout/rbtn-blue-big.gif);}
a.rbtn-blue-big:hover, a.rbtn-blue-big:hover span {color: #002776;}
a.rbtn-darkblue, a.rbtn-darkblue span {background-image: url(../images/layout/rbtn-darkblue.gif);}
a.rbtn-darkblue:hover, a.rbtn-darkblue:hover span {color: #002776;}
a.rbtn-green, a.rbtn-green span {background-image: url(../images/layout/rbtn-green.gif);}
a.rbtn-green:hover, a.rbtn-green:hover span {color: #002776;}
a.rbtn-orange, a.rbtn-orange span {background-image: url(../images/layout/rbtn-orange.gif);}
a.rbtn-orange:hover, a.rbtn-orange:hover span {color: #ea5800;}
a.rbtn-darkgray, a.rbtn-darkgray span {background-image: url(../images/layout/rbtn-darkgray.gif);}
a.rbtn-darkgray:hover, a.rbtn-darkgray:hover span {color: #686868;}
a.rbtn-darkgray-lightgray, a.rbtn-darkgray-lightgray span {background-image: url(../images/layout/rbtn-darkgray-lightgray.gif);}
a.rbtn-darkgray-lightgray:hover, a.rbtn-darkgray-lightgray:hover span {color: #686868;}
a.rbtn-white, a.rbtn-white span { background-image: url(../images/layout/rbtn-white.gif);color: #002776;}
a.rbtn-white:hover, a.rbtn-white:hover span { color: #FFF; }

a.rbtn-darkblue-search, a.rbtn-darkblue-search span {background-image: url(../images/layout/rbtn-darkblue_search.gif);}
a.rbtn-darkblue-search:hover, a.rbtn-darkblue-search:hover span  {color: #002776;}

#search-box a.rbtn-darkblue-search, #search-box a.rbtn-darkblue-search span {background-image: url(../images/layout/rbtn-darkblue_search.gif);}
#search-box a.rbtn-darkblue-search:hover, #search-box a.rbtn-darkblue-search:hover span  {color: #002776;}

/* Round borders images */
div.rb-whitegray, 
div.rb-whitegray .rb-tr, 
div.rb-whitegray .rb-br, 
div.rb-whitegray .rb-bl {background-image: url(../images/layout/round-border-whitegray.gif);}

div.rb-whiteblue, 
div.rb-whiteblue .rb-tr, 
div.rb-whiteblue .rb-br, 
div.rb-whiteblue .rb-bl {background-image: url(../images/layout/round-border-whiteblue.gif);}

div.rb-lightgray, 
div.rb-lightgray .rb-tr, 
div.rb-lightgray .rb-br, 
div.rb-lightgray .rb-bl {background-image: url(../images/layout/round-border-lightgray.gif);}

div.rb-darkgray, 
div.rb-darkgray .rb-tr, 
div.rb-darkgray .rb-br, 
div.rb-darkgray .rb-bl {background-image: url(../images/layout/round-border-darkgray.gif);}

div.rb-darkblue, 
div.rb-darkblue .rb-tr, 
div.rb-darkblue .rb-br, 
div.rb-darkblue .rb-bl {background-image: url(../images/layout/round-border-darkblue.gif);}

div.rb-yellow, 
div.rb-yellow .rb-tr, 
div.rb-yellow .rb-br, 
div.rb-yellow .rb-bl {background-image: url(../images/layout/round-border-yellow.gif);}


/* Round borders positionnement */
div.rb-tl {background-position: top left; padding-left: 6px;}
div.rb-tr {background-position: top right; padding-top: 6px; height: 100%;}
div.rb-br {background-position: bottom right; padding-right: 6px; height: 100%;}
div.rb-bl {background-position: 0 100%; width: 100%; margin-left: -6px; padding: 0 0 6px 6px; height: 100%; }


/* Round Tabs images */
.rt-darkblue {background-image: url(../images/layout/round-border-darkblue.gif);}
.rt-blue {background-image: url(../images/layout/round-border-blue.gif);}
.rt-yellow {background-image: url(../images/layout/round-border-yellow.gif);}
.rt-lightgray {background-image: url(../images/layout/round-border-lightgray.gif);}

div.rt-line-darkblue {background: url(../images/layout/round-tab-line-darkblue.gif) right; height: 9px;}
div.rt-right {background-position: top right; float: left;}
div.rt-left {background-position: top left;margin-right: 5px; float: left;}


/* Round popup styling */
table.rp {empty-cells: show; border-collapse: collapse; border-spacing: 0; width: 100%; text-align: left;}
div.rp-close {float: right; position: relative; top: 10px; right: 5px; width: 22px; height: 18px;}
td.rp-top {height: 35px;}
td.rp-top h1 {font-weight: bold; font-size: 14px; color: #fff; padding-top: 10px; padding-left: 5px;}
td.rp-bottom {height: 15px;}
td.rp-tr {width: 15px;}
td.rp-tl {width: 15px;}


/* Round popup images */
div.rp-darkblue div.rp-close {background: url(../images/layout/overlay/darkblue-close.png) no-repeat;}
div.rp-darkblue td.rp-top {background: url(../images/layout/overlay/darkblue-top-trans.png);}
div.rp-darkblue td.rp-middle {background: #ffffff; padding-top: 4px;}
div.rp-darkblue td.rp-bottom {background: url(../images/layout/overlay/darkblue-bottom-trans.png);}
div.rp-darkblue td.rp-left {background: url(../images/layout/overlay/darkblue-left-trans.png);}
div.rp-darkblue td.rp-right {background: url(../images/layout/overlay/darkblue-right-trans.png);}
div.rp-darkblue td.rp-tr {background: url(../images/layout/overlay/darkblue-tr-trans.png);}
div.rp-darkblue td.rp-tl {background: url(../images/layout/overlay/darkblue-tl-trans.png);}
div.rp-darkblue td.rp-br {background: url(../images/layout/overlay/darkblue-br-trans.png);}
div.rp-darkblue td.rp-bl {background: url(../images/layout/overlay/darkblue-bl-trans.png);}


/* Loading Popup */
#loading {width: 240px; border: 1px solid #002776; position: fixed; bottom: 15px; left: 15px; text-align: center; background: #002776; display: none; z-index: 99999;}
#loading div.label {font-weight: bold; color: #002776; padding: 8px 8px 2px 8px;}
#loading div.image {padding: 2px 8px 8px 8px;}

/* Help popup */
.help-popup {padding: 5px;}
.help-popup h1 {color: #002776; font-weight: bold; font-size: 15px; padding-bottom: 5px;}
.help-popup h2 {color: #000; font-weight: bold; font-size: 13px; padding-bottom: 5px;}
.help-popup ul {padding-left: 15px;}
.help-popup li {list-style-type: disc; padding: 10px 0;}
.help-popup li li {padding: 0;}

img.font-size {border-bottom: 2px solid #fff; cursor: pointer}
img.font-size-selected {border-bottom: 2px solid #666; cursor: pointer}

.error {color: red; font-weight: bold;}

div.yes-no-chooser {margin-top: 3px; white-space: nowrap; float: right;}
div.yes-no-chooser ul {min-width: 250px;}
div.yes-no-chooser .error {text-align: right;}

div#page {text-align: left; width: 100%; min-width: 750px; max-width: 1000px; margin: auto;}
div#page-header {height: 70px; padding: 0 25px 0 30px; position: relative; z-index: 5;}
div#page-header-title {position: absolute; bottom: -10px; left: 50%; margin-left: -225px; z-index: 6; }
div#page-header-title h1 {text-align: center; font: bold 24px verdana; color: #002776; width: 450px;}
div#page-header-line {background: url(../images/layout/page-header-line.gif) repeat-x; height: 7px;}
div#page-header-logo {float: left; padding-top: 10px;}

#topnav1 {position: absolute; top: 3px; right: 25px;}
#topnav2 {position: absolute; bottom: 15px; right: 25px; z-index:6;}

.topnav {}
.topnav li {z-index: 7; display: inline; padding: 0 5px; position: relative; height: 15px;}
.topnav li.sep {padding: 0;}
.topnav a {text-decoration: none;}

.topnav-submenu {display: none; border: 1px solid #686868; background: #ebebeb; position: absolute; top: 22px; right: 10px; z-index: 999; text-align: left;}
.topnav-submenu li {display: inline !important; padding: 0 !important;}
.topnav-submenu a {display: block; background: #ebebeb; padding: 4px 8px; white-space: nowrap;}
.topnav-submenu a:hover {background: #686868; color: #fff;}

div#page-header-image {position: relative; clear: both; background-image: url(../images/headerbg-res-review.jpg); height: 140px;}
div#page-header-image_blitz {position: relative; clear: both; background-image: url(../images/headerbg-res-review.jpg); height: 203px;}
div#page-header-image-bar {position: absolute; left: 50%; margin-left: -230px;}

div.service-name-television {background: url(../images/header-business-television.gif);}
div.service-name-extented{background: url(../images/header-business-extended.gif);}
div.service-name-bundle {background: url(../images/header-section-bundle.gif);}
div.service-name-internet {background: url(../images/header-business-internet.gif);}
div.service-name-hosting {background: url(../images/header-business-hosting.gif);}
div.service-name-phone {background: url(../images/header-business-phone.gif);}

div#service-name-left {position: relative;}
div#service-name-right {background-position: right; margin-left: 110px; position: relative; height: 80px;}

div#service-name-header {position: relative;}
div#service-name-header h1 {font: bold 22px verdana; position: absolute; bottom: 30px; color: #686868;}
div#service-name-header h1 a {text-decoration:none;}

div.icons-others-services {position: absolute; right: 20px; bottom: 33px;}
div.icons-others-services img {position: relative; bottom: -10px;}

div.icons-others-services a,
div.icons-others-services a:visited {
	font: bold 12px verdana;
	color: #686868;
	text-decoration: none;
}
div.icons-others-services a:hover {color: #000000;}


div#page-content {clear: both; position: relative; text-align: left; margin: 0 10px; z-index: 10;}

div#content-top
{
	clear:both;
	height:290px;
}

div#main-column-container {position: relative; margin-right: 0px; margin-bottom:30px;}

div#left-column {position: relative; float: left; width: 120px;}
div#middle-column {position: relative; float: left; width: 610px; margin:0 10px 0 10px;}
div#middle-column-form {position: relative; float: left; width:75%; margin:0 0px 0 0px;}}
div#middle-column-form .rbl {width:60%;}
div#middle-column-business {position: relative; float: left; width:75%; margin:0 0px 0 0px;}
div#right-column { float: right; width: 220px;}
div#page-footer {margin-top: 50px; border-top: 1px solid #c9c8c8; background: #f7f9fb; padding: 8px 0 100px 0; clear: both; width: 100%; text-align: center; font: 10px verdana,arial,helvetica,sans-serif;}

div#page-footer-nav {width: 960px; margin: 0 auto; text-align: left;}
div#page-footer-nav li {margin-bottom: 4px;}
div#page-footer-nav a {text-decoration: none}

#page-footer-text {font: 10px verdana,arial,helvetica,sans-serif;}
#page-footer-title {font: 12px verdana,arial,helvetica,sans-serif; font-weight:bold;}
#footer-nav-col1 {float: left; position: relative; width: 120px; text-align: left;}
#footer-nav-col2 {float: left; position: relative; width: 150px; text-align: left;}
#footer-nav-col3 {float: left; position: relative; width: 130px; text-align: left;}
#footer-nav-col4 {float: left; position: relative; width: 150px; text-align: left;}
#footer-nav-col5 {float: left; position: relative; width: 220px; text-align: left;}
#footer-nav-col6 {float: left; position: relative; width: 185px; text-align: left;}

#footer-nav-col_fr1 {float: left; position: relative; width: 140px; text-align: left;}
#footer-nav-col_fr2 {float: left; position: relative; width: 140px; text-align: left;}
#footer-nav-col_fr3 {float: left; position: relative; width: 150px; text-align: left;}
#footer-nav-col_fr4 {float: left; position: relative; width: 140px; text-align: left;}
#footer-nav-col_fr5 {float: left; position: relative; width: 190px; text-align: left;}
#footer-nav-col_fr6 {float: left; position: relative; width: 200px; text-align: left;}

div#bread-crumbs {text-align: right; padding: 10px 10px 0 0; font-size: 0.92em;}

div.left-nav-blue div.active, div.left-nav-blue div.active-corner {background: url("../images/layout/left-nav-blue.gif");}
div.left-nav-green div.active, div.left-nav-green div.active-corner {background: url("../images/layout/left-nav-green.gif");}
div.left-nav-orange div.active, div.left-nav-orange div.active-corner {background: url("../images/layout/left-nav-orange.gif");}
div.left-nav-darkblue div.active, div.left-nav-darkblue div.active-corner {background: url("../images/layout/left-nav-darkblue.gif");}

div.left-nav div {font-size: 0.92em; padding: 8px 2px 8px 12px;}
div.left-nav a {text-decoration: none;}
div.left-nav div.active {position: relative; font-weight: bold; margin: 4px 0;}
div.left-nav div.active-corner {
	position: absolute;
	padding: 0 !important;
	bottom: -1px;
	left: 0;
	height: 12px;
	width: 15px;
	background-position: left bottom;
}

/* Aide a droite */
div#need-assistance {position: relative; margin-top: 30px;}
div#need-assistance .qm {position: absolute; right: -16px; top: -20px; height: 49px; width: 49px; background: url("../images/layout/question-mark-trans.png") no-repeat;}
div#need-assistance .bd {padding: 5px 10px; color: #002776;}
div#need-assistance .lbl {font-size: 14px; font-weight: bold; padding-bottom: 3px;}
div#need-assistance a {color: #002776;}


/*----------------------------------------------------------
	Business assistance
------------------------------------------------------------*/
div#business-assistance { margin-top: 15px; }
div#business-assistance h3 {font-size: 16px; color:#FFFFFF;}
div#business-assistance .bd {padding: 5px; color:#FFFFFF;}
div#business-assistance .bd .bigger {
	margin:10px 0 0 0;
	padding: 5px; 
	color:#FFFFFF;
}
div#business-assistance .bd .smaller {
	margin: 0 0 10px 0;
	padding: 5px; 
	color:#FFFFFF;
}

div#promotion {position: relative; margin-top: 10px; }
div#promotion h3 {font-size: 16px;}
div#promotion .bd {padding: 5px; }
div#promotion .bd .bigger {
	margin:0px 0 0 0;
	padding: 0px; 
}
div#promotion .bd .smaller {
	margin: 0 0 10px 0;
	padding: 5px; 
}
/*----------------------------------------------------------
	Referer un ami
------------------------------------------------------------*/
div.rb-bl .bd .bigger a{
	text-decoration:none;
	color:#666666;
}
div.rb-bl .bd .bigger a:hover{
	text-decoration:none;
	color:#333333;
}
div.rb-bl .bd .smaller a{
	text-decoration:none;
	color:#666666;
}
div.rb-bl .bd .smaller a:hover{
	text-decoration:none;
	color:#333333;
}

/* Popup Check Availability */
#check-av-popup-body {padding: 15px;}
#check-av-popup h4 {font-size: 16px; font-weight: bold; text-align: center; color: #000;}
#check-av-popup {width: 500px;}
#check-av-popup label {font-weight: bold; padding: 15px 0 5px 0; line-height: 25px; padding: 3px 0;}
#check-av-popup span.exemple {font-size: 0.9em;}
#check-av-popup div.error-block {border: 1px solid #f00; padding: 10px; color: #f00; font-weight: bold;}


/* Block standard pour chaque groupe */
div.block-section-sublabel {padding: 0 5px 10px 15px; font-weight: bold; color: #000;}

div.subblock-section-spacer {padding: 10px 15px;}
h3.subblock-section-label {font: bold 16px verdana; padding-bottom: 5px;}
div.subblock-section-description {padding-bottom: 5px;}
span.subblock-section-price {float: right; line-height: 18px; margin-left: 10px; white-space: nowrap;}


/* Shopping cart */
#shoppingCartContainer {font-size: 0.92em;}
#shoppingCartContainer td {font-size: inherit;}

a.s-sc-modify {float: right; font-size: 11px; font-weight: normal;}

h3.s-sc-label {font-size: 14px; font-weight: bold; color: #fff; padding: 0 0 1px 10px;}
h3.s-sc-sub-label {font: bold 12px verdana; color: #686868; padding: 0 10px;}
div.s-sc-sub-spacing {margin: 5px 15px 5px 15px;}

table.s-sc-pricelist {width: 100%;}
table.s-sc-pricelist td.label {}
table.s-sc-pricelist td.price {text-align: right; white-space: nowrap;}
table.s-sc-pricelist td.subtotal-label {font-weight: bold; }
table.s-sc-pricelist td.subtotal-price {text-align: right; font-weight: bold; white-space: nowrap;}
table.s-sc-pricelist td.discount-label {font-weight: bold;}
table.s-sc-pricelist td.discount-price {font-weight: bold; text-align: right; border-top: 1px solid #686868; white-space: nowrap;}

table.s-sc-pricelist-total {width: 100%;}
table.s-sc-pricelist-total td.label {text-align: right; font-weight: bold;}
table.s-sc-pricelist-total td.price {text-align: right; font-weight: bold; white-space: nowrap;}

hr.s-sc-pricelist-total-line {background: #ccc; height: 1px; color: #ccc;}


/* Shopping cart rebate popup */
div#s-sc-rebate-popup {}



/* Theme channels */
h3.label-theme-pack {font: bold 14px verdana; color: #ffffff; padding: 3px 15px;}
h3.label-theme-pack-dark {font: bold 14px verdana; color: #686868; padding: 3px 15px;}


ul.channel-logo-list li {
	margin: 0 !important;
	padding: 0 !important;
	display: -moz-inline-box;
	display: inline-block;
	min-width: 50px;
	text-align: center;
	vertical-align: top;
	
	*zoom: 1; /* IE7 -, trigger hasLayout*/
	*display: inline; /* IE7 -, once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
}
ul.channel-logo-list div {
	margin: 3px 5px; /* FF2 require this element */;
	*zoom: 1; /* IE7 -, trigger hasLayout*/
	*display: inline; /* IE7 -, once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
}
ul.channel-logo-list .price {
	*zoom: 1; /* IE7 -, trigger hasLayout*/
	*display: inline; /* IE7 -, once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
	margin: 5px 0 0 0;
	font-size: 0.80em;
}
ul.channel-logo-list .image {
	display: inline-block;
	height: 55px;
	line-height: 55px;
	_font-size: 55px;
	_vertical-align: middle;
	text-align: center;
	text-decoration: none;
}
ul.channel-logo-list a {
	display: inline-block;
	height: 55px;
	line-height: 55px;
	_font-size: 55px;
	_vertical-align: middle;
	text-align: center;
	text-decoration: none;
}
ul.channel-logo-list img {vertical-align: middle;}



/* Internet */
div.internet-options {padding: 10px 20px; margin-left: 25px;}
div.internet-options .label {font-weight: bold; font-size: 14px; color: #000; margin-bottom: 10px; white-space: nowrap;}
div.internet-options .price {float: right; font-weight: bold; font-size: 14px; color: #000;}
div.internet-options .speed-label {font-weight: bold; font-size: 14px; margin-right: 5px;}
div.internet-options .bandwidth-label {}
div.internet-options .feature-label {color: #000; font-weight: bold; margin-right: 15px;}
div.internet-options .graph {vertical-align: bottom;}
div.internet-options ul {padding-left: 15px;}
div.internet-options ul li {padding: 0; list-style-type: disc;}



/* Television channel info popup */
div#tv-channel-popup-body {padding: 5px;}
div#tv-channel-popup {display: none; width: 600px;}
div#tv-channel-popup h2 {font-weight: bold; color: #002776; font-size: 16px; padding-bottom: 10px}
div#tv-channel-popup .logo {float: right; border: 1px solid #000; padding: 10px 0; width: 60px; margin: 0 0 15px 15px; text-align: center;}
div#tv-channel-popup .desc {text-align: justify;}
div#tv-channel-popup .linksite {margin-top: 10px;}


/*search*/

div.search-options { padding: 10px 10px; text-align: left; color: #686868; }
div.search-options h2 {font-weight: bold; font-size: 14px; color: #686868; }
#search-box {margin-bottom:10px; margin-top:10px; }
#search-box .input{
	width:150px;
	border:#0099FF solid 1px;
}

#search-box input.go{
	margin-left:6px;
	color:#FFFFFF;
	font-weight:bold;
}
#search-box .recherche{
	line-height:18px;
	padding:3px 0px;
	width:100%;
	float:left;
	margin-top:18px;
	font: 11px verdana, arial, helvetica, sans-serif;
	color:#FFF;
}
#search-box .recherche label{
	color:#686868;
}
.search-options-support .recherche  #searchSection {
	width:130px;
	font: 11px verdana, arial, helvetica, sans-serif;
	color:#686868;
}

.search-options-support .recherche  #searchCategory {
	width:115px;
	font: 11px verdana, arial, helvetica, sans-serif;
	color:#686868;
}

.search-options-support .recherche input{
	width:180px;
	/*border:#0099FF solid 1px;*/
	font: 11px verdana, arial, helvetica, sans-serif;
	color:#686868;
}
.search-options-support h2{
	margin:5px 0px 0px 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px ;
	font-weight:bold;
	color:#FFF;

}
#search-box .go{
	width:auto;
	float:left;
	margin-top:10px;
}
#search-box .go input.go{
	margin-left:6px;
	color:#FFFFFF;
	font-weight:bold;
}
#search-box  .avancee{
	padding:2px 0px 2px 15px;
	background:url(../images/splash/search-icon.gif) no-repeat top left;
}
/* Round Buttons */
#search-box a.rbtn {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	background-position: top right;
	background-repeat: no-repeat;
	height: 25px;
	text-decoration: none;
}
#search-box a.rbtn span {
	line-height: 25px;
	margin-right: 15px;
	height: 25px;
	background-position: top left;
	background-repeat: no-repeat;
	color: #002776;
	padding-left: 15px;
	font-weight: bold;
	text-align: center;
	display: block;
	white-space: nowrap;
}
#search-box a.rbtn:hover span  {
	color: #FFF;

}
#search-box a.rbtn:hover {background-position: bottom right; cursor: pointer;}
#search-box a.rbtn:hover span {background-position: bottom left; cursor: pointer;}


.search_result{
	padding:10px 0 10px;
}
.searchBox{
	width:150px;
	border:#6B6B6B solid 1px;
	
}

input.go{
	/*margin-left:6px;*/
	color:#FFFFFF;
	font-weight:bold;
}
#search-box {/*float: left;*/ width: 100%; margin-bottom:10px; }
#search-box .recherche{
	width:auto;
	float:left;
}
#search-box .recherche .input{
	width:150px;
	border:#0099FF solid 1px;
}
#search-box .go{
	width:auto;
	float:left;
}
#search-box .go input.go{
	margin-left:6px;
	color:#FFFFFF;
	font-weight:bold;
}
#search-box .avancee{
	padding:2px 0px 2px 18px;
	background:url(../images/splash/search-icon.gif) no-repeat top left;
}
.pagination{
	padding:8px 0 8px;
}
.pagination a{ color:#0099FF; text-decoration:none;}
.pagination a:hover{color:#0099FF; text-decoration:underline;}


/* Television */
#tv-destination-packages {float: left; width: 49%}
#tv-destination-build {float: right; width: 49%}
#tv-destination-hd {}

div.tv-receiver-rules li {padding: 4px 0; font-weight: bold;}
div.tv-receiver-rules h3 {color: #002667; font-size: 14px; font-weight: bold;}
div.tv-receiver-rules div.rules {padding: 4px 0;}

div.tv-receiver-options-spacing {padding: 5px 15px;}
div.tv-receiver-options li {padding: 4px 0;}
div.tv-receiver-options h2 {color: #002776; font-size: 14px; font-weight: bold; padding-bottom: 8px;}
div.tv-receiver-options .remove-receiver {font-size: 11px; color: #686868; font-weight: normal;}

div.tv-receiver-model {padding: 5px 15px;}
div.tv-receiver-model div.image {text-align: center; padding-bottom: 5px;}
div.tv-receiver-model div.label {text-align: center; font-weight: bold; padding-bottom: 5px;}
div.tv-receiver-model div.description {text-align: center; padding-bottom: 10px;}
div.tv-receiver-model div.price {float: right; white-space: nowrap;}
div.tv-receiver-model div.purchase-option {text-align: right;}
div.tv-receiver-model h2 {font-size: 14px; font-weight: bold;}

div.tv-themepack-warning {color: #f00; padding: 3px; font-style: italic;}

ul.tv-digital-howitwork-list {padding-left: 30px; padding-bottom: 20px;}
ul.tv-digital-howitwork-list li {padding: 3px 0; list-style-type: square;}

div.tv-options-dest-inside {color: #002776; padding: 10px 10px; text-align: left;}
div.tv-options-dest-inside .price-container {float: right; width: 110px; margin: 0 0 15px 20px; color: #000;}
div.tv-options-dest-inside .price {padding: 5px; text-align: center; font-weight: bold; white-space: nowrap; color: #fff; font-size: 10px;}
div.tv-options-dest-inside .button {text-align: right; clear: both; margin-top: 15px}
div.tv-options-dest-inside .icon {float: right; padding-left: 10px;}
div.tv-options-dest-inside h2 {font-weight: bold; font-size: 20px; color: #002776; margin-bottom: 10px;}


div.tv-channel-disponibility {padding-top: 3px; font-style: italic;}
div.tv-channel-techpermit {padding-top: 3px; font-style: italic;}


/* Bundle */
div.bundle-section-container {padding: 0 5px 5px 5px;}

ul.bundle-options-list {float: left; width: 220px;}
ul.bundle-options-list li {position: relative; margin: 1px 0; padding: 5px 0 5px 40px; background: #ebebeb; clear: both;}
ul.bundle-options-list li.active {color: #fff; background: #686868;}
ul.bundle-options-list input {position: absolute; right: 190px; top: 3px;}

div.bundle-options-description {margin-left: 250px;}

div.bundle-price-container {margin-top: 10px; text-align: right;}

div.bundle-price-total-container {border: 1px solid #ccc; padding: 10px; margin-bottom: 15px;}
div.bundle-price-total-text {text-align: right;}

div.bundle-condition-container {padding: 10px; border: 1px solid #ccc;}

table.bundle-package-list {margin: 10px 20px;}
table.bundle-package-list td.label {}
table.bundle-package-list td.info {padding-left: 40px;}


.bundle-summary-sub {}
.bundle-summary-sub .item {margin: 8px;}
.bundle-summary-sub .item-label {font-weight: bold; color: #002776}
.bundle-summary-sub .item-detail {font-size: 0.92em; padding: 2px 0;}


/* Review Order */
div.s-ro-main-rb-tl {background: url("../images/layout/round-border-lightgray.gif"); margin-right: 5px; height: 5px;}
div.s-ro-main-rb-tr {background: url("../images/layout/round-border-lightgray.gif") top right;}
div.s-ro-main-rb-bd {background: #ebebeb; padding: 5px 10px;}
div.s-ro-main-rb-bl {background: url("../images/layout/round-border-lightgray.gif") left bottom; height: 5px; margin-right: 5px;}
div.s-ro-main-rb-br {background: url("../images/layout/round-border-lightgray.gif") right bottom;}

div.s-ro-rb div.bd {background: #ffffff;}

div.s-ro-rb-blue,
div.s-ro-rb-blue div.rb-tl,
div.s-ro-rb-blue div.rb-tr {background-image: url("../images/layout/rb-blue-lightgray.gif");}

div.s-ro-rb-orange,
div.s-ro-rb-orange div.rb-tl,
div.s-ro-rb-orange div.rb-tr {background-image: url("../images/layout/rb-orange-lightgray.gif");}

div.s-ro-rb-green,
div.s-ro-rb-green div.rb-tl,
div.s-ro-rb-green div.rb-tr {background-image: url("../images/layout/rb-green-lightgray.gif");}

div.s-ro-rb-yellow,
div.s-ro-rb-yellow div.rb-tl,
div.s-ro-rb-yellow div.rb-tr {background-image: url("../images/layout/rb-yellow-lightgray.gif");}

div.s-ro-rb-darkgray,
div.s-ro-rb-darkgray div.rb-tl,
div.s-ro-rb-darkgray div.rb-tr {background-image: url("../images/layout/rb-darkgray-lightgray.gif");}

div.s-ro-rb-white,
div.s-ro-rb-white div.rb-tl,
div.s-ro-rb-white div.rb-tr {background-image: url("../images/layout/rb-white-lightgray.gif");}

div.s-ro-rb div.rb-br {margin: 0; padding-right: 5px; background: url("../images/layout/rb-white-lightgray.gif") right bottom;}
div.s-ro-rb div.rb-bl {margin: 0; padding: 0; background: url("../images/layout/rb-white-lightgray.gif") left bottom; height: 5px;}

div.s-ro-rb h4 {padding-bottom: 5px; font-size: 14px; font-weight: bold; color: white;}
a.s-ro-print {float: right; font-size: 14px; margin-left: 40px; background: #fff; padding: 5px 15px; border: 1px solid #686868;}
div.s-ro-reenable-message {clear: both; padding: 2px 10px; margin-right: 5px; color: #ccc; font-weight: bold; float: right;}
div.s-ro-block-container {margin-bottom: 15px;}
img.s-ro-block-icon {float: left; padding: 10px 20px;}
div.s-ro-price-list-container {margin-left: 90px; margin-right: 10px; padding-top: 5px;}
table.s-ro-price-list {width: 100%; border-collapse: collapse;}
table.s-ro-price-list td {padding: 2px 0; white-space: nowrap;}
table.s-ro-price-list td.label {}
table.s-ro-price-list td.sub-label {font-size: 12px; padding-left: 25px;}
table.s-ro-price-list td.modif {font-size: 11px;}
table.s-ro-price-list td.modif a {color: #002776;}
table.s-ro-price-list td.price {text-align: right;}
table.s-ro-price-list hr.subtotal-liner {height: 1px; color: #ccc; background: #ccc; margin-top: 6px;}
table.s-ro-price-list td.subtotal-label {font-weight: bold;}
table.s-ro-price-list td.subtotal-price {text-align: right; font-size: 15px; font-weight: bold; white-space: nowrap;}

div.s-ro-summary {border-top: 1px solid #c1c2c3;}
div.s-ro-summary-list-container {padding: 10px;}
table.s-ro-summary-list {width: 100%;}
table.s-ro-summary-list td.label {font-weight: bold; font-size: 14px; padding: 1px 0;}
table.s-ro-summary-list td.price {text-align: right; font-weight: bold; font-size: 16px; padding: 1px 0; white-space: nowrap;}

div.s-ro-block2-container {padding: 5px 0;}
div.s-ro-block2-container div.s-ro-rb div.bd {padding: 2px 20px 2px 10px;}
div.s-ro-block2-label {font-weight: bold; font-size: 14px;}



/* Contact */
div#contact-form {width: 100%;}
div#contact-form label {clear: both; float: left; width: 200px; vertical-align: middle; height: 30px; line-height: 30px;}
div#contact-form div.input {float: left; vertical-align: middle; font-weight: bold; height: 30px; line-height: 30px; position: relative;}
div#contact-form div.input label {line-height: normal; float: none; height: auto; width: auto;} /* reset les labels interne */
div#contact-form div.input-error input {border-color: #f00;}
div#contact-form-calendar select {margin-left: 15px;}

div.contact-error-balloon {position: absolute; width: 259px; display: none; font-size: 11px; z-index: 2; line-height: normal;}
div.contact-error-balloon div.top {background: transparent url(../images/layout/balloon-top.gif) no-repeat right top; padding: 8px 10px 2px 30px;}
div.contact-error-balloon div.bottom {background: transparent url(../images/layout/balloon-bottom.gif) no-repeat left bottom; height: 6px;}

div.contact-confirm-section {font-weight: bold; font-size: 16px; padding-bottom: 15px; color: #002776}
div#contact-confirm-info div.label {float: left; width: 200px; vertical-align: middle; height: 20px; line-height: 20px;}
div#contact-confirm-info div.value {vertical-align: middle; height: 20px; line-height: 20px;}



/* Phone options */
div.phone-options {margin-top: 3px; margin-bottom: 3px;}
div.phone-options .more {float: right; white-space: nowrap; font-weight: bold; padding-left: 15px;}



/* RichFaces Calendar */
.rich-calendar-exterior {border: 1px solid;}
.rich-calendar-btn {cursor: pointer;}
.rich-calendar-header-optional {border-bottom: 1px solid; padding: 7px; height: 22px;}
.rich-calendar-header {border-right: 0px solid; border-bottom: 1px solid;}
.rich-cell-size {width: 25px; height: 22px;}
.rich-calendar-cell {border-bottom: 1px solid; border-right: 1px solid; padding: 0px; vertical-align: middle; text-align: center;}
.rich-calendar-tool {vertical-align: middle; text-align: center; width: 25px; height: 22px;}
.rich-calendar-month {vertical-align: middle; text-align: center;}
.rich-calendar-days {border-bottom: 1px solid; border-right: 0px solid; vertical-align: middle; text-align: center; height: 22px;}
.rich-calendar-week {border-bottom: 1px solid; border-right: 1px solid; vertical-align: middle; text-align: center; width: 25px;}
.rich-right-cell {border-right: 0px;}
.rich-bottom-cell {border-bottom: 0px;}
.rich-calendar-toolfooter {padding: 0px 7px 0px 7px; height: 22px;}
.rich-calendar-footer-optional {border-top: 1px solid; border-right: 0px solid; padding: 7px; height: 22px;}
.rich-calendar-footer {border-top: 1px solid; border-right: 0px solid;}
.rich-calendar-exterior {border-color: #BED6F8;}
.rich-calendar-header-optional {border-bottom-color: #BED6F8; background-color: #ECF4FE; font-size: 11px; font-family: Arial, Verdana, sans-serif;}
.rich-calendar-spec {}
.rich-calendar-header {border-bottom-color: #BED6F8; background-color: #ECF4FE; font-size: 11px; font-family: Arial, Verdana, sans-serif;}
.rich-calendar-cell {border-bottom-color: #BED6F8; border-right-color: #BED6F8; background-color: #FFFFFF; font-size: 11px; font-family: Arial, Verdana, sans-serif;}
.rich-calendar-tool {background-color: #BED6F8; font-size: 11px; font-family: Arial, Verdana, sans-serif; font-weight: bold; color: #000000;}
.rich-calendar-month {background-color: #BED6F8; font-size: 11px; font-family: Arial, Verdana, sans-serif; font-weight: bold; color: #000000;}
.rich-calendar-days {border-bottom-color: #BED6F8; border-right-color: #BED6F8; background: #ECF4FE; font-size: 11px; font-family: Arial, Verdana, sans-serif;}
.rich-calendar-weekends {color: red;}
.rich-calendar-week {background: #ECF4FE; border-bottom-color: #BED6F8; background-color: #F5F5F5; border-right-color: #BED6F8; font-size: 11px; font-family: Arial, Verdana, sans-serif;}
.rich-calendar-holly {background-color: #FFEBDA; color: #FF7800;}
.rich-calendar-boundary-dates {color: #a0a0a0;}
.rich-calendar-today {background-color: #FF7800; color: #FFEBDA; font-weight: bold;}
.rich-calendar-select {background-color: #BED6F8; color: #000000; font-weight: bold;}
.rich-calendar-hover {background-color: #f3f3f3;}
.rich-calendar-today.rich-calendar-hover {color: #FF7800;}
.rich-calendar-toolfooter {background: #ECF4FE; font-size: 11px; font-family: Arial, Verdana, sans-serif;}
.rich-calendar-footer-optional {border-top-color: #BED6F8; border-right-color: #BED6F8; background: #ECF4FE; font-size: 11px; font-family: Arial, Verdana, sans-serif;}
.rich-calendar-footer {border-top-color: #BED6F8; border-right-color: #BED6F8; background: #ECF4FE; font-size: 11px; font-family: Arial, Verdana, sans-serif;}
.rich-calendar-button {cursor: pointer; vertical-align: middle;}

/*------------------------------------------------------------------
	Ajouter
------------------------------------------------------------------*/
div.rt-tab-line-business{background: url(../images/layout/round-tab-line.gif) right no-repeat; height: 20px;}
div.rt-tab-line-business h2{color:#FFF; font-size:10pt; margin-left:10px;}
div.rt-tab-line-bottom-business{background-color:#000099; height: 9px; margin-top:-2px;}
div.rt-tab-line-bottom-business img{ float:left; margin-top:9px;}

/* Round Corner Tables with lines */
.tc-nw, .tc-ne, .tc-w, .tc-e, .tc-sw, .tc-se {width: 5px; padding: 0;} /* sides */
.tc-s, .tc-sw, .tc-se {height: 5px; padding: 0; font-size: 0;}  /* bottom */
.tc-n, tc-s {background-repeat: repeat-x;} /* horizontal repeat */
.tc-w, tc-e {background-repeat: repeat-y;} /* vertical repeat */

.tc-n {background-position: top left;} /* Sprite image positionning */
.tc-nw {background-position: 0 -50px;}
.tc-ne {background-position: 100% -50px;}
.tc-s {background-position: bottom left;}
.tc-sw {background-position: 0 -145px;}
.tc-se {background-position: 100% -145px;}
.tc-w {background-position: left;}
.tc-e {background-position: right;}

.tc-rline {border-right-style: solid; border-right-width: 1px;}
.tc-bline {border-bottom-style: solid; border-bottom-width: 1px;}

.table-blue-corner thead td {color: #fff;}
.table-blue-corner .tc-n, .table-blue-corner .tc-nw, .table-blue-corner .tc-ne,
.table-blue-corner .tc-s, .table-blue-corner .tc-sw, .table-blue-corner .tc-se {background-image: url("../images/layout/table-blue-corner.gif");}
.table-blue-corner .tc-w, .table-blue-corner .tc-e {background-image: url("../images/layout/table-blue-corner-sides.gif");}
.table-blue-corner .tc-rline, .table-blue-corner .tc-bline {border-color: #002776;}

.table-orange-corner thead td {color: #fff;}
.table-orange-corner .tc-n, .table-orange-corner .tc-nw, .table-orange-corner .tc-ne,
.table-orange-corner .tc-s, .table-orange-corner .tc-sw, .table-orange-corner .tc-se {background-image: url("../images/layout/table-orange-corner.gif");}
.table-orange-corner .tc-w, .table-orange-corner .tc-e {background-image: url("../images/layout/table-orange-corner-sides.gif");}
.table-orange-corner .tc-rline, .table-orange-corner .tc-bline {border-color: #ea5800;}

.table-orange-business-corner thead td {color: #fff;}
.table-orange-business-corner .tc-n, .table-orange-business-corner .tc-nw, .table-orange-business-corner .tc-ne,
.table-orange-business-corner .tc-s, .table-orange-business-corner .tc-sw, .table-orange-business-corner .tc-se {background-image: url("../images/layout/table-orange-business-corner.gif");}
.table-orange-business-corner .tc-w, .table-orange-business-corner .tc-e {background-image: url("../images/layout/table-orange-business-corner-sides.gif");}
.table-orange-business-corner .tc-rline, .table-orange-business-corner .tc-bline {border-color: #002776;}

.table-green-corner thead td {color: #fff;}
.table-green-corner .tc-n, .table-green-corner .tc-nw, .table-green-corner .tc-ne,
.table-green-corner .tc-s, .table-green-corner .tc-sw, .table-green-corner .tc-se {background-image: url("../images/layout/table-green-corner.gif");}
.table-green-corner .tc-w, .table-green-corner .tc-e {background-image: url("../images/layout/table-green-corner-sides.gif");}
.table-green-corner .tc-rline, .table-green-corner .tc-bline {border-color: #339900;}

.table-green-corner-white thead td {color: #fff; padding:0px; height:5px; font-size:0px; }
.table-green-corner-white .tc-n , .table-green-corner-white .tc-nw , .table-green-corner-white .tc-ne ,
.table-green-corner-white .tc-s , .table-green-corner-white .tc-sw , .table-green-corner-white .tc-se  {background-image: url("../images/layout/table-green-white-corner.gif");}
.table-green-corner-white .tc-w, .table-green-corner-white .tc-e {background-image: url("../images/layout/table-green-corner-sides.gif");}
.table-green-corner-white .tc-rline, .table-green-corner-white .tc-bline {border-color: #339900;}

/* POPUP */
/* Round popup styling */

/* Round Labels */
div.rbl {margin-bottom: 5px;}
div.rbl, div.rbl h2 {background-image: url(../images/layout/rb-labels.gif); height: 30px; line-height: 30px;}
div.rbl h2 {margin-left: 15px; display: block; font-size: 14px; font-weight: bold; color: #fff; font-style: normal; overflow: hidden;}

div.rbl-blue {background-position: left 0px;}
div.rbl-blue h2 {background-position: right 0px;}
div.rbl-green {background-position: left -30px;}
div.rbl-green h2 {background-position: right -30px;}
div.rbl-orange {background-position: left -60px;}
div.rbl-darkblue {background-position: left -90px;}
div.rbl-darkblue h2 {background-position: right -90px; color: #ffffff;}
div.rbl-orange h2 {background-position: right -60px;}
div.rbl-darkgray {background-position: left -150px;}
div.rbl-darkgray h2 {background-position: right -150px;}
div.rbl-lightgray {background-position: left -180px;}
div.rbl-lightgray h2 {background-position: right -180px; color: #686868;}

/* -------SIDENAV ------ */
#sidenav ul {width: 100%;}
#sidenav li {padding: 4px 0; border-bottom: 1px solid #002776;}
#sidenav li a {display: block; padding: 1px 20px 1px 0; letter-spacing: -1px; text-transform: uppercase; text-decoration: none; font-size: 11px;}
#sidenav li a.sub {display: block; padding: 1px 0 1px 5px; letter-spacing: 0; text-transform: none; text-decoration: none; font-size: 10px;}
#sidenav li a.active {font-weight: bold;}
#sidenav.tv li a.active {color: #002776;}
#sidenav.phone li a.active {color: #002776;}
#sidenav.internet li a.active {color: #ea5800;}
#sidenav.hosting li a.active {color: #002776;}


#tab-navigation {position: absolute; top: -31px;}
#tab-navigation ul {}
#tab-navigation ul li {float: left; padding-right: 2px;}
/* --------------------- */