/* ---------- general ----------*/
* {
	margin:0;
	padding:0;
} 

body {
	font:normal 87.5% Verdana, Helvetica, sans-serif;
	background:#c9c9c9 /*url(background_gris.png) repeat-x*/;
	margin:20px 0 30px 0;
}

em {
	font-style:normal;
	font-weight:bold;
}

a {
	color:black;
	outline:none;
}

img {
	border:none;
}

#main ul {
	margin-bottom:1em;
}


#main li {
	list-style-position:inside;
}

p {
	margin-bottom:1em;
}

/* ---------- titres ----------*/
h1 {
	position:absolute;
	left:51px;
	top:16px;
}

h1 a {
	display:block;
	width:87px;
	height:37px;
	background:url(titre.png) no-repeat;
	text-indent:-9999px;	
}


h2 {
	position:absolute;
	top:-72px;
	font:normal 250% "Trebuchet MS", Helvetica, sans-serif;
	font-size:286%;
	font-weight:normal;
	color:white;
}

h3 {
	font-size:190%;
	font-weight:normal;
}

h4{
	font-size:100%;
	font-weight:bold;
}

h5 {
	font-size:120%;
	font-weight:normal;
	border-bottom:1px solid #333;
}

h2, h3, h4, h5 {
	/*margin-top:1em;*/
	margin-bottom:0.5em;
}

/* ---------- structure ----------*/
#entete {
	width:950px;
	height:118px;
	background: url(background_entete.png) no-repeat;
}

#pied {
	position:relative;
	height:15px;
	background: url(background_pied.png) no-repeat;
}

#page_accueil #pied {
	background:transparent;
}

#wrap {
	position:relative;
	width: 950px;
	margin:0 auto;
	background: url(background_main.png) repeat-y;
}

#main {
	position:relative;
	margin:20px 0 10px 230px;
	width:690px;
	min-height:402px;
}

#page_accueil #wrap {
	background: url(background_accueil.jpg) no-repeat 0 10px;
}

/* ---------- menus ----------*/
#menu_principal li {
	float:left;
	list-style-type:none;
	padding-right:16px;
}

#menu_principal{
	padding:5px 0 0 232px;
}

#menu_principal a{
	display:block;
	text-indent:-9999px;
	height: 44px;
	outline:none;
	text-decoration:none;
	position:relative;
}

#menu_principal a:hover {
	background-position: 0 -50px;
}

#page_accueil #menu_principal_accueil a, #page_solaire #menu_principal_chauffage a, #page_bois #menu_principal_chauffage a, #page_fioul #menu_principal_chauffage a, #page_pac #menu_principal_chauffage a, #page_sanitaire #menu_principal_sanitaire a, #page_industrie #menu_principal_industrie a, #page_informations #menu_principal_informations a, #page_contact #menu_principal_contact a, #page_contact_confirmation #menu_principal_contact a {
	background-position: 0 -95px;
	top:-5px;
	padding-top:5px;
}

#menu_principal_accueil a{
	background: url(menu_accueil.png) no-repeat;
	width:77px;
}

#menu_principal_chauffage a{
	background: url(menu_chauffage.png) no-repeat;
	width:110px;
}

#menu_principal_sanitaire a{
	background: url(menu_sanitaire.png) no-repeat;
	width: 98px;
}

#menu_principal_industrie a{
	background: url(menu_industrie.png) no-repeat;
	width: 101px;
}

#menu_principal_informations a{
	background: url(menu_informations.png) no-repeat;
	width: 133px;
}

#menu_principal_contact a{
	background: url(menu_contact.png) no-repeat;
	width: 95px;
}

.menu_secondaire{
	font-size:110%;
	position:absolute;
	left:230px;
	top:-67px;	
	margin-bottom:20px;
	padding-top:10px;
}

.menu_secondaire li {
	display:inline;
	margin-right:10px;
	padding-right:14px;
	border-right:1px solid white;
	padding-bottom:2px;
}

#wrap .menu_secondaire_fioul {
	border-right:none;
}

.menu_secondaire a{
	color:white;
	/*background:url(puce_chauffage_inactive.png) no-repeat 0 1px;
	padding-left:20px;*/
	text-decoration:none;
}

.menu_secondaire a:hover {
	/*background:url(puce_chauffage.png) no-repeat 0 1px;*/
	text-decoration:underline;
}

#page_solaire .menu_secondaire_solaire a, #page_bois .menu_secondaire_bois a, #page_fioul .menu_secondaire_fioul a, #page_pac .menu_secondaire_pac a {
	/*background:url(puce_chauffage.png) no-repeat 0 1px;*/
	text-decoration:underline;
}
/* ---------- photos ----------*/
#photo_poele_a_bois {
	float:right;
	padding-left:0px;
}

#photo_panneau_solaire {
	margin-top:20px;
	padding-left:20px;
	float:right;
}

#photo_chaudiere_fioul {
	float:right;
	padding-left:20px;
}

#photo_pompe_a_chaleur {
	float:right;
	padding-left:20px;
}

#photo_robinet_v_boch {
	float:right;
	padding-left:20px;
	padding-right:10px;
}

#photo_plancher_chauffant_2 {
	margin-left:20px;
}

#photo_chauffage_sanitaire_industrie_apres {
	margin-left:20px;
}

#photo_solaire_2 {
	margin-left:20px;
}

#photo_thermomat {
	margin-left:20px;
}

/* ---------- divers ----------*/
.postit {
padding-left:200px;
}

#page_informations li {
	list-style-type:none;
	list-style-position:outside;
}

.informations_titre {
	font-weight:bold;
	margin:0;
}
.informations_date {
	color:#666;
	margin:0 0 5px 0;;
}
.informations_texte {
	border:#666 solid 1px;
	padding:5px;
	width:90%;
	margin-bottom:1em;
}

#clicstory {
	font-size:85%;
	color:#333;
	position:absolute;
	top:20px;
	left:10px;
}

#clicstory a {
	color:#333;
	text-decoration:underline;
}

.li2 {
	padding-left:1em;
}

#confidentialite {
	margin-top:-0.5em;
	font-style:italic;
	font-size:85%;
	color:#666;
}

#validation_errors p {
	font-size:85%;
	margin:0;
	color:#333;	
}

#page_contact #validation_errors {
	position:absolute;
	right:30px;
	top:60px;
	border:1px solid red;
	padding:0.5em;
}

#page_admin_informations #validation_errors {
	position:absolute;
	right:50px;
	top:20px;
	border:1px solid red;
	padding:0.5em;
}

#page_admin_informations li {
	list-style-type:none;
}

#login input {
	display:block;
	margin-top:0.5em;
}

#login p, #page_admin_informations #login p {
	margin-bottom:0;
}

#page_admin_login #login input {
	display:block;
	margin-top:0em;
	margin-bottom:0.5em;
}

hr {
	margin:1em 0;
}

#login {
	position:absolute;
	left:40px;
	top:130px;
	z-index:10;
}

#postit {
	position:absolute;
	top:145px;
	left:30px;
}

#page_contact p, #page_admin_informations p {
	margin-bottom:0.5em;
}

#marques li {
	list-style-type:none;
	display:block;
	float:left;
	padding:0 10px 10px 0;
}

#marques p {
	margin-bottom:0;
}

#haut_de_page {
	text-align:right;
}

#page_accueil #haut_de_page, #page_informations #haut_de_page, #page_contact #haut_de_page, #page_contact_confirmation #haut_de_page, #page_erreur_404 #haut_de_page {
	display:none;
}