@charset "utf-8";
/* CSS Document */

/* remove margin, padding and border */
body,td, img, form, ul, li, hr, h1, h2, h3, h4, h5, h6 {
	border: 0;
	margin: 0;
	padding: 0;
}

/* default text style */
body, td, h1, h2, h3, h4, h5, h6 {
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #686868;
}

sup {
	vertical-align: text-top;
}

div.subblock-section-description h2{
	font-size:13px;
	font-weight:bold;
	margin:30px 0 5px 0;
}

div.subblock-section-description p{
	margin:5px 0 20px 0;
}

a.colored{
	color:#0099CC;
	text-decoration:underline;
}

a.colored:hover{
	color:#666666;
	text-decoration:none;

}

a.services {
	-x-system-font:none;
	color:#002776;
	font-family:verdana;
	font-size:13px;
	text-decoration:underline;
}

a.services:link {
	-x-system-font:none;
	color:#002776;
	font-family:verdana;
	font-size:13px;
	text-decoration:underline;
}
a.services:visited {
	-x-system-font:none;
	color:#002776;
	font-family:verdana;
	font-size:13px;
	text-decoration:underline;
}

a.services:hover {
	-x-system-font:none;
	color:#002776;
	font-family:verdana;
	font-size:13px;
	text-decoration:none;
}
.content-shortcut{
	width:100%;
	margin:20px 0 0px;
}
.content-shortcut a{
	margin:18px 0 18px;
	display:block;
	color:#002776;
}
.content-shortcut select{
	width:100%;
}
/*--------------------------------------------------
	 remove list style 
--------------------------------------------------*/
ul, li {
	list-style-type: none;
}
/*----------------------------------------------------
	 shortcut pour les styles courants 
-----------------------------------------------------*/
.block{ 
	display: block;
}
.pointer {
	cursor: pointer;
}
.bold {
	font-weight: bold;
}
.clear {
	clear: both;
}
.inline {
	display: inline;
}
.hidden {
	display: none;
}
.underline {
	text-decoration: underline;
}
.nowrap {
	white-space: nowrap;
}
.float-wrap {
	float: left;
	width: 100%;
}
.fl-right {
	float: right;
}
.fl-left {
	float: left;
}
.tx-left {
	text-align: left;
}
.tx-right {
	text-align: right;
}
.tx-center {
	text-align: center;
}
.tx-justify {
	text-align: justify;
}
.inlineblock {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
}
.middle {
	vertical-align: middle;
}
.relative {
	position: relative;
}
.c-blue {
	color: #4b92db;
}
.c-darkblue {
	color: #002776;
}
.c-darkblue a {
	color: #002776;
	text-decoration:none;
}
.c-darkblue a:hover {
	color: #002776;
	text-decoration:underline;
}
.c-orange {
	color: #ea5800;
}
.c-green {
	color: #3f9c35;
}
.c-yellow {
	color: #ffcb08;
}
.c-darkgray {
	color: #686868;
}
.c-lightgray {
	color: #ebebeb;
}
.c-white {
	color: #fff;
}
.c-black {
	color: #000;
}
.c-red {
	color: #f00;
}
.pad10 {
	padding: 10px;
}
ul.disc {
	padding-left: 15px;
	margin:5px 0 5px 0;
}
ul.disc li {
	padding: 0;
	list-style-type: disc;
}
ul.seamTextUnorderedList {
	padding-left: 15px;
}
li.seamTextUnorderedListItem {
	padding: 0;
	list-style-type: disc;
}
/* List avec radio ou checkbox */
/* Div version */
div.checkboxlist {
	position: relative;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
}
input.checkboxlist-input {
	position: absolute;
	left: 0px;
	top: -1px;
}
/* JSF Table version */
table.checkboxlist td {
	position: relative;
	padding-top: 2px;
	padding-bottom: 2px;
}
table.checkboxlist input {
	float: left;
}
table.checkboxlist label {
	padding-left: 30px;
	padding-top: 3px;
	display: block;
}
/*-------------------------------------------------
	Debut du styling
--------------------------------------------------*/
body {
	background: #ffffff;
	text-align: center;
}
a {
	color: #686868;
	text-decoration: underline;
}
a:hover {
	color: #000000;
}
select {
	vertical-align: middle;
}
div.ocms_de_norm{width:inherit;}

/*---------------------------------------------------
	table
----------------------------------------------------*/
table.tableinternet {
	border-bottom:1px solid #CE4E00;

}
table.tableinternet th{
	font-size:13px;
	text-transform:uppercase;
	color:#FFFFFF;
	background-color:#FF6F17;
	text-align:left;
	padding-left:20px;
}

table.tableinternet th{
	border-right:1px solid #CE4E00;
	border-left:1px solid #CE4E00;					
}

