/* energie */
div#energie {
position: absolute;
margin-top: 10px;
height: 340px;
margin-left: 2px;
}

div#energie_haut {
  background-image: url(images/accueil/t_energie.jpg);
 	height: 50px;
	width: 245px;
}

div#energie_milieu {
  background-image: url(images/accueil/i_energie.jpg);
 	height: 135px;
	width: 245px;
}

div#energie_fond {
  background-image: url(images/accueil/fond_energie.jpg);
	width: 245px;
}

div#energie_fond ul {
	margin: 0em 0em 0em 0.6em;
	padding: 0;
  color: #ffffff;
  list-style-type: none;
}

div#energie_fond ul a{
	margin: 0em;
	padding: 0;
  color: #ffffff;
}

div#energie_bas {

  background-image: url(images/accueil/bas_energie.jpg);

 	height: 15px;

	width: 245px;

}





/* isolation */

div#isolation {

position: absolute;

margin-top: 10px;

height: 340px;

margin-left: 247px;

}

div#isolation_haut {

  background-image: url(images/accueil/t_isolation.jpg);

 	height: 50px;

	width: 245px;

}

div#isolation_milieu {

  background-image: url(images/accueil/i_isolation.jpg);

 	height: 135px;

	width: 245px;

}

div#isolation_fond {

  background-image: url(images/accueil/fond_isolation.jpg);

	width: 245px;

}

div#isolation_fond ul {

	margin: 0em 0em 0em 0.6em;

	padding: 0;

  color: #ffffff;

  list-style-type: none;

/*	list-style-image: url("images/puce-2.gif" );	*/

}

div#isolation_fond ul a{

	margin: 0em;

	padding: 0;

  color: #ffffff;

}

div#isolation_bas {

  background-image: url(images/accueil/bas_isolation.jpg);

 	height: 15px;

	width: 245px;

}





/* electricite */

div#electricite {

position: absolute;

margin-top: 10px;

height: 340px;

margin-left: 494px;

}

div#electricite_haut {

  background-image: url(images/accueil/t_electricite.jpg);

 	height: 50px;

	width: 245px;

}

div#electricite_milieu {

  background-image: url(images/accueil/i_electricite.jpg);

 	height: 135px;

	width: 245px;

}

div#electricite_fond {

  background-image: url(images/accueil/fond_electricite.jpg);

	width: 245px;

}

div#electricite_fond ul {

	margin: 0em 0em 0em 0.6em;

	padding: 0;

  color: #ffffff;

  list-style-type: none;

/*	list-style-image: url("images/puce-2.gif" );	*/

}

div#electricite_fond ul a{

	margin: 0em;

	padding: 0;

  color: #ffffff;

}

div#electricite_bas {

  background-image: url(images/accueil/bas_electricite.jpg);

 	height: 15px;

	width: 245px;

}





/* domotique */

div#domotique {

position: absolute;

margin-top: 10px;

height: 340px;

margin-left: 741px;

}

div#domotique_haut {

  background-image: url(images/accueil/t_domotique.jpg);

 	height: 50px;

	width: 245px;

}

div#domotique_milieu {

  background-image: url(images/accueil/i_domotique.jpg);

 	height: 135px;

	width: 245px;

}

div#domotique_fond {

  background-image: url(images/accueil/fond_domotique.jpg);

	width: 245px;

}

div#domotique_fond ul {

	margin: 0em 0em 0em 0.6em;

	padding: 0;

  color: #ffffff;

  list-style-type: none;

/*	list-style-image: url("images/puce-2.gif" );	*/

}

div#domotique_fond ul a{

	margin: 0em;

	padding: 0;

  color: #ffffff;

}

div#domotique_fond ul a:hover{

	margin: 0em;

	padding: 0;

  color: #ffffff;

}



div#domotique_bas {

  background-image: url(images/accueil/bas_domotique.jpg);

 	height: 15px;

	width: 245px;

}




div#exemples {
  position: relative;
  margin-top: -12px;
  margin-left: 8px;
	width: 480px;
}
div#exemples h2{
  
  background-image: url(images/accueil/bandeau_actu.jpg);
  background-repeat: no-repeat;
