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

	This CSS is intended to be used in a XHTML 1.0 Transitional pages.
	Class, Tags and ID's are Case Sensitive .

	Creator: Dieselmarketing
	WebSite: GazMetro - 

	Last Modified by: Pierre Paquet
	Date: April 25 2005
		
*********************************************************************/

body, th, td, p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
body {
	padding: 0px;
	margin: 6px 0px 10px 0px;
	/*background-image: url(../Images/Global/bgBody.jpg);*/
	background-image: url(../Images/Refonte/HomePage/background_gazmetro.jpg);;
	background-position: top;
	background-repeat: repeat-x;
	background-color:  #0A396F; /*#0A648F;*/
	text-align: center; /* Use to center the page in IE 5 */
}
p {
	line-height: 15px;
}
p, h1, h2 {
	margin: 0px 0px 10px 0px;
}



/**************************************************************
	List
***************************************************************/

ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 5px 10px;
}

li {
	background-image: url(../Images/Global/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1em;
	margin-bottom: 4px;
}


/**************************************************************
	Links
***************************************************************/
a {
	color: #666666;
}
a:active, a:link, a:visited {
	color: #698632;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

a img {
	border: 0px;
}
a span {
	cursor: hand;
}
.cursorArrow {
	cursor: default;
}
/**************************************************************
	Titles
***************************************************************/
h1, h2, #AvisJuridique li {
	font-size: 12px;
	font-weight: bold;
}

h2, h3, h2 span, #AvisJuridique li {
	font-size: 12px;
	color: #0A7397;
}
h3 {
	font-size: 11px;
}
h2 a, h3 a, h3 a:active, h3 a:visited, h3 a:link {
	color: #0A7397;
	font-size: 13px;
}
h2 a:visited {
	color: #A9A9A9;
}

h2 a:hover {
	font-size: 12px;
	color: #0A7397;
}

h2, h4 {
	margin-top: 20px;
}
h3 {
	margin: 0px 0px 10px 0px;
}

h4, h4 a:link, h4 a:visited
{
	font-size: 16px;
	font-weight: bold;
	color: #0A7397;
}

/*
h4 a:link, h4 a:visited
{
	color: #0A7397;
	font-size: 16px;
}
*/	

/*************************************
		Layout
*************************************/
#Wrap, #pageFooter, #promoFooter {
	margin: auto;
	text-align: left; /* Use to bring back the text alignment (see text-align: center in Body) */
}
#Wrap {
	width: 748px;
	min-height: 450px; /* IE use the height value writen in ieDebug.css */
	padding: 8px 10px 0px 6px;
	/* background-image: url(../Images/Global/bgWrap.jpg);  */
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#LegalSplash, #navAboutSplash {
	display: none;
}

.ContentIFrame
{
	margin: 0px 0px 0px 0px;
	height: 400px;
}

/*************************************
		Splash Page 
*************************************/

#myflash {
	display: block;
	position: absolute;
	top: 146px;
	left: 50%;
	margin-left: 14px;
	width: 380px; 
	height: 254px;
}


#SplashPage #Wrap {
	background-color: #010152;
	text-align: center;
	
}
#SplashPage #pageContent {
	margin: auto;
	margin-top: 40px;
	width: 670px;

}
#SplashPage {
	margin: 0px;
	padding: 0px;
	background-image: url(../Images/Refonte/HomePage/background_gazmetro.jpg);
	/*background-color: #010152;*/
	/*background-image: none;*/
	
}

.SplashPageTitleSpacing
{
	margin-bottom: 3px;
}

#SplashPage td
{
	border: 0px;
/*	border: solid 1px #cfcfcf; */
	color:White;
}

#SplashPage #SplashLogo {
	text-align: left;
	float: left;
}

.MenuDefault
{
	vertical-align: top;
}

#SplashPage #SplashMenu {
	margin-top: 25px;
	text-align: left;
	clear: both;
}

#SplashPage #SplashMenu TD 
{
	width: 33%;
	margin-right: 15px;	
}

#SplashPage #SplashMenu Table {
	table-layout: fixed;	
}

.SplashMenuTitle
{
	height: 36px;
	vertical-align: baseline;
}

#footerDiv {
	LEFT:0px;
	WIDTH:100%; 
	top:0px; 
	POSITION:absolute; 
	display:none;
}
#slideUpPromo {
	height:93px;
	position:relative;
}
#slideUpPromo img {
}

#promoContent_fx
{
	height: 415px;
	width:780px;
	margin:auto;
}
#promofx {
	width:780px;
	height: 415px;
	top: 0px;
	left: 0px;
	text-align: right;
}
#bottomMenu {
	height:50px;
	background-image: url(../Images/Global/splashPageBottomBg.gif);
	background-repeat: repeat-x;
}

#SplashPage #subNav {
	width: 768px;
	margin: auto;
}
#SplashPage #navAbout {
	width: 820px;
	margin: auto;
	vertical-align:text-top;
}

#SplashPage #Copyright 
{
	font-family:Arial;
	font-size:10px;
	width: 820px;
	margin: auto;
	margin-Left: 19px;
	text-align: left;
	color: #ffffff;
	margin-top: 5px;
	margin-bottom: 1px;
}
#SplashPage #flashAnim {
	float: right;
	margin-top: 5px;
	margin-Left: 50px;
}

#SplashPage #cover {
		display:none;
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		background:black;
		filter:alpha(Opacity=70);
		z-index:50;
		opacity:0.7;
		-moz-opacity:0.7;
		-khtml-opacity:0.7
	}

#videobox {
		display:none;
		left:10%;
		top:10%;
		width:638px;
		height:420px;
		position:absolute;
		z-index:100;
		/*background:black;*/
		padding:2px;
		/*border:1px solid gray*/
	}

.SplashCopyright 
{
	font-family:Arial;
	font-size:10px;
	width: 820px;
	margin-top: 5px;
	margin-Left: 0px;
	margin-bottom: 1px;
	margin-right: 19px;
	padding-right: 14px;
	text-align: right;
	color: #ffffff;
}


