/*Surcharge des styles pour les differents espaces(pro, entreprise...) : 
  image de fond, couleur polices/bordure */

body{
	color:#7e7e7e;
	font-size:68.75%;	/* 11px */
	background:url(../../ecx/images/images_css/bg_body.jpg) left 100px repeat-x #fff;
}
#fonce {
    color:#7E7E7E !important;
}

#clair {
    color:#A9A9A9 !important;
}

a{	color:#7b851e; }

#corpsInner2{
	 background:url(../../ecx/images/images_css/bg_corps.png) left top repeat-y;  
}


/********** CREER ESPACE CLIENT **********/
#entete_login{
	color:#fff;
  background:url(../../ecx/images/images_css/bg_entete.png) center bottom no-repeat;
  }
#entete_login .btnCreerEspace{
	background:url(../../ecx/images/images_css/btn_creer_espace_client.png) left top no-repeat;
}
/* modifier egalement ../../[ESPACE]/css/style_rubriques.css
  pour les styles des rubriques*/


#enteteL{
	background: url(../../ecx/images/images_css/bg_corps_full.jpg) left 39px no-repeat; 
	padding-top:18px;
	height:262px;
}
#menuGaucheL{
	background:url(../../ecx/images/images_css/bg_sidebar_menu_vert.png) right bottom no-repeat;
}

  
#listecheminDeFer li{ color:#780067;
	                background:url(../../ecx/images/images_css/ico_arr_std.png) left center no-repeat;}
#listecheminDeFer a{	color:#0098d1; }
 
#menuPrincipal a{	color:#272727;}
#menuPrincipal .active a{ 	color:#7b851e; }
/* + couleur des ss_menu1 etc */  


#contenuGlobal #centre h2 {
 	color:#0098d1;
	background:url(../../ecx/images/images_css/bg_titre_principal.png) left bottom no-repeat;
}

#menuPied{  background:url(../../ecx/images/images_css/bg_corps.png) center top repeat-y;
           /*margin-right:15.4%;*/
}
#menuPied li{	color:#696969;
             	border-right:1px solid #696969;}
#menuPied a{	color:#696969;}

/* + autres (lien,menus ...) 
colonneGauche
*/  

/* fin style de surcharge pour les differents espace*/


