/*Document CSS par JFRanger.com - Avril 2010 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body {
	background: #fff url(images/bg_body.jpg) no-repeat center 156px;
	color: #565656;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}
h1 {
	color: #da7416;
	font-size: 22px;
	font-weight: bold;
	line-height: 24px;
}
h1 sup {
	font-size: 12px;
	display: inline-block;
	margin: 0 10px 0 5px;
}
h2 {
	color: #62970c;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}
h3 {
	color: #575757;
	font-size: 16px;
	font-weight: 100;
	line-height: 18px;
	text-transform:uppercase;
}
a, a:link {
	color: #3096d2;
	font-weight: normal;
	text-decoration: underline;
}
a:hover {
	color: #565656;
	text-decoration: none;
}
a:focus {
	color: #565656;
}
a:active {
	color: #565656;
}
a.carte{ 
	display:block;
	cursor:pointer;
	width:125px;
	height:59px;
	background: transparent url(images/carte.jpg) no-repeat;
	position:absolute;
	margin-left:-155px;
	overflow:hidden;
}
p {
	margin :10px 0 10px 0;
	padding :0 0 10px 0;
}
.fort {
	font-style:oblique;
	font-weight:bold
}
.fortcouleur{
	font-style:oblique;
	color: #da7416;
}
.orange{
	color: #da7416;
}
.vertbold{ 
	color:#62970C;
	font-size:14px;
	font-weight:bold;
}
#outerWrapper {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 950px;
}
#outerWrapper #header {
	position:relative;
	background-image: url(images/bg_header.jpg);
	background-repeat:no-repeat;
	font-size: 18px;
	font-weight: bold;
	height: 353px;
	line-height: 15px;
	padding: 10px 10px 10px 10px;
}
#outerWrapper #header #teaser{
	position:absolute; 
	top:0;
	left:282px;
	width:388px; 
	height:373px;
}
#outerWrapper #header img{
	position:absolute;
	top:25px;
	left:33px;
}
#outerWrapper #header h1{
	position:absolute;
	top:27px;
	left:702px;
	width:240px;
	text-align:center;
	cursor:pointer;
}
#outerWrapper #header h1 span{
	display:block;
	font-size:16px;
	line-height:16px;
}
#outerWrapper #header h1 a{
	color: #da7416;
	font-size: 22px;
	font-weight: bold;
	line-height: 24px;
	text-decoration:none;
}
#outerWrapper #header h1 a:hover{
	text-decoration: underline;
}

#outerWrapper #header h2 a {
	position:absolute;
	top:80px;
	left:710px;
	display:block;
	width:220px;
	text-indent:-9999px;
	overflow:hidden;
}
#outerWrapper #header h3 {
	position:absolute;
	top:25px;
	text-indent:-9999px;
}

/* ################################################ 
   ################### MENU ENTETE ################
   ################################################ */
#outerWrapper #header ul {
	margin:0;
	padding:30px 0 0 0;
	width:265px;
	height:180px;
	position:absolute;
	top:155px;
	left:17px;
}
#outerWrapper #header ul li {
	list-style-type:none;
	margin: 2px 0;
	padding:0;
}
#outerWrapper #header ul li a {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	display:block;
	text-transform:uppercase;
	color:#CFE39E;
	text-decoration:none;
	padding: 2px 0 2px 20px;
	line-height:19px;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 0.4pt;
}
#outerWrapper #header ul li a:hover, #outerWrapper #header ul li a.active {
	background-color:#3097D2;
	color:#fff;
}
#outerWrapper #header ul li ul {
	margin:0 0 0 -17px;
	padding:2px 0 0 0;
	height:30px;
}
#outerWrapper #header ul li ul li {
	width:110px;
	float:left;
	padding: 0px 0 0px 20px;
}
#outerWrapper #header ul li ul li.repentignylink {
	padding: 0px 0 0px 10px;
}
#outerWrapper #header ul li ul li a.terrebonnelink {
	border-right:1px solid #eeeb55;
}
#outerWrapper #header ul li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 0 2px 0px;
	line-height: 10px;
	font-size: 14px;
	font-weight: 100;
	color:#eeeb55;
}
#outerWrapper #header ul li ul li a:hover {
	background-color: transparent !important;
	color:#fff;
	text-decoration:underline;
}
#outerWrapper #contentWrapper {
	background-image: url(images/bg_contentWrapper.jpg);
	background-repeat:no-repeat;
	min-height:550px;
	overflow: hidden;
}
/* ################################################ 
   ################### COLONNE 1 ##################
   ################################################ */
