body {
font-family: Verdana;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color:#93979C;
font-size: 70%;
}

/*Arnaud titre 1 FAQ*/
h1.faq{
color:#000000;
background-color:#BBDEED;
}
/*Arnaud pour tableau*/
.aligne_droite {
	text-align: right;
}
.aligne_gauche {
	text-align: left;
}
.centre {
	text-align: center;
}
.justifie {
	text-align: justify;
}



/*------ LIENS -------------------------------------------------------*/
a:link , a:visited {
	color:#2251A6;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
/*********************** banner*******************************/
#enteteImprimable {
display:none;}
#enTete {
	/*width:100%;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:left;
	background-color:#C0C1C3;
}
#top_recherche {
	/*width:100%;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:left;
	background-image:url(/images/fond_top.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#93979C;}

#moteurRecherche {
	margin:0 0 0 0;
	padding: 0 6px 0 0;
	float:right;
	font-weight:bold;
	color:#FFFFFF;
	font-size:95%;
}
#moteurRecherche a:link, #moteurRecherche a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#moteurRecherche a:hover, #moteurRecherche a:active{
	text-decoration:underline;
}

#moteurRecherche form {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;}
#banner {
	/*width:100%;
	clear:both;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:left;
	background-color:#90C4DB;}
#menuTop {
	
	margin: 0 0 0 0;
	font-size:110%;
	padding-bottom:1px;
	padding-top:2px;
	padding-left: 20%;
	text-align:left;
	background-image:url(/images/fond_lien_menu.gif);
	background-position:top;
	background-repeat:repeat-x;
	color:#000000;
}

#menuTop a:visited, #menuTop a:link , #menuTop a:active {
	color:#000000;
	text-decoration: none;
}
#menuTop a:hover {
	text-decoration: underline;
}

/**************colonne de gauche**************************************/
td.colG {
width: 20%;}
#colonneGauche {
	padding:0 0 0 0;
	margin: 0 0 0 0;
	/*font-size:110%;*/
}
#colonneGauche  div.titre {
background-color:#8295AB;
padding: 0px 3px 2px 3px;
height:55px;
}
#colonneGauche  div.titre div.themes  {
/*margin: 0 3px 5px 3px;*/
padding-bottom: 10px;
background-image:url(/images/fond_themes.gif);
background-repeat:repeat-x;
background-position:bottom;}
#colonneGauche  div.fin {
background-color:#8295AB;
padding: 10px 3px 2px 3px;
height:21px;}
#colonneGauche  div.fin div.trait {
background-image:url(/images/fond_trait.gif);
background-repeat:repeat-x;
background-position:bottom;}

/*---Pour le menu déroulant à gauche---------------------------------------------*/
img.square {
vertical-align: middle;
}

#colonneGauche #menuGauche{
/*background-color:#8295AB;*/}

/*#colonneGauche #menuGauche div.toplevel a{
text-decoration: none;
color: #FFFFFF;
background-image:url(/images/fond_lien_menu.gif);
background-position:top;
background-repeat:repeat-x;
display:block;
} 
*/
.toplevel {
 display: block;
 margin-bottom: 0;
 }


body #colonneGauche #menuGauche a.toplevel:link, body #colonneGauche #menuGauche a.toplevel:visited{
text-decoration: none;
color: #000000;
display:block;
background-image:url(/images/fond_lien_menu.gif);
background-position:top;
background-repeat:repeat-x;
 display: block;
 margin-bottom: 0;
}

body #colonneGauche #menuGauche a.toplevel:hover {
color: #000000;
text-decoration:underline;
}

