/**********************/
/* Balises de base */
/**********************/

body {

	font-family: Calibri, arial, verdana, sans-serif ;

	font-size: 12px;

	color: #003;

/*	background-image: url(../images/texture-fond.png);

	background-repeat: repeat;*/

	margin: 0;

	padding: 0;

	background: #eeeeec;

}



img {

	border: none;

}



a {

 text-decoration: none;

}



a:hover {

 text-decoration: underline;

}

/* centrage dans la page */
div#centre {

	text-align: center;	

	width: 100%;

}


/* Général, largeur de la page */





div#general {

	width: 990px;

	text-align: left;

	margin:0;

	margin-left: auto;

	margin-right: auto;

	padding: 0;

	background: #FFFFFF;

	font-family: Calibri, arial, verdana, sans-serif ;

	font-size: 12px;
	
	/* Pb pour centrer le tout Modif Pylgrim
	background-image: url(images/navigation/fond_page.jpg);
	background-repeat: repeat-y;
	background-position: center; */

}



div#milieu {
	margin: 0;
	padding: 0;
	padding-top: 0px;
	border: none;
	display: block;
	background: #FFFFFF;
}



div#entete {
	height: 165px;
	background: #eeeeec;
	padding: 0;
	margin-top: 5;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}



/* En-tête */



div#enteteline1 {

	height: 213px;

	margin: 0;

	padding: 0;

}



div#logo {
	height: 125px;
	width: 237px;
	margin-left: 13px;
}



div#logo strong{
 position: absolute;
  margin-top: 102px;
	margin-left: -210px;
	font-size: 17px;
 font-weight: light;
  color: #ffffff;
}



div#menu {

	height: 35px;

	width: 420px;

	margin-left: 250px;

	margin-top: -125px;

}



div#bandeau {

	height: 125px;

	width: 420px;

	margin-left: 250px;

	margin-top: 0px;

}



div#bandegrise {
	height: 40px;
	width: 990px;
	margin-left: 0px;
	margin-top: -35px;
  background-image: url(images/navigation/bandeau_titre.jpg);
}

div#bandegrise h1{
  position: absolute;
	margin-left: 55px;
	margin-top: 7px;
	font-size: 19px;
  color: #ffffff;
}

div#bandegrise h2{
  position: absolute;
	margin-left: 55px;
	margin-top: 7px;
	font-size: 19px;
  color: #ffffff;
}



div#bandeverte {
	height: 40px;
	width: 990px;
	margin-left: 0px;
	margin-top: -35px;
  background-image: url(images/navigation/bandeau_titre_energie.jpg);
  background-repeat: no-repeat;
}

div#bandeverte h2{

  position: absolute;

	margin-left: 55px;

	margin-top: 7px;

/*	font-family: Trebuchet;*/

	font-size: 19px;

/*	font-weight: strong;*/

  color: #ffffff;

}

div#bandeorangee {
	height: 40px;
	width: 990px;
	margin-left: 0px;
	margin-top: -35px;
  background-image: url(images/navigation/bandeau_titre_isolation.jpg);
  background-repeat: no-repeat;
}

div#bandeorangee h2{

  position: absolute;

	margin-left: 55px;

	margin-top: 7px;

/*	font-family: Trebuchet;*/

	font-size: 19px;

/*	font-weight: strong;*/

  color: #ffffff;

}

div#bandebleue {
	height: 40px;
	width: 990px;
	margin-left: 0px;
	margin-top: -35px;
  background-image: url(images/navigation/bandeau_titre_electricite.jpg);
  background-repeat: no-repeat;
}

div#bandebleue h2{

  position: absolute;

	margin-left: 55px;

	margin-top: 7px;

/*	font-family: Trebuchet;*/

	font-size: 19px;

/*	font-weight: strong;*/

  color: #ffffff;

}

div#bandeviolete {
	height: 40px;
	width: 990px;
	margin-left: 0px;
	margin-top: -35px;
  background-image: url(images/navigation/bandeau_titre_domotique.jpg);
  background-repeat: no-repeat;
}

div#bandeviolete h2{

  position: absolute;

	margin-left: 55px;

	margin-top: 7px;

/*	font-family: Trebuchet;*/

	font-size: 19px;

/*	font-weight: strong;*/

  color: #ffffff;

}



/********************/

/* corps principal */

/********************/





/***********/

/* centre */

/***********/



div#contenu {
	float: left;
	padding-top: 0;
	width: 990px;
	background: #ffffff;
}





/* Page d'accueil */



div#etape {

text-align: center;	

}