/*************************************
		Residential Client
*************************************/
#HubResidentialClient #pageContent {
	background-image: url(../Images/Global/bgHubRClient.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#pageContentBottomBG {
	background-image: url(../Images/Global/bgHubBottomRClient.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 319px;
	padding: 2px;
	margin:0px 0px 2px 0px;
}
#leftImagePromo {
	float: left;
	width: 551px;
	height: 319px;
	overflow: hidden;
	vertical-align: text-top;
	margin: 0px 1px 0px 0px;
}
#rightImagePromo {
	float: left;
	width: 192px;
	height: 159px;
}
#rightImagePromo {
	margin: 0px 0px 3px 0px;
}
.HubPromoBoxTopBG, .HubPromoBoxBottomBG {
	background-image: url(../Images/Global/bgCresidentialPromo.gif);
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
}
.HubPromoBoxTopBG {
	background-color: #0197CC;
	float: left;
	font-weight:bold;
}
.HubPromoBoxBottomBG {
	background-position: bottom left;
	padding-top: 2px;
	width: 192px;
	height: 155px;
}
.HubPromoBoxBottomBG h2 span {
	color: #ffffff;
}

#blueHouse {
	width: 748px;
}
/*************************************
		Login CyberCompte
*************************************/
#LoginCyberTopBG {
	margin: 2px 0px 0px 0px;
}
#LoginCyberTopBG, #LoginCyberBottomBG {
	background-position: top left;
	background-repeat: no-repeat;
	padding: 1px 0px 0px 0px;
	text-align:center;	
}
#LoginCyberBottomBG {
	background-position: bottom left;
	width: 186px;
	height: 52px;
	padding: 4px 1px;
}
#LoginCyberBottomBG, #LoginCyberBottomBG a {
	color: #0F3871;
}

#LoginCyberBottomBG img {
	margin-bottom: 2px;
	margin-top:2px;
}

#LoginCyberBottomBG span {
	margin: 2px 0px 2px 0px;
	display: inline-block;
}


/*************************************
		Page Header
*************************************/
#pageHeader {
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	width: 747px;
	border: solid 1px #cfcfcf;
	margin-bottom: 5px;
}
#mainNav {
	height: 122px;
	position: relative;
	clear: both;
}
#navUtilWrap {
	height: 22px;
	position: relative;
}
#moreInfo {
	padding: 10px 0px 0px 14px;
	width: 170px;
	height: 20px;
	float: left;
}

#navUtil 
{
	padding: 3px 0 2px 0;
	margin: 0 2px 2px 2px;
	font-size: 0px;
	height: 18px;
	/* float: right; */ 
	text-align: right;
	background-color: #f6f6f5;
	/* width: 100%; */
}

#navUtilNew
{
	padding-top: 1px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	margin: 0 2px 2px 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;	
	height: 18px;
	color:#000000;
	text-align: right;
	text-decoration: none;
	background-color: #f6f6f5;	
}

.navUtilNewSeparator
{
	font-size: 14px;
}

.navUtilNewText
{
	padding-left: 9px;
	padding-right: 2px;	
}

#navUtilNew a
{
	padding-left: 9px;
	padding-right: 9px;
	color:#000000;
	text-decoration: none;
}

#navUtilNew a:hover
{
	color:#000000;
	text-decoration: underline;
}



#ChangeProfil
{
	position: absolute;
	margin-left: 546px;
	margin-top: -77px;
	z-index: 1;
}

#ChangeProfil TABLE
{
	font-family: Arial;
	font-size:16px;
	border: 1px solid;
	border-color: #ffffff;
	color: #ffffff;
	line-height:14px;
	left:10px;
	text-align:left;
	width:200px;
}
#ChangeProfil TABLE TD
{
	border: 0px;
	padding-left:14px;
}

#ChangeProfil #SectionTitle
{
	font-family: Arial;
	font-size:16px;
	color: #FFFFFF;	
}

#ChangeProfil a {
	font-family: Arial;
	font-size:11px;
	color: #FFFFFF;
}

#ChangeProfil a:active, #ChangeProfil a:link, #ChangeProfil a:visited {
	text-decoration: none;
}
#ChangeProfil a:hover {
	text-decoration: underline;
}


#profile
{
	margin-top: 2px;
	margin-right: 2px;
	background-image: url(../Images/refonte/BoxProfile.gif);
	width: 592px;
	height: 20px;
	float: right;
	text-align: right;
	vertical-align:top;
	border: 0px;
	font-family:Arial;
	font-size: 11px;
	font-weight:bold;
	color:#ffffff;	
}

#profile #profileType
{
	margin-top: 3px;
	margin-left: 6px;
	float: left;
	text-align: left;
}

.profileChange
{
	cursor: pointer;
	cursor:hand;
	margin-top: 1px;
	margin-right: 1px;
	float: right;	
	text-align: right;
	width: 156px;
	text-decoration: none;
}

.profileChangeHover
{
	cursor: pointer;
	cursor:hand;
	margin-top: 1px;
	margin-right: 1px;
	float: right;	
	text-align: right;
	width: 156px;
	text-decoration: underline;
}

.profileChangeMsg
{
	float: left;
	margin-top: 2px;
}

.profileChangeImg
{
	float: right;
	margin-top: 2px;	
	margin-right: 4px;
}


.searchField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	width: 125px;
	height: 12px;
	border: 1px 0px 0px 1px;
	border-color: #8AA7AD #ffffff #ffffff #8AA7AD;
	margin: 0px 5px 0px 13px;
}
/*
  CSS for header without flash nav
*/

#noFlashHead {
	background-image: url(../Images/Global/bgHeader.gif);
	background-repeat:no-repeat;
	width:748px;
	height:91px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
#noFlashLogo 
{
	position:absolute;
	float:left;
	margin:2px 0px 0px 7px;
	padding:0px 0px 0px 10px;
}
/*************************************
		HomePage Promo
*************************************/
#PictureResidential {
	position: relative;
	background-image: url(../Images/Global/PictureHomeResClient.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	width: 748px;
	height: 321px;
}
#splashFlash {
	padding: 1px 1px 0px 2px;
}
#splashPicture {
	padding: 2px 0px 0px 2px;
}

#PictureFrameResidential {
	position: relative;
	background-image: url(../Images/Global/bgSplash.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 748px;
	height: 326px;
	padding: 0px 0px 0px 0px;
}

#PictureFrameAffaire {
	position: relative;
	background-image: url(../Images/Global/bgSplash.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 748px;
	height: 326px;
	padding: 2px 0px 0px 2px;
}

