body
{
	background-image:	url(../img/fond_up_1024x768.jpg);
	background-color:	#414143;
	/**/	background-attachment:	fixed;
	font-family:	arial;
	font-weight:	normal;
	font-size:	14px;
	color:	white;
	1border:	solid 1px red;
	
	overflow:	hidden;  
	height:	100%;
}
a	{
	font-weight:	bold; 
	text-decoration:	none;
	color:	white;
}
a.link	{color:	#FFCC66;}
#h_20	{1border:	solid 1px lightgreen;	width:100%;	height:	20px;}
#h_60	{1border:	solid 1px lightgreen;	width:100%;	height:	60px;}

#navbar
{
	position:	absolute;
	top:	3px;
	left:	670px;
	width:	120px;
	height:	20px;
	text-align:	center;
	padding:	4px;
	
	border:	solid 1px red;
}
#image_zoom
{
	display:	none;
	
	border:	solid 2px gray;
	position:	absolute;
	top:	5px;
	left:	100px;
	width:	630px;
	z-index:	99;
}
/*	==========================	menu	-	BEGIN	========================== */
#menu
{
	position:	absolute;
	top:	0px;
	left:	0px;
	width:	190px;
	height:	130px;
	
	1border:	solid 1px blue;
	z-index:	98;
}
#img_mini_up_site	{	width:100px;}
.option2 a:hover
{	
	/*	http://www.webcredible.co.uk/user-friendly-resources/css/rollover-buttons.shtml	*/
	/**/	color:	orange;
	/**/	text-decoration:	underline;
}
.option1,.option2 	{width:190px; height:	25px; background-color:	#6E7156; 	/**/	cursor:	pointer;}
.option1	{border:	solid 1px gray;}
.option2
{
	border-right:	solid 1px gray;	border-left:	solid 1px gray;
}
.option1_text	{padding-top:	3px;	padding-left:	5px;}
.option2_text	{padding-top:	3px;	padding-left:	15px; 1border:	solid 1px red;}
.option1,.option2 a	{font-weight:	normal;}
/*	==========================	menu	-	END	========================== */

#annonce
{
	position:	absolute;
	top:	117px;
	left:	7px;
	width:	326px;
	height:	55px;
	
	1border:	solid 1px blue;
}
.annonce .address	{font-size:	11px;}
div#annonce div#content .title1	{	color:	#FF6633;	font-size:	16px;	font-weight:	bold;}
div#annonce div#content .title2	{	color:	#FF6633;	font-size:	14px;	font-weight:	bold;}

/* $$$$$$ */
#left, #left_background
{
	position:	absolute;
	top:	147px;
	left:	0px;
	width:	780px;
	height:	280px;
	margin:	7px;
	
	z-index:	3;
	1border:	solid 1px green;
}
#left_background
{
	
	width:	246px;
	background-color: orange;
	filter:alpha(opacity=5);
	opacity: 0.05;
	-moz-opacity:0.05;
	
	z-index:	2;
}
#right
{
	position:	absolute;
	top:	25px;
	/*right:	0px;*/
	left:	340px;
	width:	446px;
	height:	90%;
	
	/*	http://www.ibilab.net/webdev/articles/CSS/position-fixed-pour-tous-navigateurs-2.htm	*/
	/**/	overflow:	auto;
	1border:	solid 1px blue;
	
	
	scrollbar-face-color: #444446;
	scrollbar-shadow-color: #444446;
	scrollbar-highlight-color: #444446;
	scrollbar-3dlight-color: #2B2A2A;
	1scrollbar-darkshadow-color: #444446;
	scrollbar-track-color: #444446;
	scrollbar-arrow-color: white;
   
}

/*	lamaizon	*/
.flyer_image	{width:	400px;	border:	solid 1px black}

/*	elle_roulent	*/
#image_picture	{width:	388px;}

/*	==========================	newsletter	-	BEGIN	========================== */
/* $$$$$$ */
#welcome_en	{position:absolute;	top:60px;	left:70px;	width:395px;	height:175px;	border:solid 1px gray;}
#welcome_en	#content	{margin:0;	position:absolute;	top:15px;	left:15px;	width:360px;	height:130px;	1border:solid 1px orange;}
#welcome_fr	{position:absolute;	top:60px;	left:530px;	width:395px;	height:175px;	border:solid 1px gray;}
#welcome_fr	#content	{margin:0;	position:absolute;	top:15px;	left:15px; width:360px;	height:130px;	1border:solid 1px orange;}
/*	==========================	newsletter	-	END	========================== */
/*	==========================	newsletter	-	BEGIN	========================== */
/*$$$$$*/
#welcome_en	{position:absolute;	top:2.5em;	left:3em;	width:31em;	height:13em;	border:solid 1px gray;}
#welcome_en	#content	{margin:0;	position:absolute;	top:15px;	left:15px;	width:28em;	height:12em;	1border:solid 1px orange;}
#welcome_fr	{position:absolute;	top:2.5em;	left:38em;	width:31em;	height:13em;	border:solid 1px gray; font-size:1em;}
#welcome_fr	#content	{margin:0;	position:absolute;	top:15px;	left:15px; width:28em;	height:12em;	1border:solid 1px orange; }

#msg_newsletter_en, #msg_newsletter_fr	{width:30em;	height:4em; border:solid 1px gray;}
#msg_newsletter_en	{position:absolute; top:1em;	left:70px}
#msg_newsletter_fr	{position:absolute; top:1em;	left:39em}


#sign_newsletter
{
	position:	absolute;
	top:	200px;
	left:	15px;
	width:	760px;
	height:	200px;
	1border:solid 1px green;
}

#sign_newsletter #form	{position:absolute; top:100px;	left:310px; width:310px;	height:70px;	1border:solid 1px gray}
#annonce1	{height:	32px;	margin-left:	5px;	1border:	solid 1px green;}
#sign_newsletter #form	#email	
{
	position:absolute;	top:20px;	left:20px; width:240px;	height:25px;	margin-left:5px;	1border:solid 1px white;
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 13px;	color: #FFFFFF;
	border-style: ridge;	background-color: #6E7154;
}
#submit	
{	
	position:absolute;	top:20px;	left:270px; width:40px;	height:25px;	background-color: white;	color:black;	font-size:11px;	font-weight:bold;
	background-color: white;	color:black;
}
#sign_newsletter #form #message	{	position:relative;	top:50px;	padding-left:40px; width:100%;	height:	20px;	1border:	solid 1px orange;}
/*	==========================	newsletter	-	END	========================== */
#content
{
	margin:	10px;
	1border:	solid 1px cyan;
}

#direct_stats
{
	position:	relative;
	1visibilty:	hidden;
	top:	70px;
	left:	0px;
}

/*	==========================	mix_and_link	-	BEGIN	========================== */
td.link {font-size:	14px;	1border:	solid 1px orange;}
td.link a:hover	{color:	orange;}
td.link em a:hover	{color:	lightblue;}
#mixes td.link {line-height:	14px;}
#links td.link {line-height:	14px;}
#links td.link	.comment	{padding-left:	18px;}

/* $$$$$$ */
.author_url	a	{font-weight:bold; font-size:13px}
td.link .author_url	a:hover	{color:green;}
#mixes_title	{font-family:arial;	font-weight:bold;	font-size:14px; position:relative; top:5px; left:25px;	width:325px;	1border:solid 1px red;}
#links_title	{font-family:	arial;	font-weight:	bold;	font-size:	14px; position:relative; top:10px; left:25px;	1border:solid 1px red;}
#scroll_control	{position:	absolute; top:172px; left:385px;	width:40px; height:25px;	1border:solid 1px yellow;}
#scroll_control	#up	{position:	absolute; top:0px; left:0px;	1border:solid 1px green;	z-index:99}
#scroll_control	#down	{position:	absolute; top:0px; left:20px;	1border:solid 1px green;	z-index:98}

/* $$$$$$ */
#divScrollTextCont {position:absolute; top:30px; left:25px;	width:395px; height:130px; clip:rect(0px 400px 135px 0px); overflow:hidden; visibility:visible; 1border:solid 1px orange}
#divText {position:absolute; left:0px; top:0px;}
.content	{	position:	relative; top:5px; left:2px;	width:100%;	1border:solid 1px red;}
#mixes	{	position:	absolute; top:30px;	left:430px;	width:450px;	height:200px;	border:solid 1px gray;}
#links	{	position:	absolute; top:30px;	left:70px;	width:300px;	height:200px;	border:solid 1px gray;}

.link_bullet	{	font-size:	17px; font-weight:	900; color:	#6C3251;	1border:	solid 1px lightblue;}
/*	==========================	mix_and_link	-	END	========================== */

/*	==========================	site_up	-	BEGIN	========================== */
.title	{font-weight:	bold; font-size:14px; 1height:35px; 1padding-top:30px; 1border:	solid 1px red;}
.emphasized	{color:	#9A4773;	font-weight:	bold;}
/*	==========================	site_up	-	END	========================== */

/*	==========================	elles_roulent	-	BEGIN	========================== */
#title
{
	font-size:	12px;
	font-weight:	bold;
	height:	26px;
1border:		solid 1px orange;
}
#body
{
	font-size:	11px;
	height:	28px;
	
1border:		solid 1px blue;
}

#image_picture
{
	margin-left:	15px;
	1border:	solid 1px white;
}
/*	==========================	elles_roulent	-	END	========================== */

/*	==========================	lamaizon_oct05	-	BEGIN	========================== */
#flyer	{text-align:	center;}
/*	==========================	lamaizon_oct05	-	END	========================== */