table.tableinternet td{
	padding:5px 5px 5px 10px;
	border-right:1px solid #CE4E00;
	border-left:1px solid #CE4E00;	
	vertical-align:top;
}
/*-------------------------------------------------
	Debut du styling
--------------------------------------------------*/
body {
	background: #ffffff;
	text-align: center;
}
a {
	color: #686868;
	text-decoration: underline;
}
a:hover {
	color: #000000;
}
select {
	vertical-align: middle;
}

/*------------------------------------------------------------------
	Support
------------------------------------------------------------------*/
div#page-search {
	padding:5px;	
}
div#page-search #menu {
	padding:10px 5px;	
}
div#page-search ul.menulist {
	padding:2px;
	float: right;	
}
div#page-search ul.menulist li{
	display:inline;
}

div#page-search-hd{
	border-bottom:solid 1px #CDCDCD;
	width:100%;
}
.search_noresult{
	margin-top:15px;	
}
div#search-content{
	height:40px;
	margin-bottom:5px;	
	
}
div#search-content .rb-yellow{
	height:30px;
	display:block;
	line-height:10px;
}
div#search-content .rb-bl{
	padding:0px;
}
div#search-content .searchSupport{
	width:36%;
	float: left;
	margin-left:10px;	
}

div#search-content .searchSupport span{
	float: left;	
	margin-right:10px;
	padding:5px 0 0 0;	
}

div#search-content .searchSupport input{
	padding:2px;
	height:15px;
	width:150px;	
}

div#search-content .searchArea{
	width:45%;
	float: left;
	margin-left:10px;	
}

div#search-content .searchArea span{
	float: left;
	margin-right:10px;
	padding:5px 0 0 0;
}

div#search-content .searchArea select{
	padding:2px;	
	height:21px;
	width:250px;
	margin-top:0,5px;
	font: 11px verdana, arial, helvetica, sans-serif;
	color:#686868;
}

div#search-content .searchButton{
	width:10%;
	float: left;
}


div#page-content-csupport {
	margin:0 0 0 0;
}
div#middle-column-question{
	width:75%;
	float:left;
	margin:10px 0 0 0;
	position:relative

} 
div#middle-column-bottom{
	width:100%;
	margin:10px 0 0 0;
	position:relative

} 
div#middle-column-contact .content-tab{
	padding:5px 0 10px 0;
	width:100%;
	max-width:700px;
	min-width:300px;	

}
div#middle-column-contact .content-home{
	margin:5px auto 5px auto;
	width:80%;
	color: #002776;	
}

div#rss-column {
	position: relative;
	float: left;
	width: 100%;
	min-width: 157px;
	max-width: 157px;
	margin:12px 0px 0 15px;
}

div#promo-column {
	position: relative;
	float: left;
	width:169px;
	margin:0 0px 0 0px;
}
div#promo-column .content {
	margin:12px 0 0px 0;
}

div#two-column {
	width:480px;
	margin:10px 0 0 30px;
	float:left;
}
div#two-column .topbottom {
	width:100px;
	margin:10px 0 0 30px;
	float:right;
	text-align:right;
}

div#two-column .content {
	margin:12px 0 0px 0;
}
div#two-column h1 {
	padding:3px 0 3px;
	font-size: 20px;
	font-weight:bold;
	color:#6D6E71;
}
div#left-column-csupport {
	width:220px;
	margin:10px 0px 0 7px;
	float:left;
}
div#left-column-csupport .content {
	/*margin:0 0 5px 0;*/
	padding:0 0 5px 0;
}
div#left-column-csupport .content a {
	padding:5px 0px 0px 0px;
	font-size:11px;
	line-height:22px;
	text-decoration:underline;
}
div#left-column-csupport .content a:hover {
	padding:5px 0px 0px 0px;
	font-size:11px;
	line-height:22px;
	text-decoration:underline;
}
div#right-column-csupport {
	width:220px;
	margin:10px 8px 0 8px;
	float:right;
}
div#right-column-csupport .content {
	margin:0px 0px 5px 0px;
}
div#right-column-csupport .content .subscribe {
	height:80px;
	width:220px;
	background: url(../images/subscribe_to_newslettre.jpg) right no-repeat; 
}
div#right-column-csupport .content .transition {
	height:150px;
	width:220px;
	background: url(../images/transition.gif) right no-repeat; 
}
div#right-column-csupport .content .subscribe-en {
	height:80px;
	width:220px;
	background: url(../images/subscribe_to_news_lettre.jpg) right no-repeat; 
}
div#right-column-csupport .content .transition-en {
	height:150px;
	width:220px;
	background: url(../images/transition-en.gif) right no-repeat; 
}

div#right-column-csupport .content-login  {
	margin:0px 0px 5px 0px;
	background-color:#deeeff;
}
.content-login ul.services-csupport{
	margin:0px 0px 0px 10px;
}

div#right-column-csupport .content a {
	padding:5px 0px 0px 0px;
	font-size:11px;
	line-height:22px;
}
div#right-column-csupport .support {
	margin:12px 0px 5px 0px;
}

