/******************* REDEFINITION BALISES HTML *******************/
* {margin:0; padding:0; border:0 none;}
html {font-size:100%}
body {min-height:100%;color:#8c8785; font:normal 11px Tahoma, Arial, Helvetica, sans-serif; background:url(fondFaq.jpg) no-repeat center top
}
u{text-decoration: none;}
ul {list-style-type:none}

a {color:#ca007a; text-decoration:none}
a:hover {color:#ca007a; text-decoration:underline;}

input, 
select, 
textarea {font-size:100%}

/******* CLASSES GENERIQUES *******/
.hors_champs {left:-10000px; position:absolute}
.hidden_header, 
.off {display:none}
.on {display:block;}
.floatLeft {float:left;}
.floatRight {float:right}
.efface{clear:both;}


/******* Styles miniword *******/

/* Normal */
.Normal { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #6C665E; text-decoration: none; }

/* TitrePage */
.TitrePage { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 15px; color: #86017b; text-decoration: none; font-weight: normal;line-height: 40px; }


/* TitreNoir */
.TitreNoir { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 20px; color: #000000; text-decoration: none; }

/* SousTitreNoir */
.SousTitreNoir { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: none; font-weight: bold; }

/******* ELEMENTS DE STRUCTURE *******/
#conteneur_principal {position:relative; margin:0 auto; width:968px;background: url("headerFond.png") top left no-repeat;}
#pageInterieure { margin:0 ;}

/*** Menu ***/
#conteneurMenu {height:238px; display:block; width:auto; padding-left:23px; color:#FFFFFF;
}

#conteneurMenu #logo {float:left; margin:27px 0 0 0; position:static; height:152px; width:280px;
	background-image:url(logo-gaz-de-france-dv.png)!important;
	background-image:none;
	background-repeat:no-repeat;
}

#conteneurMenu #logo a {display:block; height:152px; position:relative; width:280px}
#conteneurMenu #logo a:hover {border:0;}


/*** Contenu ***/
#middle {width:948px; position:relative; min-height:703px; height:auto !important; height:723px; padding:0 10px 0 10px;
background: url("siteOmbreGD.png") left 246px no-repeat;
}

#conteneurContenu {margin:20px 23px 0 23px}

.milieuMlarge {width: 856px; min-height:490px; height:auto !important; height:490px; padding:17px 20px 17px 30px;}
#pageInterieure #colonne_milieu #contenu {padding-bottom:30px}
#pageInterieure #colonne_milieu #contenu p {font:normal 1.1em Tahoma, Arial, Helvetica, sans-serif}

/*** Titres ***/
#pageInterieure #colonne_milieu h3 {color:#86017b; font:normal 20px Tahoma, Arial, Helvetica, sans-serif; padding:5px 0 11px 0;background: url("bg_titre_page.png") left bottom no-repeat;margin: 0 0 25px 0;}
#pageInterieure #colonne_milieu .faqNav a {color:#ca007a; font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif; padding:0 0 0 20px;
background: url("puceRetour.png") center left no-repeat;display: block;width: 35px;position: absolute;right:0px;top: 14px;}


/*** Sous titres ***/
#pageInterieure #colonne_milieu h4 {color:#00A49A; font:bold 1.6em Tahoma, Arial, Helvetica, sans-serif; margin-bottom:10px; padding-bottom:4px; padding-top:10px}

/*** Footer ***/
#footer {z-index:100;}
#footer {color:#FFF; margin-right:0px; bottom:0; position:relative;}
.footer_bas {width:978px; height:119px; margin:0 auto 33px; background:url(footerBas.png) no-repeat left bottom; position:relative;}


/*** 
contenu FAQ
***/
.pointille {border-bottom: 1px #3f3e3b dotted;}
.standard {font :normal 11px tahoma; margin: 15px 0 15px 0;}
.lienPuceOrange {color:#ca007a; font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif; padding:0 0 0 20px;
background: url("puceRetour.png") center left no-repeat;display: block;width: 35px;margin: 40px 0 20px 0;}
.lien_retour		{color:#ca007a; font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif; padding:0 0 0 20px;
background: url("puceRetour.png") center left no-repeat;display: block;width: 35px;margin: 40px 0 20px 0;height:16px;clear:both;}
.lienPuceOrange:hover {color:#ca007a; font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif; padding:0 0 0 20px;
background: url("puceRetour.png") center left no-repeat;display: block;width: 35px;margin: 40px 0 20px 0;}
.lien_retour:hover {color:#ca007a; font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif; padding:0 0 0 20px;
background: url("puceRetour.png") center left no-repeat;display: block;width: 35px;margin: 40px 0 20px 0;height:16px;clear:both;}
/* Liste */
/** liste themes**/
.lien2 {
	width: 277px;	
}
a.lien2,
a.lien2:link,
a.lien2:visited { width: 275px; height: 20px;line-height: 20px; background: url("puceDisqueGris.png") no-repeat center left; padding: 0 0 0 15px;
font-size: 12px;color:#89156a;}
a.lien2:hover { width: 271px; height: 20px;line-height: 20px; background: url("puceDisqueGris_on.png") 4px center no-repeat; padding: 0 0 0 19px;
font-size: 12px; color: #f39910; text-decoration: underline;}
.lien2 a,
.lien2 a:link,
.lien2 a:visited { width: 275px; height: 20px;line-height: 20px; background: url("puceDisqueGris.png") no-repeat center left; padding: 0 0 0 15px;
font-size: 12px;color:#89156a;}
.lien2 a:hover { width: 271px; height: 20px;line-height: 20px; background: url("puceDisqueGris_on.png") 4px center no-repeat; padding: 0 0 0 19px;
font-size: 12px; color: #f39910; text-decoration: underline;}


/* page reponse */

.questionDetail {
	font: normal 11px tahoma;
	color: #8c8785;
}	 

.questionDetail a,
.questionDetail a:link,
.questionDetail a:visited,
.questionDetail u font a,
.questionDetail u {
	font: normal 11px tahoma;
	color: #ca007a;
	text-decoration: none;
}
.questionDetail a:hover {
	text-decoration: underline;	
}

div.faqIntro .lienPuceOrange {color: #00a49a; line-height: 20px; height: 20px;background: url("puceflecheOrange.png") center left no-repeat; padding: 0 0 0 15px;}

div.faqIntro {font:normal 11px tahoma;}
div.faqIntro strong {height: 20px;}
div.faqIntro a {color: #00a49a; }
div.faqGauche div.faqIntro strong {line-height: 20px; height: 20px;}
div.faqGauche div.faqIntro a.fleche {color: #00a49a; line-height: 20px; height: 20px;background: url("pucefleche.png") center left no-repeat; padding: 0 0 0 15px;}

div.faqMain table {position: relative; float: left;}
div.faqMain { float: left;width: 545px;margin: 0 31px 0 0;}

div.faqGauche {float:left; width:545px;margin: 0 31px 35px 0;position: relative;	}
div.faqDroite {float: left;width:267px;}


/*** question ***/
#pageInterieure #colonne_milieu div.faqQuestion h3 {color: #ca007a; font:normal 18px tahoma; padding:26px 0 16px 17px;margin: 0 0 0 0;
background: url("bg_titre_faq_question.png") 1px 33px no-repeat;
}




/** cadres autres questions **/
div.autresQuestions { position:relative; float: left;margin: 0 0 40px 0;}

div.autresQuestions {
	background-image:url(fondAutresQuestionsH.png)!important;
	background-repeat:no-repeat;
	background-position: top left;
	width: 272px;
}

div.autresQuestionsContent { position:relative; width: 251px;padding:92px 7px 35px 9px; top:6px;}
div.autresQuestionsContent {
	background-image:url(fondAutresQuestionsB.png)!important;
	background-repeat:no-repeat;
	background-position: bottom left;
}
#pageInterieure #colonne_milieu div.autresQuestionsContent h4 {
	display: none;
}

#pageInterieure #colonne_milieu div.autresQuestions h4 {display: none;}
div.faqQuestion {margin: 0 0 15px 0;}
div.faqQuestion ul {color: #65635f;font: 11px tahoma;}
div.autresQuestions ul {color: #65635f;font: 11px tahoma;}
div.faqQuestion ul li {margin: 0 0 0 0; padding: 0 0 0 14px;}
div.autresQuestions ul li {margin: 10px 0 0 10px;}
div.faqQuestion ul li a,
div.faqQuestion ul li a:link,
div.faqQuestion ul li a:visited {width: 271px; height: 20px;line-height: 20px; background: url("puceDisqueGris.png") left center no-repeat; padding: 0 0 0 15px;
font-size: 12px; color: #89156a; text-decoration: none;}
div.faqQuestion ul li a:hover {width: 271px; height: 20px;line-height: 20px; background: url("puceDisqueGris_on.png") 4px center no-repeat; padding: 0 0 0 19px;
font-size: 12px; color: #f39910; text-decoration: none;}
div.autresQuestions ul li a,
div.autresQuestions ul li a:link,
div.autresQuestions ul li a:visited {color: #6f6966; text-decoration: none;background: url("puceMenuSecondaireN3.png") left 2px no-repeat; padding: 0 0 0 14px;}
div.autresQuestions ul li a:hover {color: #ca007a; text-decoration: none;background: url("puceMenuSecondaireN3_on.png") left 2px no-repeat; padding: 0 0 0 14px;}


/*** cadres autreThemes ***/

div.autresThemes { position:relative; float: left; margin: 0 0 50px 0;}

div.autresThemesContent { position:relative;padding:0;width: 545px;}

div.autresThemes ul {color: #6f6966;font: 11px tahoma;}
div.autresThemes ul li {background: url("puceDisqueGris.png") left center no-repeat; margin: 2px 0 0 0; padding: 0 0 0 14px;}
div.autresThemes ul li a,
div.autresThemes ul li a:link,
div.autresThemes ul li a:visited {color: #6f6966; text-decoration: normal; font: normal 11px tahoma;}
div.autresThemes ul li a:hover {color: #6f6966; text-decoration: underline; font: normal 11px tahoma;}
div.autresThemes ul li {width: 258px;float: left;}


#pageInterieure #colonne_milieu .autresThemes .autresThemesContent h4 { color: #00a49a; font: bold 11px/44px arial;padding: 0;
height: 44px;
background: url("titre_autres_themes.png") top left no-repeat;
}
#pageInterieure #colonne_milieu .autresThemes .autresThemesContent h4 div {
	display: none;
}


div#footer,
#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover {
	color: #b4b2b2;font: normal 11px tahoma; height:22px;text-align: right;
}
div#footer strong {
	color: #b4b2b2;font: bold 11px tahoma;
}


/* debut modele categorie reponse */

#pageInterieure #colonne_milieu #contenu .faqReponse {
	display: block;
	width: 460px;
	float: left;
	margin: 0 0 0 1px;
	font: normal 11px tahoma;
	padding: 10px 12px 0px 12px;
	min-height:28px;
	height:auto !important;
	height:28px;
}

.reponsedefaut,
.reponseenergie,
.reponsecegibat,
.reponsegrdf,
.reponseprovalys_pro,
.reponsecorporate,
.reponseprovalys_ent,
.reponsedolcevita,
.reponsesolfea {padding: 10px 0 11px 16px; margin:23px 0 31px 0; position: relative; border-style: solid;border-width: 1px}

.reponsedefaut {border-color: #0a7972}
.reponseenergie{border-color: #ab78aa}
.reponsecegibat{border-color: #6b92bd}
.reponsegrdf{border-color: #b6cf36}
.reponseprovalys_pro{border-color: #89156a}
.reponsecorporate{border-color: #0a7972}
.reponseprovalys_ent{border-color: #0098d1}
.reponsedolcevita{border-color: #f39911}
.reponsesolfea {border-color: #62336b}

.reponsedefaut .titre,
.reponseenergie .titre,
.reponsecegibat .titre,
.reponsegrdf .titre,
.reponseprovalys_pro .titre,
.reponsecorporate .titre,
.reponseprovalys_ent .titre,
.reponsedolcevita .titre,
.reponsesolfea .titre {
	height: 23px;
	width: 204px;
	display: block;
	position: absolute;
	font: normal 14px/23px Tahoma;
	color: #fff;
	top: -23px;
	left: -1px;
	padding: 0 0 0 17px;
	text-transform: uppercase;
}
.reponsegrdf .titre {
	color: #010101;	
}

.reponsedefaut .titre {background: url("bg_titre_corporate.png") left top no-repeat;}
.reponseenergie .titre {background: url("bg_titre_energie.png") left top no-repeat;}
.reponsecegibat .titre {background: url("bg_titre_cegibat.png") left top no-repeat;}
.reponsegrdf .titre {background: url("bg_titre_grdf.png") left top no-repeat;}
.reponseprovalys_pro .titre {background: url("bg_titre_provalys_pro.png") left top no-repeat;}
.reponsecorporate .titre {background: url("bg_titre_corporate.png") left top no-repeat;}
.reponseprovalys_ent .titre {background: url("bg_titre_provalys_ent.png") left top no-repeat;}
.reponsedolcevita .titre {background: url("bg_titre_dolcevita.png") left top no-repeat;}
.reponsesolfea .titre {background: url("bg_titre_solfea.png") left top no-repeat;}

.reponsedefaut a,
.reponseenergie a,
.reponsecegibat a,
.reponsegrdf a,
.reponseprovalys_pro a,
.reponsecorporate a,
.reponseprovalys_ent a,
.reponsesolfea a,
.reponsedolcevita a { text-align: center; margin-top: 20px;	
font: normal 10px arial;color: #FFFFFF; height: 11px;}

.reponsedefaut p.lien{color: #0a7972;background: url("bg_lien_corporate.png") left 9px no-repeat;}
.reponseenergie p.lien {color: #ab78aa;background: url("bg_lien_energie.png") left 9px no-repeat;}
.reponsecegibat p.lien {color: #6b92bd;background: url("bg_lien_cegibat.png") left 9px no-repeat;}
.reponsegrdf p.lien {color: #b6cf36;background: url("bg_lien_grdf.png") left 9px no-repeat;}
.reponseprovalys_pro p.lien {color: #89156a;background: url("bg_lien_provalys_pro.png") left 9px no-repeat;}
.reponsecorporate p.lien {color: #0a7972;background: url("bg_lien_corporate.png") left 9px no-repeat;}
.reponseprovalys_ent p.lien {color: #0098d1;background: url("bg_lien_provalys_ent.png") left 9px no-repeat;}
.reponsedolcevita p.lien {color: #f39911;background: url("bg_lien_dolcevita.png") left 9px no-repeat;}
.reponsesolfea p.lien {color: #62336b;background: url("bg_lien_solfea.png") left 9px no-repeat;}

.reponsedefaut p.lien a{color: #0a7972;}
.reponseenergie p.lien a{color: #ab78aa;}
.reponsecegibat p.lien a{color: #6b92bd;;}
.reponsegrdf p.lien a{color: #b6cf36;}
.reponseprovalys_pro p.lien a{color: #89156a;}
.reponsecorporate p.lien a{color: #0a7972;}
.reponseprovalys_ent p.lien a{color: #0098d1;}
.reponsedolcevita p.lien a{color: #f39911;}
.reponsesolfea p.lien a {color: #62336b;}

.reponsedefaut p.lien a,
.reponseenergie p.lien a,
.reponsecegibat p.lien a,
.reponsegrdf p.lien a,
.reponseprovalys_pro p.lien a,
.reponsecorporate p.lien a,
.reponseprovalys_ent p.lien a,
.reponsesolfea p.lien a,
.reponsedolcevita p.lien a {
	text-align: left;
	margin-top: 0;
	font: bold 12px Tahoma;
	padding: 0 0 0 0;
}

.reponsedefaut p.lien,
.reponseenergie p.lien,
.reponsecegibat p.lien,
.reponsegrdf p.lien,
.reponseprovalys_pro p.lien,
.reponsecorporate p.lien,
.reponseprovalys_ent p.lien,
.reponsesolfea p.lien,
.reponsedolcevita p.lien {
	position: relative;
	margin: 0;
	font: normal 11px arial; 
	height: 11px;
	padding: 6px 0 0 17px;
	text-align: left;
}

/* fin modele categorie reponse */

.faqTitreQuestion {
	font: normal 16px tahoma;
	height: 30px;
	line-height: 30px;
	color: #00a49a;
	border-bottom: 1px #3f3e3b dotted;
}

/* liens utiles */
div.liens_utiles,
div.liens_utiles a,
div.liens_utiles a:hover,
div.liens_utiles a:visited {
	text-align : center;
	color: #615F5C;
}

div.liens_utiles{
	margin-bottom: 7px;
}
/* menu groupe */
#menu_groupe {
background-position:center top;
background-repeat:no-repeat;
font-size:10px;
padding-bottom:0px;
padding-top:4px;
width:948px;
text-align: center;
position: relative;
}
#menu_groupe #accueil_gdf {
margin-left:139px;
}
#menu_groupe #accueil_gdf, #menu_groupe #pro, #menu_groupe #entreprises, #menu_groupe #collectivite, #menu_groupe #grands_comptes, #menu_groupe #pro_batiment, #menu_groupe #gdfsuez {
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:#6F6966;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:solid;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:1px;
padding-left:6px;
padding-right:10px;
background: url("picto_separator_footer_link.png") right center no-repeat;
display: block;
float: left;
height: 13px;
line-height: 13px;
}
#menu_groupe #sites_groupe {
padding-left:6px;
padding-right:10px;
background: none;
display: block;
float: left;
height: 13px;
line-height: 13px;
}
#menu_groupe #accueil_gdf a {
color:#289E6E;
font-size:12px;
}
#menu_groupe #pro a {
color:#942C66;
font-size:12px;
}
#menu_groupe #entreprises a {
color:#041E88;
font-size:12px;
}
#menu_groupe #collectivite a {
color:#D186BC;
font-size:12px;
}
#menu_groupe #grands_comptes a {
color:#031669;
font-size:12px;
}
#menu_groupe #pro_batiment a {
color:#838EBB;
font-size:12px;
}
#menu_groupe #gdfsuez a {
color:#009088;
font-size:12px;
}
#menu_groupe #sites_groupe a {
color:#6F6966;
font-size:12px;
}
.link_bas {
	clear:both;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:72px;
	text-align:center;
	width:260px;
}