@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	/*line-height: 13px;*/
	background-color: #002E56;
	/*background-image: url(img/bgblue.gif);*/
	/*background-repeat: repeat;*/
	/*	margin:6px auto auto 6px;*/

}

p, h1, h2, h3 {font-family:Arial, Helvetica, sans-serif;}
p {font-size:11px;}
h3{
	font-size: 10px; 
	font-weight: bold;
	letter-spacing: -1px;
}

a:link, a:visited {
	color: #cc3300;
	text-decoration: none;
	}
	
a:hover {
	color: #660000;
	text-decoration: underline;
	}
	


#wrap {
        position: relative;
	margin :5px auto 0 auto;
        top: 5px;
        left: 20px;
	padding:0;
	width:896px;
	height:716px;
	background:url(img/bgred2.gif) repeat-x 10px;


}



/*
----------------------------------------------------------------
	Header - home page
---------------------------------------------------------------- */

#header {
	width:896px;
	height:367px;
	margin:0;
	padding:0;
	background:transparent url(img/top2.gif) no-repeat top left;
	position:relative;
	

}

#homepic {
	width:896px;
	height:361px;
	/*background-image: url(img/photo_top_3.gif);*/
	background-repeat: no-repeat;
	background-position: left 6px;
}

/*img.homepic {margin-top:6px;}*/


/*
----------------------------------------------------------------
	Menu
---------------------------------------------------------------- */
/*
#menu {
	background:url(img/transparence.png) 0 0 no-repeat;
	height: 279px; 
	width: 218px; 
	position: absolute; 
	z-index: 101;
	top: 44px; 
	left: 4px; margin: 0;
	behavior: url(img/png-opacity.htc);
	
	}
*/
/*	border:1px solid #FFFFFF;*/

/* Accueil sections */
#col2left { position: absolute; display: block; top: 375px;  margin-left: 2px; width: 215px; height: 270px; overflow-y: auto; }
#col2right { position: absolute; display: block;  top: 375px; margin-left: 220px; width: 442px; height: 270px; overflow-y: auto; }
#textzone {
	width:896px;
	height:295px;
	font-family:Arial, Helvetica, sans-serif;
}

#textzone div.gals_container { margin: 0px; padding: 0px 5px 0px 20px; }
#textzone a.gals_thumb { margin: 0px; padding: 0px; }
#textzone img.gals_thumb { margin: 4px; padding: 0px; }

.tdbgred {background:#cc3300;}



#side1 {
	float: left; 
	width: 217px; 
	height:286px;
	background: url(img/home_bg_lbar.gif) no-repeat top left ; 
/*	background:#CCCCCC;*/
	padding:0;
	margin:0 0 0 2px;
	color:#333333;
	overflow:auto;
}

#secmenu {
	margin:10px 5px 5px 5px;
	width:196px;
	overflow:auto;
}

/*#side1 h1, #side1 h2, #side1 p, #textcentre p {font:Arial, Helvetica, sans-serif;}*/
/*#side1 h1, #side1 h2, #side2 h1, #side2 h2, #textcentre h2 {color:#cc3300;}*/
.red {color:#cc3300;}
.black{color:#000000;}
.white, div.biotext h2.white {color:#FFFFFF;}
div.biotext { overflow-y: auto; height: 439px; }
.topmargin15 {margin-top:15px;}

#textcentre  img {padding: 5px;}
#textcentre  img.icones {padding: 0; margin:o;}



#textzone h3{
	font-size: 11px; 
	font-weight: bold;
	letter-spacing: -1px;
}

#side2, #textcentre {overflow-y:auto;}

#side1 h1, #side2 h1, #textcentre h1 {
	font:  12px Arial,Helvetica, sans-serif;
	font-weight: bold;
	padding: 10px 3px 6px 13px; 
}

#side1 h2, #side2 h2, #textcentre h2, h3, .details a, .details {
	font: 11px Arial, Helvetica, sans-serif;
	padding:2px 20px 0 13px;
}
#side1 p, #side2 p, #textcentre p {
	color:#000000;
	font: 11px Arial, Helvetica, sans-serif;
	padding:2px 20px 2px 13px;
	line-height:15px;
}

 

.textcontainer1 {
	display: block;
	height: 260px;
	/*width: 219px;*/
}

