@charset "ISO-8859-1";
/* CSS Document */

body, html  {
	font-family: Verdana;
	font-size: 11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.4em;
	background: #CCCC66; /* #DFDDFF */
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	height: 100%;
    }
	
.Style1 {
	font-size: 16px;
	font-weight: bold;
	color: #f5c527;
	background-color:#333399;
}

.Style3 a:link, .Style3 a:visited{ 
	color:#f5c527 ;
	text-decoration:none;
}

.Style2 {
font-weight: bold;
}

.Style4 {
font-size: 9px;
}

.Style5 {
	font-size: 16px;
	background: #ffe766;
	color: #333399;
	font-weight: bold;
	}
	
.Style6{
	font-weight: bold;
	font-size: 16px;
	color: #333399;
}

.Style7 {
	color:#333399;
	font: bold;
	background-color:#ffe766;
	text-align:center;
	font-size:19px;
	padding:5px 0 5px 0



}

#container {
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: solid 1px #CCCCCC;
	text-align: left;
	color: #333399;
	height: auto;
}

.tableau {
	width : 772px;

}

#header {
	width:auto;
	height: 14em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
}


ul#menu2 {
	height: 20px;
	list-style-type: none;
	margin: 0 0 0 0;
	padding : 0 5px 0 0;
	width: auto;
	color: #333399;
}

ul#menu2 li {
	padding-top:4px;
	width:75px;
	float:right;
	color:#333399;

}

ul#menu2 li a{

color: #333399;

}

ul#menu2 li a:hover, ul#menu2 li a:active {
	background-color: transparent;
	color: #f5c527; 

}


#logo {
	float:left;
	width: auto;
	height: 75px;
	padding: 0 0 0 20px;
	margin: 0 100px 0 0;
}

#border {
	border:1px solid #AAD5FF;
	padding: 5px 5px 5px 5px;

}

#member {
	border:1px solid #8C8CD9;
	background: transparent;
	float:right;
	width:180px;
	height: auto;
	padding: 0 0 0 0;
	margin: 10px 5px 0 0;
}

#pub {
	width:180px;
	float:right;
	height: auto;
	padding-right: 7px;
	padding-top:5px;
	}

#pub1{
	border: 1px solid #8C8CD9;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 180px;
	height:auto;
}

#pub2 {
	border: 1px solid #8C8CD9;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	width: 180px;
	height:auto;
}


#maincontent1 {
	background: transparent;
	margin: 0 0 15px 0; /* la marge droite peut être indiquée en ems ou en pixels. Elle crée l'espace dans la partie inférieure du côté droit de la page. */
	width: 980px;
	height: auto;
	padding: 0 0 0 20px;
	float: left;
	color: #333399;
	z-index: 1;
}

#approche, #approche2, #method {
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	width: 770px;

}
#menuvert {
	margin:0 0 0 0;
	float: left;
	width:200px;
}


#menuvertform {
	padding: 0 0 5px 0px;
	margin:0 0 0 0;
	float: left;
	width:210px;
}

.preform {
	border:1px solid #AAD5FF; 
	width:auto;
	padding: 2px;



}



#menuvertrh {
	border: 1px solid #AAD5FF;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	float: left;
	width:auto;
}

#menuvertimmo {
	border: 1px solid #AAD5FF;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	float: left;
	width:auto;
}


#maincontent2 {
	background: #DDDDDD;
	margin: 0 1.5em 0 13em; /* la marge droite peut être indiquée en ems ou en pixels. Elle crée l'espace dans la partie inférieure du côté droit de la page. */
}


#footer {
	height:25px;
	width:auto;
	margin: 10px 0 0 0;
	background-color: #333399;
	color: #f5c527;
	clear:both;
}

#footer p {
    	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
    	padding: 5px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}

#footer p a{
	color: #f5c527;

}







/*CSS Menu Horizontal*/

#Nav {
	font-size: 13px;
	margin:5px 0 0 20px;
	padding: 0 ;
	list-style: none;
	
}

#Nav li {
	border-left: outset 1px #8C8CD9; /*0033FF*/
	width: auto;
	background: transparent;
	margin: 0 0 0 5px;
	float: left;
	padding: 0 0 0 0;
}

#Nav li a {
	display: block;
	background-color: transparent;
	color: #333399;
	text-decoration: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
}

#Nav li a:hover,#Nav li a:active {
	display: block;
	background-color: transparent;
	color: #f5c527;
	text-decoration: none;
	margin: 0 0 0 5px;
	padding: 0;
}

.Menu {
width: 115px;
margin:0;
padding: 0;
list-style: none;
display: none;
font-size:11px;
}








/*CSS menu vertical*/

.navigation {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	background: #333399;
	color: #fff;
	width: auto;
	border:none;
      }
	  
   .navigation a, .navigation span {
      display: block;
      padding: 4px 10px;
      color: #fff;
      text-decoration: none;
      background: #333399 left bottom no-repeat;
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: none;
      }
   .navigation .open a, .navigation .open span {
      background-image: none;
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: none;
	  color: #f5c527;
      }
   .navigation .subMenu, .navigation .open_at_load {
   	  list-style: none;
      font-size: .8em;
      background: #FFFFFF ;
	  color: #333399;
      font-size: .9em;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      }
   .navigation ul.subMenu a, .navigation ul.open_at_load a {
   	  color: #333399;
   	  list-style: none;
      background: none;
      padding: 3px 20px;
      }

	.navigation ul.subMenu a:hover, .navigation ul.subMenu a:focus, .navigation ul.subMenu a:active {
      text-decoration: none;
	  color: #f5c527;
	  background-color:#333399;
      }

	.navigation ul.open_at_load a:hover, .navigation ul.open_at_load a:focus, .navigation ul.open_at_load a:active {
      text-decoration: none;
	  color: #f5c527;
      }
	  
	  
	  
	  
	  
	  
	  
/* Menu Immo et Manag */	  
	  
	  
	  
	  #tabnav {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #f5c527;
	}

#tabnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;	
	font-family:verdana, arial,sans-serif;
	}

#tabnav a:link, #tabnav a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #8686C2;
	}

#tabnav li.active a:link, #tabnav li.active a:visited, #tabnav a:hover {
	border-bottom: 4px solid #f5c527;
	padding-bottom: 2px;
	background: #FFFFFF;
	color: #333399;
	}

#tabnav a:hover {
	color: #333399;
	}