/*______________sous-niveau_____________________________*/
#colonneGauche #menuGauche div.sublevel{
background-image:url(/images/ombre_menu_g.gif);
background-position:top;
background-repeat:repeat-x;
padding: 10px 2px 5px 0px;
background-color:#8295AB;
}
#colonneGauche #menuGauche div.sublevel li {
list-style-image:url(/images/puce_sousMenu.gif);
margin: 3px 2px 3px 0;
}
#colonneGauche #menuGauche div.sublevel ul {
margin: 1px 2px 5px 25px;
}
/* ----------sous mozilla ---------------*/
#colonneGauche>#menuGauche div.sublevel ul {
margin: 1px 2px 5px 15px;
padding: 0 0 0 0;
}

#colonneGauche #menuGauche div.sublevel a:link, #colonneGauche #menuGauche div.sublevel a:visited {
color: #FFFFFF;
text-decoration: none;

}
#colonneGauche #menuGauche div.sublevel a:hover {
text-decoration:underline;
}


/*------------------------------------------------------------------------*/
td.colD {
width:80%;
background-color:#FFFFFF;
}
td.colD p{
line-height:1.5em;
}
#centre {
	padding: 0px 3px 3px 3px;
	margin: 0 0 0 0;
	background-color:#FFFFFF;
	/*height:234px;*/
}
#nav {
font-size:85%;
margin: 0 0 10px 0;
display:block;
font-style:italic;
background-image:url(/images/fond_nav.gif);
background-position:left;
background-repeat:no-repeat;

}
#nav a:link, #nav a:visited, #nav a:hover{
color:#000000;}
#baspage {
font-size:90%;
clear:both;
text-align:right;
margin: 0 0 0 0;
color:#FFFFFF;
padding: 2px 5px 7px 5px;
background-image:url(/images/fond_bas_page.gif);
background-position:left;
background-repeat:no-repeat;
}
#mentions {
float:left;
color:#FFFFFF;}
#mentions a, #baspage a{
color:#FFFFFF;}
/* ----------------------- homepage / profils ------------------------*/

#newsletter em {
color:#EF7839;}
#actualites {
background-color:#C1E0EC;
padding: 0 5px 5px 5px;
margin: 5px 0 0 0;
clear:right;
font-size:90%;
text-align:justify;
}
#actualités #general {
margin:0 0 0 0;
}
#actualites #general h1 {
color:#C26B59;
padding: 5px 2px 0 0;
/*background-image:url(/images/fleche_titre_actu.gif);
background-position:left;
background-repeat:no-repeat;*/
font-size:130%;
}