.details {float:right; text-align:right; padding:0; margin: 10px 5px 0 0;}

/*#side1 p.details, #textcentre p.details {
	float:right;
	padding:0;
	margin:0;}*/
	
#textcentre {
	width: 219px;
	height:286px;
	margin: 0 439px 0 226px;
/*	background: url(img/test_center.gif) no-repeat top left;*/
	background: url(img/home_bg_cbar.gif) no-repeat top left;
/*	background:#FFFF00;*/
	}
#textcentre.sect-accueil
{
	display: none;
}
#side2 {
	float: right; 
	width: 439px; 
	height:286px;
	background: url(img/home_bg_rbar.gif) no-repeat top left ; 
/*	background:#666666;*/
	padding: 0; 
	margin:0 5px 0 0 ;
}
#side2.sect-accueil
{
	width: 664px;
	background: url(img/home_bg_2_3_bar.gif) no-repeat top left;
}
#side2 img.creation { clear:both; float:right; padding:20px;/*padding: 80px 20px 10px 30px;*/}

/*
----------------------------------------------------------------
	Residentiel
---------------------------------------------------------------- */
img.residentiel {float:right; 
	/*padding:5px 0 4px 10px;*/
	padding:0;
	}




/*
----------------------------------------------------------------
	Footer
---------------------------------------------------------------- */
#footer {
        position: relative;
	margin :0 auto 5px auto;
	padding:0;
	width:896px;
	height:45px;
	margin:0;
	padding:0;
	text-align:left;
	background:transparent url(img/bottom.gif) no-repeat bottom left;
/*	border:1px solid yellow;*/
}

#footer p { position: absolute; left: 2em; top: 1.85em; color: black;  }

img.foot {
        float: right;
	border:0;
	margin-right:8px; 
}

/* OBJECTS PAGE */
#boutique-title { display: block; line-height: 1.5em; margin: 1em 0.8em 0 1em; font-size: 1.1em; font-weight: bolder; text-transform: uppercase; color: #a27a95; }
#object-categories { margin-top: 0.8em; margin-left: 0.6em; }
a.categ-link { display: block; padding-left: 0.4em; line-height: 1.7em; font-size: 0.9em; letter-spacing: 0.1em; font-weight: bold; text-transform: uppercase; }
a.categ-link:hover, a.categ-link.active { text-decoration: none; background-image: url(img/menu_bg_on.png); width: 194px; }
#objects2 { margin-top: 1em; margin-left: 0.6em;  }
a.object-link { display: block; padding-left: 0.4em; line-height: 1.5em; font-size: 0.8em; letter-spacing: 0.1em; font-weight: bolder; text-transform: uppercase; width: 188px;}
a.object-link:hover, a.object-link.active { text-decoration: none; background-image: url(img/menu_bg_on.png); }


#side2 div#object { margin: 1em 0 0 1em; }
#side2 div#views { margin-left: 1em; }
#side2 div#object div, #side2 div#object p, #side2 div#views p { margin: 0; padding: 0; line-height: 1.3em; font-size: 0.8em; }
#side2 div#object .bigred, #side2 div#views .bigred { line-height: 1.5em; font-size: 0.8em; 
    letter-spacing: 0.1em; font-weight: bolder; text-transform: uppercase; color: #cc3300;  }
#side2 div#views .bigred { text-transform: none; margin-top: 5px; letter-spacing: 0px; }
#side2 div#object p.object-label { font-weight: bold; color: #666666; }
#side2 div#object p.object-label, #side2 div#object p.object-value { display: inline; font-weight: bold; }
#side2 div#object p.object-availability { display: inline-block; margin-left: 3em; color: #666666 }
#side2 div#object p.object-label { font-weight: bold; }
#side2 div#views a.object-image-link { display: inline-block; width: 1.2em; }
#object_image_close { display: block; position: absolute; top: -6px; right: -4px; z-index: 999; }
#object_image_dialog { display: block; position: absolute; top: 14px; right: 15px; margin-left: 5px; padding: 3px; z-index: 101; background-color: white; }

div#object div#object-image-container { position: relative; float: right;  }
div#object div#object-image-container img#object-image { display: block; padding: 3px; margin: 0 10px 0 8px; background-color: white; }
div#object div#object-image-container img#object-image-puce { position: absolute; right: -4px; top: 210px; margin-right: 10px; display: block; }