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

a {color:#00A49A; text-decoration:none}
a:hover {color:#00A49A; 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;}


/******* ELEMENTS DE STRUCTURE *******/
#conteneur_principal {position:relative; margin:0 auto; width:978px;}
#pageInterieure { margin:0 ;}

/*** Menu ***/
#conteneurMenu {height:73px; display:block; width:auto; padding-left:23px; color:#FFFFFF;
	background-image:url(headerFond.png)!important;
	background-image:no-image;
	background-repeat:repeat;
}

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

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


/*** Contenu ***/
#middle {width:952px; position:relative; min-height:703px; height:auto !important; height:723px; padding:0 13px 0 12px;
	background-image:url(siteOmbreGD.png)!important;
	background-repeat:repeat-y;
}

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

.milieuMlarge {width: 866px; min-height:490px; height:auto !important; height:490px; background:url(pageFondContenu.png) repeat-x; padding:17px 20px;}
#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:#000; font:normal 1.8em Tahoma, Arial, Helvetica, sans-serif; padding:5px 0 20px 0}
#pageInterieure #colonne_milieu .faqNav a {color:#f6a100; font:normal 11px Tahoma, Arial, Helvetica, sans-serif; padding:10px 0 10px 13px;
background: url("puceFlecheJauneFaq.png") center left no-repeat;display: block;width: 90px;}


