html,body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;text-align:center; text-align:left; color:black; text-align:justify;}

#header{height:131px;background: url('image/agence-immo-lille.jpg') no-repeat; background-position:right;}
#header-slogan{width:500px;margin-top:30px;text-align:left; float:left; color:white; font-size:14px; margin-left:46px;}
#header-ouvert{float:right; margin-right:20px; margin-top:10px; color:#fff; font-size:11px; text-align:center; font-weight:bold;}
#logo{width:112px;margin-left:11px; padding-top:0px; float:left;}
p.slogan{font-size:11px;margin-top:3px; margin-left:29px;}

#conteneur{width:960px;margin-left:auto;margin-right:auto;}
#conteneur-contenu{width:960px;}
#menu-nav{height:35px;width:960px;}

#gauche{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
display:block;
float:left;
width:239px;
min-height:300px;
}

#contenu{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-color:white;
display:block;
float:right;
padding: 0 10px 0 10px;
width:691px;
min-height:300px;
}

#pied{clear:both;text-align:center;height:40px; padding-top:1px;border-top: 1px dashed #1191bb;}
#arbo{height:31px; margin-top:15px;}

#devis{width:213px; margin-top:10px; text-align:center;}
#photo{border:1px solid #12b0e0;width:212px; height:304px; margin-top:10px;}

#pd-gauche{width:790px;float:left;height:70px;text-align:left; padding-left:20px;}
#pd-droite{width:150px;float:left;height:70px;}

/* MENU */

#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?fault de la liste */
	height : 35px;
	line-height : 35px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	width:960px;
}

#menu{font-weight:bold;font-family :Arial;font-size:12px;}

#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 */
	color : white; /* couleur du texte */
	background:url("image/menu-off.jpg") repeat-x; 
	text-decoration : none; /* on supprime le style par défault des liens (la plupart du temps = souligné) */
	width : 159px; /* largeur */
}

#menu li /* Elements des listes */{float :left;/* pour ie qui ne reconnait pas "transparent" */border-right: 1px solid #fff;/* on met une bordure blanche ? droite de chaque élément */}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li{border-right: 1px solid #5d5d5d; /* on met une bordure transparante droite de chaque élément */}

#menu li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 239px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	line-height:20px;
}

#menu li ul ul 
{
	margin		: -22px 0 0 144px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-left	: 1px solid #fff ; /* Petite bordure ? gauche pour ne pas coller ... */	
}

/* ie ne reconnaissant pas le s?lecteur ">" ... je me répéte ;-) */
html>body #menu li ul ul{border-left:1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */}

#menu a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #003398; /* On passe le texte en noir ... */
	background:url("image/menu-on.jpg") repeat-x; /* ... et au contraire, le fond en blanc */
}

#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 */
}

#menu ul li a {background:#2d8ec5 none repeat scroll 0 0; text-align:left; padding-left:10px; width:181px;}
#menu ul li a:hover {background:#dbe5ff none repeat scroll 0 0; text-align:left; padding-left:10px; width:181px;}

/* CONTACT PAR TELEPHONE */
div#contact-location {background:url("image/contacter-agence-lille-immo-location.jpg") no-repeat; width:235px; height:164px; margin-top:15px; margin-bottom:15px;}
div#contact-vente {background:url("image/contacter-agence-lille-immo-vente.jpg") no-repeat; width:235px; height:150px; margin-top:15px; margin-bottom:15px;}
div#contact-commerce {background:url("image/contacter-agence-lille-immo-commerce.jpg") no-repeat; width:235px; height:164px; margin-top:15px; margin-bottom:15px;}
div#formulaire-rappel {padding-left:15px; padding-top:107px;height:39px;}

