html, body {
	width:100%;
	height:100%;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #c6d4dd;
	background-image: url(../images/interface/background.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
form {
	margin:0px;
	padding:0px;
}
label {
	cursor:pointer;
	}
td {
	vertical-align:top;
}
#accroche_bandeau {
	position:absolute;
	z-index:500;
	margin:45px 0px 0px 275px;
}
#accroche_bandeau h1 {
	font-size:13px;
	color:#000000;
	margin:0px;
	padding:0px;
	color:#505050;
	font-weight:bold;
}
#contenu {
	width:727px;
	min-height:486px;
	background-color:#ffffff;
	margin:0px;
	padding:0px 20px 0px 10px;
}
#contenu h1 {
	margin:0px 0px 12px 10px;
	padding:0px;
	font-size:25px;
}
#contenu p {
	margin:0px 0px 0px 10px;
	padding:0px;
	text-align:justify;
}
#contenu a:link, #contenu a:visited  {
	text-decoration:underline;
	color:#0263A6;
}
#contenu a:hover, #contenu a:active  {
	text-decoration:none;
	color:#FF9000;
}
#contenu ul {
	margin:5px 10px 5px 20px;
	padding:6px;
}
#contenu ul, li {
	text-align:justify;
}
#contenu ul li {
	line-height:14px;
	margin-bottom:4px;
	list-style:none;
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:12px;
}


/* ------------------------------------------------------------ CSS Generique */
#contenu.generique h1 {
	color:#0267AB;
}
#contenu.generique ul li {
	background-image:url(../images/interface/puce3.gif);
}
#contenu.generique th {
	background-color:#0267AB;
	color:#ffffff;
	font-size:14px;
	text-align:left;
	padding:2px 4px 2px 4px;
}
#contenu.generique td.colA {
	background-color:#D6E7F9;
	color:#000000;
	font-size:12px;
	text-align:right;
	padding:4px 4px 4px 10px;
	border-left:1px solid #0267AB;
	border-bottom:1px solid #0267AB;
	width:30%;
	white-space:nowrap;
}
#contenu.generique td.colB {
	background-color:#f7f7f7;
	color:#000000;
	font-size:12px;
	text-align:left;
	padding:4px 4px 4px 4px;
	border-right:1px solid #0267AB;
	border-bottom:1px solid #0267AB;
}
#contenu.generique td.colC {
	background-color:#D6E7F9;
	color:#000000;
	font-size:12px;
	text-align:center;
	padding:4px 4px 4px 4px;
	border-left:1px solid #0267AB;
	border-right:1px solid #0267AB;
	border-bottom:1px solid #0267AB;
}
/* ------------------------------------------------------------ CSS Energie */
#contenu.energie h1 {
	color:#ff9800;
}
#contenu.energie ul li {
	background-image:url(../images/interface/puce2.gif);
}
/* ------------------------------------------------------------ CSS Domotique */
#contenu.domotique h1 {
	color:#535353;
}
#contenu.domotique ul li {
	background-image:url(../images/interface/puce1.gif);
}
/* ------------------------------------------------------------ Menu Haut */
#menu_haut .bg_menu {
	background-image:url(../images/interface/bg_topMenu.jpg);
	background-repeat:repeat-x;
	text-align:right;
}

#menu_haut ul {
	float:right;
	z-index:500;
	list-style: none;
	line-height:1px;
	padding:0px;
	margin:0px 0px 0px 0px;
}

#menu_haut li {
	float:right;
	padding:0px;
	margin:0px;
	list-style:none;
}
#menu_haut li a:link, #menu_haut li a:visited {
	display:block;
	padding:0px;
	margin:0px;
	background-image:url(../images/interface/bg_topMenu_btn.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	padding:0px 20px 0px 20px;
	line-height:31px;
	color:#ffffff;
	text-decoration:none;
	border-top:none;
	border-right:1px solid #104e83;
	border-bottom:none;
	border-left:1px solid #aae2ff;
	outline:none;
}
#menu_haut li a:hover, #menu_haut li a:active {
	background-position:0px -31px;
}
#menu_haut li a.actif:link, #menu_haut li a.actif:visited, #menu_haut li a.actif:active, #menu_haut li a.actif:hover {
	background-position:0px -31px;
}
/* ------------------------------------------------------------ Menu Gauche */
#menu_gauche {
	background-color:#29629a;
	background-image:url(../images/interface/bg_bas_gauche.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#menu_gauche_contener {
	position:relative;
	z-index:1000;
}
#menu_gauche ul {
	list-style: none;
	padding:0px;
	margin:0px 0px 0px 0px;
}

