*{outline: none;}

html,body{margin:0px;padding:0px;font-family:Arial,Sans-serif;}

img{border:0;}

form{margin:0;}



/******************************************************************** header **/
#header {margin:auto;width:980px;height:620px;position:relative;z-index:1;}

#la-boite-immo {position:absolute;top:0px;left:0px;z-index:2;width:275px;height:59px;}

#telephone {position:absolute;top:20px;right:0px;z-index:2;width:184px;height:23px;}

.facebook {display:block;position:absolute;z-index:2;top:11px;right:10px;
width:16px;height:16px;background:url(../images/generique/facebook-color.png) no-repeat;}

.twitter {display:block;position:absolute;z-index:2;top:11px;right:30px;
width:16px;height:16px;background:url(../images/generique/twitter-color.png) no-repeat;}

/********************************************************************** bloc **/
#centre {float:left;position:relative;z-index:2;width:100%;margin-top:-160px;}

/******************************************************************** footer **/

#footer {width:980px;height:288px;margin:auto;position:relative;z-index:1;}

#lbi {position:absolute;bottom:0px;left:0px;z-index:2;width:48px;height:62px;}

#fnaim {position:absolute;bottom:0px;right:0px;z-index:2;width:60px;height:62px;overflow:hidden}

#text_f_1 {position:absolute;top:242px;left:750px;text-transform:uppercase;font-size:10px;color:#ffffff;
letter-spacing:-0.1px;}

#text_f_2 {position:absolute;top:243px;left:56px;text-transform:uppercase;font-size:10px;color:#ffffff;
letter-spacing:-0.2px;}

#text_f_3 {position:absolute;top:259px;left:56px;font-size:11px;color:#ffffff;
letter-spacing:0.3px;}

#link-plaquette{position:absolute;top:234px;left:630px;}

a.lienfooter{color:#ffffff;text-decoration:none;}

a:hover.lienfooter{color:#87b001;text-decoration:underline;}

/*************************************************************** menu footer **/
#menu_footer {
background-color:transparent;
border:0 solid red;
font-size:11px;
height:21px;
left:-1px;
letter-spacing:0;
overflow:hidden;
position:absolute;
text-transform:capitalize;
top:196px;
font-weight:bold;
z-index:2;
width:982px;}

#menu_footer ul {float:left;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding:0px;
list-style:none;}

#menu_footer ul li {float: left;margin-left:0px;margin-bottom:0px;padding-right:0px;}

#menu_footer ul li.barre {float: left;margin-left:0px;margin-bottom:0px;padding-right:0px;
background-image: url(../images/menu/menufooter.gif);width:3px;height:21px;}

#menu_footer ul li a {float:left;text-decoration:none;padding-left:8px;
background-image: url(../images/menu/footermg.png);background-position:top left;background-repeat:no-repeat;
height:21px;}

#menu_footer ul li a span {float:left;padding-top:3px;padding-right:8px;
padding-bottom:0px;padding-left: 0px;
background-image: url(../images/menu/footermd.png);background-position: top right;background-repeat: no-repeat;
color:#ffffff;height:21px;}

#menu_footer ul.bgWhite li a span {color:#333;}

#menu_footer ul li a:hover {background-position: 0% -21px;color:#ffffff;}

#menu_footer ul li a:focus {background-position: 0% -21px;color:#ffffff;}

#menu_footer ul li a:hover span {background-position: 100% -21px;color:#ffffff;}

#menu_footer ul li a:focus span {background-position: 100% -21px;color:#ffffff;}

#menu_footer ul li#actif_mf {background-image: url(../images/menu/footermg.png);
background-position: 0% -21px;background-repeat: no-repeat;}

#menu_footer ul li#actif_mf a{background-image:none;}

#menu_footer ul li#actif_mf span {background-image: url(../images/menu/footermd.png);
background-position: 100% -21px;color:#ffffff;background-repeat: no-repeat;}

/*************************************************************** menu gauche **/
#menu_gauche {
background-color:transparent;
font-size:14px;
color:#313030;
height:140px;
width:259px;
letter-spacing:0.6px;
overflow:hidden;
position:absolute;
top:255px;left:0px;
z-index:2;
}

#menu_gauche ul {float:left;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding:0px;
list-style:none;}

#menu_gauche ul li {float:left;margin-left:0px;margin-bottom:4px;padding-right:0px;width:259px;height:22px;}

#menu_gauche ul li a {float:left;text-decoration:none;padding-left:0px;
background-image: url(../images/menu/gauchemenu.png);background-position:top left;background-repeat:no-repeat;
height:22px;color:#313030;width:259px;}

#menu_gauche ul li.Hektor a {background-image: url(../images/menu/gauchemenuHektor.png);}

