/*****************************************
mise en forme des div de la page d'accueil
*****************************************/

div#conteneur {	
	width:	990px;
	height: 760px;
	margin:0 auto;
	background: #fff url('../../fr/images/index/conteneur.gif') no-repeat;
}

/**********************************************************************************************/
div#menuhaut {
	float:left;
	width: 990px;
	height: 368px;
	padding:0;
	margin: 0;
}
div#menuhaut ul {
	list-style: none;
	margin: 0;
	padding: 0;
} 
div#menuhaut li {
	float:right;
	text-align:left;
	line-height: 22px;
	margin: 0;
	padding: 0;
}
div#menuhaut li a {
	font-family: Trebuchet MS; 
	font-size: 1.0em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
} 
div#menuhaut li#menuhaut_1 {
	margin-top: 100px;
	padding-right: 123px;
} 
div#menuhaut li#menuhaut_2 {
	margin-top: 212px;
	padding-right: 200px;
} 
div#menuhaut li#menuhaut_3 {
	margin-top: 290px;
	padding-right: 70px;
} 
/**********************************************************************************************/
div#menudroite {	
	float: right;
	width: 176px;
	height: 220px;
	margin: 0;
	padding: 0;
	text-align: right;
	
}
div#menudroite ul{	
	list-style: none;
	margin: 0;
	padding: 0;	
}
div#menudroite li {
	padding: 0;
	margin: 0;	
}
div#menudroite li a {
	font-family: Trebuchet MS; 
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

div#menudroite li#menudroite_1 {
	line-height: 35px;
	padding-right: 35px;
}
div#menudroite li#menudroite_1 a {
	color: #5C155D;
}
div#menudroite li#menudroite_2 {
	line-height: 52px;
	padding-right: 35px;
}
div#menudroite li#menudroite_2 a {
	color: #159A37;
}
div#menudroite li#menudroite_3 {
	line-height: 23px;
	padding-right: 35px;
}
div#menudroite li#menudroite_3 a {
	color: #DE6320;
}
div#menudroite li#menudroite_4 {
	line-height: 37px;
	padding-right: 35px;
}
div#menudroite li#menudroite_4 a {
	color: #00468B;
}
div#menudroite li#menudroite_5 {
	line-height: 43px;
	padding-right: 35px;
}
div#menudroite li#menudroite_5 a {
	color: #0092D2;
}
div#menudroite li#menudroite_6 {
	float: right;
	width: 134px;
	height: 61px;
	line-height: 16px;
	margin: 25px 0 0 0;
	padding-right: 25px;
	background: #fff url('../../fr/images/index/fond_demande_logement.jpg') no-repeat;;
}
div#menudroite li#menudroite_6 a {
	display : block;
	width: 134px;
	height: 52px;
	padding: 9px 0 0 0;
	font-size: 0.9em;
	color: #661152;
	/*font-weight: normal;*/
	text-align: center;

}
/**********************************************************************************************/
div#menucentre {
	float:left;
	width: 660px;
	height: 32px;
	margin: 0 0 0 0;
	padding: 0 0 0 70px;
	text-align: left;
}
div#menucentre ul{	
	list-style: none;
	margin: 0;
	padding: 0;
}
div#menucentre li {
	float:left;
	width: 150px;
	padding: 0 0 0 15px;
	margin: 0;
	line-height: 20px;
}
div#menucentre li a{
	font-family: Trebuchet MS; 
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
div#menucentre li#menucentre_1 a{
	color: #0092D3;
}
div#menucentre li#menucentre_2 a{
	color: #159A38;
}

div#menucentre li#menucentre_3 a{
	color: #00468B;
}
	
div#menucentre li#menucentre_4 a{
	color: #DE6320;
}
div#menucentre li#menucentre_seul {
	width: 100px;
	padding-top: 3px;
	padding-left: 50px;
	font-family: Trebuchet MS; 
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #DE6320;
}


/**********************************************************************************************/
div#alaune	{
	float:right;
	width: 745px;
	height: 240px;
	margin: 110px 0 0 0;
	padding: 0 0 0 0;
	background: url('../../fr/images/index/onglet_seul.gif') no-repeat;
}
/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	{ 
	position:relative; overflow:hidden;
	width:700px; height: 200px;
  	margin-left: 10px;
  	z-index:100; 					
}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:690px; height: 196px;
	clip:rect(0px, 690px, 196px, 0px); 
	overflow:hidden;	
	z-index:1; 
}
div.content { 
	position:absolute; visibility:hidden;			
	left:0px; top:0px; 
	z-index:1; 
	margin: 15px 0 0 0;
	padding: 0;
}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position: relative; left:0; top:0;
  width:20px; height:190px; 
  font-size:1px; z-index:1;
  background: url("http://pegase/manche-habitat/scroll/images/track.gif") repeat-y;
}
div#track { 
  position:absolute; left:0; top:12px;
  width:0px; height:0px;
  /*-----Compoz'it-----background: url("images/track.gif") #336 repeat;*/
  z-index:1;
}
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:10px;
  /*-----Compoz'it-----background-color:#ceced6;*/
  z-index:1;
}  
div#up { position:absolute; left:0; top:60px; z-index:2 }  
div#down { position:absolute; left:0; top:82px; z-index:3 }  

/**********************************************************************************************/
div#pied {
	float:left;
	width: 100%;
	height:20px;
	margin: 14px 0 0 0;
	padding: 0;
	font-size: 1.0em;
	text-align: center;
	color: #3C123F;
	font-family:  Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
}
div#pied A{
	font-size: 1.0em;
	color: #3C123F;
	font-family:  Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
}
/**********************************************************************************************/
.actualite {
	width: 340px;
	height: 160px;
	margin: 0;
	padding: 0;
}

.position_left {
	float: left;
}

.position_right {
	float: right;
}

.actualite img{
	
	margin: 1px 0;
}
.separation {
	clear: both;
	width: 688px;
	height: 5px;
	margin: 15px 0;
	padding: 0;
	background: url('../../fr/images/index/separation.gif') no-repeat;
}
.actualite .titre{
	font-size: 1.2em;
	font-weight: bold;
	color: #5C155D;
}

.actualite .texte{
	font-size: 0.9em;
}