/**** FEUILLE DE STYLE DENARP ************************************************************************************/
/*****************************************************************************************************************************/
/**** GÉNÉRAL ************************************************************************************/
*								{ font-family:Arial, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:12px; color:#333; text-align:center; background:#d2d2d2 url(../images/bg.jpg) repeat-x 0 0; }
td, th							{ font-size:12px; color:#333; vertical-align:top; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; }
img								{ border:0; }
p								{ margin:10px 0; text-align:justify; }
form							{ margin:0; padding:0; }
input[type=text],
select, textarea				{ font-size:12px; color:#777; vertical-align:middle; border:1px solid #aaa; }
input[type=text]:focus,
select:focus, textarea:focus	{ border:1px solid #f50; color:#333; }

/* couleurs */
.gris							{ color:#909090; }
.gris_clair						{ color:#e4e4e4; }
.gris_fonce						{ color:#5a5a5a; }
.gris_fonce2					{ color:#444444; }
.color							{ color:#f50; }

/* liens */
a								{ color:#000; text-decoration:underline; }
a:hover							{ color:#444; text-decoration:underline; }

/* listes */
ul, ul li						{ margin:0; padding:0; }
ul li							{ list-style-type:square; margin:0 0 5px 40px; padding:0; text-align:justify; }

/* Alignements */
.align_right					{ text-align:right; }
.align_left						{ text-align:left; }
.align_center					{ text-align:center; }
.left							{ float:left; }
.right							{ float:right; }
.clear							{ clear:both; height:1px; font-size:1px; }
 
.toppage						{ text-align:center; margin-right:10px; }
.toppage a						{ text-decoration:none; font-size:10px; padding:1px 15px; color:#777; border:1px solid #a0a0a0; }
.toppage a:hover				{ background-color:#999; color:#fff; }

.back							{ text-align:right; }
.back a							{ text-decoration:none; font-size:12px; padding:1px 15px; color:#fff; border:1px solid #ddd; }
.back a:hover					{ background-color:#f50; color:#fff; }

/**** STRUCTURE ************************************************************************************/
#all							{ /*position:relative;*/ margin:auto; width:900px; text-align:left; }

/**** HEADER ************************************************************************************/
#header							{ height:200px; position:relative; }
h1								{ position:absolute; top:78px; left:100px; font:normal 8px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; letter-spacing:1px; padding:0 90px 0 10px; background:url(../images/bg_title.gif) no-repeat 100% 0; }
#name							{ position:absolute; top:25px; left:100px; }
#logo							{ position:absolute; top:25px; left:0; }
#phone							{ position:absolute; top:45px; right:0; }
#email-denarp					{ position:absolute; top:20px; right:0; }

#lang							{ position:absolute; top:0; right:0; padding:3px 10px; background-color:#828282; }
#lang ul, #lang ul li			{ margin:0; padding:0; }
#lang ul li						{ display:inline; margin-right:5px; }
#lang ul li a					{ color:#fff; font-size:10px; padding-right:18px; }
#lang ul li.fr a				{ background:url(../images/fr.gif) no-repeat 100% 0; }
#lang ul li.en a				{ background:url(../images/en.gif) no-repeat 100% 0; }

#menutop						{ position:absolute; top:110px; left:0; width:900px; }
#menutop div					{ width:750px; margin:0 auto; }
#menutop ul, #menutop ul li		{ margin:0; padding:0; list-style-type:none; }
#menutop ul li					{ display:inline; }
#menutop ul li a				{ height:86px; background-repeat:no-repeat; background-position:0 0; float:left; margin:0 60px; }
#menutop ul li a:hover			{ background-position:0 -86px; } 
#menutop ul li.bt_acheter_fr a		{ background-image:url(../images/bt_acheter_fr.gif); width:131px; }
#menutop ul li.bt_vendre_fr a		{ background-image:url(../images/bt_vendre_fr.gif); width:128px; }
#menutop ul li.bt_louer_fr a		{ background-image:url(../images/bt_louer_fr.gif); width:128px; }

#menutop ul li.bt_acheter_en a		{ background-image:url(../images/bt_acheter_en.gif); width:131px; }
#menutop ul li.bt_vendre_en a		{ background-image:url(../images/bt_vendre_en.gif); width:128px; }
#menutop ul li.bt_louer_en a		{ background-image:url(../images/bt_louer_en.gif); width:128px; }

/* A FAIRE
 * 
 * A chaque image créée, contenant du texte et etant insérée via css
 * -> créer l'image équivalente pour les images anglaise
 * -> voir exemple css ci-dessus bt_acheter, bt_vendre ... et dans les templates -> /site/apps/denarp/templates/_menu.php
 * 
 * */


/**** MENU ************************************************************************************/
#menu							{ text-align:center; padding:3px 0; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; }
#menu ul, #menu ul li			{ margin:0; padding:0; list-style:none; }
#menu ul li						{ display:inline; }
#menu ul li a					{ padding:3px 30px; color:#5a5a5a; font-size:14px; text-decoration:none; }
#menu ul li a:hover,
#menu ul li a.actif				{ color:#fff; background-color:#5a5a5a; }

/**** CONTENT ************************************************************************************/
#content						{ padding:10px 0 30px 0; height:auto !important; position:relative; }

h2								{ font:26px normal "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; margin:0; text-transform:uppercase; border-bottom:1px dotted #ccc; padding-left:20px; background:url(../images/carre.gif) no-repeat 0 6px; }
h2 span							{ color:#555; }
h2 a							{ font:26px normal "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; margin:0; text-transform:uppercase; text-decoration:none; padding-left:20px; background:url(../images/carre.gif) no-repeat 0 6px; float:right; }
h2 a:hover						{ color:#555; text-decoration:none; }
h3, h3 a						{ font:18px normal "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; margin:10px 0 20px 0; text-decoration:none; }

.intro							{ float:right; width:350px; margin-left:20px; }
.intro h3						{ color:#f50; font-size:16px; margin:0; }
.intro p						{ margin:0 0 10px 0; }
.intro ul li					{ margin:0 0 10px 15px; padding:0; }

.cadre							{ background-color:#fff; padding-bottom:10px; }
.white							{ color:#fff; }

/**** FOOTER ************************************************************************************/
#footer							{ position:relative; margin:auto; width:900px; text-align:right; margin-top:20px; }
#footer ul						{ float:right; }
#footer ul, #footer ul li		{ margin:0; padding:0; list-style-type:none; }
#footer ul li					{ margin:0; padding:0 5px 0 5px; display:inline; }
#footer ul li a,				
#footer #CoordPrint				{ margin:0; padding:0; color:#797979; font-size:10px; text-decoration:none; }
#footer #CoordPrint				{ text-align:left; }



/**** ACCUEIL ************************************************************************************/
.bando							{ width:900px; height:285px; position:relative; }
.bg_carte						{ float:left; width:240px; height:285px; text-align:center; background:url(../images/bg_carte.png) no-repeat 50% 50%; position:relative; }
.bg_carte div					{ position:absolute; left:50%; top:50%; width:230px; height:190px; margin-top:-95px; margin-left:-115px; }
.bg_carte a						{ font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; line-height:30px; text-decoration:none; }
.bg_carte a strong				{ font:normal 45px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; line-height:45px; }
.bg_carte a:hover				{ color:#f50; text-decoration:none; }
#visuel							{ /*margin-left:250px;*/ position:absolute; top:0; right:0; }


/**** ACHETER / LOUER ************************************************************************************/
#incacheter						{ height:auto !important; height:460px; min-height:460px; }

.cadre h6						{ background-color:#444; color:#fff; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; padding:2px; }
#incontournable					{ width:200px; text-align:center; float:left; }
#incontournable p				{ text-align:center; margin:5px auto 10px auto; }
#incontournable span			{ display:block; }
#incontournable strong			{ display:block; color:#f50; }
#incontournable em				{ display:block; font-size:10px; color:#999; }
#incontournable img				{ display:block; margin:10px auto 0 auto; border:1px solid #aaa; width:180px; }

#search							{ width:240px; margin-left:215px; }
#search p						{ text-align:left; }
#search div						{ padding-bottom:5px; margin-bottom:5px; }
#search div h6					{ background-color:#444; color:#fff; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:2px 5px; }
#search div ul, #search div p	{ margin:10px auto; }
#search div ul					{ padding:0; }
#search div ul li				{ list-style:none; margin:0 0 0 10px; padding:0; }
#search div p					{ padding:0; }

.carte							{ position:absolute; top:65px; right:0; width:414px; height:420px; }


/******* LISTING *************************************************/
/* Barre noire */

.navbar							{ background-color:#444; color:#fff; padding:5px 10px; margin-bottom:5px; }
.navbar a, .multipage a			{ color:#fff; text-decoration:none; font-weight:bold; }
.multipage						{ margin-top:5px; }
.multipage ul					{ margin:0; padding:0; }
.multipage ul li				{ display:inline; list-style-type:none; margin:0; padding:0; }
.multipage ul li a				{ padding:2px 6px; background-color:#666; }
.multipage ul li a:hover		{ background-color:#555; }
.multipage .actif a				{ background-color:#f50; }
.multipage .cross a				{ background-color:#888; }

.navbar a:hover,
.multipage a:hover				{ color:#f50; }
.navbar strong					{ font:bold 18px Arial; color:#f50; }
.multipage						{ float:right; position:relative; }

/* Liste d'un bien après recherche */
.list_bien						{ background-color:#fff; padding:10px 50px 10px 10px; margin:0 0 5px 0; }
.list_bien .ombre				{ float:left; text-align:center; padding-bottom:7px; background:url(../images/ombre_220.jpg) no-repeat 50% 100%; position:relative; }
.list_bien img					{ margin:0 auto; border:2px solid #fff; }
.list_bien .resum				{ margin-left:260px; }
.list_bien h3					{ text-transform:uppercase; margin:0; padding:0; }
.list_bien h4					{ font:normal 14px Arial; color:#827d78; font-style:italic; }
.list_bien h4 span				{ color:#f50; font-style:normal; font-weight:bold; }
.list_bien .link				{ margin-top:20px; }
.list_bien .link a				{ font-weight:normal; }
.list_bien .link:first-letter	{ font-weight:bold; font-size:16px; line-height:0; letter-spacing:2px; }

.link							{ text-align:right; }
.link ul, .link ul li			{ text-align:right; margin:0; padding:0; list-style-type:none; }
.link ul li						{ margin-bottom:8px; }
.link a,
input[type=submit]				{ background-color:#f50; border:1px solid #fff; color:#fff; padding:3px 15px; text-transform:uppercase; text-decoration:none; font:normal 14px Arial; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; }
.link a:hover					{ background-color:#333; color:#fff; }
.link li.lialerte a				{ background-color:#9b0; }
.link li.lialerte a:hover		{ background-color:#333; }

/* Détail d'un bien */
.detail_bien, .marges			{ background-color:#fff; padding:10px; margin:0 0 5px 0; }
.detail_bien .zoom				{ float:left; width:470px; text-align:center; position:relative; }
.detail_bien .ombre				{ width:470px; margin:0 auto; padding-bottom:12px; background:url(../images/ombre_470.jpg) no-repeat 50% 100%; }
.detail_bien .ombre img			{ border:2px solid #fff; }
.detail_bien .zoom .diaporama	{ display:none; }

.detail_bien .resum				{ margin-left:490px; }
.detail_bien .thumbs			{ margin:0 0 15px 0; }
.detail_bien .thumbs img		{ width:66px; height:50px; margin:1px; }
.detail_bien h3					{ text-transform:uppercase; margin:0; padding:0; }
.detail_bien h4					{ font:normal 14px Arial; color:#827d78; font-style:italic; }
.detail_bien h4 span			{ color:#f50; font-style:normal; }
.detail_bien .link				{ margin-top:20px; }

/* DPE */
.dpeDetail							    { display:block; margin:10px 0; }
.dpeDetail h2							  { font-size:16px; }
.dpeDetail table						{ width:380px; position:relative; border-collapse:collapse; }
.dpeDetail th							  { width:50%; }
.dpeDetail thead th					{ font-size:11px; }
.dpeDetail tfoot td,
.legend p		                { font-size:10px; color:#999; }

.dpe             { position:relative; width:180px; }
.dpe div         { position:absolute; z-index:100; right:2px; text-align:right; font-weight:bold; color:#fff; font-size:10px; }
.dpe div.dpe-a   { top:21px; }
.dpe div.dpe-b   { top:45px; }
.dpe div.dpe-c   { top:69px; }
.dpe div.dpe-d   { top:93px; }
.dpe div.dpe-e   { top:117px; }
.dpe div.dpe-f   { top:141px; }
.dpe div.dpe-g   { top:165px; }

.legend							        { margin:10px 0; padding:5px; border:1px dotted #bbb; }
.legend p						        { margin:0; }
.legend strong					    { color:#777; }

/**** VENDRE ************************************************************************************/
#incvendre .intro				{ width:400px; }
#incvendre .intro ul li			{ margin-bottom:5px; }

#vendus							{ margin:20px auto 0 auto; text-align:center; }
#vendus img						{ border:2px solid #ccc; margin:10px 10px 0 10px; }


/**** LOUER ************************************************************************************/
#inclouer						{ }


/**** QUARTIERS ************************************************************************************/
#quartiers_carte				{ margin:0 auto; width:414px; }

#quartier p						{ line-height:18px; }
#quartier h2					{ font:36px normal "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:none; padding-left:0; background:none; }

.onglet							{ width:510px; margin:15px 0; text-align:right; }
.onglet ul						{ margin:0 0 20px 0; padding:0; }
.onglet ul li					{ margin:0; padding:0; }
.onglet ul li					{ display:inline; list-style:none; }
.onglet ul li a					{ background-color:#999; color:#fff; text-decoration:none; padding:2px 30px; }
.onglet ul li a:hover			{ background-color:#f50; color:#fff; }

.histoire, .scolarite			{ width:510px; }
.histoire em					{ color:#333; font-size:16px; }

.scolarite strong				{ display:block; }
.scolarite em					{ color:#777; font-size:12px; display:block; }
.scolarite ul					{ margin:0 0 15px 0; }
.scolarite h4					{ color:#fff; font-size:12px; padding:1px 5px; margin:0 0 10px 0; background-color:#f50; }

.photo							{ float:right; margin:10px 0 10px 40px; }
.maj:first-letter				{ font-size:24px; font-family:Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; }
.localiz						{ display:none; float:right; margin:0 0 10px 40px; }

/**** ALERTE EMAIL ************************************************************************************/
.tab_list						{ width:600px; }
.tab_list th, .tab_list td		{ width:50%; border-bottom:1px dotted #f50; padding:3px 0 5px 5px; }
.tab_list th					{ font-weight:normal; }
.tab_list td.link a				{ font-size:12px; }

/**** CONTACT ************************************************************************************/
#inccontact .link				{ text-align:left; margin-bottom:15px; }
#inccontact .intro ul li a		{ color:#f50; }
#inccontact .right				{ margin:0 0 10px 25px; }

#inccontact .intro				{ width:400px; }
.coord							{ border-left:5px solid #fff; padding-left:10px; margin:0 0 15px 0; }
.coord h3						{ color:#fff; font-size:16px; margin:0; }
.coord ul						{ margin:0; padding:0; }
.coord ul li					{ list-style:none; margin:0; padding:0; }

.chpsobli						{ font-size:10px; margin:0; }
.tab							{ margin: 0; }
.tab td							{ vertical-align:top; }
.tab th							{ width:130px; font-weight:normal; }
.tab th span					{ color:#f50; }
.inputReset						{ width:190px; }
.error							{ display:block; font-size:10px; color:#fff; background-color:#f50; padding:0 2px; }