A.Gris {

	FONT-WEIGHT: bold; BACKGROUND: url(../images/puce_fleche_GR.gif) no-repeat 0px 0.35em; COLOR: #6f6868; TEXT-DECORATION: none ;padding-left:10px;

}

A.Gris:hover {

	TEXT-DECORATION: underline

}

A.Blanc {

	FONT-WEIGHT: bold; BACKGROUND: url(../images/puce_fleche_BL.gif) no-repeat 0px 0.35em; COLOR: #FFFFFF; TEXT-DECORATION: none ;padding-left:10px;

}

A.Blanc:hover {

	TEXT-DECORATION: underline

}

A.Orange {

	FONT-WEIGHT: bold; BACKGROUND: url(../images/puce_fleche2.gif) no-repeat 0px 0.35em; COLOR: #e37633; TEXT-DECORATION: none ;padding-left:10px;	

}

A.Orange:hover {

	TEXT-DECORATION: underline

}



A.Rose{

	FONT-WEIGHT: bold; BACKGROUND: url(../images/puce_fleche2ro.gif) no-repeat 0px 0.35em; COLOR: #c41e66; TEXT-DECORATION: none ;padding-left:10px;	

}

A.Rose:hover {

	TEXT-DECORATION: underline

}

.gras {

	FONT-WEIGHT: bold

}

.sous_titre_orange_gras {

	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.3em; PADDING-BOTTOM: 5px; COLOR: #e37633; PADDING-TOP: 0px

}

.sous_titre_orange {

	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.1em; PADDING-BOTTOM: 5px; COLOR: #e37633; PADDING-TOP: 5px

}

.sous_titre_rose {

	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.1em; PADDING-BOTTOM: 5px; COLOR: #c41e66; PADDING-TOP: 5px

}

.puce-OR {

	PADDING-LEFT: 15px; 	BACKGROUND: url(../images/puce-OR.gif) no-repeat 0px 5px; 	MARGIN-LEFT: 40px

}

.puce-RO {

	PADDING-LEFT: 15px; 	BACKGROUND: url(../images/puce-RO.gif) no-repeat 0px 5px; 	MARGIN-LEFT: 40px

}

.puce-GR {

	PADDING-LEFT: 15px; 	BACKGROUND: url(../images/puce-GR.gif) no-repeat 0px 5px; 	MARGIN-LEFT: 40px

}

.carre-OR {

	PADDING-LEFT: 15px; 	BACKGROUND: url(../images/carre-OR.gif) no-repeat 0px 5px; 	MARGIN-LEFT: 20px

}

.carre-RO {

	PADDING-LEFT: 15px; 	BACKGROUND: url(../images/carre-RO.gif) no-repeat 0px 5px; 	MARGIN-LEFT: 20px

}

.carre-GR {

	PADDING-LEFT: 15px; 	BACKGROUND: url(../images/carre-GR.gif) no-repeat 0px 5px; 	MARGIN-LEFT: 20px

}

.bullet-RO {

	PADDING-LEFT: 16px; 	BACKGROUND: url(../images/puce1_rose.gif) no-repeat; 	font-weight:bold;background-position:0px 3px;color:#C52368;

}

.bullet-GR {

	PADDING-LEFT: 16px; BACKGROUND: url(../images/puce1_grise.gif) no-repeat; font-weight:bold;background-position:0px 3px;color:#6f6868;

}

.bullet-OR {

	PADDING-LEFT: 16px; BACKGROUND: url(../images/puce1_orange.gif) no-repeat; font-weight:bold;background-position:0px 3px;color:#e37633;

}

.bul-RO {

	PADDING-LEFT: 16px; 	BACKGROUND: url(../images/bul-RO.gif) no-repeat; 	font-weight:bold;background-position:0px 3px;color:#C52368;

}

.bul-GR {

	PADDING-LEFT: 16px; BACKGROUND: url(../images/bul-GR.gif) no-repeat; font-weight:bold;background-position:0px 3px;color:#7C7C7C;

}

.bul-OR {

	PADDING-LEFT: 16px; BACKGROUND: url(../images/bul-OR.gif) no-repeat; font-weight:bold;background-position:0px 3px;color:#e37633;

}



.GN13 {

	COLOR: #6f6966

}

.GG13 {

	COLOR: #6f6966

}

.GN15 {

	COLOR: #6f6966

}

