/* ------------------------------------ */
/*                                      */
/*Généralités du site Option Patrimoine */
/*                                      */
/* ------------------------------------ */

/*---------- Généralités -------------------*/
*{margin:0px;padding:0;border:none;list-style:none;}

body {
	font: 75% Arial, Verdana, Helvetica, sans-serif;
	background: #fff;
	color:#333;
	text-align:left;	
	}
	
br {
	line-height:12px;
	}
	
ul, li {
	list-style:none;
	}

/*---------- Fin généralités ---------------*/

/*------ Conteneur général du site ---------*/
#conteneur {
	position: relative;
	width:900px;
	margin:0 auto;
	
	}
/*----- /conteneur général du site ---------*/

/*------------------ header ----------------*/
#header {
	width:900px;
	height:105px;
	border-bottom:2px solid #eacaa3;
	}

#logo {
	width:250px;
	height:105px;
	float:left;
	margin-left:-25px;
	background:url(../IMG/logo.jpg) top left no-repeat;
	}
	
#lien_home {/*Bloc qui contien le lien caché*/
	width:243px;
	height:103px;
	}
	
#map {/*Les dimensions de la zone clicable*/
	width :216px;
	height:83px;
	float: right;
	margin-top:17px;
	}

#logo a span {/*Création du lien et avec le span on cache sont texte*/
	position: absolute;
	left: -500em;
	top: -500em;
	text-indent: -500em;
	}
	
/*---------------- menu haut ---------------*/
#menu_haut {
	margin-top:90px;
	float:right;
	z-index:1000;
	}
	
#nav, #nav ul { /* Toutes les listes du menu*/
	list-style: none;
	}
	
#nav a {/* Liens principals */
	display: block;
	color:#333;
	text-decoration:none;
	background:url(../IMG/puce_menu_haut.jpg) no-repeat 0px 4px;
	padding-left:13px;
	}

#nav a:hover {/* Hover liens principals */
	color: #FF6600;
	text-decoration:none;
	background:url(../IMG/puce_menu_haut_hover.jpg) no-repeat 0px 4px;
	}

#nav li {
	float: left;
	margin-left:20px;
	}

#nav li ul { /* deuxième niveau, sous-nav */
	position: absolute;
	background:#847365;
	/*width: 15em;
	padding:5px 10px 10px 0;*/
	border-top:2px solid #eacaa3;
	/*border-left:1px solid #eacaa3;
	border-right:1px solid #eacaa3;*/
	border-bottom:2px solid #eacaa3;
	left: -999em; /* On cache le bloc en le plaçant complètement */
	}

/*---------------- sou_navCP -------------------------------*/	
#nav .sous_navCP { /* Bloc sous-nav conseil patrimoniaux */
	margin-left: 0px;
	width:15em;
	padding:8px 0;
	background:#847365;;
	}
	
#nav .sous_navCP li {
	display:block;
	float: none;
	padding:3px 0px 3px 5px;
	margin-left:0px;
	}

#nav .sous_navCP a {
	display: block;
	background: url(../IMG/puce_CP.jpg) no-repeat 0px 5px;
	padding-left:13px;
	color:#fff;
	text-decoration:none;
	}
	
#nav .sous_navCP a:hover {
	color: #FF6600;
	background: url(../IMG/puce_CP_hover.jpg) no-repeat 0px 5px;
	}
/*---------------- /sou_navCP ------------------------------*/

/*---------------- sou_navCP -------------------------------*/	
#nav .sous_navNS { /* Bloc Notre société */
	margin-left: 0px;
	width:15em;
	padding:8px 0;
	background:#e8e8e8;
	}

#nav .sous_navNS li {
	display:block;
	float: none;
	padding:3px 0px 3px 5px;
	margin-left:0px;
	}

#nav .sous_navNS a {
	display: block;
	background: url(../IMG/puce_NS.jpg) no-repeat 0px 5px;
	padding-left:13px;
	color:#000;
	text-decoration:none;
	}
	
#nav .sous_navNS a:hover {
	color: #FF6600;
	background: url(../IMG/puce_NS_hover.jpg) no-repeat 0px 5px;
	}
/*---------------- /sou_navCP ------------------------------*/	

/*---------------- sou_navCI -------------------------------*/	
#nav .sous_navCI { /* Bloc Conseil en investissement */
	margin-left: 0px;
	width:15em;
	padding:8px 0;
	background:#c6b089;
	}

#nav .sous_navCI li {
	display:block;
	clear:both;
	float:none;
	padding:3px 0px 3px 5px;
	margin-left:0px;
	}

#nav .sous_navCI a {
	display: block;
	background: url(../IMG/puce_CEI.jpg) no-repeat 0px 5px;
	padding-left:13px;
	color:#fff;
	text-decoration:none;
	}
	
#nav .sous_navCI a:hover {
	color: #FF6600;
	background: url(../IMG/puce_CEI_hover.jpg) no-repeat 0px 5px;
	}
/*---------------- /sou_navCI ------------------------------*/	

/*---------------- sou_navOutil -------------------------------*/	

#nav .sou_navOutil { /* Bloc Outils */
	margin-left: 0px;
	width:11.9em;
	padding:8px 0;
	background:#995820;
	}

#nav .sou_navOutil li {
	
	display:block;
	float: none;
	padding:3px 0px 3px 5px;
	margin-left:0px;
	}

#nav .sou_navOutil a {
	display: block;
	background: url(../IMG/puce_Outils.jpg) no-repeat 0px 5px;
	padding-left:13px;
	color:#fff;
	text-decoration:none;
	}
	
#nav .sou_navOutil a:hover {
	color: #FF6600;
	background: url(../IMG/puce_Outils_hover.jpg) no-repeat 0px 5px;
	}
/*---------------- /sou_navCP ------------------------------*/	

#nav li:hover ul, #nav li.sfhover ul { /* Au survol, on affiche le sous-menu*/
	left: auto;
	right:auto;
	}
/*---------------- menu haut ---------------*/

/*----------------- /header ----------------*/

/*-------------- bandeau_Haut --------------*/
#bandeau_Haut{
	height:28px;
	background:#dfd3bd;
	margin:4px 0;
	}
/*------------- /bandeau_Haut --------------*/

/*--------------- bandeau_Bas --------------*/
#bandeau_Bas{
	height:28px;
	background:#c0b8b0;
	margin:1px 0 4px 0;
	}
/*-------------- /bandeau_Bas --------------*/

/*------------------ centre ----------------*/
#centre {
	width:900px;
	}
/*----------------- /centre ----------------*/

/*------------------ footer ----------------*/
#footer {
	height:30px;
	border-top:2px solid #eacaa3;
	}
	
#footer ul {
	text-align:right;
		margin-top:3px;
	}
	
#footer li {
	display:inline;
	margin-left:15px;

	}
	
#footer a {
	color:#333333;
	background:url(../IMG/puce_menu_bas.gif) no-repeat 0px 5px;
	text-decoration:none;
	padding-left:15px;
	}

#footer a:hover {
	color:#FF6600;
	background:url(../IMG/puce_menu_bas_hover.gif) no-repeat 0px 5px;
	}
/*----------------- /footer ----------------*/

/*---------- Class supplementaires ---------*/
.spacer {
	clear: both;
	}

.margin_top {
	margin-top:10px;
	}
	
.left {
	float:left;
	}
	
.align_right {
text-align:right;
}
/*---------- /Class supplementaires --------*/