#Promo01, #Promo02, #Promo03 {
	margin-bottom: 2px;
	width: 299px;
	height: 78px;
}
/*************************************
		mainContent
*************************************/
#leftPane {
	width: 595px;
	float: right;
	position: relative;
	background-position: top;
	margin-bottom: 20px;
	
}
#leftPane, #leftPaneBottomBorder, #leftPaneBottomBorderBigBlueBox {
	/* background-image: url(../Images/Global/bgLeftPane.gif); */
	/* background-repeat: no-repeat; */
	/* background-position: left top; */
}
#leftPaneBottomBorder, #leftPaneBottomBorderBigBlueBox {
	min-height: 450px; /* IE use the height value writen in ieDebug.css */
	width: 595px;
	background-position: right bottom;
	}

#leftPaneBottomBorder {
	width: auto;
	overflow: auto;
	padding: 2px 1px 20px 1px;
}
#leftPaneBottomBorderBigBlueBox {
	width: auto;
	/* float: right; */
	padding: 1px 0px 2px 1px;
}
#leftPaneBorder {
	width: 593px;
	border-width: 1px 1px;
	border-style: solid;
	border-color: #D3D5D6;
}
#rightPane 
{
	width: 145px;
	float: left;
	margin:0px 5px 0px 1px;
}

#rightPaneConsomm
{
	width: 150px;
	float: left;
	margin:0px 0px 0px 5px;
}

div.leftCol {
	
	padding: 2px 19px 0px 19px;
}
div.threeColBox {
	width: 150px;
	float: left;
	padding: 10px 30px 0px 0px;
}
img.floatImages {
	float: left;
	padding: 0px 14px 10px 0px;
	vertical-align: text-top;
}
img.floatImagesRight {
	float: right;
	padding: 0px 14px 10px 0px;
	vertical-align: text-top;
}
/**************************************************************
	popUp
***************************************************************/
#popUp {
	background-image: none;
	background-color: White;
}
#popUp {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#popUpHeader {
	padding: 22px 15px 4px 15px;
	background-color: #66AFD0;
	border-bottom: 1px solid #0B4F7C;
}
#popUpHeader h2 {
	color: White;
	font-size: 24px;
	font-weight: normal;
}
#popUpContent {
	padding: 39px 25px 10px 32px;
	min-height: 250px;
}
#popUpFooter {
	padding: 5px 0px 5px 0px;
	margin: 0px 6px;
	border-top: 1px solid #D8D8D8;
}
/**************************************************************
	Tables
***************************************************************/
table {
	padding: 0px;
	border: 0px;
	table-layout: auto;
	border-collapse: collapse;
	margin-bottom: 10px;
}
th, td {
	padding: 5px;
}
th {
	font-size: 10px;
	color: #2180A1;
	border-left: solid 1px white;
	background-color: #C2DCE5;
	padding: 10px 5px 5px 5px;
}
th.noborder, td.noborder {
	border: none;
}
th.lightBlue {
	background-color: #E6F3F7;
	color: #0B89B4;
	border: solid 1px #C2DCE5;
}
td {
	border-width: 1px;
	border-style: solid;
	border-color: #C2DCE5;
	border-collapse: collapse;
}

tr.alternateRow {
	background-color: #E6F3F7;
}