/*** 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:15px; bottom:0; position:relative;}
.footer_bas {width:978px; height:42px; margin:0 auto; background:url(footerBas.png) no-repeat center bottom; position:relative;}


/*** 
contenu FAQ
***/
.pointille {border-bottom: 1px #3f3e3b dotted;}
.standard {font :normal 11px tahoma; }
.lienPuceOrange {color:#f6a100; font:bold 11px Tahoma, Arial, Helvetica, sans-serif; padding:10px 0 10px 13px;
background: url("puceFlecheJauneFaq.png") center left no-repeat;display: block;width: 90px; text-transform: capitalize;}
/* Liste */
/** liste themes**/
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 13px;
font-size: 11px;}
a.lien2:hover { width: 275px; height: 20px;line-height: 20px; background: url("puceDisqueGris.png") no-repeat center left; padding: 0 0 0 13px;
font-size: 11px; color: #00A49A; 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 13px;
font-size: 11px;}
.lien2 a:hover { width: 275px; height: 20px;line-height: 20px; background: url("puceDisqueGris.png") no-repeat center left; padding: 0 0 0 13px;
font-size: 11px; color: #00A49A; text-decoration: underline;}


/* page reponse */

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

.questionDetail a,
.questionDetail a:link,
.questionDetail a:visited,
.questionDetail u font a,
.questionDetail u {
	font: normal 11px tahoma;
	color: #00a49a;
	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;}

div.faqGauche {float:left; width:584px;margin: 0 15px 0 0;	}
div.faqDroite {float: left;width:267px;}


/*** question ***/
div.faqQuestion {color: #00a49a; font:bold 16px tahoma; padding:6px 0 16px 0;border-bottom: 1px #3f3e3b dotted;
border-top: 1px #3f3e3b dotted; margin: 12px 0 0 0}




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

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

div.autresQuestionsContent { position:relative; width: 252px;padding:8px 8px 20px 7px; top:6px;}
div.autresQuestionsContent {
	background-image:url(fondAutresQuestionsB.png)!important;
	background-repeat:no-repeat;
	background-position: bottom left;
}

#pageInterieure #colonne_milieu div.autresQuestions h4,
#pageInterieure #colonne_milieu faqQuestion { border-top: 1px #3f3e3b dotted;border-bottom:1px #3f3e3b dotted; font:bold 11px arial;display: block;color: #f6a100; text-transform: uppercase;
height: 23px; margin: 10px 0 10px 0; padding:0 0 0 8px;; line-height: 20px;}
div.faqQuestion ul {color: #65635f;font: 11px tahoma;}
div.autresQuestions ul {color: #65635f;font: 11px tahoma;}
div.faqQuestion ul li {background: url("puceDisqueGris.png") center left no-repeat; margin: 10px 0 0 10px; padding: 0 0 0 14px;}
div.autresQuestions ul li {background: url("puceMenuSecondaireN3.png") top left no-repeat; margin: 10px 0 0 10px; padding: 0 0 0 14px;}
div.faqQuestion ul li a,
div.faqQuestion ul li a:link,
div.faqQuestion ul li a:visited {color: #65635f; text-decoration: none;}
div.autresQuestions ul li a,
div.autresQuestions ul li a:link,
div.autresQuestions ul li a:visited {color: #65635f; text-decoration: none;}
div.faqQuestion ul li a:hover {color: #00a49a; text-decoration: underline;}
div.autresQuestions ul li a:hover {color: #f6a100; text-decoration: underline;}


/*** cadres autreThemes ***/

div.autresThemes { position:relative; float: left;}

div.autresThemes {
	background-image:url(fondAutresThemesH.png)!important;
	background-repeat:no-repeat;
	background-position: top left;
	margin: 14px 0 0 0;
}

div.autresThemesContent { position:relative; width: 214px;padding:8px 4px 20px 4px; }
div.autresThemesContent {
	background-image:url(fondAutresThemesB.png)!important;
	background-repeat:no-repeat;
	background-position: bottom left;
	top:7px;
}

div.autresThemes ul {color: #65635f;font: 11px tahoma;}
div.autresThemes ul li {background: url("puceMenuSecondaireN3.png") top left no-repeat; margin: 10px 0 0 10px; padding: 0 0 0 14px;}
div.autresThemes ul li a,
div.autresThemes ul li a:link,
div.autresThemes ul li a:visited {color: #65635f; text-decoration: normal; font: normal 11px tahoma;}
div.autresThemes ul li a:hover {color: #00a49a; text-decoration: underline; font: normal 11px tahoma;}


#pageInterieure #colonne_milieu .autresThemes .autresThemesContent h4 { color: #00a49a; font: bold 11px arial;padding: 0 0 0 9px;
height: 23px;line-height: 23px;border-top: 1px #3f3e3b dotted;border-bottom:1px #3f3e3b dotted;	
}

div#footer,
#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover {
	color: #615f5c;font: normal 11px tahoma; height:40px;text-align: right;
}
div#footer strong {
	color: #03a59b;font: normal 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 {background: url("fonddefautB.gif") bottom left no-repeat;
padding: 0px 0 7px 0; position: relative;}
.reponseenergie {background: url("fondenergieB.gif") bottom left no-repeat;
padding: 0px 0 7px 0; position: relative;}
.reponsecegibat {background: url("fondcegibatB.gif") bottom left no-repeat;
padding: 0px 0 7px 0; position: relative;}
.reponsegrdf {background: url("fondgrdfB.gif") bottom left no-repeat;
padding: 0px 0 7px 0; position: relative;}
.reponseprovalys_pro {background: url("fondprovalys_proB.gif") bottom left no-repeat;
padding: 0px 0 7px 0; position: relative;}
.reponsecorporate {background: url("fondcorporateB.gif") bottom left no-repeat;
padding: 0px 0 7px 0; position: relative;}
.reponseprovalys_ent {background: url("fondprovalys_entB.gif") bottom left no-repeat;
padding: 0px 0 7px 0; position: relative;}
.reponsedolcevita {background: url("fonddolcevitaB.gif") bottom left no-repeat;
padding: 0px 0 7px 0; position: relative;}
.reponsesolfea {background: url("fondsolfeaB.gif") bottom left no-repeat;
padding: 0px 0 7px 0; position: relative;}



.reponsedefaut .bs {background: url("fonddefaut.gif") top left no-repeat;
padding: 0 0 13px 0;}
.reponseenergie .bs {background: url("fondenergie.gif") top left no-repeat;
padding: 0 0 13px 0;}
.reponsecegibat .bs {background: url("fondcegibat.gif") top left no-repeat;
padding: 0 0 13px 0;}
.reponsegrdf .bs {background: url("fondgrdf.gif") top left no-repeat;
padding: 0 0 13px 0;}
.reponseprovalys_pro .bs {background: url("fondprovalys_pro.gif") top left no-repeat;
padding: 0 0 13px 0;}
.reponsecorporate .bs {background: url("fondcorporate.gif") top left no-repeat;
padding: 0 0 13px 0;}
.reponseprovalys_ent .bs {background: url("fondprovalys_ent.gif") top left no-repeat;
padding: 0 0 13px 0;}
.reponsedolcevita .bs {background: url("fonddolcevita.gif") top left no-repeat;
padding: 0 0 13px 0;}
.reponsesolfea .bs {background: url("fondsolfea.gif") top left no-repeat;
padding: 0 0 13px 0;}

.reponsedefaut p,
.reponseenergie p,
.reponsecegibat p,
.reponsegrdf p,
.reponseprovalys_pro p,
.reponsecorporate p,
.reponseprovalys_ent p,
.reponsesolfea p,
.reponsedolcevita p {padding: 12px 0 0 13px; margin: 0 100px 0 0;}

.reponsedefaut a,
.reponseenergie a,
.reponsecegibat a,
.reponsegrdf a,
.reponseprovalys_pro a,
.reponsecorporate a,
.reponseprovalys_ent a,
.reponsesolfea a,
.reponsedolcevita a {position: relative; right: 22px; top: 20px;margin: 0;	
font: normal 11px arial;color: #FFFFFF; height: 11px; float:right;}


/* fin modele categorie reponse */




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