/*	
	Feuille de style FOREM pages questions/reponses
	Cette CSS contient les styles spécifiques aux pages questions/reponses (faq), sitemap, demarches et publications
*/
#sitemap .listeSiteMap {
	margin:1.2em 0.4em 0em 0.4em;
	padding-left:0.8em;
}
#sitemap .listeSiteMap ul {
	list-style:none;
}
#sitemap h2{
	border-bottom:1px solid #99abb0;
	margin:0 20px;
}
#sitemap .listeSiteMap ul li {
	background-repeat:no-repeat;
	background-position:0% 3%;
	padding-left:15px;
}

#sitemap .listeSiteMap li ul {
	padding-bottom:20px;
	padding-left:20px;
}
#sitemap .listeSiteMap li ul li {
	background-repeat:no-repeat;
	background-position:0% 55%;
	padding-left:10px;
}
#sitemap #listeSiteMapParticuliers  ul li {
	background-image:url(../images/puces/grande_puce_verte.gif);
}
#sitemap #listeSiteMapParticuliers li ul li {
	background-image:url(../images/puces/puce_particuliers.gif);
}
#sitemap #listeSiteMapEntreprises  ul li {
	background-image:url(../images/puces/grande_puce_marine.gif);
}
#sitemap #listeSiteMapEntreprises li ul li {
	background-image:url(../images/puces/puce_entreprises.gif);
}
#sitemap #listeSiteMapPartenaires  ul li {
	background-image:url(../images/puces/grande_puce_turquoise.gif);
}
#sitemap #listeSiteMapPartenaires li ul li {
	background-image:url(../images/puces/puce_partenaires.gif);
}
#sitemap #listeSiteMapDirect ul li {
	background-image:url(../images/puces/grande_puce_bordeau.gif);
}
#sitemap #listeSiteMapDirect li ul li {
	background-image:url(../images/puces/puce_direct.gif);
}
#sitemap #listeSiteMapPlateformes ul li {
	background-image:url(../images/puces/grande_puce_orange.gif);
}
#sitemap #listeSiteMapPlateformes li ul li {
	background-image:url(../images/puces/puce_plateformes.gif);
}
#sitemap #listeSiteMapAutres ul li {
	background-image:url(../images/puces/grande_puce_azure.gif);
}
#sitemap #listeSiteMapAutres li ul li {
	background-image:url(../images/puces/puce_autres.gif);
}
#sitemap #blocSiteMapPlatformes{
	background-image:url(../images/fonds/bloc_faq_plateformes_ar.png);
	background-repeat: repeat-x;
	background-color: #82b127;
	border: #e8c28b 0.15em solid;
}
#sitemap #blocSiteMapAutres{
	background-image:url(../images/fonds/bloc_faq_autres_ar.png);
	background-repeat: repeat-x;
	background-color: #82b127;
	border: #8cd5e8 0.15em solid;
}
#sitemap #mieDePain, #sitemap #mieDePain a, #extra #mieDePain, #extra #mieDePain a{
	background-color:#ebecee;
	color:#136d86;
}
.blocFaqIntro{
	margin:1.2em 1.4em 0em 1.4em;
	font-size: 1.2em;
}
h3.blocFaq{
	margin-top: 1.2em;
	margin-right: 0.4em;
	margin-bottom: 0em;
	margin-left: 0.4em; 
	height: 1.8em;
	color: #ffffff;
	line-height: 1.5em;
	padding-left: 0.8em;
	font-size: 1.5em;
	font-weight:100;
	text-decoration: underline;
}
/*----- styles spécifiques aux titres des menus en accordéons ------*/
#blocFaqParticuliers{
	background-image: url(../images/fonds/bloc_faq_particuliers_ar.png);
	background-repeat: repeat-x;
	background-color: #82b127;
	border: #bfd779 0.15em solid;
}
#blocFaqEntreprises{
	background-image: url(../images/fonds/bloc_faq_entreprises_ar.png);
	background-repeat: repeat-x;
	background-color: #095577;
	border: #4692b9 0.15em solid;
}
#blocFaqPartenaires{
	background-image: url(../images/fonds/bloc_faq_partenaires_ar.png);
	background-repeat: repeat-x;
	background-color: #0a8c9c;
	border: #97e4eb 0.15em solid;
}
#blocFaqDirect{
	background-image: url(../images/fonds/bloc_faq_direct_ar.png);
	background-repeat: repeat-x;
	background-color: #89153a;
	border: #d1597f 0.15em solid;
}
#extra #Particuliers li {
	background-image: url(../images/puces/grande_puce_verte.gif);
}
#extra #Entreprises li{
	background-image: url(../images/puces/grande_puce_marine.gif);
}
#extra #Partenaires li{
	background-image: url(../images/puces/grande_puce_turquoise.gif);
}
#extra #Direct li{
	background-image: url(../images/puces/grande_puce_bordeau.gif);
}

#extra ul.faq {
	padding-top:1em;
	padding-bottom:0.6em;
	padding-left:0.5em;
}
#colonneDroite div ul{
	padding:0 10px 0 15px;
	list-style-image:url(../images/puces/puce_bleue.gif);
}
/*-------------- styles spécifiques à la faq --------------------*/
#extra .pictoPdf{
	padding-right:2em;
	background-image: url(../images/boutons/picto_pdf.gif);
	background-repeat:no-repeat;
	background-position:right;
}
#extra .pictoDoc{
	padding-right:2em;
	background-image: url(../images/boutons/picto_doc.gif);
	background-repeat:no-repeat;
	background-position:right;
}
#extra .pictoXls{
	padding-right:2em;
	background-image: url(../images/boutons/picto_xls.gif);
	background-repeat:no-repeat;
	background-position:right;
}
#extra .pictoExt{
	padding-right:2em;
	background-image: url(../images/boutons/picto_ext.gif);
	background-repeat:no-repeat;
	background-position:right;
}
/*----- styles spécifiques aux listes des menus en accordéon ------*/
#extra #blocCentre .AccordionPanel li {
	padding:0.2em;
	margin-top:0.1em;
	margin-bottom:0.1em;
	margin-left:-1em;
	font-weight:bold;
	list-style-type:none;
	background-repeat:no-repeat;
	background-position:0% 40%;
}
/*----- styles spécifiques aux hyperliens des listes des menus en accordéon ------*/
#extra #blocCentre .AccordionPanel li a{
	margin-left:1.2em;
}
/*-------------- styles spécifiques à la faq --------------------*/
#extra #colonneMilieu{
	margin-left:0;
	width:52.6em;
	padding-right:10px;
}
#extra #colonneMilieuLarge{
	margin-left:0;
	width:72em;
	padding-right:10px;
}
#extra #blocContenu{
	width:75em;
}
#marges{
	padding:0 5px 0 20px;
}
#extra h2{
	width:35em;
	margin-bottom:0.2em;
	border-bottom:1px solid #99abb0;
}
#extra h2.large{
	width:47em;
}
#extra #blocCentre h3, #sitemap #blocCentre h3{
	padding:10px 20px;
}
#extra #espacePerso h3, #sitemap #espacePerso h3{
	padding:0px;
}
/*-------------- styles spécifiques au questions/réponses des pages réponses --------------------*/
#extra h3#question{
	padding:10px 0px;
	font-size: 1.2em;
	font-weight:bold;
}
#extra p#reponse{
	padding:10px 0px;
	font-size: 1.2em;
}

