/* CSS Document */

body 					{ background-color: #d3d3d3; background-image: url(../images/bkg_main.gif); background-repeat: repeat-x; margin: 0px; #666}
div, form				{ margin:0; padding:0; }
#main					{ width:973px; margin: 0 auto;  background-color:#FFF; text-align: left; border:8px solid #FFF}




div, td, p				{ font-family:arial, verdana, sans-serif; font-size:11px; }
p						{ line-height:16px; margin:0 0 13px 0; }
h1						{ font-size:28px; font-weight:normal; color:#589bc5; margin:2px 0 16px 0; font-family:Georgia, Verdana, Arial, Serif;}
h2						{ font-size:18px; margin:0 0 2px 0; font-family:Georgia, Verdana, Arial, Serif;}
h3						{ font-size:16px; margin:0 0 6px 0; color:#589bc5 !important; font-weight:bold; font-family:Georgia, Verdana, Arial, Serif;}




/* Header Styles *************************************************************************/
#header					{ position:relative; top:0; left:0; height:72px; z-index:90; }
#logo					{ position:absolute; top:10px; left:32px; }
#topLink				{ position:absolute; top:20px; left:750px; color:#999999}
#topLink A				{ color:#666666; text-decoration:none}
#topLink A:hover		{ color:#3399ff; text-decoration:underline}




/* Main Nav *************************************************************************/
#nav-main 				{ width:973px;  margin: 0; padding: 0; list-style: none; background:#6b6b6b; color:#FFFFFF; height:22px; font-weight:bold; position:relative; top:0; left:0;  }
#nav-main ul 			{ inline; margin: 0; padding: 0; }
#nav-main li 			{ display: inline; margin: 0; padding: 0; background:#6b6b6b; }
#nav-main li a 			{ float: left; padding: 4px 60px 4px 60px;  !important;  overflow: hidden; background:#6b6b6b; color:#FFFFFF; text-decoration:none; 	background-image: url('../images/img_arrow.gif'); background-position: 45px 6px; background-repeat:no-repeat; border-right:#FFFFFF solid 1px }
#nav-main li a:hover	{ background:#6eafd8; color:#FFFFFF; text-decoration:none;}



/* Flash accueil *************************************************************************/
#MainContent			{ position: relative; margin: 5px 5px 0 0; background:#FFFFFF; height:auto}
#header_residentiel		{ position:absolute; top:0; left:0; width:330px; height:307px; margin:0 5px 0 0}
#header_multilogement	{ position:absolute; top:0; left:335px; width:330px; height:307px; }
#residentielNav			{ position:absolute; top:307px; left:0; width:276px; height:65px; margin:0 5px 0 0; background:url(../images/bkg_bottom_fla.jpg) repeat-x; padding:	20px 0 0 54px}
#multilogementNav		{ position:absolute; top:307px; left:335px; width:297px; height:65px; background:url(../images/bkg_bottom_fla.jpg) repeat-x; padding:20px 0 0 33px}





/* Nouvelles *************************************************************************/
#NewsTitle				{ position:absolute; top:397px; left:0; width:632px; background:#6eafd8; color:#FFF; height:22px; padding:4px 0 4px 33px; font-size:12px; font-weight:bold;}
#News					{ position:absolute; top:427px; left:0; width:665px; height:296px;  background:#e9e9e9; padding-bottom:5px}
.TitleNews				{ margin: 10px 15px 0 15px; color:#135790; font-size:12px; font-weight:bold}
.TexteNews				{ margin: 5px 15px 0 15px; color:#333; font-size:11px; font-weight:normal}
.TexteNews a { color:#6eafd8; text-decoration:underline}
.TexteNews a:hover { text-decoration:none }
.TexteNews ul { margin:0px; padding:0px}
.TexteNews ul li { margin:4px 0 4px 0; padding:0 0 0 5px; list-style:none}

.DateNews				{ margin: 5px 15px 0 15px; color:#666; font-size:10px; font-weight:normal}
.DateNews a	 			{ color:#6eafd8; text-decoration:underline}
.DateNews a:hover	 	{ text-decoration:none}
.AllNews 	 			{ margin: 15px 30px 0 33px; font-size:11px; font-weight:normal; text-align:right}
.AllNews a	 			{ color:#6eafd8; text-decoration:underline}
.AllNews a:hover	 	{ text-decoration:none}
.ScrollTop 				{ position:absolute; top:0px; left:650px;}
.ScrollDown 			{ position:absolute; top:286px; left:650px;}
.bkgArrowNews			{ position:absolute; top:26px; left:10px;}




/* RightInfo *************************************************************************/
#RightInfos				{ position:relative; top:0; left:670px; width:303px; height:729px; display:block; margin: 0 }
#RightInfos h1			{ display:block; text-indent: -7887px;}

#OngletColors			{ position:absolute; top:0; left:0px; width:303px; height:251px; margin:0}
#OngletContact			{ position:absolute; top:251px; left:0px; width:283px; height:156px; background:url(../images/bkg_coordonnees.jpg) no-repeat #6eafd8; color:#FFF; padding:20px 0 0 20px}
#OngletContact	p		{ color:#135790; font-weight:bold}
#OngletContact	a		{ color:#FFF; font-weight:bold; text-decoration:underline}
#OngletContact	a:hover	{ text-decoration:none}
#OngletSoumission		{ position:absolute; top:432px; left:0px; width:295px; height:98px; background: #e9e9e9; color:#FFF; padding:5px 0 0 8px}
#OngletHeuresTitre		{ position:absolute; top:535px; left:0px; width:283px; height:22px; background: #999999; color:#FFF; font-size:12px; font-weight:bold; margin:5px 0 0 0; padding:4px 0 4px 20px }
#OngletHeures			{ position:absolute; top:570px; left:0px; width:283px; height:59px; background: #e9e9e9; color:#135790; padding:10px 0 0 20px}
#OngletQuickTitre		{ position:absolute; top:640px; left:0px; width:283px; height:22px; background: #999999; color:#FFF; font-size:12px; font-weight:bold; margin:5px 0 0 0; padding:4px 0 4px 20px }
#OngletQuickNav			{ position:absolute; top:675px; left:0px; width:283px; height:33px; background: #e9e9e9; color:#FFF; padding:20px 0 0 20px}




/* FOOTER *************************************************************************/
#Footer					{ position:relative; top:0; left:0; width:973px; margin-left:auto; margin-right:auto; margin-top:20px; background-color:#e9e9e9; text-align: left; border:8px solid #FFF; color:#666666}
#FooterLeft				{ width:565px; padding: 8px 30px 8px 33px; }
#FooterLeft	a			{ color:#999999; text-decoration:none }
#FooterLeft	a:hover		{ color:#3399ff; text-decoration:underline }
#FooterRight			{ position:absolute; top:0px; left:600px; width:300px; text-align:right; padding: 8px 0px 8px 33px; font-size:10px}
#FooterRight a			{ color:#999999; text-decoration:none }
#FooterRight a:hover	{ color:#3399ff; text-decoration:underline }



	
/* GENERAL **********************************************************************************/
.main_section			{font-weight:bold}
.navigation 			{ font-size:11px; color:#FFF; background:#6eafd8}