#outerWrapper #contentWrapper #Column1 {
	float: left;
	padding: 10px 10px 10px 10px;
	width: 240px;
	min-height:450px;
	position:relative;
}
#outerWrapper #contentWrapper #Column1 h1 {
	position:absolute;
	top:370px;
	left:10px;
	width:230px;
	height:60px;
}
#outerWrapper #contentWrapper #Column1 h1 a {
	display:block;
	width:230px;
	height:60px;
	text-indent:-9999px;
}
/* ################################################ 
   ################# COLONNE 2 LIENS ##############
   ################################################ */
#outerWrapper #contentWrapper #Column2 {
	float: right;
	padding: 10px 10px 10px 10px;
	min-height:450px;
	width: 260px;
	position:relative;
}
#outerWrapper #contentWrapper #Column2 h1 {
	position:absolute;
	top:0px;
	left:0px;
	width:260px;
	height:70px;
}
#outerWrapper #contentWrapper #Column2 h1 a {
	display:block;
	overflow:hidden;
	width:260px;
	height:70px;
	text-indent:-9999px;
}
#outerWrapper #contentWrapper #Column2 h2 {
	position:absolute;
	top:100px;
	left:20px;
	width:240px;
	height:160px;
}
#outerWrapper #contentWrapper #Column2 h2 a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:240px;
	height:160px;
}
#outerWrapper #contentWrapper #Column2 h3 {
	position:absolute;
	top:290px;
	left:20px;
	width:240px;
	height:150px;
}
#outerWrapper #contentWrapper #Column2 h3 a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:240px;
	height:150px;
}
#outerWrapper #contentWrapper #content {
	margin: 0 280px 0 260px;
	padding: 30px 20px 10px 10px;
}
#outerWrapper #contentWrapper #content ul{
	margin: 10px 0 20px 20px ;
	padding:  0;
}
#outerWrapper #contentWrapper #content ul li{
	margin: 0  ;
	padding: 5px;
	list-style-type:square;
}
#outerWrapper #contentWrapper #content ul li ul{
	margin: 10px 0 5px 20px ;
}

ul#submenu{
	margin:0 20px 0 0 !important;
	padding:0;
	width:380px;
	height:40px;
	overflow:auto;
}
ul#submenu li{
	margin:0!important;
	padding:0!important;
	list-style-type:none !important;
	float:left;
	margin:0 15px 0 0!important;
}
ul#submenu li a{
	display:block;
	background-color:#a85914;
	padding:2px 5px;
	font-size:16px;
	line-height:16px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
ul#submenu li a:hover{
	text-decoration:none;
	background-color:#62970c;
}
ul#submenu li a.subactive{ background-color:#62970c}
/* ################################################ 
   ################# MENU COLONNE ################# 
   ################################################ */
#outerWrapper #contentWrapper #Column1 ul {
	margin: 0;
	padding:0;
	width: 200px;
	height: 220px;
	position:relative;
	top:24px;
	left:28px;
}
#outerWrapper #contentWrapper #Column1 ul li {
	list-style-type:none;
	margin: 2px 0 6px 0;
	padding:0;
}
#outerWrapper #contentWrapper #Column1 ul li a {
	display:block;
	color:#fff;
	background-color:#da7416;
	font-family: verdana, sans-serif;
	font-size: 18px;
	letter-spacing: 0pt;
	width:160px;
	height:35px;
	line-height:35px;
	padding: 0 0 0 20px;
	text-decoration:none;
	font-weight:100;
}
#outerWrapper #contentWrapper #Column1 ul li a:hover {
	background-color:#a85914;
}
#outerWrapper #contentWrapper #Column1 ul li a#menu_promotions {
	background-color:#62970c;
	text-transform:uppercase;
	font-weight:600;
}
#outerWrapper #contentWrapper #Column1 ul li a#menu_promotions:hover {
	background-color:#336505;
}
/* ################################################ 
   ########### MENU COLONNE SOUS-MENU############## 
   ################################################*/