th.TableTop2 {
	border-width: 0px 1px 0px 1px;
	height: 23px;
	text-align: left;
}
.formDisplay td {
	border: 0px;
	border-bottom-style: none;
	text-align: left;
}
/*************************************
	Color Boxes in Left Pane
*************************************/
.BigBlueBox {
	background-image: url(../Images/Global/BigBlueBox.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #E9F0F3;
	width: 591px;
	height:130px;
	margin: 12px 0px 0px 0px;
}
.BigBlueBoxBottomBG {
	background-image: url(../Images/Global/BigBlueBoxBottom.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 1px;
	width: auto;
}
.leftPaneBottomBorderBigBleuBox {
	width: auto;
	float: right;
	padding: 1px 0px 0px 1px;
}
.BigBlueBoxOneColContent 
{
	padding: 1px 10px 10px 10px;
	margin: 1px 1px 12px 1px;
}
.BlueBox, .BlueBoxSmall {
	background-image: url(../Images/Global/blueBoxTopBG.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #E9F0F3;
	width: 552px;
	height: auto;
	margin: 0px 0px 9px 0px;
}
.BlueBoxSmall {
	background-image: url(../Images/Global/blueBoxSmallTopBG.gif);
	width: 200px;
}
.BlueBoxBottomBG,.BlueBoxSmallBottomBG {
	background-image: url(../Images/Global/blueBoxBottomBG.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	width: auto;
}
.BlueBoxSmallBottomBG {
	background-image: url(../Images/Global/blueBoxSmallBottomBG.gif);
}

.BlueBoxOneColContent {
	padding: 10px 10px 10px 10px;
	margin: 1px 1px 1px 1px;
}

div.twoCol div.leftCol {
	width: 248px;
	float: left;
	padding: 10px 18px 0px 18px;
}

div.imageleftCol {
	float: left;
	border: 1px blue solid;
	padding: 0px 15px 20px 18px;
}
.oneBox, .twoBox {
	background-image: url(../Images/Global/bgTwoBoxTop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
.twoBox {
	width: 554px;
}
.oneBox {
	width: 270px;
}
.twoBoxBottomBG {
	background-image: url(../Images/Global/bgTwoBoxBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.twoBoxBottomBG .leftCol, .twoBoxBottomBG .rightCol {
	padding: 20px 16px 10px 18px;
	float: left;
}
.twoBox .twoBoxBottomBG .leftCol {
	margin-right: 6px;
}
.twoBoxBottomBG .leftCol {
	width: 234px;
}
.twoBoxBottomBG .rightCol {
	width: 234px;
}
.debugForfaits 
{
	CLEAR:both;HEIGHT:1px
}
/**.HandCursor select, .HandCursor option
{
	cursor: pointer;
}**/
/*************************************
		subNavigation ( right Pane )
*************************************/

.subNav {
	width: 145px;
	background-image: url(../Images/Global/bgSubNav_of.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: hand;
	margin: 0px 0px 5px 0px;
}
.subNavHover {
	width: 145px;
	background-image: url(../Images/Global/bgSubNav_ov.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 0px 5px 0px;
	font-weight:bold;
	color: #FFFFFF;
}
.subNavBottomBG {
	background-image: url(../Images/Global/bgSubNavBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	width: auto;
	height: auto;
	padding: 5px 7px 5px 10px;
}
.subNavHover a, .subNavHover a:visited, .subNavHover a:active, .subNavHover a:hover {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
.subNav a, .subNav a:visited,.subNav a:active {
	color: #666666;
	text-decoration: none;
}


.subNavNewTopBG {
	background-image: url(../Images/Refonte/BoxMenuGaucheBottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	width: 149px;
	height: auto;
}


.subNavNewTitle {
	width: 149px;
	background-image: url(../Images/Refonte/BoxMenuGaucheTitleBox2.gif);
	background-position: left top;
	margin: 0px 0px 0px 0px;
}

.subNavNewBottomTitleBG {
	background-image: url(../Images/Refonte/BoxMenuGaucheTitleBoxBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	width: auto;
	height: auto;
	padding: 5px 7px 5px 10px;
	color: #ffffff;
}

.subNavNew {
	width: 149px;
	background-position: left top;
	background-image: url(../Images/Refonte/BoxMenuGaucheLine.gif);
	text-decoration: None;
	font-size: 11px;	
}

.subNavNewBold {
	width: 149px;
	background-position: left top;
	background-image: url(../Images/Refonte/BoxMenuGaucheLine.gif);
	text-decoration: None;
	font-weight: bold;
	font-size: 11px;	
}

.subNavNewHover {
	width: 149px;
	background-position: left top;
	background-image: url(../Images/Refonte/BoxMenuGaucheLine.gif);
	font-size: 11px;	
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}

.subNavNewHoverBold {
	width: 149px;
	background-image: url(../Images/Refonte/BoxMenuGaucheLine.gif);
	background-position: left top;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	text-decoration: underline;	
	font-size: 11px;	
	cursor: pointer;
	cursor: hand;
}
.subNavNewMargin
{
	margin-right: 5px;
}

.subNav2LevelMargin
{
	margin-right: 5px;
	padding-left: 15px;
}

.subNavNewBottomBG {
	background-image: url(../Images/Refonte/BoxMenuGaucheBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	width: auto;
	height: auto;
	padding: 6px 0px 7px 10px;
}

.subNavNewBottomBG a, .subNavNewBottomBG a:active, .subNavNewBottomBG a:link, .subNavNewBottomBG a:visited {
	cursor: pointer;
	cursor: hand;
	color: #00467f;
	text-decoration: none;
}

.subNavNewBottomBG a:hover {
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}


/*********************
Green Nav
********************/
.subGreenNav {
	width: 145px;
	background-image: url(../Images/Global/bgGreen.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: hand;
	margin: 0px 0px 20px 0px;
}
.subGreenNavHover {
	width: 145px;
	background-image: url(../Images/Global/bgGreenOver.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 0px 20px 0px;	
}
.subGreenNavBottomBG {
	background-image: url(../Images/Global/bgSubGreenNavBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	width: auto;
	height: auto;
	padding: 5px 7px 5px 17px;
}
.subGreenNavBottomBG a, .subGreenNavBottomBG a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.subGreenNavBottomBG a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/*************************************
		Button
*************************************/

.btnXSmall, .btnSmall, .btnMedium, .btnLarge, .btnSemilarge {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 8px 10px 0px;
	float: left;
}

.btnBottom {
	width: auto;
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 5px 10px 5px 0px;
	text-align: center;
	height: auto;
}

.btnXSmall {
	width: 37px;
	background-image: url(../Images/Global/bgButtonTopXSmall.gif);
}
.btnSmall {
	width: 100px;
	background-image: url(../Images/Global/bgButtonTopSmall.gif);
}
.btnMedium {
	width: 170px;
	background-image: url(../Images/Global/bgButtonTopMedium.gif);
}
.btnSemilarge {
	width: 192px;
	background-image: url(../Images/Global/bgButtonTopSemiLarge.gif);
}
.btnSmallSoumetter {
	width: 72px;
	background-image: url(../Images/Global/bgButtonTopSmallSoumetter.gif);
}

.btnLarge {
	width: 250px;
	background-image: url(../Images/Global/bgButtonTopLarge.gif);
}
.btnXSmall .btnBottom {
	background-image: url(../Images/Global/bgButtonBottomXSmall.gif);
}
.btnSmall .btnBottom {
	background-image: url(../Images/Global/bgButtonBottomSmall.gif);
}
.btnMedium .btnBottom {
	background-image: url(../Images/Global/bgButtonBottomMedium.gif);
}
.btnSemilarge .btnBottom {
	background-image: url(../Images/Global/bgButtonBottomSemiLarge.gif);
	text-align: left;
}
.btnLarge .btnBottom {
	background-image: url(../Images/Global/bgButtonBottomLarge.gif);
}


.btnBottom a, .btnBottom a:active, .btnBottom a:visited {
	color: #007AC2 !important;
	text-decoration: none;
	font-size: 10px;
	/*display: block;*/
	margin: 0px 0px 0px 0px;
	padding-bottom: 5px;
}
.btnBottom a:hover {
	color: #000000 !important;
}



/*************************************
Blue box in the footer of the left Pane
*************************************/
#leftPane .footer {
	background-image: url(../Images/Global/bggreen.gif);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #C2DCE5;
	clear: both;
}
#leftPane .bottomBorder {
	background-image: url(../Images/Global/bggreen.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 10px 20px 20px 21px;
}



#splashLogo, #boxTop, #boxBottom {
	position: absolute;
	margin: 23px 0px 0px 11px;
}



#boxTop, #boxBottom {
	width: 299px;
	height: 78px;
	position: absolute;
	margin-top: 109px;
	background-image: url(../Images/Global/btnSplashwhite.gif);
	background-repeat: no-repeat;
}

#boxBottom {
	margin-top: 191px;
}

#navfootLeft {
	padding: 1px;
	width: 525px;
	float: left;
}

#navFootright {
	width: 121px;
	float: right;
	padding-top: 5px;
}
/*************************************
		FAQ
*************************************/
#Hub #FAQ, #HubResidentialClient #FAQ  {
	padding: 12px 0px 10px 1px;
	margin-top: 2px;
	background-image: url(../Images/Global/bgFAQ.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
}
#Hub H2 {
	margin: 0px 0px 0px 12px;	
}
#FAQ h2 {
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 12px;
}
#print {
	width: 580px;
	margin-right: 2px;
	text-align: right;

}
#Hub #print {
	display: none;
}
#navFAQ {
	float: right;
	vertical-align: middle;
	padding: 10px 0px 10px 0px;
}
#FAQDivider {
	background-image: url(../Images/Global/bgFAQDivider.gif);
	background-position: left top;
	background-repeat: repeat-y;
	/* padding-bottom: 20px; */
}

#promoHub {
	width: 166px;
	display: block;
	float: left;
	padding: 5px 10px 10px 10px;
}

#promoHub H2 {
	margin: 0px 0px 10px 0px;	
}

#promoHub  a {
	color: #000000;
	text-decoration: none;
}

#promoHub a:hover {
	text-decoration: none;
	color: #0F3871;
}

/*************************************
		Q & A
*************************************/
div.Q, div.A {
	position: relative;
	clear: both;
	margin: 0px 0px 10px 0px;
}

div.Questions, div.Answers {
	position: absolute;
}
div.QuestionsTxt, div.AnswersTxt {
	left: 20px;
	padding-left: 20px;
}


/*************************************
		Footer
*************************************/

#pageFooter {
	position: relative;
	width: 746px;
	border: 1px solid #cfcfcf;
	height: 18px;
	padding: 4px 10px 0px 6px;
	font-size: 7pt;
	color: #C0D6E1;
	background-color: #ffffff;
	
}

#promoFooter {
	width: 758px;
	background-image: url(../Images/Global/bgPromoFooter.jpg);
	background-repeat: repeat-y;
	background-position: top right;
	padding: 3px 0px 0px 9px;
	margin-bottom:0px;
	font-size: 7pt;
	color: #C0D6E1;
	position:relative;
	left:-1px;
}