div.rt-tab-line-csupport{
	background: url(../images/customer_otherlinks.gif) right no-repeat; 
	height: 28px;
}
div.rt-tab-line-csupport h1{
	display:block;
	padding:8px 0 0 15px;
	color:#FFF;
	font-weight: bold;
	text-transform:capitalize;
}

div.rt-tab-line-bottom-csupport{
	background-color:#000099; 
	height: 9px; 
	margin-top:-2px;
}

div.rt-tab-line-bottom-csupport img{ 
	float:left; 
	margin-top:9px;
}

.three-column{
	width:100%;
	margin-bottom:30px;
}
div#middle-column-contact .three-column h1{
	font-size:14px;
	margin-top:23px;	
}
/*------------------------------------------
	TV/internet/phone Box threecolumn
------------------------------------------*/
.tv-box{
	width:220px;
	float:left;
	margin:0 5px;
}

 .tv-box .top{
	background: url(../images/television_main.jpg) top left no-repeat;
	width:100%;
	padding:5px;
	height: 55px; 
}
.tv-box .top h1{
	margin:20px 0 0 5px;	
}
.tv-box .list{
	width:100%;
	padding:5px;
}
.tv-box .list div.desc {
	position: relative;
	padding:13px 0px 13px 10px;
	top: 0px;
	color:#002776;	
}
.tv-box .list div.desc ul li {
	list-style-image:url(../images/tv_square.jpg);
	margin-bottom:10px;
}
.tv-box .list div.desc ul li a{
	padding:5px 0px 0px 0px;
	color:#6E6F73;
	line-height:15px;
	text-decoration:none;	
}
.tv-box .list div.desc ul li a:hover{
	text-decoration:underline;	
}

.phone-box{
	width:220px;
	float:left;
	margin:0 5px;
}

.phone-box .top{
	background: url(../images/telephone_main.jpg) top left no-repeat;
	width:100%;
	padding:5px;
	height: 55px; 
}
.phone-box .top h1{
	margin:20px 0 0 5px;	
}
.phone-box .list{
	width:100%;
	padding:5px;
}
.phone-box .list div.desc {
	position: relative;
	padding:13px 0px 13px 13px;
	top: 0px;
	color:#002776;	
}
.phone-box .list div.desc ul li {
	list-style-image:url(../images/phone_square.jpg);
	margin-bottom:10px;	
}
.phone-box .list div.desc ul li.pdf, .tv-box .list div.desc ul li.pdf,.internet-box .list div.desc ul li.pdf,.hosting-box .list div.desc ul li.pdf {
	list-style-image:url(../images/icon_pdf.jpg);
}

.content-question ul{
	padding-left:23px;
}
.content-question ul li{
	list-style-image:none;
	padding:3px;
}
.content-question ul li.pdf{
	list-style-image:url(../images/icon_pdf.jpg);
	margin-bottom:10px;
}
.phone-box .list div.desc ul li a{
	padding:5px 0px 0px 0px;
	color:#6E6F73;
	line-height:15px;
	text-decoration:none;	
}
.phone-box .list div.desc ul li a:hover{
	text-decoration:underline;		
}
/* -------------------*/
.hosting-box{
	width:220px;
	float:left;
	margin:0 5px;
}

.hosting-box .top{
	background: url(../images/hosting_main.jpg) top left no-repeat;
	width:100%;
	padding:5px;
	height: 55px; 
}

.hosting-box .top h1{
	margin:20px 0 0 5px;
}
.hosting-box .list{
	width:100%;
	padding:5px;

}
.hosting-box .list div.desc {
	position: relative;
	padding:13px 0px 13px 13px;
	top: 0px;
	color:#002776;	
}

.hosting-box .list div.desc ul li {
	list-style-image:url(../images/hosting_square.jpg);
	margin-bottom:10px;	
}
.hosting-box .list div.desc ul li a{
	padding:5px 0px 0px 0px;
	color:#6E6F73;
	line-height:15px;
	text-decoration:none;
}

.hosting-box .list div.desc ul li a:hover{
	text-decoration:underline;
}

/* -------------------*/
.internet-box{
	width:220px;
	float:left;
	margin:0 5px;
}

.internet-box .top{
	background: url(../images/internet_main.jpg) top left no-repeat;
	width:100%;
	padding:5px;
	height: 55px; 
}

.internet-box .top h1{
	margin:20px 0 0 5px;
}
.internet-box .list{
	width:100%;
	padding:5px;

}
.internet-box .list div.desc {
	position: relative;
	padding:13px 0px 13px 13px;
	top: 0px;
	color:#002776;	
}

.internet-box .list div.desc ul li {
	list-style-image:url(../images/internet_square.jpg);
	margin-bottom:10px;	
}
.internet-box .list div.desc ul li a{
	padding:5px 0px 0px 0px;
	color:#6E6F73;
	line-height:15px;
	text-decoration:none;
}

