/*Feuille de style pour le site des pariculiers ÉS - Version 2005 */
/* Sendil Sinivassane MCC 2005*/


#plansite, #accueil, #recherche, #lien { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	vertical-align: middle; 
	text-decoration : none; 
	font-weight: bold; 
} 

#accueil { 
	padding-left: 20px; text-decoration : none; color: #fff; 
} 

#accueil:hover { 
	text-decoration : none; color: #3E499A; 
} 

#plansite, #recherche, #lien { 
	color: #fff; 
} 

#recherche, #plansite, #lien { 
	padding-right: 10px; padding-left: 10px; 
}

#plansite:hover, #recherche:hover, #lien:hover { 
	text-decoration : none; color: #3E499A; 
} 

#chapeau {
	padding-top: 10px;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.texte {
	padding-top: 30px;
	padding-left: 35px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}

.tableau{
	padding-top: 30px;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin-left:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	border: 1px dotted #999999;
}

/* gestion de la page plan du site #FCFFF4 */

.textePlan {
	padding-left: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	border-left:1px dotted #80B5EA;
	background-color:#FEFFFD ; 
}

.sousTitrePlan {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 24px;
	text-decoration: none;
	color: #177BD9;
	background : url(/internet/particuliers/puce_bleu.jpg) no-repeat -2px 0px;
}

/* gestion page d'accueil */ 

#sousTitreHome {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #333; 
}

#sousTitreHome:hover { 	text-decoration : underline; color: #7EB400; } 

#lienHome {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8px;
	text-decoration: none;
	color: #333; 
}

#lienHome:hover { text-decoration : underline; color: #7EB400; } 
.bottom {	background : url(/internet/particuliers/bg_bas.jpg) repeat 0px 0px; }