.marge{
width:80%;
margin-left:20px;}
#profils {
}
table.profils {
width:100%;
margin: 0 0 0 0;
}
table.profils tbody {
padding: 0 0 0 0;
margin: 0 0 0 0;
}
td.particulier, td.professionnel, td.secteurpublic , td.secteurdelenergie {
padding:0 3px 2px 3px;
width:25%;
}
.particulier , .professionnel, .secteurpublic , .secteurdelenergie, .faqG {
/*padding:5px 5px 10px 5px;*/

}
.particulier  {
background-color:#FEFEF8;
}
.professionnel {
background-color:#FFF9E1;
}
.secteurpublic {
background-color:#FEF2D9;
}
.secteurdelenergie {
background-color:#FEF1E7;
}
.faqG {
background-color:#C1E0EC;}
.faqG h1 {
color:#C26B59;}
.particulier h2{
color:#CB8B00;
text-align:left;
padding: 10px 2px 10px 0px;
background-image:url(/images/picto_particulier1.gif);
background-position:top-left;
background-repeat:no-repeat;
text-align:left;
margin-top:2px;
}
.professionnel h2{
text-align:left;
color:#BF6D0C;
padding: 10px 2px 10px 0px;
background-image:url(/images/picto_pro1.gif);
background-position:top-left;
background-repeat:no-repeat;
margin-top:2px;
}
.secteurpublic h2{
text-align:left;
color:#C37739;
padding: 10px 2px 10px 0px;
background-image:url(/images/picto_secteur_public1.gif);
background-position:top-left;
background-repeat:no-repeat;
margin-top:2px;
}
.secteurdelenergie h2{
text-align:left;
color:#AF422F;
padding: 10px 2px 10px 0px;
background-image:url(/images/picto_secteur_energie1.gif);
background-position:top-left;
background-repeat:no-repeat;
margin-top:2px;
}

h1.particulier{
color:#CB8B00;
text-align:left;
padding: 10px 2px 10px 30px;
background-image:url(/images/picto_particulier.gif);
background-position:top-left;
background-repeat:no-repeat;
text-align:left;
margin-top:2px;
background-color:#FFFFFF;
}
h1.professionnel{
background-color:#FFFFFF;
text-align:left;
color:#BF6D0C;
padding: 10px 2px 10px 40px;
background-image:url(/images/picto_pro.gif);
background-position:top-left;
background-repeat:no-repeat;
margin-top:2px;
}
h1.secteurpublic{
background-color:#FFFFFF;
text-align:left;
color:#C37739;
padding: 10px 2px 10px 40px;
background-image:url(/images/picto_secteur_public.gif);
background-position:top-left;
background-repeat:no-repeat;
margin-top:2px;
}
h1.secteurdelenergie{
background-color:#FFFFFF;
text-align:left;
color:#AF422F;
padding: 10px 2px 10px 30px;
background-image:url(/images/picto_secteur_energie.gif);
background-position:top-left;
background-repeat:no-repeat;
margin-top:2px;
}

.particulier h3 , .particulier p, .professionnel h3,  .particulier p, .secteurpublic h3, .particulier p , .secteurdelenergie h3 {
padding:0 2px 0 2px;
margin: 2px 0 10px 0;
}

#actualite h3, #actualité p{
padding:0 2px 0 2px;
margin: 2px 0 10px 0;
}
#actualite h3 ,.particulier h3, .professionnel h3, .secteurpublic h3, .secteurdelenergie h3{
text-align:left;}
/* ********************* fiches contenus ************************ */

#arborescence{
float:right;
width:35%;
border-left: 1px dashed #EF7839;
border-right: 1px dashed #EF7839;
border-bottom: 1px dashed #EF7839;
margin-left:15px;
margin-bottom:15px;
}
#arborescence h2{
background-color:#EDAB89;
margin-top:0;
padding: 2px 1px 1px 3px;
color:#FFFFFF;

}

.contact {
	font-size: 110%;
	font-weight: bold;
 	color: #74A7C9;
}
#telecharger {
padding: 0 0 5px 0;
background-image:url(/images/fond_telecharger_base.jpg);
background-position:left;
background-repeat:repeat-y;
margin: 10px 2px 2px 5%;
width:55%;}
#telecharger  h2{
color:#5AADD1;
border-bottom: 1px solid #5AADD1;
padding:5px 5px 5px 10px;}
#telecharger  li{
list-style-image:url(/images/puce_telecharger_base.gif) }

.Encart {
border:1px dashed #C1E0EC;
background-color:#E5F1F6;
margin-left:10%;
margin-right:10%;
}
#signaletique {}
#organismes {
clear:both;
}
/* ----------------------------- profils ----------------------------------------*/

#ActuParticulier #telecharger, #ActuParticulier #liensInternes , #ActuParticulier #liensExterieur{
background-image:url(/images/fond_degrade_particulier.jpg);
background-position:left;
background-repeat:repeat-y;
}
#ActuProfessionnel #telecharger, #ActuProfessionnel #liensInternes , #ActuProfessionnel #liensExterieur {
background-image:url(/images/fond_degrade_pro.jpg);
background-position:left;
background-repeat:repeat-y;
}

#ActuPublic #telecharger, #ActuPublic #liensInternes, #ActuPublic #liensExterieur {
background-image:url(/images/fond_degrade_public.jpg);
background-position:left;
background-repeat:repeat-y;
}