#menu_gauche ul li a span {float:left;padding-top:3px;padding-left:35px;}

#menu_gauche ul li a:hover {background-position: 0% -22px;color:#ffffff;}

#menu_gauche ul li a:focus {background-position: 0% -22px;color:#ffffff;}

#menu_gauche ul li a:hover span {padding-left:48px;}

#menu_gauche ul li a:focus span {padding-left:48px;}

#menu_gauche ul li#actif_mg a{background-position: 100% -22px;}

#menu_gauche ul li#actif_mg span {padding-left:48px;color:#ffffff;}

#menu_gauche ul li#actif_mg span {padding-left:48px;color:#ffffff;}

/********************************************************************* flash **/
#flash {position:absolute;top:27px;left:5px;z-index:1;width:241px;height:177px;
/*background:transparent url(../images/generique/flash.jpg) no-repeat top left;*/}

/*************************************************************** menu header **/
#menu_header {
background-color:transparent;
border:0 solid red;
font-size:11px;
height:21px;
left:16px;
letter-spacing:0;
overflow:hidden;
position:absolute;
text-transform:capitalize;
top:111px;
z-index:2;
width:950px;}

#menu_header ul {float:left;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding:0px;
list-style:none;}

#menu_header ul li {float: left;margin-left:0px;margin-bottom:0px;padding-right:0px;}

#menu_header ul li a {float:left;text-decoration:none;padding-left:19px;
background-image: url(../images/menu/headermg.png);background-position:top left;background-repeat:no-repeat;
height:21px;}

#menu_header ul li a span {float:left;padding-top:4px;padding-right:33px;
padding-bottom:0px;padding-left: 17px;
background-image: url(../images/menu/headermd.png);background-position: top right;background-repeat: no-repeat;
color:#ffffff;height:21px;}

#menu_header ul li.menuhektor a {background-image: url(../images/menu/headermgHektor.png);}

#menu_header ul li.menuhektor a span {background-image: url(../images/menu/headermdHektor.png);}

#menu_header ul li a:hover {background-position: 0% -21px;color:#313030;}

#menu_header ul li a:focus {background-position: 0% -21px;color:#313030;}

#menu_header ul li a:hover span {background-position: 100% -21px;color:#313030;}

#menu_header ul li a:focus span {background-position: 100% -21px;color:#313030;}

#menu_header ul li#actif_mh {background-image: url(../images/menu/headermg.png);
background-position: 0% -21px;background-repeat: no-repeat;}

#menu_header ul li#actif_mh a{background-image:none;}

#menu_header ul li#actif_mh span {background-image: url(../images/menu/headermd.png);
background-position: 100% -21px;color:#313030;background-repeat: no-repeat;}

#menu_header ul li#actif_mh.menuhektor {background-image: url(../images/menu/headermgHektor.png);
background-position: 0% -21px;background-repeat: no-repeat;}

#menu_header ul li#actif_mh.menuhektor a{background-image:none;}

#menu_header ul li#actif_mh.menuhektor span {background-image: url(../images/menu/headermdHektor.png);
background-position: 100% -21px;color:#313030;background-repeat: no-repeat;}

/********************************************************************* index **/
#ligne_4 {position:absolute;top:387px;left:2px;width:258px;height:1px;
background-color:#bfbfbf;overflow:hidden;}

#ligne_3 {position:absolute;top:246px;left:2px;width:258px;height:1px;
background-color:#bfbfbf;overflow:hidden;}

#titre-index {position:absolute;z-index:1;top:0px;left:20px;width:165px;height:39px;
background:transparent url(../images/generique/titre-index-realisation.png) no-repeat top left;text-indent:-999999px;}

#log_hector{width:241px;height:232px;
position:absolute;top:405px;left:19px;z-index:1;}

#log_hector_back{width:241px;height:232px;
background:transparent url(../images/generique/logiciel-immobilier.png) no-repeat top left;
position:absolute;top:0px;left:0px;z-index:2;}

#log_hector_ti {text-indent:-999999px;}

#log_hector_te {color:#605d5c;font-size:11px;font-weight:bold;
position:absolute;top:56px;left:12px;z-index:3;}

#log_hector_te2 {color:#ffffff;font-size:11px;width:200px;
position:absolute;top:100px;left:32px;z-index:3;text-align:right;}

#log_hector_bt {display:block;position:absolute;z-index:3;top:198px;left:127px;width:97px;height:22px;
background:transparent url(../images/generique/bouton-index-hektor.png) no-repeat top left;}

.partieGauche{
    position:relative;
}

.partieDroite{
    position:relative;
}