#outerWrapper #contentWrapper #Column1 ul li ul {
	margin:0;
	padding:0;
	height:100px;
	display:none;
	position:relative;
	top:0;
	left:0;
}
#outerWrapper #contentWrapper #Column1 ul li:hover > ul {
	display: block;
}
#outerWrapper #contentWrapper #Column1 ul li ul li {
	margin:2px 0;
	padding:0;
}
#outerWrapper #contentWrapper #Column1 ul li ul li a {
	margin:0;
	padding:0 0 0 20px;
	font-size:10px;
	line-height:25px;
	background-color: transparent;
	background-image: url(images/trans.png);
	background-repeat:repeat;
	color:#333;
	width:190px;
	height:25px;
	font-weight:600;
}
#outerWrapper #contentWrapper #Column1 ul li ul li a:hover {
	background-color: transparent;
	background-image: url(images/trans.png);
	color:#da7416;
}
ul#footermenu {
	padding:0 0 0 210px ;
	margin:0 auto 0 auto;
	width: 740px;
	height:15px;
	text-align:center;
}
ul#footermenu li{
	padding:0;
	margin:0 2px;
	float:left;
	list-style-type:none;
}
ul#footermenu li a{
	padding:0 7px 0 4px;
	margin:0;
	display:block;
	font-size:10px;
	color: #666;
	text-transform:uppercase;
	text-decoration:none;
	border-right: solid 1px #999;
	line-height:10px;
}
ul#footermenu li a:hover{
	text-decoration: underline;
}
ul#footermenu li a.sitemap{
	border-right: solid 1px #fff;
}
#fullWidthFooter {
	background-color: #DA7416;
	padding: 10px 10px 10px 10px;
	color:#fff;
	clear:left;
}
/* ################################################ 
   ############## SPECIFIC TO PAGE ################
   ################################################ */
/*   index.html*/
body#home #outerWrapper #header, 
body#site_map #outerWrapper #header, 
body#calculatrice #outerWrapper #header {
	background-image: url(images/bg_header_home.jpg);
}
body#home #menu_accueil {
	background-color:#3097D2;
	color:#fff !important;
}
/*   terrains_terrebonne_repentigny.html */
body#terrains #teaser{
	background: transparent url(images/teaser_terrains.jpg) no-repeat;
}
body#terrains #menu_terrains {
	background-color:#3097D2;
	color:#fff !important;
}
body#terrains #outerWrapper #contentWrapper p {
	color:#62970c;
	font-size:14px;
}
body#terrains #outerWrapper #contentWrapper strong {
	color:#3096d2;
	font-weight:100;
}

/*   modeles_maison_neuve_terrebonne.html */
body#modeles #teaser{
	background: transparent url(images/teaser_modeles.jpg) no-repeat;
}
body#modeles #menu_modeles {
	background-color:#3097D2;
	color:#fff !important;
}
/*   contact.html */
body#contact #teaser{
	background: transparent url(images/teaser_contact.jpg) no-repeat;
}
body#contact #menu_contact {
	background-color:#3097D2;
	color:#fff !important;
}
body#contact #outerWrapper #contentWrapper #content p{
	font-size:14px;
}



/*   projet_maison_repentigny.html */
body#projet_repentigny #teaser{
	background: transparent url(images/teaser_projets.jpg) no-repeat;
}
body#projet_repentigny #menu_projets {
	background-color:#3097D2;
	color:#fff !important;
}
body#projet_repentigny li.repentignylink {
	background-color:#3097D2;
	color:#fff !important;
}