/*  position: absolute;*/
  position: relative;
  	margin-top: 370px;
	height: 30px;
	width: 480px;
	font-size: 18px;
	padding-left: 40px;
	padding-top: 3px;
  color: #ffffff;
}


div#exemples p{
/*	margin-top: 400px;*/
	margin-top: -17px;
	background: #eeeeec;
	padding: 5px;
 height: 70px;
max-height: 70px;
min-height: 70px;
	overflow:hidden;
	/*modif Pylgrim*/
	/*  height:70px;*/
}

div#exemples a{
	font-family: Calibri, arial, verdana, sans-serif ;
	font-size: 12px;
	color: #000000;
	background-color: #eeeeec;
}





div#actus {
  position: relative;
  margin-top: -122px;
  margin-left:498px;
	width: 480px;
/*	height: 90px;*/
}

div#actus h2{

  background-image: url(images/accueil/bandeau_actu.jpg);

  background-repeat: no-repeat;

  margin-top : 0px;

/*  position: absolute;*/

	height: 30px;

	width: 480px;

/*	font-family: Trebuchet;*/

	font-size: 18px;

/*	font-weight: strong;*/

	padding-left: 40px;

	padding-top: 3px;

  color: #ffffff;

}

div#actus p{

 	margin-top: -19px;
 	background: #eeeeec;
 	padding: 5px;
	/*modif Pylgrim*/

}

div#actus a{

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

	font-size: 12px;

	color: #000000;

	background-color: #eeeeec;

}





div#bas1 {
	background: #adaaa3;
	/* height: 30px;*/

 	width: 980px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-size: 14px;
	color: #ffffff;
	margin-bottom: 5px;
	padding-left: 10px;	
	/*modif Pylgrim*/
}





div#bas1 a{

 font-size: 14px;

 color: #ffffff;

}



div#bas2 {
	margin-top : 7px;
	background: #ffffff;
	width: 970px;
	font-family: Calibri, arial, verdana, sans-serif;
	font-size: 11px;
	color: #003;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	/*modif Pylgrim*/
}



div#bas2 a{

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

	font-size: 11px;

	color: #003;

	font-weight: 100;

}



div#bas2 strong{

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

	font-size: 12px;

	font-weight: bold;

	color: #003;

}



div#bas2 b.b1{

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

	font-size: 12px;

	font-weight: bold;

	color: #ffffff;

	background-color: #87b636;

}

div#bas2 b.b2{

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

	font-size: 12px;

	font-weight: bold;

	color: #ffffff;

	background-color: #e0872b;

}

div#bas2 b.b3{

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

	font-size: 12px;

	font-weight: bold;

	color: #ffffff;

	background-color: #46719c;

}

div#bas2 b.b4{

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

	font-size: 12px;

	font-weight: bold;

	color: #ffffff;

	background-color: #8e4674;

}





div#bas2b {
	margin-top : 7px;
	background: #ffffff;
	width: 970px;
	font-family: Calibri, arial, verdana, sans-serif;
	font-size: 11px;
	color: #003;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	/*modif Pylgrim*/
}



div#bas2b a{

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

	font-size: 11px;

	color: #003;

	font-weight: 100;

}



div#bas2b strong{

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

	font-size: 12px;

	font-weight: bold;

	color: #003;

}



div#bas2b b.b1{

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

	font-size: 12px;

	font-weight: bold;

	color: #ffffff;

	background-color: #87b636;

}

div#bas2b b.b2{

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

	font-size: 12px;

	font-weight: bold;

	color: #ffffff;

	background-color: #e0872b;

}

div#bas2b b.b3{

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

	font-size: 12px;

	font-weight: bold;

	color: #ffffff;

	background-color: #46719c;

}

div#bas2b b.b4{

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

	font-size: 12px;

	font-weight: bold;

	color: #ffffff;

	background-color: #8e4674;

}



div#bas3 {

 background: #eeeeec;

 background-image: url(images/navigation/bas_page.jpg);

 background-repeat: no-repeat;

 margin-left: -5px;

 width: 1010px;

 height: 15px;

}





div#bas4 {

 background: #eeeeec;

 width: 1010px;

 height: 30px;

 padding-left: 40px;

 padding-top: -10px;

 font-size: 12px;
  

}



div#bas5 {

 position: absolute;

 margin-top: -5px;

 margin-left: 930px;

}