/* CSS Document */
html { text-align:center;}
body {
	
	font-size: 0.8em;
	text-align:left;
	line-height: 1.3em;
	/*font-size:100%;*/
}
.h1-tendances{ margin:0px; padding:0px; font-size:1em;}
#coll {
	padding:0px;
	margin:0px;
	list-style:none;
	width:300px;background-color:#EFEFEF; height: auto;
	
}
#coll li {padding:0px 0px; margin:0px;}
#coll h2 {color:#FFFFFF; margin:0px; padding: 7px 0px 7px 10px; letter-spacing:2px;
background-color:#666666; background-image:url(img/rose_01.gif); background-repeat:no-repeat; line-height:1.3em;}
#coll h4 {margin:0px; padding:7px 0px 10px 7px;color: #FFFFFF; font-size:1.1em;
}
#coll p {line-height:13pt; font-size:10pt; text-align:left; color: #333333; margin:0px; padding:0px 10px; margin-bottom:10px;}
#coll #end_list {height:20px; background-image:url(img/rose_03.gif); background-repeat:no-repeat; background-position:top left; background-color:#FFFFFF; text-align:center;}


#content {
	position:absolute;
	left:50px;
	top:50px;
	width:950px;
	display: block;
	height: 600px;
	border:#666666 1px solid;
}
ul,li,h1,h3,h4,p { margin:0px; padding:0px;}
li {
	list-style-image: none;
}
h1 { font-size:13pt;}
h3,h4,p {
	padding-left:20px;
	padding-right: 20px;
	margin-top: 0px;
}
ul {
	list-style-type: none;
	width:160px;
	/*background-color:#D00264;*/
	color:#FFFFFF;
	padding-bottom:20px;
	height:250px;
	float:left;
	margin-left:20px;
	
}

li img { padding-bottom:3px;}

li h3 {   padding: 10px 0px 10px 5px; font-size:1.3em; height:19px; color:#ffffff}

		
li h4 {
	font-weight:bold;
	padding: 10px 0px 5px 10px;
	font-size:1em;
	line-height: 1.2em;
	margin-top: 12px;
		}
li p { font-size:1.2em; margin: 10px 0px; line-height:1.2em;}		
		
li.prix{
	display:block;
	width:45px;
	height:25px;
	background-color:#FFB9DA;
	float:right;
	text-align:center;
	font-size:1.1em;
	padding:8px 7px 5px 7px;
	border:1px solid #FFFFFF;
	border-top:none;
	border-right:none;
	vertical-align: middle;
	margin:0px;
	color: #202020;	
	
}	
.small { font-size:0.7em;}
li.plus h4 { padding-left:0px; font-size:0.6em}
li.plus p { font-size: 0.9em;}
li.plus h4 span.slup {
	display:block;
	background-color:#FFFFFF;
	color:#D00264;
	float:left;
	font-size:1em;
	padding:0px 4px 0px 4px;
	margin-left: 5px;
	font-weight: bold;
}
li.croix {
	margin-left:10px;
	margin-top:20px;
	margin-bottom:0px;
	
	
}
li.croix a {
	
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:27px;
	padding-top:0px;
	display: block;
	height: 25px;
	width: 100px;
	font-size:12pt;
	
}
li.croix a:active, li.croix a:link, li.croix a:visited {
background-image:url(modele_bois/maison_modele_bois/croix.gif);
color: #FFFFFF; text-decoration:none; border-bottom:1px solid #FFFFFF; font-size:1em;}
li.croix a:hover{ color: #333333;background-image:url(modele_bois/maison_modele_bois/croix2.gif);border-bottom:1px solid  #666666;font-size:1em; }

a.lien { display:block; width:100%; height:80px;background-repeat:no-repeat;}

#rose a.lien:active, #rose a.lien:link, #rose a.lien:visited { 
					  background-image: url(modele_bois/maison_modele_bois/modele_bois_nb_02.jpg);}
#rose a.lien:hover { background-image:url(modele_bois/maison_modele_bois/modele_bois_02.jpg)}


#vert a.lien:active, #vert a.lien:link, #vert a.lien:visited { 
					  background-image: url(modele_bois/maison_modele_bois/modele_bois_nb_04.jpg);}
#vert a.lien:hover { background-image:url(modele_bois/maison_modele_bois/modele_bois_04.jpg)}


#jaune a.lien:active, #jaune a.lien:link, #jaune a.lien:visited { 
					  background-image: url(modele_bois/maison_modele_bois/modele_bois_nb_06.jpg);}
#jaune a.lien:hover { background-image:url(modele_bois/maison_modele_bois/modele_bois_06.jpg)}


#bleu a.lien:active, #bleu a.lien:link, #bleu a.lien:visited { 
					  background-image: url(modele_bois/maison_modele_bois/modele_bois_nb_08.jpg);}
#bleu a.lien:hover { background-image:url(modele_bois/maison_modele_bois/modele_bois_08.jpg)}

#rouge a.lien:active, #rouge a.lien:link, #rouge a.lien:visited { 
					  background-image: url(modele_bois/maison_modele_bois/modele_bois_nb_10.jpg);}
#rouge a.lien:hover { background-image:url(modele_bois/maison_modele_bois/modele_bois_10.jpg)}

#rose {
	background-color:#FF0099;
	position:relative;
	background-repeat:no-repeat;
	background-position: 70px 0px;
	left:0px;
	
}
#rose h3 {
	background-color: #FF82CD; 
}
#rose .prix {background-color:#FFBFE6;}

#vert {background-color:#8EC032; position:relative;/*left:195px;*/}
#vert h3 {
	background-color: #B3D86D;
}
#vert .prix {background-color:#DCEDBC;}

#jaune {background-color:#B98C2F; position:relative; /*left:390px;*/}
#jaune h3 {
	background-color: #D7AD57;
}
#jaune .prix {background-color:#E7E48F;}

#bleu {background-color:#FCA503; position:relative;/*left:585px;*/}
#bleu h3 {
	background-color: #FFD940;
}
#bleu .prix {background-color:#FEFBAE;}

#rouge {background-color:#E33C3C; position:relative; clear: right;/*left:780px;*/}
#rouge h3 {
	background-color: #FF7062;
}
#rouge .prix {background-color:#FFDBC0;}
#metrage {float:left;width:220px; }
#metrage li {border-bottom: 1px solid #FF0066;line-height: 2.4em;color: #333333; font-size:1.1em; text-align:right; padding-right:20px; letter-spacing:1px;}
#facade { position: absolute; top:50px;}
#metrage_img {margin-bottom:40px; border-bottom: 1px solid #FFffff; }
.coll { font-size:2em; color:#996600; letter-spacing:2px; line-height:2.4em;}
a.col_des:active, a.col_des:link, a.col_des:hover, a.col_des:visited { display:block; width:100%; height:100%; color:#FFFFFF; font-size:1.9em; text-decoration:none;background-color:#996600; }
a.col_des:hover { background-color:#309DF8;}