.internet-box .list div.desc ul li a:hover{
	text-decoration:underline;
}

div.desc a.viewAll{
	margin:15px 0 0 10px;
	width:100%;
	display:block;
	color:#002776; 
}

.tv-box .list div.desc ul, 
.phone-box .list div.desc ul, 
.internet-box .list div.desc ul {
	padding:0 0 0 10px;
}
/*------------------------------------------
	TV/internet/phone Box left column
------------------------------------------*/

div#left-column-csupport .tv-box{
	margin:0 0px;
	background: url(../images/television_main.jpg) top left no-repeat;
}
div#left-column-csupport .tv-box .top{
	width:218px;
	height:25px;	
	padding:0px;
	background:none ;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 0px;
}
div#left-column-csupport .tv-box .top h1 {
	text-align: left; 
	font: bold 16px verdana; 
	color: #6d6e71; 
	padding-top:5px;	
}

div#left-column-csupport .tv-box .top1{
	width:218px;
	height:25px;	
	padding:0px;
	background:none ;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 0px;
}
div#left-column-csupport .tv-box .top1 h1 {
	text-align: left; 
	font: bold 16px verdana; 
	color: #6d6e71; 
	margin:0px 0 0 5px;
	padding-top:5px;
}

div#left-column-csupport .tv-box .list{
	padding:0px;
	width:218px;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 1px;
}

div#left-column-csupport .internet-box{
	margin:0 0px;
	background: url(../images/internet_main.jpg) top left no-repeat;
}
div#left-column-csupport .internet-box .top{
	width:218px;
	height:25px;	
	padding:0px;
	background:none ;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 0px;
}
div#left-column-csupport .internet-box .top h1 {
	text-align: left; 
	font: bold 16px verdana; 
	color: #6d6e71; 
	padding-top:5px;	
}
div#left-column-csupport .internet-box .top1{
	width:218px;
	height:25px;	
	padding:0px;
	background:none ;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 0px;
}
div#left-column-csupport .internet-box .top1 h1 {
	text-align: left; 
	font: bold 16px verdana; 
	color: #6d6e71; 
	margin:0px 0 0 5px;
	padding-top:5px;
}

div#left-column-csupport .internet-box .list{
	width:218px;
	padding:0px;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 1px;
}
/*-------*/
div#left-column-csupport .hosting-box{
	margin:0 0px;
	background: url(../images/hosting_main.jpg) top left no-repeat;
}
div#left-column-csupport .hosting-box .top{
	width:218px;
	height:25px;	
	padding:0px;
	background:none ;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 0px;
}
div#left-column-csupport .hosting-box .top h1 {
	text-align: left; 
	font: bold 16px verdana; 
	color: #6d6e71; 
	padding-top:5px;	
}
div#left-column-csupport .hosting-box .top1{
	width:218px;
	height:25px;	
	padding:0px;
	background:none ;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 0px;
}
div#left-column-csupport .hosting-box .top1 h1 {
	text-align: left; 
	font: bold 16px verdana; 
	color: #6d6e71; 
	margin:0px 0 0 5px;
	padding-top:5px;
}

div#left-column-csupport .hosting-box .list{
	width:218px;
	padding:0px;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 1px;
}

/*-------*/
div#left-column-csupport .phone-box{
	margin:0 0px;
	background: url(../images/telephone_main.jpg) top left no-repeat;

}
div#left-column-csupport .phone-box .top{
	width:218px;
	height:25px;
	padding:0px;
	background:none ;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 0px;
}
div#left-column-csupport .phone-box .top h1 {
	text-align: left; 
	font: bold 16px verdana; 
	color: #6d6e71; 
	padding-top:5px;	
}
div#left-column-csupport .phone-box .top1{
	width:218px;
	height:25px;	
	padding:0px;
	background:none ;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 0px;
}
div#left-column-csupport .phone-box .top1 h1 {
	text-align: left; 
	font: bold 16px verdana; 
	color: #6d6e71; 
	margin:0px 0 0 5px;
	padding-top:5px;
}
div#left-column-csupport .phone-box .list{
	width:218px;
	padding:0px;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 1px;
}
/*------------------------------------------
	Left
------------------------------------------*/
div.splash-list-service-csupport-left {
	float: left;
	width: 99%;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 1px;
	position: relative;
}

div.splash-list-service-csupport-left h2 {
	padding:5px 0 5px 5px;
}
div.splash-list-service-csupport-left div.desc {
	position: relative;
	padding:13px 0px 13px 13px;
	top: 0px;
	color:#002776;
}
div.splash-list-service-csupport-left div.desc h1 {
	padding:3px 0px 8px 0px;
	font-size: 14px;
	font-weight:bold;
	color:#002776;
}
div.splash-list-service-csupport-left ul.services-contact li a{
	padding:5px 0px 0px 0px;
	font-size:11px;
	line-height:22px;
}