/***********************************************/
/* boutonGris input idem que boutonGris button */
/***********************************************/
.blockForm .boutonGris input, .blockConfig .boutonGris input, .corps .boutonGris input, .boutonGris input{
  background:transparent url(../images/puce_fleche.png) no-repeat 0.2em center;
}
.boutonGris input{padding-left:1em;}
.boutonGris input span {_display:inline-block; _white-space:nowrap;}
.boutonGris input{color:#fff;}
.boutonGris input{  border:0;background:transparent none;cursor:pointer;}
.tailleBouton {font-size:1.1em !important;font-size:1.2em;}
.blockTable tr td, .blockTable tr th, .blockTableConso tr td, .blockTableConso tr th {
	line-height:1.2em;
}
/***********/
/* Tailles */
/***********/
.taille1sur2min{width:40%;_width:40% !important;}/* verify pourcentage */
.taille1sur2max{width:60%;_width:60% !important;}/* verify pourcentage */

.taille1sur4{width:24.2%;_width:24% !important;}/* verify pourcentage */
.taille3sur4{width:74%;_width:74% !important;}/* verify pourcentage */


/***************************/
/* Decorations specifiques */
/***************************/
img.facture {border:1px solid #00446A;}
.masked {display:none;}
.invisible {visibility: hidden}
form h5 {background:transparent url(../../ecx/images/dotted_border.png) repeat-x scroll left center; font-weight:normal;}

.blocHauteurGraph {min-height:63px;/*_height:60px;*/}
.blocHauteurTableau {min-height:30px;/*_height:60px;*/}

.blockGraph span.tl{background-position: left top;top:0px;left:0px;}
.blockGraph span.tr{background-position: right top;top:0px;right:0px;}
.blockGraph span.bl{background-position: left bottom;bottom:0px;left:0px;/*_bottom:-1px;*/}
.blockGraph span.br{background-position: right bottom;bottom:0px;right:0px;/*_bottom:-1px;*/}

/**********************************************************
.blockGraph h3 {line-height:1.3em;font-size:1em;}
.blockGraph .entete {padding-top:7px;padding-bottom:7px;}
*/


/* Mises en formes suppl�mentaires JC */
span.strong{font-weight:bold !important;}
.form4sur5{width:96%;_width:96% !important;}/* verify pourcentage */
.blockForm .form4sur5 .blockField label {width:16.35%;}
.pdg_r_vsm{padding-right:1px !important}

/************ Ajout� par Olivier *******************/
/* ajout */
/* fiche client, detail d'un pdl */
.normalweight {font-weight:normal}

.inputButton input{ padding-right:2px !important;margin-right:2px;}
.noTopPadding {margin-top:0px !important;}

.noTopPadding {margin-top:0px !important;}

.select option {
	border: none !important;
}
.inputTextPerso {
    border:1px solid #ccc;
}
/*********************************************/

.blockTableConso tr.entete th.bkg {
    background:transparent url(../images/px_degrad_tableau.png) repeat-x scroll left;
}
.blockTable tr td, .blockTable tr th, .blockTableConso tr td, .blockTableConso tr th 
{line-height: 1.2em;}

.blockTableConso th.col0 {width:6%;} 
.blockTableConso th.colPdl {width:16%;}
.blockTableConso th.colContrat {width:13%;}
.blockTableConso th.colEnergie {width:10%;}
.blockTableConso th.colPrix {width:11%;}
.blockTableConso th.colCommune {width:15%;}
.blockTableConso th.colCodepostal {width:7%;}
.blockTableConso th.colAdresse {width:23%;}
.blockTableConso th.colRefCl {width:15%;}
.blockTableConso th.colCorb {width:5%;}

.graphique select {
    font-size:0.8em !important;
    font-size:0.8em;
    width:118px;
    .position:relative;
    .bottom:-5px;
    .behavior:expression(window.select_adaptation!=null?window.select_adaptation(this):0);
    }

.float_r{float: right;}
.width300{width: 300px;}

.blockForm  .entete h3{background-color: #eeeeee;}

.blockGraph span.tl{background-position: left top;top:0px;left:0px;}
.blockGraph span.tr{background-position: right top;top:0px;right:0px;}
.blockGraph span.bl{background-position: left bottom;bottom:0px;left:0px;/*_bottom:-1px;*/}
.blockGraph span.br{background-position: right bottom;bottom:0px;right:0px;/*_bottom:-1px;*/}
.blockGraph h4 em {font-weight:bold;}
.blockGraph .empty {height:50px;}

.groupe .blockField .month{width: 20px;}
.groupe .blockField .year{width: 30px;}

.pdg_t_mz{padding-top:15px !important; padding-top:10px}
.pdg_t_mz_30{padding-top:30px !important; padding-top:0px;}
.mrg_t4{margin-top:4px}
.mrg_t3{margin-top:3px}
.mrg_t1ff_t3ie{margin-top:1px !important;margin-top:3px;}
.mrg_t5_firefox{margin-top:5px !important;margin-top:0px;}
.mrg_l_23_firefox{margin-left:23px !important; margin-left:0px;}
.mrg_t_5_ie{margin-top:0px !important; margin-top:5px;}
.mrg_t_2_ie{margin-top:0px !important; margin-top:2px;}
.mrg_t_1_ie{margin-top:0px !important; margin-top:1px;}
.mrg_t_3_ie{margin-top:0px !important; margin-top:3px;}
.mrg_t_3_firefox{margin-top:3px !important; margin-top:0px;}
.pdg_t_1_firefox{padding-top:1px !important; padding-top:0px;}
.mrg_b_3_ie{margin-top:0px !important; margin-bottom:3px;}
.mrg_l_4_ie{margin-left:0px !important; margin-left:4px;}
.mrg_l_2_ie{margin-left:0px !important; margin-left:2px;}
.mrg_l_2_firefox{margin-left:2px !important; margin-left:0px;}
.mrg_l_50{margin-left:50px;}
.mrg_b_2_firefox{margin-bottom:2px !important; margin-bottom:0px;}
/*.mgr_l_10_n{margin-left:-10px !important;}*/
.blockTable caption, .blockTableConso caption{ background-color:#45B4DF;} 
.mrg_legende{margin-top:8px;}
.mrg_t_no{margin-top:0px;}
.mrg_legende_energie{margin-bottom:-10px;}
.mrg_rech_pdl_6_col{margin-left:16px;} /* utilise dans crit_rech_pdl */
.pdg_popup_table_sel{padding-right: 2.2em} /* popup_selection et legende_popup */
.mrg_t_7ff_9ie{margin-top: 7px !important; margin-top: 9px;}
.mrg_t_1ff_2ie{margin-top: 1px !important; margin-top: 2px;}

.f_s_1_em{font-size:11px;}
.mrg_bouton {margin-right:3px;}

.nodeco{
     text-decoration: none;
}

/*******************/
/*  reprise du #blocContact pour les cadres de messages : erreurs ou confirmation */
/* transforme en blocMsg pour diferencier confirmation et erreur */
/*******************/

.blocMsg .corps ul li{
    padding:0.5em 0.5em 0.5em 1.4em;
}
.blocMsg .corps ul li a{
    text-decoration:none;color:#6F6966;
}
.blocMsg .corps ul li strong{
    font-weight:bold;
}
.blocMsg .corps ul li.dernier{
    border-bottom:0;
}
.blocMsg .corps{
    margin:25px 0 0.5em 0;position:relative;background-color:#fff;
    padding:0 5px 05px;/*annomalie VI 3150*/ 
}
.blocMsg .corps ul li li{
    border-bottom:0;
}
.blocMsg .corps ul li li{
    padding:0 0 0 25px;
}
.blocMsg .boutonGris span.tl,.blocMsg .boutonGris span.tr,.blocMsg .boutonGris span.bl,.blocMsg .boutonGris span.br{
    background:transparent url(../images/cornersBouton.png) no-repeat top left !important;width:4px;height:4px;position:absolute;z-index:99;font-size:1%;
}
.blocMsg .boutonGris span.tl{
    background-position: left top!important;top:0!important;left:0!important;
}
.blocMsg .boutonGris span.tr{
    background-position: right top !important;top:0 !important;right:0 !important;
}
.blocMsg .boutonGris span.bl{
    background-position: left bottom!important;bottom:0!important;_bottom:-1px!important;left:0!important;
}
.blocMsg .boutonGris span.br{
    background-position: right bottom !important;bottom:0 !important;_bottom:-1px!important;right:0!important;
}
.blocMsg ul li{
		padding:0.5em 0.5em 0.5em 25px;
}
#blocContactMulti{
	width:83%;
}

.pdls{
	width:88% !important;
}
#colonneGauche #blocContactMulti {
   background: url(../images/images_css/bg_client_contacts.jpg);
}
#colonneGauche #blocContactMulti .titre{
   color :#7B851E;
   margin-bottom: 5px;
   padding-left:10px;
}
#colonneGauche .fin{
   background: url(../images/images_css/bg_client_contacts_footer.jpg) no-repeat;

}
  
  
#colonneGauche #blocContactMulti li.puceTel{
   background: url(../images/images_css/ico_contact_tel.png) no-repeat 10px 16px;
}
#colonneGauche #blocContactMulti li.puceEmail{
   background: url(../images/images_css/ico_mail_vert.png) no-repeat 10px 16px;
}