#pageFooter a, #pageFooter a:active {
	color: #666666;
}

#Splash #pageFooter {
	width: 761px;
	padding: 0px 4px 0px 0px;
	background-image: url(../Images/Global/bgSplashfooter.gif);
}
#navAbout, #Legal {
	width: 135px;
	height: 20px;
}
#navAbout {
	width: 450px;
}
#navAboutSplash, #LegalSplash {
	width: 143px;
	height: 28px;
}
#navAboutSplash {
	width: 600px;
}
img.imgDebug {
	margin-left: -3px;
}

#navAbout, #navAboutSplash {
	float: left;
}

img.navAbout, img.navAboutSplash {
	margin: 0px;
}

#Legal, #LegalSplash {
	float: right;
	text-align: right;
	clear: right;
	padding: 0px;
}
#Copyright {
	position:absolute;
	padding: 5px 0px 0px 0px;
	height: 13px;
}
#Splash #Copyright {
	padding: 4px 0px 0px 20px;
}
#footerTabFournisseur {
	width: 100%;
	text-align: right;
	margin-top: 5px;
}

.ddRegion {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

.ddQuickAcces {
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px 0px 0px 5px;
	color: #666666;
}

#Splash .ddQuickAcces {
	width: 160px;
	margin: 0px 0px 7px 5px;
}


/*************************************
		Promo Box
*************************************/

div.PromoBox {
	
	background-image: url(../Images/Global/bgAd.gif);
	background-position: top;
	background-repeat: no-repeat;
	color: #ffffff;
	width:145px;
	background-color: #64B0D0;
	margin-bottom: 20px;
}
div.PromoBoxGreen {

	background-image: url(../Images/Global/bgAdGreen.gif);
	background-position: top;
	background-repeat: no-repeat;
	color: #ffffff;
	width:145px;
	background-color: #698632;
	margin-bottom: 20px;
}
div.PromoBoxBottomGreenBG {
	background-image: url(../Images/Global/bgAdGreen.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	color: #ffffff;
	padding: 10px 0px 10px 0px;
	margin:0px 10px 0px 10px;
	text-align: left;
}
div.PromoBoxPantone645 {

	background-image: url(../Images/Global/bgPantone645.gif);
	background-position: top;
	background-repeat: no-repeat;
	color: #ffffff;
	background-color: #549EC5;
	margin-bottom: 5px;
}
div.PromoBoxBottomPantone645BG {
	background-image: url(../Images/Global/bgPantone645.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	color: #ffffff;
	padding: 8px 10px 8px 10px;
	text-align: left;
}
div.PromoBoxBottomBG {
	background-image: url(../Images/Global/bgAd2.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	color: #ffffff;
	padding: 10px 0px 10px 10px;
	margin:0px 0px 0px 0px;
	text-align: left;
}
div.PromoBoxBottomGreenBG p {
	line-height: 12px;
}
div.PromoBoxBottomBG p {
	line-height: 12px;
}
div.PromoBoxBottomBG p, div.PromoBoxBottomBG a, div.PromoBoxBottomBG a:visited, div.PromoBoxBottomBG a:active, div.PromoBoxBottomGreenBG p, div.PromoBoxBottomGreenBG a, div.PromoBoxBottomGreenBG a:visited, div.PromoBoxBottomGreenBG a:active,div.PromoBoxBottomPantone645BG p, div.PromoBoxBottomPantone645BG a, div.PromoBoxBottomPantone645BG a:visited, div.PromoBoxBottomPantone645BG a:active 
{
	color: White;
	margin: 10px 0px 10px 0px;
	
}
/************************************
		Numbers in BlueBox
************************************/
div.steps {
	width: 30px;
	float: left;
}
div.steps h3 {
	font-size: 24px;
	color: #85B9CB;
	margin-top: 10px;
}
div.stepsContent {
	width: 480px;
	float: left;
}
/************************************
		Avis Juridique
************************************/

#AvisJuridique li {
	background-image: none;
	background-position: 0px;
	padding-left: 0px;
}

#AvisJuridique li p {
	font-weight: normal;
}

/************************************
		Error Message
************************************/
.errorMsg {
	color: Red;
	font-weight: bold;
}


/************************************
		pour alignement des boutons
************************************/
#btnRecherche, #ibtnGo, #Imagebutton2 {
	vertical-align: bottom;
	padding-bottom: 1px;
}