/*------------------------------------------
	middle
------------------------------------------*/
div.rt-tab-line-csupport-tv {
	background: url(../images/layout/middle_box_tv.jpg) right no-repeat; 
	height: 37px;
	width:482px;

}
div.rt-tab-line-csupport-internet {
	background: url(../images/layout/middle_box_internet.jpg) right no-repeat; 
	height: 37px;
	width:482px;

}
div.rt-tab-line-csupport-hosting {
	background: url(../images/layout/middle_box_hosting.jpg) right no-repeat; 
	height: 37px;
	width:482px;

}
div.rt-tab-line-csupport-phone {
	background: url(../images/layout/middle_box_phone.jpg) right no-repeat; 
	height: 37px;
	width:482px;

}
div.rt-tab-line-csupport-question {
	background: url(../images/layout/middle_box_question.jpg) right no-repeat; 
	height: 37px;
	width:482px;
}
div.faq-question{
	margin:10px auto 10px auto;
	width:446px;
}
div.faq-question .top{
	background: url(../images/middle_question.jpg) top left no-repeat; 
	height: 21px;
	width:446px;
}

div.faq-question .top .title{
	margin:0px 0 0 5px;
	padding:2px 0 0 0;
	display:block;
	width:70%;
	float:left;
}
div.faq-question .top .title h3{
	color:#002776;
	font-size:14px;
	font-weight: bold;
}
div.faq-question .top .title h4{
	color:#002776;
	font-size:11px;
	font-weight: bold;
}
div.faq-question .top .view-all{
	float:right;
	padding:5px 3px 0 0;	
}
div.faq-question .top .view-all a{
	color:#002776;
	font-size:11px;
}
div.faq-question .content-question{
	width:434px;
	border-top:#E1E1E1 solid 0px;
	border-left:#E1E1E1 solid 1px;
	border-right:#E1E1E1 solid 1px;
	border-bottom:#E1E1E1 solid 1px;
	padding:15px 5px 5px 5px;
	display:none;
}
a.showLink { text-decoration: none; padding-left: 10px; }
a.hideLink { display: none; text-decoration: none; padding-left: 10px; }
a.showLink:hover, a.hideLink:hover { text-decoration: none; padding-left: 10px; }

div.rt-tab-line-csupport-tv  h3, div.rt-tab-line-csupport-internet  h3, div.rt-tab-line-csupport-hosting  h3, div.rt-tab-line-csupport-phone  h3, div.rt-tab-line-csupport-question h3   {
	display:block;
	padding:8px 0 0 15px;
	color:#FFF;
	font-weight: bold;
	font-size:14px;

}
div.rt-tab-line-csupport-tv  h4, div.rt-tab-line-csupport-internet  h4, div.rt-tab-line-csupport-phone  h4, div.rt-tab-line-csupport-question h4   {
	display:block;
	padding:8px 0 0 15px;
	color:#FFF;
	font-weight: bold;
	font-size:11px;

}
div.splash-list-service-csupport-middle {
	float: left;
	width: 480px;
	border-top:#E1E1E1 solid 0px;
	border-left:#E1E1E1 solid 1px;
	border-right:#E1E1E1 solid 1px;
	border-bottom:#E1E1E1 solid 1px;
	position: relative;
	color: #686868;
}
div.splash-list-service-csupport-middle h2 {
	padding:5px 0 5px 5px;
}
div.splash-list-service-csupport-middle div.desc {
	position: relative;
	padding:13px 0px 13px 13px;
	top: 0px;
	color: #686868;
}
div.splash-list-service-csupport-middle div.desc h1 {
	padding:3px 0px 8px 0px;
	font-size: 14px;
	font-weight:bold;
	color: #686868;
}

div.splash-list-service-csupport-middle ul.services-contact li a{
	padding:5px 0px 0px 0px;
	font-size:11px;
	line-height:22px;
}

div.splash-list-service-csupport-middle .content-value .image{
	float:left;
	width:20px;
	height:20px;
}
div.splash-list-service-csupport-middle .content-value .text{
	float:left;
	line-height:25px;
	width:94%;	
}
div.splash-list-service-csupport-middle .list .content-value .image{
	float:left;
	width:20px;
	height:20px;
}
div.splash-list-service-csupport-middle .list .content-value .text{
	float:left;
	line-height:25px;
}