#colonneGauche #blocContactMulti .corps{
   padding: 20px 20px 0.5px 20px;
   
}
#colonneGauche a{
    background-image: none;
    padding: 0px;
    margin-left: 8px;
    text-decoration: none;
}

#colonneGauche #blocContactMulti .corps li{
   padding-bottom: 5px;
}
#colonneGauche #blocContactMulti .bloc{
    margin-bottom: 0;
}
#colonneGauche #blocContactMulti #bordered{
    border-bottom:1px solid #7B851E;
    margin-bottom: 5px;
    
}
#colonneGauche #blocContactMulti .corps li li{
   padding-left: 25px;
   
}
  
#contactFormImpl textarea{
	background-color:#FBFCF7;
	border:1px solid #DDDDDD;
	color:#7E7E7E;
	float:left;
	padding:5px;
}

/*******************/
/*  blocContact - FIN */
/*******************/

.taille1sur10{width:10%;}
.taille3sur10{width:30%;}
.taille7sur10{width:70%;}
.taille9sur10{width:90%;}

/* test Alain  Taille fixe     */
.btnvalid{
	 float :left;
	 padding-left  : 450px; 
	 display : inline ; 
	 padding-right : 2px;  
	 	 }
.btncancel {	
	float : left; }		 	 


/*******************/
/* POPUP           */
/*******************/
.popup #corps {
    background-image:none; /* image avec les arrondis trop large, on l enleve */
    padding-right:1.2em; /* meme marge a droite et a gauche */
    width: auto;
}
.zoom {   
    width:1024px;
}