#menu_gauche li {
	padding:0px;
	margin:0px;
	list-style:none;
}

/* ------------------------------------------------------------ Menu Gauche Orange */
#menu_gauche li.orange a:link, #menu_gauche li.orange a:visited {
	display:block;
	padding:0px;
	margin:0px;
	background-color:#F27D1D;
	background-image:url(../images/interface/menuLeft_orange.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	padding:32px 20px 0px 20px;
	height:70px;
	color:#ffffff;
	text-decoration:none;
	outline:none;
	vertical-align:middle;
	border-top:1px solid #fdefa2;
	border-bottom:1px solid #a42200;
	font-size:14px;
	text-transform:uppercase;
	line-height:18px;
}
#menu_gauche li.orange a:hover, #menu_gauche li.orange a:active {
	background-position:0px -121px;
	border-top:1px solid #a42200;
	border-bottom:1px solid #fdefa2;
}
/* ------------------------------------------------------------ Menu Gauche Orange Small*/
#menu_gauche li.orangeSmall a:link, #menu_gauche li.orangeSmall a:visited {
	display:block;
	padding:0px;
	margin:0px;
	background-color:#F27D1D;
	background-image:url(../images/interface/menuLeft_orangeSmall.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	padding:2px 5px 0px 8px;
	height:18px;
	color:#ffffff;
	text-decoration:none;
	outline:none;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #EF7E0F;
}
#menu_gauche li.orangeSmall a:hover, #menu_gauche li.orangeSmall a:active {
	background-position:0px -19px;
	border-bottom:1px solid #ffd8a7;
}
#menu_gauche li.orangeSmall a.actif:link, #menu_gauche li.orangeSmall a.actif:visited, #menu_gauche li.orangeSmall a.actif:hover, #menu_gauche li.orangeSmall a.actif:active {
	background-image:none;
	border-bottom:1px solid #ffa22f;
}

/* ------------------------------------------------------------ Menu Gauche Orange Big*/
#menu_gauche li.orangeBig a:link, #menu_gauche li.orangeBig a:visited {
	display:block;
	padding:0px;
	margin:0px;
	background-color:#F27D1D;
	background-image:url(../images/interface/menuLeft_orangeBig.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	padding:8px 20px 0px 10px;
	height:43px;
	color:#ffffff;
	text-decoration:none;
	outline:none;
	vertical-align:middle;
	border-top:1px solid #fdefa2;
	border-bottom:1px solid #EF7E0F;
	font-size:14px;
	text-transform:uppercase;
	line-height:18px;
}
#menu_gauche li.orangeBig a:hover, #menu_gauche li.orangeBig a:active {
	background-position:0px -58px;
	border-top:1px solid #a42200;
	border-bottom:1px solid #ffffff;
}
/* ------------------------------------------------------------ Menu Gauche Gris */
#menu_gauche li.gris a:link, #menu_gauche li.gris a:visited {
	display:block;
	padding:0px;
	margin:0px;
	background-color:#dedede;
	background-image:url(../images/interface/menuLeft_gris.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	padding:23px 20px 0px 20px;
	height:79px;
	color:#2d2d2d;
	text-decoration:none;
	outline:none;
	vertical-align:middle;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #656565;
	font-size:14px;
	text-transform:uppercase;
	line-height:18px;
}
#menu_gauche li.gris a:hover, #menu_gauche li.gris a:active {
	background-position:0px -121px;
	border-top:1px solid #494949;
	border-bottom:1px solid #ffffff;
}

/* ------------------------------------------------------------ Menu Gauche Gris Small*/
#menu_gauche li.grisSmall a:link, #menu_gauche li.grisSmall a:visited {
	display:block;
	padding:0px;
	margin:0px;
	background-color:#EDEDED;
	background-image:url(../images/interface/menuLeft_grisSmall.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	padding:2px 5px 0px 8px;
	height:18px;
	color:#515151;
	text-decoration:none;
	outline:none;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #656565;
}
#menu_gauche li.grisSmall a:hover, #menu_gauche li.grisSmall a:active {
	background-position:0px -19px;
	border-bottom:1px solid #ffffff;
}
#menu_gauche li.grisSmall a.actif:link, #menu_gauche li.grisSmall a.actif:visited, #menu_gauche li.grisSmall a.actif:hover, #menu_gauche li.grisSmall a.actif:active {
	background-image:none;
	border-bottom:1px solid #ffffff;
}