/*------------------------------------------
	Right
------------------------------------------*/
div.splash-list-service-csupport {
	float: none;
	width: 99%;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 1px;
	position: relative;
}
div.splash-list-service-csupport h2 {
	padding:5px 0 5px 5px;
}
div.splash-list-service-csupport div.desc {
	position: relative;
	padding:13px 0px 13px 13px;
	top: 0px;
	color:#002776;
}
div.splash-list-service-csupport div.desc h1 {
	padding:3px 0px 8px 0px;
	font-size: 14px;
	font-weight:bold;
	color:#002776;
}
.content-login ul.services-csupport{
	color:#002776;
	margin:10px 0 0 10px;
}
.content-login ul.services-csupport li{
	list-style-type:square;
	list-style-position:inside;
	padding-bottom:10px;

}
.content-login ul.services-csupport li a{
	font-size:11px;
	color:#002776;
}
.content-login ul.services-csupport li a:hover{
	font-size:11px;
	color:#002776;
	text-decoration:none;
}
/*----------------------------------------------------
	ul content
---------------------------------------------------*/
ul.csupport{
	margin:10px 0 0 0;
	padding-left:20px;
}
ul.csupport li{
	list-style-type:square;
	list-style-position:outside;
	padding-bottom:5px;

}
ul.csupport li a{
	font-size:11px;
	color:#666666;
}
ul.csupport li a:hover{
	font-size:11px;
	color:#666666;
	text-decoration:none;
}
/*------------------------------------------------
	sidebar
-------------------------------------------------*/
div#sidebar-csupport {
	width: 100%;
}
div#sidebarm {
	background: url(../images/splash/home-sidebar.gif) bottom;
	padding: 0px 5px 5px 5px;
}
div.suppport-images{
	height:auto;
	padding:0;
	background:url(../images/csupport/support.gif) no-repeat top;
	width:220px;
	height:110px;
}
.c-darkblue-csupport {
	color: #002776;
	padding:5px 0px 10px 10px;
}
.c-darkblue-csupport a {
	color: #002776;
	text-decoration:none;
}
.c-darkblue-csupport a:hover {
	color: #002776;
	text-decoration:underline;

}
div#sidebarm .input{
	padding:5px 0 5px 10px;		
}
div#sidebarm .input select{
	width:180px;
	border:solid #7F9DB9 1px;		
}

/*------------------------------------------------------------------
	Page C-support
------------------------------------------------------------------*/
div#page {text-align: left; width: 1000px;  margin: auto;}

div#page-content-csupport {
	margin:0 0 0 0;
}


.content-login ul.services-csupport{
	margin:10px 0px 0px 10px;
}
div#right-column-csupport .content a {
	padding:5px 0px 0px 0px;
	font-size:11px;
	line-height:22px;
}

div#right-column-csupport-lower .support {
	margin:12px 0px 5px 0px;
}

div.rt-tab-line-csupport{
	background: url(../images/customer_otherlinks.gif) right no-repeat; 
	height: 28px;
}
div.rt-tab-line-csupport h1{
	display:block;
	padding:8px 0 0 15px;
	color:#FFF;
	font-weight: bold;
	text-transform:capitalize;
}

div.rt-tab-line-bottom-csupport{
	background-color:#000099; 
	height: 9px; 
	margin-top:-2px;
}

div.rt-tab-line-bottom-csupport img{ 
	float:left; 
	margin-top:9px;
}
div.splash-list-service-csupport {
	float: none;
	width: 99%;
	border-top:#e1e1e2 solid 0px;
	border-left:#e1e1e2 solid 1px;
	border-right:#e1e1e2 solid 1px;
	border-bottom:#e1e1e2 solid 1px;
	position: relative;
}
div.splash-list-service-csupport h2 {
	padding:5px 0 5px 5px;
}
div.splash-list-service-csupport div.desc {
	position: relative;
	padding:13px 0px 13px 13px;
	top: 0px;
	color:#002776;
}
div.splash-list-service-csupport div.desc h1 {
	padding:3px 0px 8px 0px;
	font-size: 14px;
	font-weight:bold;
	color:#002776;
}
ul.services-csupport{
	color:#002776;
	margin-left:13px;

}

ul.services-csupport li{
	list-style-type:square;
	list-style-position:outside;
	padding-bottom:10px;

}
ul.services-csupport li a{
	font-size:11px;
	color:#002776;
}
ul.services-csupport li a:hover{
	font-size:11px;
	color:#002776;
	text-decoration:none;
}
ul.services-contact{
	margin:0px 0px 0px 10px;
}
ul.services-contact li{
	list-style-type:square;
	list-style-position:outside;
	padding-bottom:2px;

}
ul.services-contact li a{
	font-size:11px;
	color:#002776;
}
ul.services-contact li a:hover{
	font-size:11px;
	color:#002776;
	text-decoration:none;
}
div#sidebar-csupport {
	width: 100%;
}
div#sidebarm {
	background: url(../images/splash/home-sidebar.gif) bottom;
	padding: 0px 5px 5px 5px;
}
div.suppport-images{
	height:auto;
	padding:0;
	background:url(../images/csupport/support.gif) no-repeat top;
	width:220px;
	height:110px;
}
.c-darkblue-csupport {
	color: #002776;
	padding:5px 0px 10px 10px;
}
.c-darkblue-csupport a {


	color: #002776;
	text-decoration:none;
}
.c-darkblue-csupport a:hover {
	color: #002776;
	text-decoration:underline;
}
div#sidebarm .input{
	padding:0px 0 0px 10px;	
	height:100%;	
}
div#sidebarm .input select{
	width:150px;
	border:solid #7F9DB9 1px;
	float:left;		
}
div#sidebarm .input input.input_go{
	width:40px;
	border:solid #7F9DB9 1px;		
}