.button-rappel {border:none;background: url('image/rappelez-moi-off.jpg') no-repeat;width:91px;height:25px; cursor:pointer; margin-left:14px;}
.button-rappel:hover{border:none;background: url('image/rappelez-moi-on.jpg') no-repeat;width:91px;height:25px; cursor:pointer; margin-left:14px;}
.input-telephone {width:95px;height:15px;line-height:15px;font-size:11px;vertical-align:top;color:#003399;font-weight:bold;}

/* Appartement neuf loi scellier */
div#appartement-neuf{width:235px;height:94px;margin-bottom:15px;}

/* ALERTE */
div#alerte {width:235px;height:128px; background-image:url("image/alerte-immo-lille.jpg"); background-repeat:no-repeat; margin-bottom:15px;}
div#email {font-weight:bold;;width:235px; text-align:center; padding-top:12px;}
div#vente-location {font-weight:bold; color:white;width:205px; text-align:center; padding-top:63px; padding-left:30px;}
div#infos {width:235px; padding-top:5px; margin-bottom:15px;}

.button-inscrire {border:none;background: url('image/sinscrire-off.jpg') no-repeat;width:67px;height:25px; cursor:pointer; margin-left:7px;}
.button-inscrire:hover{border:none;background: url('image/sinscrire-on.jpg') no-repeat;width:67px;height:25px; cursor:pointer; margin-left:7px;}
.input-email {width:135px;height:19px;line-height:20px;font-size:13px;vertical-align:top;color:#003399;font-weight:bold;}

/* COUP DE COEUR */
div#coupdecoeur {width:215px;height:390px; background-image:url("image/immo-lille-coup-coeur.jpg"); background-repeat:no-repeat; margin-bottom:10px; padding-left:10px; padding-right:10px; text-align:center; padding-top:50px;}
/* MODULE RECHERCHE */
div#recherche{width:235px;height:216px; background-image:url("image/recherche-appartement-lille.jpg"); background-repeat:no-repeat;}


/* Cadre - Annonces page générale */
#grandcadrehaut{background-image: url("image/grand-cadre-haut.jpg"); background-repeat:no-repeat;height:16px; width:700px;}
#grandcadremilieu{background-image: url("image/grand-cadre-milieu.jpg"); background-repeat:y;width:660px;padding:0 20px 0 20px;}
#grandcadrebas{background-image: url("image/grand-cadre-bas.jpg"); background-repeat:no-repeat;height:26px;width:700px; clear: both;}

/* tableau affiche annonce */
.table-annonce{width:700px; height:181px; background-image:url("image/annonce-liste.jpg"); background-repeat: no-repeat; margin-bottom:10px;} 
.table-annonce-align-gauche{text-align:left;}
.table-annonce-align-droite{text-align:right;}
.table-annonce-align-haut{vertical-align:top;}
.table-annonce-align-milieu{vertical-align:middle;}
.table-annonce-align-centrer{text-align:center;}
.table-annonce-230px{width:230px;}
.table-annonce-h100px{heigh:100px;}

.table-alerte-email{background-image:url("image/alerte-immo-lille-tab.jpg"); background-repeat: no-repeat; height:90px;}

.bloc-prix-superficie{font-size:14px; color:#0e2a7d; font-weight:bold;}

.table-annonce-tri{width:700px; margin-bottom:10px;}
.mc-c1{color:#E0E0E0; font-size:9px;}
.c1{color:#ecab00;}
.c2{color:#1e6788;}
.c3{color:#0e2b7d;}
.c4{color:#2650a8;}
.f15{font-size:15px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f17{font-size:17px;}
.italic{font-style:italic;}
.center{text-align:center;}

/* PAGE ANNONCE.PHP */
.table-presentation-annonce{width:700px;margin-bottom:10px; border:1px solid #4055d2;} 
.table-presentation-photo{width:700px;margin-bottom:10px; border:1px solid #4055d2; text-align:center;} 
.hn-annonce{padding-left:50px; font-size:12px; color:#5d5d5d;}


/* Mise en forme du texte */
.align-gauche{text-align:left;}
.align-droite{text-align:right;}

/* Menu pied de page */
ul#menu_horizontal {padding:0px; float:left; width:100%;}
ul#menu_horizontal li {list-style-type :none;display :inline;padding-left :6px; padding-right:6px; font-size:11px;}
ul#menu_horizontal li a.link:link, a.link:visited, a.link:active{color:#353535; text-decoration:none;}
ul#menu_horizontal li a.link:hover{color:#353535; text-decoration:underline;}

/* Couleur texte / lien */
.supeva-texte{color:#2a2a2a;font-size:7px; font-weight:bold;}

a:link, a:visited, a:active{color:#003399; text-decoration:none;}
a:hover{color:#5d5d5d; text-decoration:underline;}
a.souligne:link, a.souligne:visited, a.souligne:active{color:#000; text-decoration:underline;}
a.souligne:hover{color:#000; text-decoration:underline;}
a.mc-c1:link, a.mc-c1:visited, a.mc-c1:active, a.mc-c1:hover{color:#E0E0E0;text-decoration:none;font-size:9px;}
a.supeva:link, a.supeva:visited, a.supeva:active, a.supeva:hover{color:#142749;text-decoration:none;font-size:7px; font-weight:bold;}
a.slogan:link, a.slogan:visited, a.slogan:active, a.slogan:hover{color:#fffdfe;text-decoration:none;font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;}
a.slogan2:link, a.slogan2:visited, a.slogan2:active, a.slogan2:hover{color:#fffdfe;text-decoration:none;font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; padding-left:8px;}
a.slogan3:link, a.slogan3:visited, a.slogan3:active, a.slogan3:hover{color:#fffdfe;text-decoration:none;font-size:42px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
a.htitle:link, a.htitle:visited, a.htitle:active, a.htitle:hover{color:white;text-decoration:none;font-size:15px;}

a.header_bf:link, a.header_bf:visited, a.header_bf:active, a.header_bf:hover{font-size:16px; font-weight:bold; color:#111e64; font-family:Arial, Helvetica, sans-serif;}
a.header_bc:link, a.header_bc:visited, a.header_bc:active, a.header_bc:hover{font-size:16px; font-weight:bold; color:#128ac9; font-family:Arial, Helvetica, sans-serif;}
a.header2_bf:link, a.header2_bf:visited, a.header2_bf:active, a.header2_bf:hover{font-size:8px; font-weight:bold; color:#111e64; font-family:Arial, Helvetica, sans-serif;}
a.header2_bc:link, a.header2_bc:visited, a.header2_bc:active, a.header2_bc:hover{font-size:8px; font-weight:bold; color:#128ac9; font-family:Arial, Helvetica, sans-serif;}


a.coupdecoeur:link, a.coupdecoeur:visited, a.coupdecoeur:active{color:white; text-decoration:none;}
a.coupdecoeur:hover{color:white; text-decoration:underline;}


a.titre_tab:link, a.titre_tab:visited, a.titre_tab:active, a.titre_tab:hover{color:white; text-decoration:none;}

a.btn_suiv:link, a.btn_suiv:visited, a.btn_suiv:active{color:#003399; text-decoration:none;}
a.btn_suiv:hover{color:#003399; text-decoration:none; padding-left:5px;}

a.btn_prec:link, a.btn_prec:visited, a.btn_prec:active{color:#003399; text-decoration:none;}
a.btn_prec:hover{color:#003399; text-decoration:none; padding-right:5px;}

.font9px{font-size:9px;}
.font14px{font-size:14px;}
.gris{color:#5d5d5d;}
.violet{color:#dab34d;}
.red{color:red;}
.vert{color:#51610e;}
.gras{ font-weight:bold;}
.rouge{color:#FF0000;}
.blanc{color:white;}
img{border:0;}
select{font-size:11px;}
hr{border: 1px dotted white;}

/* page alerte */
.cadrealerte{font-size:14px; font-weight:bold; color:white;}
.input-emailalerte {width:135px;height:19px;line-height:20px;font-size:13px;vertical-align:top;color:#5d5d5d;font-weight:bold;}

textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px; width:600px; height:100px;}
.input-contact{font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px; width:250px;}
.input-antispam{font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px; width:5px;}
input{font-size:11px;}

ul.fleche{list-style-image: url(image/fleche.png); background:#c6dbfe; padding:10px 10px 10px 34px;}
ul.fleche li{padding-bottom:5px;}

ul.liste{list-style:circle;}
ul.liste li{padding-bottom:10px;}

h1, h2, h3{background-image:url("image/hn.jpg"); background-repeat:no-repeat;padding-left:50px; font-size:15px; color:white;}
h1.detail{background:none;font-size:9px; color:white; margin:0px; padding:0px; font-weight:normal;}

.arrondi-gauche, .arrondi-droit{padding:0px; width:7px; height:29px;}
.tab_tri{background:url('image/background-degrade-liste.png');background-repeat:repeat-x; color:#fff; padding-left:20px;}
/* BLOC COMMERCIAL */


#bloc-commercial{width:711px; height:363px; margin:auto; padding-bottom:10px;}/*460*/
#bloc-commercial-1{width:242px; margin: 6px 0px 5px 0px;}
#bloc-commercial-2{width:242px; margin: 6px 0px 5px 0px;}
#bloc-commercial-3{width:242px; margin: 6px 0px 5px 0px;}
#bloc-commercial-4{width:242px; margin: 6px 0px 5px 0px;}

.border_tab{border:1px solid #006; vertical-align:top; padding:10px; line-height:15px;}
.border_tab_titre{border: 1px solid #006; background:url(image/fond_btn.jpg) repeat-x; padding:5px; color:#fff; text-align:center; font-size:12px;}
.border_tab_titre2{border: 1px solid #006; background:url(image/tab_titre_bg.png) repeat-x; padding:5px; color:#fff; text-align:center; font-size:12px; width:50%;}
#tab_info_loc td{border:1px solid #006; vertical-align:top; padding:5px;}
#tab_robien td{border:1px solid #006; vertical-align:top; padding:10px; vertical-align:center;}

/* INFORMATION DPE GES */
#info_dpe_ges{height:295px; width:679px; border:1px solid #bababa; padding:10px; }
#info_dpe_ges_titre{float:left; width:620px; height:30px; font-size:14px; font-weight:bold;}

#info_dpe_tab{float:left; height:282px; width:250px; background:url('image/diag-dpe.png') no-repeat; background-position:0px 21px; margin-left:115px;}
#info_ges_tab{float:left; height:282px; width:250px; background:url('image/diag-ges.png') no-repeat; background-position:0px 21px;}
#info_dpe_fleche, #info_ges_fleche{height:184px; width:31px;float:right; background:url('image/diag-fleche.png') no-repeat; position:relative; color:#fff; padding-left:19px; padding-top:2px}
#info_comp_dpe, #info_comp_ges{float:left; height:55px; width:210px; font-size:10px; font-style:italic;}


/*	tableau liste	*/

.liste_bien{ border-collapse:collapse;margin:15px 0 10px 0; border-right:1px solid #adadad; border-left:1px solid #adadad; border-bottom:1px solid #adadad;}
.liste-en-tete{height:27px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;vertical-align:middle;border:1px solid #adadad;background-image:url('image/background-degrade-liste.png');background-repeat:repeat-x;}
.liste-detail{height:143px;background-color: #F0F0F0; width:699px;}
.liste-photo-defaut{background:white;padding:10px 8px; width:228px;}
.liste_description{padding:5px 10px 5px 5px;vertical-align:top;text-align:left;width:263px;}
.div_description{height:125px;}
.div_ref{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-style:italic;}
.liste_photo_mini{width:165px;vertical-align:middle; text-align:right; padding-right:10px;}

/*	tableau detail	*/

.detail-bien{border-collapse:collapse;width:700px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.border-col{border-collapse:collapse; background-image:url('image/fond-navigation.png'); background-repeat:no-repeat; }
.border-col a:hover{margin:0 2px; text-decoration:none;}

.detail-entete{padding-left:5px;height:35px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;vertical-align:middle;background-image:url('image/background-degrade-detail.png');background-repeat:repeat-x;}
.bg-image-nav{height:50px;}
.table-entete{width:690px;}
.colonne-entete-ville{width:440px;color:white;}
.colonne-entete-prix{width:200px; text-align:right;}

.information-bien{height:143px;border-top:1px solid #adadad;border-bottom:1px solid #adadad;}
.table-info-bien{width:320px;}
.hauteur-ligne-min-photo-defaut{height:203px;}

.detail-photo-defaut{padding:10px 10px 10px 10px;width:310px;}
.taille-image-defaut{width:295px;}

.detail-contact{border-top:1px solid #adadad;padding:2px 10px 0px 10px;}
.curseur{ cursor: pointer;}

.detail-description{padding:0px 10px 10px 10px;vertical-align:top;text-align:left;}

.div-ref{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-style:italic;}

.detail-photo-mini{vertical-align:middle; width:105px; text-align:center;}

#mention-print{width:642px; margin-left:-10px; border-top:1px solid #adadad; padding-top:10px; display:none;}
#print{display:none;}


/* FORMULAIRE Niveau 2*/
fieldset{margin:0 0;margin-bottom:20px;border:1px solid #c3c8d7; width:675px; padding-left:20px;}
legend{padding:0 .5em;color:#0e2b7d;background:transparent;font-size:20px;font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
#formdevisn2 label{width:330px; display:inline-block; line-height:30px;}
#formdevisn2 label.marginl{margin-left:30px;}
#formdevisn2 input{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#formdevisn2 select.marginr, input.marginr{margin-right:65px;}
#formdevisn2 select{width:185px; height:19px;}
#formdevisn2 .btn_devisn2,.btn_devisn2:hover {border:none;background: url('image/btn-devis-n1.jpg') no-repeat;width:300px;height:52px; cursor:pointer;margin-top:10px;padding-bottom:8px; color:#fff; font-size:12px; font-weight:bold;}
.btn_devisn2:hover{border:none;background: url('image/btn-devis-n1.jpg') no-repeat;width:300px;height:52px; cursor:pointer;margin-top:10px;padding-bottom:8px; color:#fff; font-size:12px; font-weight:bold;}



#tri-titre{border:1px solid #000;}
#tri-titre tr{height:35px;}
#tri-titre td{background:url('../image/tri-bg.jpg') repeat-x; padding:5px 5px; text-align:center; font-size:13px; color:white;}

.bgfond{background:url('image/background-degrade-liste.png') repeat-x; color:#fff; font-size:13px;border:1px solid #4577bc; height:25px;}
.ligne-info{padding:5px; vertical-align:top; border:1px solid #4577bc;}
a.url_tab{font-size:14px; color:#fff; text-decoration:none; font-weight:bold;}

/*////////////////////////////// FORMULAIRE DE RAPPEL /////////////////////////////*/
.content-bloc a {
color: #000872;
}

.content-bloc a:hover {
color: #7390c8;
text-decoration: underline;
}
.content-bloc label {
display: inline-block;
width: 230px;
line-height: 22px;
color: #666666;
margin: 2px 0px;
font-size: 11px;
}

.content-bloc input {
margin-right: 23px;
width: 150px;
font-size: 10px;
}

form.formtel label {
font-size: 12px;
line-height: 20px;
margin-bottom: 10px;
}

form.formtel input[type='text'] {
height: 14px;
line-height:14px;
font-size: 12px;
}

.rappel-submit {
margin: 10px 0 25px 232px;
font-size: 12px;
width: 154px;
}

label.tel{display: inline-block; width: 190px; line-height:22px; margin-left:14px;}
input.tel{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px; width:148px;}
select.tel{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; height:21px; width:154px; margin:5px 0 5px 10px}

#arbo_lien{float:left; margin-top:6px;}
#arbo_facebook{float:right; width:200px;}