/* ------------------------------------------------------------ Menu Gauche Gris Big*/
#menu_gauche li.grisBig a:link, #menu_gauche li.grisBig a:visited {
	display:block;
	padding:0px;
	margin:0px;
	background-color:#dedede;
	background-image:url(../images/interface/menuLeft_grisBig.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	padding:6px 20px 0px 10px;
	height:65px;
	color:#515151;
	text-decoration:none;
	outline:none;
	vertical-align:middle;
	border-top:1px solid #a42200;
	border-bottom:1px solid #656565;
	font-size:14px;
	text-transform:uppercase;
	line-height:18px;
}
#menu_gauche li.grisBig a:hover, #menu_gauche li.grisBig a:active {
	background-position:0px -58px;
	border-top:1px solid #656565;
	border-bottom:1px solid #ffffff;
}
/* ------------------------------------------------------------ Menu accroche image */
#menu_gauche li.acc_image a:link, #menu_gauche li.acc_image a:visited, #menu_gauche li.acc_image a:active {
	display:block;
	padding:0px;
	margin:0px;
	background-color:#dedede;
	background-image:url(../images/interface/accroche_espace_pro.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	outline:none;
	border-top:1px solid #ADADAD;
	border-bottom:1px solid #656565;
}
#menu_gauche li.acc_image a:hover {
	background-image:url(../images/interface/accroche_espace_pro_hover.jpg);
	border-bottom:1px solid #ADADAD;
	border-top:1px solid #656565;
}
/* ------------------------------------------------------------ Menu accroche image small */
#menu_gauche li.acc_image_small a:link, #menu_gauche li.acc_image_small a:visited, #menu_gauche li.acc_image_small a:active {
	display:block;
	padding:0px;
	margin:0px;
	background-color:#dedede;
	background-image:url(../images/interface/accroche_espace_pro_small.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	outline:none;
	border-top:1px solid #ADADAD;
	border-bottom:1px solid #656565;
}
#menu_gauche li.acc_image_small a:hover {
	background-image:url(../images/interface/accroche_espace_pro_small_hover.jpg);
	border-bottom:1px solid #ADADAD;
	border-top:1px solid #656565;
}
/* ------------------------------------------------------------ Menu Gauche Coordonnées */
#coordonnees {
	position:absolute;
	z-index:500;
	bottom:75px;
	margin-left:15px;
	color:#ffffff;
	font-weight:bold;
}
#coordonnees a:link, #coordonnees a:visited, #coordonnees a:active {
	color:#ffffff;
	text-decoration:none;
}
#coordonnees a:hover {
	color:#ffffff;
	text-decoration:underline;
}
/* ------------------------------------------------------------ Accroche Accueil */
#accroche_accueil {
	position:absolute;
	bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	letter-spacing:3px;
	font-style:italic;
	text-transform:uppercase;
	width:757px;
	text-align:center;
}
#accroche2_accueil {
	position:absolute;
	padding:0px 20px 0px 20px;
	bottom:48px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#363636;
	width:717px;
	text-align:justify;
}
#accroche2_accueil a:link, #accroche2_accueil a:visited, #accroche2_accueil a:active, #accroche2_accueil a:hover {
	color:#363636;
	text-decoration:underline;
} 
.pied_page {
	padding:4px 4px 10px 4px;
	text-align:right;
	font-size:11px;
	color:#42637A;
}
.pied_page a:link, .pied_page a:visited, .pied_page a:active {
	color:#42637A;
	text-decoration:none;
}
.pied_page a:hover {
	text-decoration:underline;
}
#anim_bandeau_preDPE {
	position:absolute;
	margin-top:-15px;
	margin-left:-5px;
}
#DPE_intro h1 {
	text-align:center;
	font-size:20px;
	margin:15px 0px 0px 0px;
}
#DPE_intro #btn_action {
	float:right;
	width:300px;
	text-align:center;
	padding:10px 0px 0px 0px;
}
#DPE_intro #btn_action img.btn_action {
	margin:0px 0px 8px 0px;
}
#DPE_intro #notice_intro {
	color:#4A4A4A;
	margin:20px 0px 20px 5px;
	padding:10px;
	font-size:12px;
}
#DPE_intro #notice_intro ul {
	margin:0px 0px 0px 20px;
}
#DPE_intro #notice_intro ul li {
	background-image:url(../images/interface/puce4.gif);
}

#DPE_intro #note {
	position:absolute;
	margin-top:15px;
	margin-left:-5px;
	width:746px;
	height:159px;
	background-image:url(../images/dpe/a_noter_dpe.jpg);
	background-repeat:no-repeat;
}
#DPE_intro #note #texte {
	position:absolute;
	margin-top:38px;
	margin-left:321px;
	width:410px;
	height:110px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:13px;
	font-size:11px;
	color:#666;
}