.liste-type li{
	list-style-image:url(../images/referencement/fleche.png);
}

.actus-lbi .title{font-size:18px;}

span.title{font-size:16px;font-weight:bold;}
span.slogan{font-style:italic;}

.actualites p{
	margin-bottom:35px;
}

.title-iphone{
	text-indent:-9999px;
	width:108px;
	height:36px;
	background:url(../images/titre-iphone.png) no-repeat center center;
	padding:5px 10px;
}

/** footer de secours au cas ou */
#footer_1 {float:left;position:relative;z-index:1;width:100%;height:288px;
background:transparent url("../images/generique/footer_1.jpg") no-repeat top center;margin-top:-178px;}

.plan-link{
	margin:5px 0px;
	font-size:12px;
}

.plan-link a{
	color:#605D5C;
text-decoration:none;
}

.link
{
color:#605D5C;
text-decoration:none;
}

.vertlbi
{
color:#87B001;
text-decoration:none;
font-size:14px;

}

.grey
{
color:#605D5C;
text-decoration:none;
}

.titre-hektor-new-generation{
	text-indent:-9999px;
	background:url(../images/generique/titre-hektor-logiciel-2.png) no-repeat center center;
	width:360px;
	height:59px;
}
/** Ceci ne concerne que la page partenaires */
.titre-partenaires-lbi{
	background:url(../images/generique/titre-partenaires.png) no-repeat center center;
	width:340px;
	height:57px;
	text-indent:-9999px;
}

.artefact-partenaires{
display:block;
height:63px; width:18px;
position:absolute;
left:685px;
top:0px;
background:url(../images/hektor/barre-r.png) no-repeat center center;
}

.top-partenaires{
position:relative;
}

ul.partenaires{
	list-style:inside none;
	padding:0; margin:10px 0;
}

ul.partenaires li{
	height:70px;
	line-height:50px;
	margin-bottom:10px;
}
ul.partenaires .image{
	display:block;
	float:left;
	text-align:center;
	width:240px;
}

ul.partenaires a{
	text-decoration:none;		
	color:#666;
	font-style:italic;
	font-size:12px;
}
/* fin page partenaires */

/* Packs */
.title-packs{
	background:url(/images/packs/titre.png) no-repeat;
	text-indent:-9999px;
	width:171px;
	height:46px;
}

.image-pack{
float:left;
min-height:333px;
margin:8px;
width:440px;
text-align:center;
border:2px solid #444;
padding:3px;
position:relative;
}
.titre-pack{
	font-weight:bold;
	font-size:11px;
}
.lightbox-lbi{
	display:block; position:absolute;
	top:50%;
	left:50%;
	margin-left:-215px;
}
.closinglink{
	font-style:italic;
	float:right;
	clear:left;
	margin-bottom:10px;
	color:#333;
	display:block;
}

.image-pack img{
width:430px;
}

#showroom{
	display:none;
	position:absolute;
	border:2px solid #444;
//	width:650px;
	background:#fff;
	padding-bottom:-2px;
}

#showroom .image{
	padding:0; margin:0;
}

#showroom .image img{
//width:650px;
}

#showroom .fermer{
	display:block;
	position:absolute;
	bottom:0; right:20px;
	z-index:2;
}
#accordion h4{
	border-bottom:1px solid #b3b3b3;
	margin-top:10px;
clear:both;
}

#accordion h3{
	margin:0;
	text-align:center;
	border-bottom:1px solid #e3e3e3;
}

.bandeau-pack{
	display:block;
	position:absolute;
	top:0; left:0;
	width:199px; height:199px;
	z-index:10;
}

#showroom img{
	display:block;
}

.bandeau-pack-mod{
	background:url(../images/packs/bandeau-mod.png);
}
.bandeau-pack-hc{
	background:url(../images/packs/bandeau-hc.png);
}


/* ceci concerne la page reseaux sociaux */
ul.liste-rs{
	font-size:12px;
	color:#605D5C;
	list-style:inside none;
	list-style-image:url(../images/referencement/fleche.png);
	margin:0; padding:0;
	margin-top:10px;
}

ul.liste-rs li{
	margin-bottom:10px;
}
.cleared{
	clear:both;
}
.illus-rs{
	border:4px solid #d9d9d9;
	margin-top:-5px;
	padding:5px;
	float:left;
	margin-right:10px;
	width:145px;
	text-align:center;
}

.title-reseauxsoc{
	background:url(../images/reseaux_sociaux/titre-reseauxsociaux.png) no-repeat;
	text-indent:-9999px;
	width:375px;
	height:49px;
}

#slider{
	width:240px;
	height:171px;
	overflow:hidden;
}

.title-plaquette{
width:521px; height:54px;
}