/*******************/
/* GRAPHIQUE       */
/*******************/
div.container_graphe_tab {
    height:197px;
    margin:0px;
    overflow:hidden;
}
div.container_graphe {
    background-color:white;
    height:197px;
    width:100%;
    z-index:2;
}
img.img_graphique {
    height:197px;
    position:relative;
    width:445px;
    z-index:2;
}
div.container_tab {
    height:190px;
    overflow-x:auto;
    overflow-y:auto;
    position:relative;
    top:-203px;
    width: 445px;
    z-index:1;
}
.overflow_auto {
    overflow: auto;
}
.hauteurBoutonsGraphe {
    height:26px;
}
.hauteurBoutonsGraphe .blockField {
    margin-top:4px; /* alignement vertical des boutons avec des images et des boutons sans image */
}
.graphique li {
	line-height: 3px;
	margin-bottom:3px;
}
.entete  .radio a{
	float:none;
	margin:0px;
	text-indent:0px;
	overflow:hidden;
	height:11px;
	width:11px;
	background:transparent no-repeat left top;
	text-decoration:none;
}

.full {
	width:100%;
}

.nrj{
	width:5.8em;
}

.hauteurLigneEntete {
    line-height:1.5em;
}

.colCel {
	padding:0.6em 0;
}

/* page de telechargement */
.downloadBloc {border-top:1px solid #eee;}


/* Si on veut qu'une ancre ressemble a	un bouton */
a.button:link {
	text-decoration:none;
	padding-left:1em;
	padding-right:0.3em;
	padding-top:0.12em;
	padding-bottom:0.2em;
	background:url(../images/puce_fleche.png) no-repeat 4px center;
	background-color:#746863;
	border:0;
	cursor:pointer;
	*font-size:12px !important;
	color:#ffffff
}
a.button:visited {
	text-decoration:none;
	padding-left:1em;
	padding-right:0.3em;
	padding-top:0.12em;
	padding-bottom:0.2em;
	background:url(../images/puce_fleche.png) no-repeat 4px center;
	background-color:#746863;
	border:0;
	cursor:pointer;
	*font-size:12px !important;
	color:#ffffff
}



/* titre des tableaux pour ressembler a l'entete des graphiques */
caption {
    font-size-adjust:none;    
    font-style:Tahoma,Geneva,sans-serif;    
    margin:0px;
    font-size:1.27em !important;
    font-size:1.27em;
    line-height:15.525pt;	
    font-weight:bold;
    color:#FFFFFF;
    padding:0.2em 0pt 0.2em 0em;
}

#corps #contenu #colonneGauche .blockList .corps h2 a,#colonneDroite .blockList .corps h2 a,.page2col .blockList .corps h2 a{
	padding-left:0.5em;
	line-height:2em;
    font-family:arial,helvetica,clean,sans-serif;
    font-style:normal;
	font-size:90%;
    font-variant:normal;
}


/******/
/* Ma Releve */
/*********/
#etape span {
    text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}
#maReleveSouscrEtape1 #etape { background: url(../images/flag_uk_cl.gif);}
#maReleveSouscrEtape2 #etape { border:1px solid red;background: url(../images/flag_uk_cl.gif)  no-repeat 4px center;text-align:right}
#maReleveSouscrEtape3 #etape { background: url(../images/flag_uk_cl.gif);}

/* Souscription m@ rel�ve
 * Dans le cas o� javscript est desactive. */ 
#formOptIn,#formCivilite,#formEditMail,#formLienEditMail {display:block}
#formLienEditMail {display:none}

/* Style particulier pour la page pour supprimer
la marge de la page de souscription */
.no_mrg {
    margin-left:-1em;
}

/* Courrier de bienvenue */
.avertissement {color:red; font-weight:bold; text-align:center}
.nvelle_ligne {clear:both}
.mrg_required{margin-top:-5px;}
.bloc_pied{background-position:bottom}