/*   projet_maison_terrebonne.html */
body#projet_terrebonne #teaser{
	background: transparent url(images/teaser_projets.jpg) no-repeat;
}
body#projet_terrebonne #menu_projets {
	background-color:#3097D2;
	color:#fff !important;
}
body#projet_terrebonne li.terrebonnelink {
	background-color:#3097D2;
	color:#fff !important;
}

/*   constructeur_repentigny_terrebonne.html */
body#constructeur #teaser{
	background: transparent url(images/teaser_constructeur.jpg) no-repeat;
}
body#constructeur #outerWrapper #contentWrapper #Column1 ul li a#menu_constructeur {
	background-color:#a85914;
}
/*   promotions_maison_repentigny.html */
body#promotions #teaser{
	background: transparent url(images/teaser_constructeur.jpg) no-repeat;
}
body#promotions #outerWrapper #contentWrapper #Column1 ul li a#menu_promotions {
	background-color:#336505;
}
/*   novoclimat_explications.html */
body#novoclimat_explications #teaser, 
body#novoclimat_avantages #teaser, 
body#novoclimat_normes #teaser{
	background: transparent url(images/teaser_novoclimat.jpg) no-repeat;
}
body#novoclimat_explications #outerWrapper #contentWrapper #Column1 ul li ul, 
body#novoclimat_avantages #outerWrapper #contentWrapper #Column1 ul li ul, 
body#novoclimat_normes #outerWrapper #contentWrapper #Column1 ul li ul {
	display: block;
}
body#novoclimat_explications #outerWrapper #contentWrapper #content, 
body#novoclimat_avantages #outerWrapper #contentWrapper #content, 
body#novoclimat_normes #outerWrapper #contentWrapper #content {
    padding-top:20px ;
}
body#novoclimat_explications #outerWrapper #contentWrapper #Column1 ul li a#menu_novoclimat,
body#novoclimat_avantages #outerWrapper #contentWrapper #Column1 ul li a#menu_novoclimat,
body#novoclimat_normes #outerWrapper #contentWrapper #Column1 ul li a#menu_novoclimat{
	background-color:#a85914;
}
body#novoclimat_explications #outerWrapper #contentWrapper #Column1 ul li ul li a#novoclimat_explication,
body#novoclimat_avantages #outerWrapper #contentWrapper #Column1 ul li ul li a#novoclimat_avantages,
body#novoclimat_normes #outerWrapper #contentWrapper #Column1 ul li ul li a#novoclimat_normes {
	color:#da7416;
}
body#novoclimat_avantages h1{
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}
body#novoclimat_avantages h1 sup {
	font-size: 8px;
}
body#novoclimat_avantages p, body#novoclimat_normes p {
	margin-top:5px;
}
/*   calculatrice_hypotecaire.html */
body#calculatrice input[type="text"]{
	background:#fff none repeat scroll 0 0;
	border:1px solid #565656;
	color:#565656;
	height:24px;
	padding:5px 5px 0;
	font-size:14px;
	width:100px;
}
body#calculatrice input[type="text"]#resultatCalcul{
	color:#DA7416;
	padding:3px 5px 0;
	font-size:18px;
}
body#calculatrice input[type="text"]:focus{
	background-color:#CCC;
}
/* ################################################ 
   ############### FICHES MAISONS #################
   ################################################ */
.post { 
    height:130px;
	margin-bottom:10px;
}
.post p{ 
    margin:0;	
}
.post img{ 
    float:left; 
	margin: 5px 10px 0 0;
	border-color: #fff;
}
.post img:hover{ 
	border-color: #ccc;
}
.post h1{
	margin: 20px 0 0 0;
	padding:  0;
	font-size:18px;
}
.post h1 sup {
	font-size: 10px;
	margin: 0 10px 0 5px;
}

div.imgback{ 
    background: transparent url(images/back_house.png) no-repeat;
	width:347px;
	height:289px;
	padding:9px 0 0 7px;
}
div.imgback img{ 
    border-color:#fff;
}
div.imgback img:hover{ 
    border-color:#ccc;
}
div.fichemaison h1{
	font-size:16px; 
	margin:10px 0 0 0;
}