/**** FEUILLE DE STYLE LAFORÊT IMMOBILIER ************************************************************************************/
/*****************************************************************************************************************************/
/**** GÉNÉRAL ************************************************************************************/
*								{ font-family:Arial, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:12px; color:#333; text-align:center; background-color:#fff; }
td								{ font-size:12px; color:#333; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; }
img								{ border:0; }
p								{ margin:0 0 10px 0; text-align:justify; }
form							{ margin:0; padding:0; }
input[type=text],
select, textarea				{ font-size:12px; color:#999; vertical-align:middle; border:1px solid #ccc; }
input[type=text]:focus,
select:focus, textarea:focus	{ color:#333; border:1px solid #ff9100; }

/* couleurs */
.jaune							{ color:#ffb900; }
.orange							{ color:#ff9100; }
.gris							{ color:#828282; }
.color							{ color:#ff9100; }

/* liens */
a								{ color:#333; text-decoration:underline; }
a:hover							{ color:#ff9100; 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; margin:0 0 20px 50px; }
.clear							{ clear:both; height:1px; font-size:1px; }
 
.toppage						{ text-align:right; margin-right:10px; }
.toppage a						{ text-decoration:none; font-size:10px; padding:1px 15px; color:#999; background-color:#fff; border:1px solid #ccc; }
.toppage a:hover				{ background-color:#ffb900; color:#fff; }


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


/**** HEADER ************************************************************************************/
#header							{ border-top:10px solid #ffb900; margin-top:10px; height:230px; position:relative; }
#header h1						{ position:absolute; top:167px; left:260px; font:normal 11px Arial, Helvetica, sans-serif; color:#9b9b9b; letter-spacing:3px; text-transform:uppercase; }
#header h2						{ position:absolute; top:120px; left:260px; font:bold 45px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase; }
#header h2 span					{ font:normal 45px Arial, Helvetica, sans-serif; color:#828282; }
#logo							{ position:absolute; top:10px; left:35px; }


/**** MENU ************************************************************************************/
#menu							{ height:30px; position:relative; }
#menu ul						{ margin:0; padding:0; list-style-type:none; position:absolute; top:80px; left:245px; }
#menu ul li						{ margin:0; padding:40px 0 0 0; display:inline; list-style-type:none; background-repeat:no-repeat; background-position:50% 0; }
#menu ul li, #menu ul li a		{ color:#333; font:normal 16px Arial, Helvetica, sans-serif; text-decoration:none; }
#menu ul li a					{ margin:0 15px; }
#menu ul li a:hover				{ color:#777; }
#menu ul li a.actif				{ color:#ff9100; text-decoration:none; }

#menu ul li.liun				{ background-image:url(../img/01.gif); }
#menu ul li.lide				{ background-image:url(../img/02.gif); }
#menu ul li.litr				{ background-image:url(../img/03.gif); }
#menu ul li.liqu				{ background-image:url(../img/04.gif); }


/**** CONTENT ************************************************************************************/
#content						{ height:auto !important; position:relative; }
.inc							{  }
h2								{ font:normal 30px Arial, Helvetica, sans-serif; color:#828282; }
h3								{ font:normal 18px Arial, Helvetica, sans-serif; color:#ff9100; border-bottom:1px dotted #aaa; padding:0 0 2px 0; margin:15px 0 5px 0px; }

.cadre							{ background:#ffb900 url(../img/bg_jaune.png) repeat-x 0 0; position:relative; text-align:center; }


/**** HOMPAGE ************************************************************************************/
#home .cadre					{ width:388px; height:490px; }
#interieur						{ float:left; }
#exterieur						{ margin-left:400px; }

.cadre .visuel					{ z-index:100; position:absolute; top:10px; left:10px; }
.cadre .zone					{ z-index:10; width:346px; height:160px; padding:60px 10px 10px 10px; position:absolute; top:250px; left:10px; background:#fff url(../img/bg_gris.png) repeat-x 0 100%; font-size:14px; }
.cadre .zone .bighome			{ padding-left:90px; background:url(../img/home-orange.gif) no-repeat 0 0; height:85px; position:relative; text-align:left; }
.cadre .zone .garantie			{ width:184px; height:66px; position:absolute; bottom:10px; right:0; background:url(../img/garantie-entretien.gif) no-repeat 0 0; }
.cadre .zone ul					{ margin:0 0 0 5px; padding:0; position:relative; }
.cadre .zone ul li				{ list-style-image:url(../img/home-jaune.png); margin-bottom:10px; position:relative; }
.cadre .zone ul li .garantie	{ width:127px; height:47px; position:absolute; bottom:-10px !important; bottom:170px; right:0 !important; right:10px; background:url(../img/garantie.gif) no-repeat 100% 100%; }


/**** BOTTOM ************************************************************************************/
#bottom							{ background:url(../img/bg-footer.gif) no-repeat 50% 100%; height:110px; margin-top:15px; position:relative; text-align:center; }
#bottom #coord					{ position:absolute; bottom:5px; right:20px; font:normal 18px Arial, Helvetica, sans-serif; }


/**** FOOTER ************************************************************************************/
#footer							{ position:relative; margin:10px auto; text-align:right; }
#footer ul, #footer ul li		{ margin:0; padding:0; list-style-type:none; }
#footer ul li					{ margin:0; padding:0 0 0 10px; display:inline; }
#footer ul li a					{ color:#a0a0a0; font-size:10px; }


/**** CONTACT ************************************************************************************/
.tab_contact td,
#recrutement table td			{ vertical-align:top; }
.input_contact					{ width:190px; }

#recrutement table				{ width:595px; }