#ActuEnergie #telecharger, #ActuEnergie #liensInternes, #ActuEnergie #liensExterieur {
background-image:url(/images/fond_degrade_energie.jpg);
background-position:left;
background-repeat:repeat-y;
}
/* ------------ h2 ---------------*/
#ActuParticulier #telecharger h2, #ActuParticulier #liensInternes h2, #ActuParticulier #liensExterieur h2{
color:#944308;
border-bottom: 1px solid #944308;
padding:5px 5px 5px 10px;}

#ActuProfessionnel #telecharger h2, #ActuProfessionnel #liensInternes h2, #ActuProfessionnel #liensExterieur h2{
color:#944308;
border-bottom: 1px solid #944308;
padding:5px 5px 5px 10px;}

#ActuPublic #telecharger h2, #ActuPublic #liensInternes h2, #ActuPublic #liensExterieur h2{
color:#944308;
border-bottom: 1px solid #944308;
padding:5px 5px 5px 10px;}

#ActuEnergie #telecharger h2, #ActuEnergie #liensInternes h2, #ActuEnergie #liensExterieur h2{
color:#944308;
border-bottom: 1px solid #944308;
padding:5px 5px 5px 10px;}
/* ------------ li ---------------*/
#ActuParticulier #telecharger li,#ActuProfessionnel #telecharger li, #ActuPublic #telecharger li, #ActuEnergie #telecharger li{
list-style-image:url(/images/puce_telecharger_profil.gif);
}

#ActuParticulier #liensInternes li, #ActuProfessionnel #liensInternes li,#ActuPublic #liensInternes li, #ActuEnergie #liensInternes li {
list-style-image:url(/images/puce_liens_internes_profil.gif)
}

 #ActuProfessionnel #liensExterieur li , #ActuPublic #liensExterieur li, #ActuEnergie #liensExterieur li, #ActuParticulier #liensExterieur li{
list-style-image:url(/images/puce_liens_externes_profil.gif);}

/*-------------------------------------------------------------*/
#liensInternes {
padding: 0 0 5px 0;
background-image:url(/images/fond_liens_internes_base.jpg);
background-position:left;
background-repeat:repeat-y;
margin: 10px 2px 2px 40%;
width:55%;}
#liensInternes h2{
color:#FFFFFF;
border-bottom: 1px solid #FFFFFF;
padding:5px 5px 5px 10px;}
#liensInternes li{
list-style-image:url(/images/puce_liens_internes_base.gif);
}
/*---------------------------------------------------------------*/

#liensExterieur {
padding: 0 0 5px 0;
background-image:url(/images/fond_liens_externes_base.jpg);
background-position:left;
background-repeat:repeat-y;
margin: 10px 2px 2px 5%;
width:55%;}
#liensExterieur h2{
color:#FFFFFF;
border-bottom: 1px solid #FFFFFF;
padding:5px 5px 5px 10px;}
#liensExterieur li {
list-style-image:url(/images/puce_liens_internes_base.gif)}
/***********************form contact***********************************/
#formulaire td {
font-weight:bold;
color: #74A7C9;}
/*********************** personne contact******************************/
div.organisme {
clear:both;
margin-left:15px;}
/*********************** glossaire ************************************/
#signification {
margin-left:35px;
border-left: 2px solid #EBE9E9;
padding-left: 10px;
font-style:italic;}
#index {
text-align:center;
display:inline;
padding: 5px 10px 4px 10px;
border:1px solid #FE9862;
line-height:2em;}
#index a:hover{
color: #FE9862;}
 a.ref_glossaire:link,  a.ref_glossaire:visited {
color:#7295AB;
text-decoration:none;
border-bottom:1px dashed #7295AB;
}
 a.ref_glossaire:hover {
border-bottom:1px solid #7295AB;
}
/*********************** sitemap **************************************/
#sitemap {
width:60%;
margin-left:20%;
border:1px solid #C4C5C7;}
#sitemap h1, #sitemap h2, #sitemap h3, #sitemap h4, #sitemap h5, #sitemap h6{
margin: 0 0 0 0 ;
padding: 2px 0 2px 0 ;}
#sitemap h2 {
background-color:#006699;
color:#FFFFFF;
padding:3px 3px 3px 2px;}
#sitemap h3 {
margin-top : 1px;
background-color:#90C4DB;}
#sitemap h5 {
font-style:normal;
	 }