.GG15{

	COLOR: #6f6966

}



.GN13{

	FONT-SIZE: 13px

}

.GG13{

	FONT-WEIGHT: bold; FONT-SIZE: 13px

}

.GN15{

	FONT-SIZE: 15px

}

.GG15{

	FONT-WEIGHT: bold; FONT-SIZE: 15px

}



.ON11{

	COLOR: #e37633

}

.OG11{

	COLOR: #e37633

}

.ON13{

	COLOR: #e37633

}

.OG13 {

	COLOR: #e37633

}

.ON15{

	COLOR: #e37633

}

.OG15{

	COLOR: #e37633

}

.ON11{

	FONT-SIZE: 11px

}

.ON13{

	FONT-SIZE: 13px

}

.OG11{

	FONT-WEIGHT: bold; FONT-SIZE: 11px

}

.OG13 {

	FONT-WEIGHT: bold; FONT-SIZE: 13px

}

.ON15{

	FONT-SIZE: 15px

}

.OG15{

	FONT-WEIGHT: bold; FONT-SIZE: 15px

}

.VN11{

	COLOR: #c41f65

}

.VG11{

	COLOR: #c41f65

}

.VN13{

	COLOR: #c41f65

}

.VG13{

	COLOR: #c41f65	

}

.VN15{

	COLOR: #c41f65

}

.VG15{

	COLOR: #c41f65

}

.VN11{

	FONT-SIZE: 11px

}

.VN13{

	FONT-SIZE: 13px

}

.VG11{

	FONT-WEIGHT: bold; FONT-SIZE: 11px

}

.VG13{

	FONT-WEIGHT: bold; FONT-SIZE: 13px

}

.VN15{

	FONT-SIZE: 15px

}

.VG15{

	FONT-WEIGHT: bold; FONT-SIZE: 15px

}



.rail_separateur{

	MARGIN-BOTTOM: 7px; BORDER-BOTTOM: #e7e5e0 1px solid

}

.Retrait_20{

	PADDING-LEFT: 20px

}

.Retrait_40{

	PADDING-LEFT: 40px

}



.Encadre1_O {

	COLOR: #6f6966;BORDER-RIGHT: 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: 1px solid; BACKGROUND-COLOR: #fedecc

}

.Encadre2_V{

	COLOR: #6f6966;BORDER-RIGHT: 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: 1px solid; BACKGROUND-COLOR: #fbe6ef

}

.Encadre3_OB{

	BORDER-RIGHT: 3px solid #eda77c; PADDING-RIGHT: 10px; BORDER-TOP: 3px solid #eda77c; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: 3px solid #eda77c; PADDING-TOP: 10px; BORDER-BOTTOM: 3px solid #eda77c; 

}

A.tag1{

	FONT-SIZE: 1em; COLOR: #6f6966; TEXT-DECORATION: none

}



A.tag2{

	FONT-WEIGHT: bold; FONT-SIZE: 1.5em; COLOR: #6f6966; TEXT-DECORATION: none

}



A.tag3{

	FONT-WEIGHT: bold; FONT-SIZE: 1.5em; COLOR: #2c2928; TEXT-DECORATION: none

}



.commentaire2{

	FONT-SIZE: 0.8em; 

}

.commentaire {

	COLOR: #6f6966;	font-style:italic;	font-size:80% 

}

.italique {

	font-style:italic

}

.contactMail {

	BACKGROUND-POSITION: 0px 4px; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(../images/mail.jpg); LINE-HEIGHT: 2em; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none

}

.contactTelephone {

	BACKGROUND-POSITION: 0px 4px; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(../images/tel.jpg); MARGIN-LEFT: 2px; LINE-HEIGHT: 2em; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none

}

.contactNewsletter {

	BACKGROUND-POSITION: 0px 4px; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(../images/newsletter.jpg); MARGIN-LEFT: 2px; LINE-HEIGHT: 2em; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none

}





/* Alignements texte */ 

.GCdroite{text-align:right;}

.GCjustifie{text-align:justify;}

.GCcentre{text-align:center;}





/* Alignement Photos */

.GCphotodroite{float:right;margin-left:15px;margin-bottom:15px;border:none}

.GCphotogauche{float:left;margin-right:15px;margin-bottom:15px;border:none}

.GCphotocentre{position:relative;display:block;margin-right:auto;margin-left:auto;border:none}





/* Balise H */







/* Cartouche  */



