/**** FEUILLE DE STYLE ZAMBON ENTREPRISES ************************************************************************************/
/*****************************************************************************************************************************/
/**** GÉNÉRAL ************************************************************************************/
*								{ font-family:Arial, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:12px; color:#fff; text-align:center; background:#505050 url(../images/bg.gif) repeat-x 0 0; }
td								{ font-size:12px; color:#333; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; position:relative; }
img								{ border:0; }
p								{ margin:15px 0; line-height:18px; text-align:justify; }
form							{ margin:0; padding:0; }
input[type=text],
select, textarea				{ font-size:12px; color:#777; vertical-align:middle; border:1px solid #555; }
input[type=text]:focus,
select:focus, textarea:focus	{ color:#333; border:1px solid #ff9600; }
label							{ color:#fff; font-weight:bold; }

/* couleurs */
.rouge							{ color:#c00; }
.rouge2							{ color:#a00000; }
.orange							{ color:#ff9600; }
.color							{ color:#ff9600; }

/* liens */
a								{ color:#fff; text-decoration:underline; }
a:hover							{ color:#c00; }

/* listes */
ul, ul li						{ margin:0; padding:0; }
ul li							{ list-style-type:none; list-style-image:url(../images/li.gif); margin:0 0 10px 40px; padding:0; text-align:left; }
ul li ul li						{ list-style-image:url(../images/fl_blanc.gif); margin:5px 0 5px 40px; }

/* 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:right; }
.toppage a						{ text-decoration:none; font-size:10px; padding:1px 15px; color:#fff; border:1px dotted #999; background-color:#505050; }
.toppage a:hover				{ background-color:#ff9600; }

/**** STRUCTURE ************************************************************************************/
#all							{ margin:auto; width:960px; text-align:left; }
.inc							{ padding:0; margin:0 auto; width:960px; text-align:left; height:auto !important; }

#sidebar						{ width:200px; float:left; position:relative; }
#content						{ margin-left:210px; width:750px !important; width:745px; padding:0; }

.page							{ padding:10px 20px 20px 20px; background-color:#646464; position:relative;}

/**** HEADER ************************************************************************************/
#header							{ height:100px; position:relative; }
#header h1, #header h2			{ color:#fff; text-align:right; text-transform:uppercase; }
#header h1						{ position:absolute; top:26px; right:0; font:normal 14px "Trebuchet MS" Arial; }
#header h2						{ position:absolute; top:2px; right:160px; font:bold 24px "Trebuchet MS" Arial; background:none; }
#header h2 strong				{ font:bold 24px "Trebuchet MS" Arial; color:#000; }
#header .phone					{ position:absolute; top:2px; right:0; font:bold 24px "Trebuchet MS" Arial; color:#fff; letter-spacing:-1px; }
#logo							{ position:absolute; top:0; left:0; }

#menu							{ position:absolute; bottom:-3px; right:0; }
#menu ul, #menu ul li			{ margin:0; padding:0; list-style-type:none; }
#menu ul li						{ display:inline; float:left; }
#menu ul li a					{ float:left; margin-left:1px; color:#fff; font:bold 12px Arial; text-decoration:none; padding:8px; }
#menu ul li a:hover,
#menu ul li a.actif				{ color:#646464; background:url(../images/bg_menu.png) repeat-x 0 0; }

#signature						{ position:relative; height:46px; }
#signature img					{ position:absolute; top:12px; right:0; }

#breadcrumb						{ margin:10px 0 5px 0; padding-left:5px; }
#breadcrumb, #breadcrumb a		{ color:#fff; }


/**** FOOTER ************************************************************************************/
#footer							{ position:relative; margin:0; padding:10px 0; background:#464646 url(../images/bg_footer.gif) repeat-x 0 0; }
#footer	.inc					{ background:none; }
#mentions ul, #mentions ul li	{ margin:0; padding:0; list-style-type:none; text-align:right; }
#mentions ul li					{ margin:0; padding:0; display:inline; }
#mentions ul li a,
#footer #coord					{ margin:0; padding:0; color:#fff; font-size:10px; text-decoration:none; }
#footer #coord					{ float:left; text-align:left; }
#mentions ul li a:hover			{ text-decoration:underline; }


/**** SIDEBAR ************************************************************************************/
.cadre							{ padding:55px 10px 10px 10px; margin-bottom:10px; }

.cadre ul,.cadre li				{ margin:0; padding:0; color:#fff; }
.cadre ul						{ margin:5px 0 0 10px; padding:0; }
.cadre ul li					{ margin-bottom:2px; }
.cadre li a						{ color:#fff; text-decoration:none; }
.cadre li a:hover				{ text-decoration:underline; color:#ff9600; }
.cadre li a.actif				{ color:#ff9600; }

#activites						{ background:#646464 url(../images/top_activites.gif) no-repeat 0 0; }
#activites ul, #activites li	{ list-style-image:url(../images/fl_rouge.gif); }
#activites li a					{ font-size:14px; }

#adresse						{ position:relative; padding:55px 0 0 0; background:#646464 url(../images/top_adresse.gif) no-repeat 0 0; }
#adresse ul li					{ margin-left:15px; }
#adresse ul li span				{ font-size:18px; display:block; margin-top:10px; }
#adresse ul li span em			{ color:#333; font-style:normal; }
.agence							{ position:relative; margin:10px 0 0 3px; }

#search							{ background:#ffa000 url(../images/top_recherche.gif) no-repeat 0 0; }
#search label					{ color:#555; display:block; }
#search select					{ width:150px; margin-bottom:10px; }


/**** CONTENT ************************************************************************************/
h2								{ font:normal 36px "Trebuchet MS"; color:#fff; text-transform:uppercase; margin-bottom:20px; background:url(../images/barh.gif) repeat-x 0 34px; }
h3								{ font:normal 24px Arial; color:#fff; margin-top:10px; border-left:3px solid #c00; padding-left:5px; }
h3 a							{ text-decoration:none; }
h3 span							{ font:normal 24px Arial; font-style:italic; color:#ff9600; }
h4								{ font:normal 18px Arial; color:#fff; }
h4 strong						{ font:normal 24px Arial; color:#ff9600; }
h5								{ font:normal 24px Arial; color:#fff; background-color:#ff9600; margin:10px 0; border-left:3px solid #fff; padding-left:5px; }

.tab							{ margin:0; border-collapse:collapse; }
.tab td, .tab th				{ padding:1px; }
.tab th							{  }

.colLeft, .colRight				{ width:330px; }
.colLeft						{ padding-right:15px; float:left; border-right:1px solid #919191; }
.colRight						{ margin-left:370px !important; margin-left:365px; }

.colonne						{ float:left; width:335px; }

#outils							{ padding:3px 10px; text-align:right; }
#outils ul, #outils ul li		{ margin:0; padding:0; list-style-type:none; text-align:right; }
#outils ul li					{ margin:0; padding:0 0 0 5px; display:inline; }
#outils ul li a					{ color:#808080; font-size:10px; }
#outils ul li a:hover			{ color:#333; font-size:10px; }
li.li_print a					{ background:url(../images/print.gif) no-repeat 100% 0; padding-right:15px; }

.link							{ text-align:right; }
.link a							{ color:#333; }
.link a:hover					{ color:#ff9600; }

.btOffres						{ text-align:center; margin-top:20px; }

/**** HOMEPAGE ************************************************************************************/
#diaporama						{ height:180px; margin-bottom:10px; }

.home							{ margin-top:20px; padding:0; }
.home td						{ vertical-align:top; }
.home h4						{ padding:0 0 0 20px; margin:0; border-style:solid; border-width:3px 0 0 0; background-repeat:no-repeat; background-position:0 1px; }
#homeVendeur h4 a,
#homeEstimation h4 a			{ text-decoration:none; color:#fff; }
#homeVendeur p,
#homeEstimation p				{ margin:0 0 0 20px; width:200px; }

#homeVendeur					{ background:url(../images/maison.gif) no-repeat 100% 10px; }
#homeVendeur h4					{ border-color:#a00000; background-image:url(../images/titre_rouge2.gif); }
#homeVendeur a					{ color:#333; }
#homeVendeur a:hover			{ color:#fff; }

#homeEstimation					{ background:url(../images/euro.gif) no-repeat 100% 70%; }
#homeEstimation h4				{ border-color:#c00; background-image:url(../images/titre_rouge.gif); }

#homeExclus						{ height:auto !important; height:180px; min-height:180px; }
#homeExclus h4					{ border-color:#ff9600; background-image:url(../images/titre_orange.gif); }
#homeExclus ul li				{ margin:10px 0 0 15px; padding:0 0 20px 0; background:url(../images/barh_orange.gif) repeat-x 0 100%; }
#homeExclus ul li a				{ color:#ff9600; font-weight:bold; display:block; }


#edito h3						{ border:none; margin-top:40px; padding:0; }
#edito p						{ font-size:14px; }


/**** PAS DE PORTE ************************************************************************************/
#carte							{ position:relative; }
.carte							{ position:absolute; right:2px; bottom:2px !important; top:135px; }

.searchPdp						{ background:url(../images/titre_search.gif) no-repeat 0 0; margin-top:50px; padding-top:70px; }
.searchPdp table td				{ text-align:right; padding:5px; }
.searchPdp table td select		{ width:170px; }


/**** TRANSACTIONS ************************************************************************************/
#realisations .toppage			{ clear:left; }

ul.sheet, ul.sheet li			{ margin:0; padding:0; }
ul.sheet li						{ display:inline; list-style:none; list-style-image:none; margin:0 20px 20px 0; width:200px; padding:5px; float:left; background-color:#fff; }
.sheet img						{ width:200px; height:150px; }
.sheet p						{ margin:0; text-align:center; line-height:12px; color:#777; font-size:10px; }
.sheet strong					{ display:block; font-size:12px; color:#333; }

#transactions					{ width:700px; margin:10px 0; }
.transaction					{ overflow:hidden; }

.onglet							{ position:relative; text-align:left; }
.onglet ul, .onglet ul li		{ margin:0; padding:0; }
.onglet ul li					{ display:inline; list-style:none; list-style-image:none; }
.onglet ul li a					{ background-color:#c00; color:#fff; text-align:center; font-weight:bold; text-decoration:none; padding:5px 30px; }
.onglet ul li a:hover			{ background-color:#a00000; color:#fff; }
.onglet ul li a.actif			{ background-color:#ff9600; }


/**** RECHERHCE ************************************************************************************/
.result							{ background:#646464 url(../images/bg_gris.png) repeat-x 0 0; margin:0 0 20px 0; padding:5px 20px; border:1px solid #aaa; }
.result img						{ border:1px solid #aaa; position:relative; float:left; margin:10px 20px 5px 0; width:80px; }
.result .content_result			{ margin-left:100px; }
.result a:hover img				{ border:1px solid #ff9600; }
.result h3 strong				{  }
.result h4						{ padding-left:10px; }
.result h4 span					{ background-color:#be0000; color:#fff; padding:0 3px; }
.result p						{ margin-left:10px; }


/**** CONTACT ************************************************************************************/
.tab_contact					{ margin:20px 0; }
.tab_contact input[type=text]	{ width:225px; }
.tab_contact label				{ float:right; margin-right:10px; }
.input_contact					{ width:190px; }


/**** ADRESSES UTILES ************************************************************************************/
#adresses ul li a				{ font-size:16px; color:#ff9600; }


/**** TAGS ************************************************************************************/
#tags							{ margin:0 auto 10px auto; width:740px; height:160px; position:relative; background:url(../images/bg_tags.png) no-repeat 0 0 !important; background:url(../images/bg_tags.gif) no-repeat 0 0; }
#tags *							{ margin:0; padding:0; border:none; text-decoration:none; text-transform:uppercase; }
#tags h2 a						{ position:absolute; top:24px; left:55px; color:#ff6739; font:bold 24px "Trebuchet MS" Arial; }
#tags h3 a						{ position:absolute; top:42px; left:84px; color:#ff9e79; font:normal 24px "Trebuchet MS" Arial; }
#tags h4 a						{ position:absolute; top:69px; left:36px; color:#ff6739; font:normal 35px "Trebuchet MS" Arial; }
#tags h5 a						{ position:absolute; top:92px; left:145px; color:#ff7634; font:bold 18px "Trebuchet MS" Arial; }
#tags h6 a						{ position:absolute; top:110px; left:135px; color:#ff6739; font:normal 20px "Trebuchet MS" Arial; }
#tags strong.h7					{ position:absolute; top:25px; right:152px; color:#fff; font:normal 24px "Trebuchet MS" Arial; }
#tags strong.h8					{ position:absolute; top:45px; right:45px; color:#ffa56e; font:normal 24px "Trebuchet MS" Arial; }
#tags strong.h9					{ position:absolute; top:65px; right:200px; color:#ff9e79; font:bold 30px "Trebuchet MS" Arial; }
#tags strong.h10				{ position:absolute; top:80px; right:58px; color:#ffa56e; font:normal 24px "Trebuchet MS" Arial; }
#tags strong.h11				{ position:absolute; top:98px; right:116px; color:#ff6739; font:normal 24px "Trebuchet MS" Arial; }
#tags span						{ position:absolute; top:71px; right:24px; color:#ff7634; font:normal 40px Arial; }