/****************/
/* Styles Lot F */
/****************/
.entrecontactlien {
    font-weight: bold; 
    font-size: 11px; 
    color: #A2704F; 
    line-height: 12px; 
    font-style: normal; 
    font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
    text-decoration: none
}
th.col00 {
    width:8%;
}	
/* detail de facture et donnees de releve */
.tab_facture {
    background: url('../images/facture/europe.gif') no-repeat fixed right;
    border: 0px;
    border-collapse: collapse; /* pour qu'ie comprenne border-spacing */
    border-spacing: 0px; /* cellspacing */
    width: 100%;
}
.tab_facture td{
    padding: 0px; /* cellpading */
}

/* classe pour la page please_wait */
.wait {
background-color:#FFFFFF;
}

.couleur_body {
    background-color: white;
    color:#6F6966;
}

/*externalisation*/
.w_98_p {
    width:98%;
}
.w_58_p {
    width:58%;
}
.couleur_capasouscrite{
    color:#0111E5;
}
.w_99_p-h_70_px{
    height:70px;
    width:99%;
}
.w_5_p {
    width: 5px;
}

.img_graph_zoom {
    border: 0px;
    height: 502px;
    width: 960px;
}
.img_pointille_facture {
    height: 3px; 
    width: 605px;
}
.flash_defaut{
    height: 350px;
    width: 450px; 
}
.flash_ie {
    height: 375px;
    width: 475px;
}
.frame_wait {
    height: 15px;
}
.img_pw {
    height: 14px;
    vertical-align: top;
}

/* factures */
.col1 {width: 3%;}
.col2 {width: 15%;}
.col3 {width: 18%;}
.col4 {height: 20px;width: 30%;}
.col5 {height: 20px;width: 17%;}
.col6 {width: 17%;}
.sscol1 {width: 15%;}
.sscol2 {width: 15%;}
.sscol3 {width: 15%;}
.sscol4 {width: 15%;}
.marges1 {margin-bottom:-10px;margin-top:0px;}
.marges2 {margin-bottom:-10px;margin-top:10px;}
.marges3 {margin-bottom:-10px;margin-top:5px;}

/* alternative tableau au graphique */
table.alt_graphique, .alt_graphique caption, .alt_graphique tbody, .alt_graphique tfoot, .alt_graphique thead, .alt_graphique tr, .alt_graphique th, .alt_graphique td {
    font-size: 1.07em;
    font-family: none;
    color: black;
    padding: 4px 10px;
}
table.alt_graphique {
    border-collapse: separate;
    border-spacing: 0;
}
.alt_graphique caption, .alt_graphique th, .alt_graphique td {
    text-align: left;
    font-weight: normal;
}
.alt_graphique th {
    font-weight: bold;
}
.alt_graphique td, .alt_graphique th {
    border:1px solid black;
}
.alt_graphique th span, .alt_graphique td span {
    font-size:small;
}

#espaceClient #ecForm .blockField #BtOK{
	width:18px; 
	height:15px; 
	border:0; 
	vertical-align: top; 
	margin-top: 1px !important; margin-top: 2px;
}

.pageLogin #corps #contenu #centre .loginEcxSeul {
	min-width:474px;
	width:39em;
	*width:35.5em;
	position:relative;
	margin:0 auto;
}
	
.blockTable tr td.alignTop, .blockTableConso tr td.alignTop {
	vertical-align: top;	
}

.loginEcxSeul2 {
	*width:35.5em;
	position:relative;
	margin:0 auto;
}

.tailleSelectFix {
    width:12em;
}

/** Ajout pour la parti admin de recherche pdl  **/
.width48px {
    width: 48px;
}

.width90pximportant {
    width: 90px; 
    !important;
}

.fontweightbold {
    font-weight: bold;
}

.legendeEgm {
    margin-bottom: -16px; 
    margin-top: -10px;
}
.taille1sur2minwidth {
	width: 49%;
	min-width: 41%;
}

.login {
    border:1px solid #737173;
    width:166px;
    background-color:#DEDFDE;
    color:#000000;
}

.lignedroite{
    clear:right;
    float: right;
    padding-right: 10px;
}

.listeUserReleve{
    width:134px;
}
.blocMsg .corps_{
    margin: 0 0.5em 0;position:relative;background-color:#fff;
    padding:0 5px 05px;/*mantis 3959*/ 
}