.CartoucheTop{

	clear:both;

	width:458px;

	height:25px;

	BACKGROUND: url(../images/CartoucheTop.gif) no-repeat;

	color:#e47632;

	font-weight:bold;

	padding-left:15px;	

	padding-top:5px;

}



.CartoucheCentre{

	width:443px;

	BACKGROUND: url(../images/CartoucheCentre.gif) no-repeat;

	color:#66065f;

	padding:5px 15px 0px 15px;	

}



.CartoucheBottom{

	width:473px;

	height:11px;

	BACKGROUND: url(../images/CartoucheBottom.gif) no-repeat;

}



A.RoseF{

	FONT-WEIGHT: bold; no-repeat 0px 0.50em; COLOR: #c41e66; TEXT-DECORATION: none;

}

A.RoseF:hover{

	TEXT-DECORATION: underline

}





/********** message portlet mon compte  ***********/	

.mes_auth{

border-top:1px dotted #888;

border-bottom:1px dotted #888;

margin:6px;

text-align:justify;

padding:6px 12px;

color:#e6388b;



}









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

/***** CSS rubrique sécurité *****/

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





/** cartouche **/

#action_diag_centre ul {

margin:0;

padding:0

}



#action_diag_top{

	width:470px;

	height:11px;

	background-image:url(../images/travail_diagnostic_01.jpg);

	background-repeat:no-repeat;

	line-height:11px

}







/*elec*/

#action_diag_centre1 {

	background-image:url(../images/diag_centre.jpg);

	background-repeat:repeat-y;

	width:470px;

	height:250px;

}



/*gaz*/

#action_diag_centre2 {

	background-image:url(../images/diag_centre.jpg);

	background-repeat:repeat-y;

	width:470px;

	height:160px;

}



#action_diag_centre1 .logoDiag{

	padding:15px 0px 15px 30px

}



#action_diag_centre2 .logoDiag{

	padding:15px 0px 15px 30px

}



#action_diag_centre1 .titreCartouche{

	color:#98258e;

	font-size: 14px

}



#action_diag_centre2 .titreCartouche{

	color:#98258e;

	font-size: 14px

}



#action_diag_centre1 li{

	list-style:none;

 	background-image:url(../images/coche.gif);

	background-repeat:no-repeat;

	padding-left:25px

}



#action_diag_centre2 li{

	list-style:none;

 	background-image:url(../images/coche.gif);

	background-repeat:no-repeat;

	padding-left:25px

}



#action_diag_centre1 .droite{



	float:right;

	width:270px;

	padding: 10px 10px 10px 0px

}



#action_diag_centre2 .droite{



	float:right;

	width:270px;

	padding: 10px 10px 10px 0px

}



#action_diag_bottom {

	background-image:url(../images/travail_diagnostic_03.jpg);

	width:470px;

	height:16px

}







/** pages clés et reflexes **/

#responsabilite h3 {

	MARGIN-LEFT: 100px

}



#risques h3 {

	MARGIN-LEFT: 100px

}



#protection_gaz h3 {

	MARGIN-LEFT: 100px

}



#protection_elec h3 {

	MARGIN-LEFT: 100px

}



#responsabilite p {

	text-align:justify;

	MARGIN-LEFT: 100px

}



#risques p {

	text-align:justify;

	MARGIN-LEFT: 100px

}



#protection_gaz p {

	text-align:justify;

	MARGIN-LEFT: 100px

}



#protection_elec p {

	text-align:justify;

	MARGIN-LEFT: 100px

}



#reflexes p {

	text-align:justify;

}



#securite h3 {

	color:#1e6288;

	FONT-WEIGHT: bold; 

	FONT-SIZE: 15px;

	background-image: url(../images/trait_bleue.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	padding-bottom: 5px;

	width: 365px

}



#responsabilite, #risques, #protection_elec, #protection_gaz {

	background-repeat: no-repeat;

	background-position: left top;

	margin-right: 10px;

	margin-bottom: 10px;

	border:none

}



#responsabilite {

	background-image: url(../images/resp.jpg)

}



#risques {

	background-image: url(../images/risques.jpg)

}



#protection_gaz {

	background-image: url(../images/protection.jpg)

}



#protection_elec {

	background-image: url(../images/protection_elec.jpg)



}



/** niveau sous-rubrique **/