div#rss-column-lower .cbcsrc_table {
	background:#ffffff;
	padding: 0px;
	margin: 0px;
	width:100%;
	min-width:157px;
	max-width:320px;
}

/**********---------Login Panel-----------******/
.panel{
	/*margin:6px 0 0px 0;*/
	padding:6px 0 0px 0;
}
.panel .button{
	margin:6px 0 4px 0;
	padding:0 4px 0 4px;

}
.panel .button a{
	color:#002776;
	font-weight:bold;
	text-decoration:none;
}
.panel .button a:hover{
	color:#002776;
	font-weight:bold;
	text-decoration:underline;
}
.panel .login{
	margin:4px 0 4px 0;
	padding:0 2px 0 2px;
}
.panel .loginlink{
	margin:8px 0 8px 0;
	padding:5px 2px;
	display:block;
}
.panel .mdp{
	margin:4px 0 4px 0;
	padding:0 2px 0 2px;
}
/*-----------------------------------------------------------------------------
		Tab Panel Contact
-----------------------------------------------------------------------------*/

.content-tab .tabList ul {
	margin: 20px 0 0 0px;
	height: 30px;
}

.content-tab .tabList li {
	float: left;
	list-style-type: none;
	margin-left: 10px;
}
.content-tab .tabList li a {
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	color:#676767;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.content-tab .tabList li a:hover {
	color:#B1B1B1;
}
.content-tab .tabList li.active {
	background: url(../images/tab.gif) no-repeat top right;
}
.content-tab .tabList li.active a {
	background: url(../images/tab.gif) no-repeat top left;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 0;
}

.content-tab .tabContent .tabTop {
	background:url(../images/table_top.gif) no-repeat top left;	
	padding: 0px;
	margin: 0px;
	height:23px;
	width:700px;
	
}
.content-tab .tabContent .content {
	background:url(../images/table_inside.gif) repeat-y left;	
	padding: 0px 25px 0px 25px;
	margin: 0px;
	width:650px;
	height:100%;
	overflow:hidden;
}
.content-tab .tabContent .content h3 {
	font-size:12px;
	font-weight:bold;
}
.content-tab .tabContent .tabBottom {
	background:url(../images/table_bottom.gif) no-repeat bottom left;	
	padding: 0px;
	margin: 0px;
	height:27px;
	width:700px;
	
}

.content-tab .tabContent .tabMailTop {
	background:url(../images/table_top_mail.gif) no-repeat top left;	
	padding: 0px;
	margin: 0px;
	height:12px;
	width:700px;
}

.content-tab .tabContent .contentMail {
	background:url(../images/table_inside_mail.gif) repeat-y left;	
	padding: 0px 25px 0px 25px;
	margin: 0px;
	width:650px;
	overflow:auto;
}
.content-tab .tabContent .contentMail td {
	padding:2px;
	
}
.content-tab .tabContent .contentMail .mailMenu{
	width:43%;
	float:left;
	padding:0 2px 0 0;
}
.content-tab .tabContent .contentMail .mailMenu ul{
	margin: 0px 0px 0px 15px;
}

.content-tab .tabContent .contentMail .mailMenu ul li{
	margin:0px 0px 5px;
	padding:15px 0px 15px 10px;
}
.content-tab .tabContent .contentMail .mailMenu ul li div div.bule{
	float:left;
	width:10px;
}
.content-tab .tabContent .contentMail .mailMenu ul li div div.text{
	float:left;
	width:90%;
	padding-left:5px;
}

.content-tab .tabContent .contentMail .mailMenu ul li.active {
	background:url(../images/coin_top.gif) top left no-repeat #FFFFFF  ;
	padding:0px;
}

.content-tab .tabContent .contentMail .mailMenu ul li.active div.main {
	padding:18px 15px 18px 10px;
	background:url(../images/coin_bottom.jpg) bottom left no-repeat ;
}
/*-----------------------------------------------------------------------
	Mail-ontario
-------------------------------------------------------------------------*/

.content-tab .tabContent .content .mailMenu-on{
	width:43%;
	float:left;
	padding:0 2px 0 0;
}
.content-tab .tabContent .content .mailMenuOn ul{
	margin: 0px 0px 0px 15px;
	display:inline;
}

.content-tab .tabContent .content .mailMenuOn ul li{
	margin:0px 0px 5px;
	padding:2px 0px 2px 10px;
}
.content-tab .tabContent .content .mailMenuOn ul li div div.bule{
	float:left;
	width:10px;
}
.content-tab .tabContent .content .mailMenuOn ul li div div.text{
	float:left;
	width:90%;
	padding-left:5px;
}