/************************ tag html ********************************/
/******************************************************************/
p {

}
p.clearLeft {
clear:left;}
h1{
	color: #74869C;
	font-size: 125%;
	font-weight: bold;
}

h2{
	font-size: 110%;
	font-weight: bold;
 	color: #74A7C9;
	/*clear:both;*/
}

h3{
	font-size: 105%;
	font-weight: bold;
 	color: #000000;
}

h4{
 	font-size: 100% ;
	color: #000000;
	margin: 0px;
	padding: 0px;
 	text-decoration: underline;
	/*clear:both;*/
}

h5{
	font: 95%;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-style: italic;
	font-weight: normal;
	/*clear:both;*/
}
h6{
	font: 95%;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	/*clear:both;*/
}
STRONG {
	FONT-WEIGHT: bold
}
EM {
	FONT-STYLE: italic
}

/*************** list tag styles ***************/

ul{
 margin-top: 6px;
 line-height:1.5em;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}
ul li {
	list-style-image:url(/images/puce_fleche.gif);
	margin: 10px 5px 10px 0;
}
ol li {
	list-style-type:decimal;
	margin: 10px 5px 10px 0;
}
dl{
	}
dt {
	font-weight:bold;
	font-style:italic;
	}
dd{
	border-left:1px solid #CCCCCC;
	margin:3px 0 5px 20px;
	padding-left:5px;}
hr {
height:1px;
color:#CECFCF;
margin-top:10px;
margin-bottom:0px;}

/********* alignement  et tag généraux *********/

.aLaLigne {
	clear: left;
}
.aLaLigne2 {
	clear: right;
}
.aLaLigne3 {
	clear: both;
}
.aLaLigneNul {
	clear: both;
	display: none;
}
.retourALaLigne {
	clear: both;
	display: block;
	margin: 1em;
}
div.left {
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
div.right {
float:right;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
label{
 font-weight: bold;
 color: #334d55;

}	
input{
font-family: Verdana;

}
input.bouton{
background-color:#FCE29F;
color:#970284;
border: 0;
font-size:100%;
cursor:hand;
text-align:center;

}
img{
	border: 0;
}

img.left{
	/*float: left;*/
	margin-right:3px;
	text-align: left;
}
img.right{ 
	float: right;
	margin-left:3px;
}
img.imgLeft {
        clear:both;
        text-align: left;
        display : block;
        margin-bottom: 10px;
}
img.imgCenter {
        clear:both;
        text-align: center;
        display : block;
        margin-bottom: 10px;
}
img.imgRight {
        clear:both;
        text-align: right;
        display : block;
        margin-bottom: 10px;
}
img.imgAlignLeft {
        float:left;
        margin : 0 5px 5px 0
}
img.imgAlignRight {
        float:right;
        margin : 0 0 5px 5px
}

caption, .remarque {
	color: #777777;
	text-align: center;
}
/* legende sur image*/
div.imageLegLeft {
  float: left;
  padding: 10px;
  } 
div.imageLegLeft p {
   text-align: center;
   font-size:x-small;
   color: #666666;
	font-style: italic;
   }

.invisible{
	display:none
}

table.general {
	width:100%;
	margin-left:0;
	}
table.donnees {
width:auto;
margin-left:0;}
th {
background-color:#99A9BC;
color:#FFFFFF;
font-weight:bold;
padding-left:7px;

}
tr {
	vertical-align:top;}
td {
	/*border: 1px solid #C6EAF1;*/}
table.bordure {
	border:1px solid #99A9BC !important;}
td.bordure {
	border:1px solid #99A9BC !important;}
tr.bordure {
	border:1px solid #99A9BC !important;}