#securite h2{

	background-image:url(../images/securite_home.jpg);

	background-repeat:no-repeat;

	height:220px;

	font-size:0px;

	

}



#securite .comprendre{

	display:block;

	width:250px;

	float:left;

	height:300px;

}



#securite .prevenir{

	_clear:both;

	float:right;

}



#securite .comprendre li {

	border-bottom:1px dotted #444;

	padding-bottom:1em;

	margin-top:1em;

	margin-right:25px;

}



#securite .prevenir li {

	border-bottom:1px dotted #444;

	padding-bottom:1em;

	margin-top:1em;

}



#securite li a {

	background-image:url(../images/bulletRO.jpg);

	background-repeat:no-repeat;

	background-position:left 2px;

	color:#6F6966;

	padding-left:15px;

	text-decoration:none;

}





/******* toolbar navigation ****/





a.CGretour_accueil {

background: url(../images/homeON.jpg) no-repeat; 

background-position:left;

text-align:right;

float:right;

COLOR: #E67F35; 

TEXT-DECORATION: none;

padding-left:10px; 

padding-top:8px; 

margin-right:12px;

display:block;

height: 25px;

width: 105px;

}







a.CGretour_accueil:hover {

background-image:url(../images/home_G.jpg);

color:#6F6966;

text-decoration:underline;

}



a.CGprecedent {

background:url(../images/precedentON.jpg) no-repeat;

background-position:left;

text-align:right;

float:right;

COLOR: #E67F35; 

TEXT-DECORATION: none;

padding-left:10px; 

padding-top:8px; 

display:block;

height: 25px;

width: 118px;

}



a.CGprecedent:hover {

background-image:url(../images/precedent_G.jpg);

color:#6F6966;

text-decoration:underline;

}







/******* actu des marques AVRIL 2009****/





#actu_marques {

	margin-left: 0px;

}



#actu_marques .titre_actu {

	color:#A5308C;

	font-weight: bold;

	font-size: 11px;	

}



#actu_marques a.top_actu {

	font-size: 12px;

	color:#A5308C;

	background: url(../images/puce_flecheBLANC.gif) no-repeat 0px 0.35em;

	text-decoration:none;

	padding:2px 0px 3px 13px;

	margin-top:10px;



}



#actu_marques a.top_actuG {

	font-size: 12px;

	color:#A5308C;

	background: url(../images/puce_flecheBLANC.gif) no-repeat 0px 0.35em;

	text-decoration:none;

	padding-left:10px;

	font-weight: bold;

	padding:2px 0px 3px 13px;

	margin-top:10px;





}





/******* EM/DM  NEW HOME DEMENAGEMENT MAI 2009 ****/

	body{

		background-image:url(../images/emdm_background.jpg);

		background-color:#e49ac4;

		background-repeat:repeat-x;

	}

	

	#entete{

		background-color:transparent;

	}

	

	#pied, #pied #blocPied {

		background-image:url(../images/fond_footeremdm.gif);

	}

	

	.blockMeaUnivers .corps, .blockQuestion .corps{

		background-color:#FFFFFF;

	}

	

	.blockMeaUnivers .droit {

		width:182px;

	}

	

	a.emdm_chrono{

		display:block;

		height:168px;

		width:186px;

		background-image:url(../images/chronoOFF.gif);

		margin-top:55px;

	}

	

	a.emdm_chrono:hover{

		background-image:url(../images/chronoON.gif);

	}

	

	div#menu_ ul#menu1 li.li_menu1 ul.ul_ssmenu1 {

		border:1px solid #DA47B9;

	}



	div#menu_ ul#menu1 li.li_menu1 ul.ul_ssmenu1 li.li_ssmenu1 {

		background-color:#C93582;

		opacity : 0.9; 

		filter : alpha(opacity=90); 

		font-weight:normal;

	}		

	

	/* correction du menu */

	div#menu_ ul#menu1 li.li_menu1{

		padding:0.2em;

	}

	

	div#menu_ ul#menu1 li.li_menu1 ul.ul_ssmenu1 {

		background:transparent;

	}

	#menuSite0 #formRecherche{

		margin-top:2px;

	}

	

	*+html div#menu_ ul#menu1 li.li_menu1  {

		padding-top:0px;		

		margin-bottom:1px;

	} 

	div#menu_ ul#menu1 li.li_menu1 ul.ul_ssmenu1{

		width:21em;

	}

	

	*+html div#menu_ ul#menu1 li.li_menu1 ul.ul_ssmenu1{

		width:19em;

	}

	

	*+html #menuSite0 #formRecherche {

		margin-top:-3px;

				

	} 

	*+html div#menu_ ul#menu1 li.li_menu1 ul.ul_ssmenu1{

	margin:0.2em 0 0;

	}

	

	*+html #corps{

		margin-top:1px;

	}

	

	*html #corps{

		margin-top:2px;

	} 