.content-tab .tabContent .content .mailMenuOn ul li.active {
	background:url(../images/coin_top.gif) top left no-repeat #FFFFFF  ;
	padding:0px;
}

.content-tab .tabContent .content .mailMenuOn ul li.active div.main {
	padding:2px 2px 2px 2px;
	background:url(../images/coin_bottom.jpg) bottom left no-repeat ;
}
/*-------------------------------------------------------------------
-----------------------------------------------------------------*/
.contentMail .mailMenu ul li.active div div.bule{
	float:left;
	width:10px;
}
.contentMail .mailMenu ul li.active div div.text{
	float:left;
	width:90%;
	padding-left:5px;
}

.content-tab .tabContent .contentMail .mailForms h3{
	color:#696969;
	font-size:14px;
	font-weight:bold;
}
.content-tab .tabContent .contentMail .mailForms p{
	padding-top:5px;
}
.content-tab .tabContent .tabMailBottom {
	background:url(../images/table_bottom_mail.gif) no-repeat bottom left;	
	padding: 0px;
	margin: 0px;
	height:27px;
	width:700px;
	
}
/*----------------------------------------------------
	 Generale question
-----------------------------------------------------*/
.generalQuestion{
	background: url(../images/questions_bg.jpg) top left no-repeat;
	width:457px;
	height:189px;
	padding :3px;
	margin-bottom:5px;
	margin-right:5px;
	float:left;
}

.generalQuestion h2 {
	color:#002776;
	font-size:20px;
	font-weight:bold;
	text-transform:capitalize;
	padding-top:15px;
	padding-left:20px;
	margin-bottom:5px;
}

.generalQuestion .content {
	padding-top:5px;
	padding-left:20px;
	margin-bottom:5px;
}
.generalQuestion .content a {
	color:#002776;
	font-size:14px;
	font-weight:bold;	
	text-decoration:underline;
}
.generalQuestion .content a:hover {
	color:#002776;
	font-size:14px;
	font-weight:bold;	
	text-decoration:none;		
}
.gLinks{
	padding-left:10px;	
}

.generalQuestion .content ul  {
	float:left;
	margin-left:4px;
	padding-left:15px;
	width:45%;
}
.generalQuestion .content ul li {
	list-style-image:url(../images/listIcones.jpg);
	margin:5px 0px 5px 0px;
	padding:2px;
}

.generalQuestion .content ul li a {
	color:#002776;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	margin-top:10px;			
}
.generalQuestion .content ul li a:hover {
	color:#002776;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
.userGuides{
	background: url(../images/userguides_bg.jpg) top left no-repeat;
	width:214px;
	height:121px;
	float:left;
	padding :3px;
	margin-left:5px;
	margin-bottom:5px;	
}

.userGuides .content{
	padding-left :70px;
	padding-top:10px;	
	margin-left:5px;
	margin-bottom:5px;	
}

.userGuides .content h2{
	color:#002776;
	font-size:14px;
	font-weight:bold;
}

.userGuides .content a{
	padding-top:5px;
	display:block;	
}
.otherLinks{
	background: url(../images/otherlinks_bg.jpg) top left no-repeat;
	float:right;
	width:214px;
	height:48px;
	padding :3px;
	margin-left:5px;	
	margin-bottom:5px;	
}

.otherLinks .content{
	padding-left :10px;
	padding-top:15px;
	margin-left:5px;
	margin-bottom:5px;	
}

.otherLinks .content select{
	width:192px;
}

.telephoneCol{
	width:30%;
	float:left;
	padding:5px;
}

.telephoneCol ul {
	margin:10px 0px 10px 0px;
	
}
.telephoneCol ul li {
	margin:20px 0px;
	
}

.telephoneCol ul li h3{
	margin:2px 0px 2px 0px;
	font-size:11px;
	font-weight:bold;
}
.telephoneColA{
	width:35%;
	float:left;
	padding:5px;
}

.telephoneColA ul {
	margin:10px 0px 10px 0px;
	
}
.telephoneColA ul li {
	margin:20px 0px;
	
}

.telephoneColA ul li h3{
	margin:2px 0px 2px 0px;
	font-size:11px;
	font-weight:bold;
}
/*---------------------------------------------------
	Search
----------------------------------------------------*/
.avancee{

	margin:5px 0 5px 2px;

}

.recherche  select.select-search{
	margin:3px 0 0px 10px;

}
.recherche {
	width:100%;

}

/*-------------------------------------------------------------------
--------------------------------------------------------------*/
.champ { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	background-color: #F0f3f7;   
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top:1px solid #000000;
	color: #002E62
}
.champsearch { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	background-color: #FFFFFF;   
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top:1px solid #000000;
	color: #002E62
}