/***************************
        Print Header/Footer - to display only in printing by print.css
***************************/
.headerPrint {
	display:none;
	align:center;
	width:100%;
	padding-bottom:50px;
}

.printLineFooter{
	display:none;
}

/************************************
		Exposants  
************************************/
.sub
	{
	font-weight:bold;
	font-size: 7px;			
	}
sup
{			
	font-size: 7px;			
	font-weight:bold;
	}

/************************************
		Promo Box
************************************/
.BlueBoxPromo{
	background-image: url(../Images/Global/blueBoxTopBGPromo.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #E9F0F3;
	width: 552px;
	height: auto;
	margin: 0px 0px 9px 0px;
}
.PromoImage{
	width:212px; 
	float:right;
	background-image: url(../Images/Global/lineleft.gif);
	background-repeat: no-repeat;
	padding-right:5px;
}


/**********************************************************
	Maison Bleu Layout
***********************************************************/

#maisonWrap {
	position:relative;
	background-image:url(../images/Global/bgMaisonbleu.jpg);
	background-repeat:no-repeat;
	height:599px;
	padding-bottom:5px;
}

#tltMaisonbleu {
	position:absolute;
	top:23px;
	left:18px;
}

.maisonAppariel {
	width:518px;
	height:156px;
	position:absolute;
	top:0px;
	left:205px;
	padding:11px 22px 11px 22px;
}

#maisonWrap table {
	margin-bottom:0px;
}

#maisonWrap h3 {
	font-size:11px;
	color:#0A7397;
	margin:0px 0px 5px 0px;
}

#maisonWrap td a:link, #maisonWrap td a:visited {
	padding:0px 11px 0px 11px;
	text-decoration:none;
	color:#009ac8;
	display:inline-block;
	

}

.offArrow 
{
	font-weight: normal;
}

.overArrow {
	background-image:url(../images/Global/selectedArrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	font-weight:bold;
	padding: 0px 0px 0px 11px;
	margin:0px 0px 0px -10px;
}

#maisonWrap td a:hover {
	background-image:url(../images/Global/selectedArrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	font-weight:bold;
}


.maisonAppariel td 
{
	padding:0px;
	vertical-align:top;
	border:none;
}

.maisonAppariel ul {
	margin-left:0px;
	padding-left:0px;
}

.maisonAppariel li {
	list-style:none;
	background-image:none;
	margin-left:0px;
	padding-left:0px;
}
#promo1 {
	margin:0px 0px 0px 0px;
	width:467px;
	height:91px;
}
#promo2 {
	float:left;
	width:258px;
	height:146px;
	margin-left:15px;
}
#promo2 img 
{
	padding-bottom:5px;
}

