body {
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0;	
}

#el_spacerh {clear: both;}
.el_spacerh {clear: both;}


#conteneur {
	margin:0 auto;
	margin-top:0;
	background-color:white;
	padding:0px;
	width:960px;
}


  /**********/
 /* Header */
/**********/

#header div {height: 90px;width:840px;margin:0px;padding:0px;border:0px;}

#header h1 {color:#928D4F;font-size:x-large;}

.logoHeader {
	float:left;
	margin-right:10px;
	
}




  /*************/
 /* Menu haut */
/*************/


/* Liste */ 


#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
        z-index:99;

}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
height:21px;background:#DDD url(https://www.alliance-habitat.com/includes/templates/www.alliance-habitat.com/bgOFF.gif);
border-right:1px solid #DDD;
border-bottom:1px #928D4F solid;   
}


#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        margin:0 8px;

} 

/* Elements des listes */      
#menu li { 
        float : left;         /* pour IE qui ne reconnaît pas "transparent" */
        border-right: 1px solid #CACACA; /* on met une bordure blanche à droite de chaque élément */
     
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li {
        border-left: 1px solid #CACACA; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 204px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
background:#F6F6F6 url('https://www.alliance-habitat.com/images/gradient-grey.jpg') repeat-x;
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        margin-top : 1px ; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
        border-right:0px;
        border-bottom: 1px dashed #CACACA;
        width:100%;
        text-align:left;



}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

div#menu {

}

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


#subMenuH, #subMenuH ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
        
        clear:left;

}


#subMenuH /* Ensemble du menu */
{
        height:21px;font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
        background-color:#DCD83D;
        margin-bottom:15px;
}


#subMenuH a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        margin:0 8px;

} 

/* Elements des listes */      
#subMenuH li { 
        float : left;         /* pour IE qui ne reconnaît pas "transparent" */
        list-style : none; /* on supprime le style par défaut de la liste */
        
}


div#topSearch {
       float:right;
}

div#bottomSearch {
clear:right;
margin-left: 250px;
margin-top:25px;
}


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



  /***************/
 /* Menu gauche */
/***************/

#gauche {
	float:left;
	width: 150px;
	background-color:white;
	margin:0px;padding:0px;
}

.boiteGauche {

	background: #F6F6F6 url(https://www.alliance-habitat.com/images/gradient-grey.jpg) repeat-x top left;
	border: 0px;
	margin:0px;
	padding:0px;
	margin-top: 10px;
	font-size:12px;
	font-family:Arial;
}

.boiteGauche h2 {
	text-align:center;
	
	text-decoration:underline;
	border:0;
	background-color:#EEE;
	margin: 0px;
	padding:0px;
	color: #000;
}

.boiteGauche p {
	text-indent:0px;text-align:center;
}

.boiteGauche a {
	color:#002E6F;
}

.boiteGauche ul {
	margin:5px 2px 5px 2px;
	padding-left:20px;
	list-style:none;
}
.boiteGauche li {
	margin-left:0;
	padding:0px;
}

div#menuAds {
margin-left:15px;;
}


  /**********/
 /* Centre */
/**********/




#centre {
	clear:both;
	margin:0;
	border:0px;
	padding:0px;
}


#centre ul {list-style-image: url('https://www.alliance-habitat.com/v2/puce_liste_titre.gif');}

#centreGauche{
	float:left;
	width:100%;
	margin:0px;
}

#contextMenu {
	height: 30px;
	text-align : left;
	clear: both;
	font-size:small;
	position:relative;
	display:block;
	height:21px;
	font-size:11px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-bottom:1px solid #d9d9d9;
	margin:0px;padding:0px;
}


#contextMenu ul{
	clear:both;
	list-style-type: none;
	margin: 0px;
	padding:0px;
	width:auto;
}

#contextMenu li {display: inline;margin:0px 25px 0px 0px;padding:0px;}









  /**********/
 /* Footer */
/**********/


#pied {
	clear:both;
	height: 30px;
	background-color: #EEEEEE;
	color:#000000;
}





#menubas {
	list-style-type: none;
	margin: 0;
	padding:0;
	text-align : center;
}
#menubas li {display: inline;}

#menubas a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}
#menubas a:hover {text-decoration: none;}




div.aboutLinksBox{
	float:left;
	width:250px;
	margin:15px;
}


div#successBox{
	border:1px solid #CACACA;
	padding:15px;
	margin: 25px 0px;
	background-color:#A8DA66;
}

#successBox h1{
	font-size:large;
	margin: 0px;
	
}

#successBox p{
	font-size:small;

	
}

div#failurebox {
	border:1px solid #CACACA;
	padding:15px;
	margin: 25px 0px;
	background-color:#FFD4CF;
}

#failurebox h1{
	font-size:large;
	margin: 0px;
	
}

#failurebox p{
	font-size:small;

	
}



div#notifyBox{
	border:1px solid #CACACA;
	padding:15px;
	margin: 25px 0px;
	background-color:#FFDC9F;
}

#notifyBox h1{
	font-size:large;
	margin: 0px;
	
}


#notifyBox p{
	font-size:small;

	
}

a:visited {color:#002E6F;}
img { border: 0px;}