/**********************/
/* 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;
}

/* 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;
}

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

div#entete {
	height: 160px;
	background: #eeeeec;
  margin: 0;
	padding: 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: 100px;
	margin-left: -210px;
	font-size: 17px;
/*	font-weight: strong;*/
 font-weight: light;
  color: #ffffff;
}

div#menu {
	height: 35px;
	width: 420px;
	margin-left: 245px;
	margin-top: -125px;
}

div#bandeau {
	height: 125px;
	width: 420px;
	margin-left: 245px;
	margin-top: -3px;
}

div#bandegrise {
	height: 40px;
	width: 990px;
	margin-left: 1px;
	margin-top: -38px;
  background-image: url(images/navigation/bandeau_titre.jpg);
}
div#bandegrise h1{
  position: absolute;
	margin-left: 55px;
	margin-top: 7px;
/*	font-family: Trebuchet;*/
	font-size: 19px;
/*	font-weight: strong;*/
  color: #ffffff;
}
div#bandegrise h2{
  position: absolute;
	margin-left: 55px;
	margin-top: 7px;
/*	font-family: Trebuchet;*/
	font-size: 19px;
/*	font-weight: strong;*/
  color: #ffffff;
}


div#bandeverte {
	height: 40px;
	width: 990px;
	margin-left: 0px;
	margin-top: -38px;
  background-image: url(images/navigation/bandeau_titre_energie.jpg);
}
div#bandeverte h2{
  position: absolute;
	margin-left: 55px;
	margin-top: 7px;
	font-size: 19px;
  color: #ffffff;
}

div#bandeorangee {
	height: 40px;
	width: 990px;
	margin-left: 0px;
	margin-top: -38px;
  background-image: url(images/navigation/bandeau_titre_isolation.jpg);
}
div#bandeorangee h2{
  position: absolute;
	margin-left: 55px;
	margin-top: 7px;
	font-size: 19px;
  color: #ffffff;
}


div#bandebleue {
	height: 40px;
	width: 990px;
	margin-left: 0px;
	margin-top: -38px;
  background-image: url(images/navigation/bandeau_titre_electricite.jpg);
}
div#bandebleue h2{
  position: absolute;
	margin-left: 55px;
	margin-top: 7px;
	font-size: 19px;
  color: #ffffff;
}

div#bandeviolete {
	height: 40px;
	width: 990px;
	margin-left: 0px;
	margin-top: -38px;
  background-image: url(images/navigation/bandeau_titre_domotique.jpg);
}
div#bandeviolete h2{
  position: absolute;
	margin-left: 55px;
	margin-top: 7px;
	font-size: 19px;
  color: #ffffff;
}

/********************/
/* corps principal */
/********************/


/***********/
/* centre */
/***********/

div#contenu {
	float: left;
	padding-top: 0;
	width: 990px;
	background: #ffffff;
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
}


/* Page d'accueil */

div#etape {
text-align: center;	
}