/* gestion du texte tout le site */
a:link { color: #333; }
a:hover { color: #7EB400; text-decoration:underline ; }
a:visited {color: #333;}
table { border: 0px none;}
td { border: 0px none;}
img { border: 0px none;}
.img { border:1px solid #F5F5F5;	padding : 1px 5px 5px 5px;}


/* gestion des sous titres */ 
.sousTitreA, .soustitreB, .sousTitreC {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 35px;
	text-decoration: none;
}

.sousTitreA {color: #7EB400;	background: url(/internet/particuliers/puce_bleu.jpg) no-repeat 10px 0px;}
#sousTitreA1 {font-size: 12px;	font-weight: bold; color: #7EB400; text-decoration: underline; }
#sousTitreA1:hover { 	color: #177BD9; 	text-decoration: none; }

.sousTitreB {color: #177BD9; background: url(/internet/particuliers/puce_verte.jpg) no-repeat 10px 0px;}
#sousTitreB1 { 	font-size: 12px;	font-weight: bold; color: #177BD9; text-decoration: underline;}
#sousTitreB1:hover {color: #3E499A;	text-decoration: none;}

.sousTitreC {color: #3E499A;	background: url(/internet/promotion/style/sousTitreC.gif) no-repeat 10px 0px;}
#sousTitreC1 {font-size: 12px;	font-weight: bold;	color: #3E499A;	text-decoration: underline;}
#sousTitreC1:hover  {color: #7EB400; text-decoration: none;}


.promotitre {color: #666;
	background: url(/internet/particuliers/puce_bleu.jpg) no-repeat 15px 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px;
	padding : 2px 20px 2px 40px;
	text-decoration: none;
}

.accentA, .accentB, .accentC {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;	padding : 2px 20px 2px 50px;	text-decoration: none;}


.accentA {color: #666; background : url(/internet/particuliers/accent.jpg) no-repeat 4px 0px;}
.accentB {color: #177BD9; background : url(/internet/particuliers/accent.jpg) no-repeat 4px 0px;}
.accentC {color: #3E499A; background : url(/internet/particuliers/accent.jpg) no-repeat 4px 0px;}


/* gestion des cellules */

.voiraussi {
	padding : 2px 10px 5px 10px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 9px;	color: #666666;

}

#cellulePromo { height:72px; background: url(/internet/particuliers/fond_niv1.jpg) repeat 0 -33px; padding: 15px 0px 0px 0px; }

/*cellule niv1*/
#cataTexte { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #333; }

#cataTexte:hover { text-decoration : underline; color: #7EB400; } 

/* gestion des cellules ainsi que les soustitres niv2*/

.texten2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #333; 
}

.bgn2_filet{
background: url(/internet/particuliers/bgn2_filet.jpg) repeat 0px 0px;
font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px;
text-decoration: none; color: #333; 
padding: 0px 20px 0px 0px; 
} 

#bgn2_energie {width : 40px; background: url(/internet/particuliers/bgn2_energie.jpg) repeat 0px 0px;} 
#bgn2_gestion {width : 40px; background: url(/internet/particuliers/bgn2_conseil.jpg) repeat 0px 0px;} 
#bgn2_confort {width : 40px; background: url(/internet/particuliers/bgn2_confort.jpg) repeat 0px 0px;} 
#bgn2_assistance {width : 40px; background: url(/internet/particuliers/bgn2_assistance.jpg) repeat 0px 0px;} 
#bgn2_envir {width : 40px; background: url(/internet/particuliers/bgn2_envir.jpg) repeat 0px 0px;} 



/* gestion des sous-titres niv3 du catalogue des service  */
.stEnergie, .stGestion, .stConfort, .stSecurite, .stEnviro, .stSolidarite {
	font-family: Arial, Verdana, Helvetica, sans-serif; 	font-size: 12px;
	font-weight: bold; 
	padding : 2px 0 2px 35px;
	text-decoration: none;
}

.stSecurite {color: #ED1C24; background: url(/internet/particuliers/securite.jpg) no-repeat 10px 0px;}
.stEnviro { color: #84C726;  background: url(/internet/particuliers/enviro.jpg) no-repeat 10px 0px; }
.stSolidarite {color: #00B495; background: url(/internet/particuliers/solidarite.jpg) no-repeat 10px 0px;}

.stConfort{
	font-family: Arial, Verdana, Helvetica, sans-serif; 	font-size: 12px;
	font-weight: bold; 
	padding : 2px 0 2px 20px;
	height:21px;
	text-decoration: none;
	color: #666;background: url(/internet/particuliers/filet_confort.jpg) no-repeat 0px 0px;
}

.stGestion {
	font-family: Arial, Verdana, Helvetica, sans-serif; 	font-size: 12px;
	font-weight: bold; 
	padding : 2px 0 2px 20px;
	height:21px;
	text-decoration: none;
	color: #fff;background: url(/internet/particuliers/filet_gestion.jpg) no-repeat 0px 0px;
}
.stEnergie {
	font-family: Arial, Verdana, Helvetica, sans-serif; 	font-size: 12px;
	font-weight: bold; 
	padding : 2px 0 2px 20px;
	height:21px;
	text-decoration: none;
	color: #fff;background: url(/internet/particuliers/filet_energie.jpg) no-repeat 0px 0px;
}
.stAssistance {
	font-family: Arial, Verdana, Helvetica, sans-serif; 	font-size: 12px;
	font-weight: bold; 
	padding : 2px 0 2px 20px;
	height:21px;
	text-decoration: none;
	color: #ED145B;background: url(/internet/particuliers/filet_assistance.jpg) no-repeat 0px 0px;
}

.serviceInt {
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px;
	text-decoration: none; 
	color: #333; 
	background: url(/internet/particuliers/bgn3_service.jpg) repeat 0px 0px;
	padding : 5px 10px 5px 12px; 
}
.temoignage {
	font-family: Verdana, Helvetica, sans-serif; font-size: 8px;
	text-decoration: none; 
	color: #666; 
	background: url(/internet/particuliers/bgn3_temoin.jpg) repeat 0px 0px;
	padding : 5px 10px 5px 12px; 
}

.texten3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #333; 
	padding: 10px 20px 5px 10px; 
}