/******* FIN EM/DM  NEW HOME DEMENAGEMENT MAI 2009 ****/





/******* Page d'accueil du Compte en Ligne ****/



#bienvenue {

	background-image:url(../images/CEL_bienvenue.jpg);

	background-repeat:no-repeat;

	display:block;

	height:41px;

	width: 450px;

	text-align:right;

	font-size:0px;

	color:#fff;

}

	





#cel{

	padding-top: 15px;

}	

	

/**Rubrique eservices**/



#eservices{

	background-image:url(../images/PICTO_esevices.jpg);

	background-repeat:no-repeat;

	width: 289px;

	height: 120px;

	float:left;

}



	#eservices h3 {

	color:#c52468;

	font-size:11px;

	font-style: italic;

	padding-bottom:15px;

	margin: 20px 0px 10px 55px;

	}



	#eservices a.Vert {

	font-weight: bold;

	background: url(../images/puce_fleche_VR.gif) no-repeat 0px 0.35em;

	color: #63aa2b;

	text-decoration: none ;

	padding-left:10px;

	}



	#eservices a.Vert:hover {

	text-decoration: underline ;

	color: #63aa2b;

	}



	

/**Rubrique infoperso**/

	

#infoperso{

	background-image:url(../images/PICTO_infoperso.jpg);

	background-repeat:no-repeat;

	width: 289px;

	height: 120px;

	float:right;

	}

	

	#infoperso h3 {

	color:#d47625;

	font-size:11px;

	font-style: italic;

	padding-bottom:15px;

	margin: 20px 0px 10px 55px;

	}



	



	

/**Rubrique releve**/

	

#releve{

	background-image:url(../images/PICTO_releve.jpg);

	background-repeat:no-repeat;

	width: 289px;

	height: 120px;

	float:left;

	}

	

	#releve h3 {

	color:#626361;

	font-size:11px;

	font-style: italic;

	padding-bottom:15px;

	margin: 20px 0px 10px 55px;

	}





/**Rubrique ecoenergie**/

	

#ecoenergie{

	background-image:url(../images/PICTO_ecoenergie.jpg);

	background-repeat:no-repeat;

	width: 289px;

	height: 120px;

	float:right;

	}

	

	#ecoenergie h3 {

	color:#63aa2b;

	font-size:11px;

	font-style: italic;

	padding-bottom:15px;

	margin: 20px 0px 10px 55px;

	}







/** Rubrique Demenagement en ligne (Mes services-> E-services-> démenagement en ligne)  **/



#demenager {

	background-image:url(../images/demenager_en_ligne.jpg);

	background-repeat:no-repeat;

	display:block;

	height:468px;

	width: 463px;

	text-align:right;

	font-size:0px;

	color:#fff;

}





	a.jedecouvre {

	background-image:url(../images/jedecouvre_OFF.jpg);

	background-repeat:no-repeat;

	display:block;

	height:62px;

	width: 224px;

	text-align:right;

	font-size:0px;

	color:#fff;

	margin:-132px 0px 0px 190px;



}



	a.jedecouvre:hover{

	background-image:url(../images/jedecouvre_ON.jpg);

	background-repeat:no-repeat;

	display:block;

	height:62px;

	width: 224px;

	text-align:right;

	font-size:0px;

	color:#fff;



}





/*****  CSS pour la fenetre d'identification jusqu'au 7 juin  *****/

#message_identifiant {

	display:none; position: absolute; z-index:10000000002;

	width : 180px; height : 76px;

	top : 166px; margin-left: -203px;

	text-align: left;

	background: #E57938;

	border: 2px dotted #fff;

	color: white;

	padding: 10px; 	

}



#message_identifiant a {

color: white;

font-weight:bold;

FONT-SIZE: 11px;

TEXT-DECORATION: none;

}



/*** hack pour ne pas afficher l'aide Bp sur la page identifiant ***/



#espaceClient a.help {

display:none;

}