.contentPromo1 {
	background-color:#eff3f5;
	border:1px #d3d4d5 solid;
	border-bottom:none;
	width:466px;
	height:91px;
	margin:0px;
	padding:1px 0px 0px 1px;
}
.menuPromo1 {
	margin:0px;
	padding:0px;
	width:467px;
	border:1px #d3d4d5 solid;
	background-color:#f6f6f6;
	float:left;
}
.chiffreMenuPromo1 {
	float:left;
	background-image:url(../images/global/bgChiffreMenu.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:21px;
	height:16px;
	text-align:center;
	padding-top:4px;
}
.chiffreMenuPromo1_on {
	color:#FFFFFF;
	float:left;
	font-weight:bold;
	background-image:url(../images/global/bgChiffreMenu_on.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:21px;
	height:16px;
	text-align:center;
	padding-top:4px;
}
.flecheMenuPromo1 {
	float:left;
}

.imgSelected {
	
	border:2px solid #6ab2ce;
	display:block;
}



/************** maison bleu buttons *************/

.bottomMaisonbleu_B {
	background-image:url(../images/Global/bottomBlueBtn.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:center;
	padding:15px 5px 15px 5px;
}

.topMaisonbleu_B {
	width:170px;
	background-image:url(../images/Global/topBlueBtn.gif);
	background-repeat:no-repeat;
	background-position:top;
	position:absolute;
	left:18px;
	top: 145px;
}

.bottomMaisonbleu_V {
	background-image:url(../images/Global/bottomBlueBtn.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:center;
	padding:15px 20px;
}

.topMaisonbleu_V {
	width:170px;
	background-image:url(../images/Global/topBlueBtn.gif);
	background-repeat:no-repeat;
	background-position:top;
	position:absolute;
	left:18px;
	top: 50px;
}


.bottomMaisonbleu_B a:link, .bottomMaisonbleu_B a:visited {
	color:#ffffff;
	text-decoration:none;
}

.bottomMaisonbleu_V a:link, .bottomMaisonbleu_V a:visited {
	color:#ffffff;
	text-decoration:none;
}

.bottomMaisonbleu_C a:link, .bottomMaisonbleu_C a:visited  {
	color:#009ac8;
	text-decoration:none;
}

.bottomMaisonbleu_B a:hover {
	text-decoration:none;
	color:#add6e0;
}

.bottomMaisonbleu_V a:hover {
	text-decoration:none;
	color:#add6e0;
}

.bottomMaisonbleu_C a:hover {
	text-decoration:none;
	color:#025476;
	font-weight:bold;
}

.bottomMaisonbleu_V img {
	margin-left:10px;
}


.bottomMaisonbleu_C img {
	margin-left:18px;
}


.bottomMaisonbleu_C { 
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:left;
	padding:7px 5px 6px 5px;
}

.topMaisonbleu_C {
	width:519px;
	background-image:url(../images/Global/topcomsommation.gif);
	background-repeat:no-repeat;
	background-position:top;
	position:absolute;
	top:126px;
	right:0px;
	
}


/*----------------------------------------------------------
Instalation d'appareil
------------------------------------------------------------*/
#InstApp table 
{
	border:0px;
	margin:0px;
}

#InstApp td  
{
	width:350px;
	height:1px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	padding-right:30px;
	text-align:left;
	border:0px
}

#InstApp ul {
	margin:0px;
	padding:0px;
}

#InstApp li  {
	display:inline-block;
	padding:0px 0px 0px 10px;
	list-style:none;
	background-image:url(../images/global/listArrow.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
}
#InstApp .hr, #promoFooter .hr {
	height:1px;
	border:0px;
	background-color:#dcdcdc;
	margin:10px 21px 10px 0px
}
#InstApp hr,#promoFooter hr  {
	visibility:hidden;
}
.ligneSep{
	height:1px;
	background-color:#FFFFFF;
	margin:13px 10px 10px 0px;
}
.ligneSep hr {
	display: none;
}
#titlePromoBox 
{
	font-family:Verdana;
	color:#8e8e8e;
	font-size:10px;
	margin:0px 0px 5px 11px;
}

/*************************************
		PDF Box
*************************************/

.PDFBox2
{
	width: 596px;
	background-image: url(../Images/Refonte/bgBoxPDFTop.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 5px;
}

.PDFBoxBottomBG2 {
	width: 596px;
	background-image: url(../Images/Refonte/bgBoxPDFBottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

.PDFBoxLine
{
	width: 596px;
	background-image: url(../Images/Refonte/bgBoxPDFLine.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}

.DocumentsConnexesTitle {
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-left: 20px;
	color: #ffffff;
}

.DocumentsConnexesInfo {
	padding: 0px 0px 10px 0px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	margin: 10px 0px 0px 20px;
	color: #ffffff;
}

.DocumentsConnexesInfo a {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.DocumentsConnexesInfo a:active, .DocumentsConnexesInfo a:link, .DocumentsConnexesInfo a:visited {
	color: #ffffff;
	text-decoration: none;
}
.DocumentsConnexesInfo a:hover {
	color: #ffffff;
	text-decoration: underline;
}

div.PDFBox {
	width: 145px;
	background-image: url(../Images/Global/blueBoxTopBGpdf.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #929394;
	background-color: #e9f0f3;
	margin-bottom: 5px;
}

div.PDFBoxBottomBG {
	background-image: url(../Images/Global/blueBoxBottomBGpdf.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	color: #929394;
	padding: 10px 0px 10px 10px;
	margin:0px 0px 0px 0px;
	text-align: left;
}

div.PDFBoxBottomBG p {
	line-height: 12px;
}
div.PDFBoxBottomBG p, div.PDFBoxBottomBG a, div.PDFBoxBottomBG a:visited, div.PDFBoxBottomBG a:active
{
	color: #929394;
	margin: 10px 10px 10px 0px;
}
.ligneSepPDF{
	height:1px;
	background-color:#c7c9ca;
	margin:13px 10px 10px 0px;
}
.ligneSepPDF hr {
	display: none;
}

div.PDFBoxBottomBG ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

div.PDFBoxBottomBG li {
	list-style-type: none;
	background-image: url(../Images/Global/pdf_logo.gif);
	background-repeat: no-repeat;
	background-position:top left;
	height:20px;
	margin:0px 0px 4px 0px;
	padding-left:15px;
	color:#92a764
}

div.PDFBoxBottomBG a {
	color:#92a764
}

/*************************************
		Tooltip
*************************************/
div#qTip {
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border-style: none;
	display: none;
	background: #6BB2CE;
	color: White;
	text-align: left;
	position: absolute;
	z-index: 1;
}

.MenuOtherBox
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-style:none;
}

.MenuOtherBox TABLE TR TD
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-style:none;
}

.MenuOtherBox TD
{
	background: url(../Images/Refonte/BoxOtherLine.gif);
	background-repeat:repeat-y;
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-top:none;
	border-bottom:none;
}

.MenuOtheBoxFooter
{
	margin: 0px 0px 0px 0px;
	width: 149px;
	height: 6px;
	border: none;
	border-style:none;
}

.MenuOtheBoxFooter TD
{
	background-image: url(../Images/Refonte/BoxOtherBottom.gif);
	margin: 0px 0px 0px 0px;
	width: 149px;
	height: 6px;
	border: none;
	border-style:none;
}


.MenuOtheBoxHeader
{
	margin: 0px 0px 0px 0px;
	width: 149px;
	height: 6px;
	border: none;
	border-style:none;
}

.MenuOtheBoxHeader TD
{
	background-image: url(../Images/Refonte/BoxOtherTop.gif);
	margin: 0px 0px 0px 0px;
	width: 149px;
	height: 6px;
	border: none;
	border-style:none;
}


.MenuOtherRow
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-style:none;
}

.MenuOtherRow TABLE TR TD
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-style:none;
}

.MenuOtherRow TD
{
	background-image: none;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-style:none;
}

.MenuOtherRowTitle
{
	-moz-user-select: none;
	-khtml-user-select: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Arial;
	font-weight: bold;
	font-size: 11px;
	color: #0098d7;	
}

.MenuOtherOption
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-family:Arial;
	font-size: 11px;
	color: #567e3c;
	background-image: none;	
}

.MenuOtherOption LI
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-family:Arial;
	font-size: 11px;
	color: #567e3c;
	background-image: none;	
}

/* Définition pour les menus de gauche */
.MenuGauche
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-style:none;
}

.MenuGauche TABLE TR TD
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-style:none;
	text-align:center;
}

.MenuGauche TD
{
	background: url(../Images/Refonte/BoxMenuGaucheTitleLine.gif);
	background-repeat:repeat-y;
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-top:none;
	border-bottom:none;
	text-align:Left;
}

.MenuTitle
{
	margin: 2px 10px 2px 12px;
	text-align: Left;
	font-family: arial;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
}

.MenuGaucheTitleHeader
{
	margin: 0px 0px 0px 0px;
	width: 149px;
	height: 6px;
	border: none;
	border-style:none;
}

.MenuGaucheTitleHeader TD
{
	background-image: url(../Images/Refonte/BoxMenuGaucheTitleTop.gif);
	margin: 0px 0px 0px 0px;
	width: 149px;
	height: 6px;
	border: none;
	border-style:none;
}

.MenuGaucheTitleFooter
{
	margin: 0px 0px 0px 0px;
	width: 149px;
	height: 6px;
	border: none;
	border-style:none;
}

.MenuGaucheTitleFooter TD
{
	background-image: url(../Images/Refonte/BoxMenuGaucheTitleBottom.gif);
	margin: 0px 0px 0px 0px;
	width: 149px;
	height: 6px;
	border: none;
	border-style:none;
}


