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

#header{height:162px;background-color:#ccc; padding:15px 15px;}
#header-logo{ width:230px;background: url('image/agence-immobiliere.jpg') no-repeat; padding-top:15px; padding-left:35px;}
#header-slogan{width:230px;padding-top:8px; text-align:center; padding-left:24px;}
#header-slogan2 {font-size:18px; color:#fff; float:left; font-family:"Times New Roman", Times, serif; font-weight:bold; margin-top:60px; margin-left:60px;}
#header-image{margin-left:239px; background-color:#000099;}
#header-contenu{background: url('image/agence-immo-marcq-en-baroeul.jpg') no-repeat; background-position:right; background-color:#313131; height:162px;}

#conteneur{width:960px;margin-left:auto;margin-right:auto; background:#fff;}
#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:701px;
min-height:300px;
}

#pied{clear:both;text-align:center;height:93px; padding-top:1px;border-top: 1px dashed #1191bb;}
#arbo{height:25px; margin-top:10px;}

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

#pd-gauche{width:825px;float:left;height:70px;text-align:left; padding-left:10px;}
#pd-droite{width:115px;float:left;height:55px; padding-top:15px;}

/* 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 : #00148e; /* couleur du texte */
	background-color:#fff96b; 
	text-decoration : none; /* on supprime le style par défault des liens (la plupart du temps = souligné) */
	width : 239px; /* 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 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:#fff96b none repeat scroll 0 0; text-align:left; padding-left:10px; width:229px;}
#menu ul li a:hover {background:#dbe5ff none repeat scroll 0 0; text-align:left; padding-left:10px; width:229px;}

#menu li.categorie1 a {background:url("image/menu-off-1.jpg") repeat-x;}
#menu li.categorie1 a:hover {background:url("image/menu-on-1.jpg") repeat-x;}
#menu li.categorie2 a {background:url("image/menu-off-2.jpg") repeat-x;}
#menu li.categorie2 a:hover {background:url("image/menu-on-2.jpg") repeat-x;}
#menu li.categorie3 a {background:url("image/menu-off-3.jpg") repeat-x;}
#menu li.categorie3 a:hover {background:url("image/menu-on-3.jpg") repeat-x;}
#menu li.categorie4 a {background:url("image/menu-off-4.jpg") repeat-x;}
#menu li.categorie4 a:hover {background:url("image/menu-on-4.jpg") repeat-x;}


/* CONTACT PAR TELEPHONE */
div#contact {background:url("image/contacter-agence-immo-delor.jpg") no-repeat; width:235px; height:164px; margin-top:10px; margin-bottom:10px;}
div#formulaire-rappel {padding-left:15px; padding-top:125px;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:18px;line-height:15px;font-size:14px;vertical-align:top;color:#d44192;font-weight:bold;}

/* ALERTE */
div#alerte {width:235px;height:128px; background-image:url("image/alerte-immo-marcq.jpg"); background-repeat:no-repeat; margin-bottom:10px;}
div#email {font-weight:bold; color:#5d5d5d;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;}
li.infos-padding{margin-left:15px; list-style-type:circle;}

*+ html .input-email{padding:0;height:23px;}
.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:#5d5d5d;font-weight:bold;}

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


/* 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-marcq-tab.jpg"); background-repeat: no-repeat; height:90px;}

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

.table-annonce-tri{width:700px; margin-bottom:10px;}
.mc-c1{color:#E0E0E0; font-size:9px;}
.c1{color:#c13d86;}
.c2{color:#1e6788;}
.italic{font-style:italic;}
.center{text-align:center;}
.gras{font-weight:bold;}
.f15{font-size:15px;}

/* PAGE ANNONCE.PHP */
.table-presentation-annonce{width:700px;margin-bottom:10px; border:1px solid #d34192;} 
.table-presentation-photo{width:700px;margin-bottom:10px; border:1px solid #48a4cd; 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; margin-left:0px; width:830px;}
ul#menu_horizontal li {list-style-type :none;display :inline;padding :0 0.45em;}
ul#menu_horizontal li a:link, a:visited, a:active{color:#353535; text-decoration:none;}
ul#menu_horizontal li a:hover{color:#353535; text-decoration:underline;}

/* Liste mot clef en ligne */
ul#mc li {list-style-type :none;display :inline;padding :0 1em;font-size:9px;}
ul#mc li a:link, a:visited, a:active, a:hover{color:#E6E6E6; text-decoration:none;}

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

a:link, a:visited, a:active{color:#1e6788; text-decoration:none;}
a:hover{color:#5d5d5d; text-decoration:underline;}

a.slogan:link, a.slogan:visited, a.slogan:active{color:#e7e200; text-decoration:none; font-size:10px;}
a.slogan:hover{text-decoration:underline;}

a.supeva:link, a.supeva:visited, a.supeva:active, a.supeva:hover{color:#313131;text-decoration:none;font-size:7px; font-weight:bold;}

a.coupdecoeur:link, a.coupdecoeur:visited, a.coupdecoeur:active{color:#51610e; text-decoration:none;}
a.coupdecoeur:hover{color:black; text-decoration:none;}

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

/* page alerte */
.cadrealerte{color:#5d5d5d;font-size:14px; font-weight:bold;}
.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.gif);}
ul.fleche li{padding-bottom:5px;}

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

.h1-vert{background-image:url("image/location-appartement-marcq.jpg"); background-repeat:no-repeat;padding-left:50px; font-size:15px; color:#5d5d5d;}
.h1-violet{background-image:url("image/location-commerce-marcq.jpg"); background-repeat:no-repeat;padding-left:50px; font-size:15px; color:#5d5d5d;}
.h1-bleu{background-image:url("image/vente-appartement-marcq.jpg"); background-repeat:no-repeat;padding-left:50px; font-size:15px; color:#5d5d5d;}
.h1-orange{background-image:url("image/vente-immeuble-rapport-marcq.jpg"); background-repeat:no-repeat;padding-left:50px; font-size:15px; color:#5d5d5d;}
h1{font-size:12px;}
/* BLOC COMMERCIAL */


#bloc-commercial{width:711px; height:460px; margin:auto; padding-bottom:10px;}
#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 #aaa; vertical-align:top; padding:10px; line-height:15px;}
.border_tab_titre{border: 1px solid #aaa; background:url('image/fond_btn.jpg') repeat-x; padding:5px; color:#fff; text-align:center; font-size:12px;}
.border_tab_titre2{border: 1px solid #aaa; 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 #aaa; vertical-align:top; padding:5px;}
#tab_robien td{border:1px solid #aaa; vertical-align:top; padding:10px; vertical-align:center;}


/* INFORMATION DPE GES */
#info_dpe_ges{height:295px; width:620px;}
#info_dpe_ges_titre{float:left; width:620px; height:30px; font-size:14px; font-weight:bold;}

#info_dpe_tab{float:left; height:282px; width:270px; background:url('image/diag-dpe.png') no-repeat; background-position:0px 21px;}
#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:45px;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:225px; font-size:10px; font-style:italic;}