.MenuGaucheOption
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-style:none;
}

.MenuGaucheOption TABLE TR TD
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-style: none;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	color: #00467f;
}

.MenuGaucheOption TD
{
	background: url(../Images/Refonte/BoxMenuGaucheOptionLine.gif);
	background-repeat:repeat-y;
	margin: 0px 1px 0px 1px;
	padding: 5px 10px 5px 10px;
	border: none;
	border-top:none;
	border-bottom:none;
	text-align:center;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #00467f;
}

.MenuGaucheOption a
{
	font-family: Arial;
	font-size: 11px;
	color: #00467f;
	text-decoration: none;
	vertical-align:middle;
}

.MenuGaucheOption Selected
{
	font-weight: bold;
}

.MenuGaucheOption a:hover
{
	text-decoration: underline;
}
.MenuGaucheOptionFooter
{
	margin: 0px 0px 0px 0px;
	width: 149px;
	height: 6px;
	border: none;
	border-style:none;
}

.MenuGaucheOptionFooter TD
{
	background-image: url(../Images/Refonte/BoxMenuGaucheOptionBottom.gif);
	margin: 0px 0px 0px 0px;
	width: 149px;
	height: 6px;
	border: none;
	border-style:none;
}


.LienUtiles {
	width: 149px;
	background-image: url(../Images/Refonte/bgBoxOther.gif);
	background-position: left top;
	margin: 0px;
}


.LienUtilesTitle {
	-moz-user-select: none;
	-khtml-user-select: none;
	padding: 12px 0px 10px 10px;
	margin: 0;
	font-family:Arial;
	font-weight: bold;
	font-size: 11px;
	color: #0098d7;	
	text-align: left;
	width: auto;
	height: auto;
}

.LienUtilesTitle2 {
	-moz-user-select: none;
	-khtml-user-select: none;
	padding: 5px 0 6px 10px;
	margin: 0;
	font-family:Arial;
	font-weight: bold;
	font-size: 11px;
	color: #0098d7;	
	text-align: left;
	width: auto;
	height: auto;
}
.LienUtilesBottom {
	background-image: url(../Images/Refonte/bgBoxOtherBottom.gif);
	background-repeat: no-repeat;
	/* background-position: left bottom; */
	/* text-align: left; */
	/* width: auto; */
	height: 1px;
	padding: 0;
/*	margin-bottom: 5px;*/
	width: 149px;
}

.SaviezVousQueText
{
	padding-bottom: 10px;
	margin: 0px 10px 0px 10px;
	text-align: left;
	font-family:Arial;
	font-size: 10px;
	font-weight: bold;
	color: #567e3c;
}

.LiensUtilesLine {
	width: 149px;
	background-image: url(../Images/Refonte/bgBoxOtherLine.gif);
	background-repeat: repeat;
	background-position: left top;
	cursor: hand;
	margin: 0px 0px 0px 0px;
	text-align: left;
	/* font-weight: bold; */
	font-family:Arial;
	font-size: 11px;
	color: #567e3c;
}

.LiensUtilesLine2 {
	width: 149px;
	background-image: url(../Images/Refonte/bgBoxOtherLine.gif);
	background-repeat: repeat;
	background-position: left top;
	margin: 0px 0px 0px 0px;
}


.LienUtilesLineHover {
	cursor: hand;
	width: 149px;
	background-image: url(../Images/Refonte/bgBoxOtherLine.gif);
	background-position: left top;
	margin: 0px 0px 0px 0px;
	text-decoration: underline;
	text-align: left;
	padding: 0px 0px 0px 0px;
	font-family:Arial;
	font-size: 11px;
	color: #567e3c;
	/* font-weight: bold; */
}

.LiensUtilesLine UL, .LienUtilesLineHover UL
{	
	list-style-type: disc;
	padding: 0px;
	margin: 0px 0px 0px 12px;
}

.LiensUtilesLine li, .LienUtilesLineHover li 
{	
	list-style-type: none;
	padding-left:9px;
	margin-bottom: 0px;
	margin-right: 5px;
	background-image: url(../Images/Global/bullet_disc.gif);
	background-position: left 5px;
	background-repeat: no-repeat;	
}

.MenuAccueilTitle
{
	background-image: url(../images/refonte/HomePage/bgMenuTitle.gif);
	background-repeat: no-repeat;	
	font-family: Arial;
	font-size: 18px;
	padding-left: 10px;
	height: 22px;
	width: 201px;
}

.MenuAccueilOption
{
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	line-height: 7px;
}

.MenuAccueilOption A
{
	text-decoration: none;
	color: #ffffff;
	padding-left: 5px;
}

.MenuAccueilOption A:visited, .MenuAccueilOption A:hover
{
	text-decoration: none;
	color: #ffffff;
}

#leftPaneConsomm {
	width: 590px;
	float: right;
	position: relative;
	background-image: none;
	background-position: top;
	
}


/*************************************
   Outils Sociaux
*************************************/

#outilsSociaux 
{
	float: left;
	width: 184px;
	height: 60px;
	margin: 3px 20px 0px;
	
}

#outilsSociauxImgMin
{
	visibility: visible;
	float: none;
	position: absolute;
}

#outilsSociauxImgMax
{
	visibility:hidden;
	float:none;
	position: absolute;
	z-index: 50;
}


#ficheImprimable
{
	float:left;
	height:auto;
	margin:3px 20px;
	
}


/*************************************
   IFrame
*************************************/

#rechercheIframe
{
	width: 565px;
	height: 400px;
}



/*************************************
   Efficacite Énergitique (EE)
*************************************/


.EE_FooterBox
{
	width: 552px;
	height: auto;
	margin: 0px 0px 9px 0px;
}

.EE_image
{
	width: 552px;
	margin: 40px 0px 15px;
}

.EEHeaderCell
{
	background-color:#004B85;
	color:#ffffff;
	font-size: 12px;
	font-weight:bold;
}

.EERowDetail
{
	background-color:#D8EBF2;
}

.EEinfoDescription
{
	color: #000000;
}


.EEinfoEfficacite
{
	color: #000000;
	font-weight:bold;
}

.EEColAideFinanciere
{
	background-color: #539EC5;
}

.EEColAideFinanciere p
{
	color: #ffffff;
}