/*******************************************
// Feuille de style CSS MaisonsdeBaumanière
// Auteur      : Studio-BS
// Date        : Juillet 2009
// Définition  : Feuille de style
// Version     : 1.0.0
*******************************************/

html{
	margin:0px;
	padding:0px;
}
body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#938e89;
	background-image:url(../images/communs/bg.gif);
	background-repeat:repeat-x;
	background-color:#312c2a;
}

a{
	text-decoration:underline;
	outline-style:none;
}
a:hover{
	text-decoration:none;
}
img{
	border:none;
}


#global{
	position:absolute;
	z-index:1;
	width:100%;
	height:544px;
	margin-top:-272px;
	top:50%;
	background-image:url(../images/communs/fond.gif);
	background-repeat:repeat-x;
}
#contenu{
	position:relative;
	z-index:2;
	width:974px;
	margin-top:6px;
	margin-left:-487px;
	left:50%;
}
	#contenu #gauche{
		float:left;
		display:inline;
		position:relative;
		z-index:3;
		width:651px;
		height:532px;
		padding-left:5px;
		background-color:#231f1f;
	}
		#contenu #gauche div.bloc{
			float:left;
			display:inline;
			position:relative;
			width:202px;
			height:174px;
			margin:0px;
			padding:0px;
			margin-top:303px;
			margin-left:8px;
			margin-right:8px;
		}
		#contenu #gauche div#newsletter{
			margin-right:0px;
		}
			#contenu #gauche div.bloc ul{
				float:left;
				display:inline;
				width:202px;
				height:102px;
				margin:0px;
				padding:0px;
				padding-top:15px;
				list-style:none;
			}
				#contenu #gauche div.bloc ul li{
					float:left;
					display:inline;
					width:180px;
					margin:0px;
					padding:0px;
					padding-left:10px;
					padding-top:2px;
					margin-left:8px;
					color:#fff;
					background-image:url(../images/communs/puce.gif);
					background-position:0px 10px;
					background-repeat:no-repeat;
				}
			#contenu #gauche div.bloc div{
				float:left;
				display:inline;
			}
				#contenu #gauche div.bloc a{
					float:left;
					display:inline;
					position:relative;
					width:202px;
					height:56px;
				}
	
					#contenu #gauche div.bloc a .off{
						position:absolute;
						left:0px;
						top:0px;
					}	
					#contenu #gauche div.bloc a .on{
						position:absolute;
						visibility:hidden;
						left:0px;
						top:0px;
					}	
				#contenu #gauche div.bloc a:hover{
					border:none;
				}	
					#contenu #gauche div.bloc a.select .off,
					#contenu #gauche div.bloc a:hover .off{
						visibility:hidden;
					}		
					#contenu #gauche div.bloc a.select .on,
					#contenu #gauche div.bloc a:hover .on{
						visibility:visible;
					}



		#contenu #gauche #quicksearch{
			float:left;
			display:inline;
			position:relative;
			width:646px;
			height:29px;
			margin:0px;
			padding:0px;
			padding-top:15px;
			padding-left:5px;
		}
		
			#contenu #gauche #quicksearch form{
				width:646px;
				height:29px;
				margin:0px;
				padding:0px;
			}
				#contenu #gauche #quicksearch form label{
					height:29px;
					line-height:22px;
					margin:0px;
					padding:0px;
					padding-right:5px;
					padding-left:5px;
					color:#a99f9c;
				}
				#contenu #gauche #quicksearch form select{
					height:20px;
					margin:0px;
					padding:0px;
					margin-right:3px;
				}
				#contenu #gauche #quicksearch input#ok{
					position:absolute;
					right:5px;
					top:15px;
					width:43px;
					height:29px;
					color:#fff;
					border:none;
					margin:0px;
					padding:0px;
					cursor:pointer;
				}
		input, button, select {
		
			vertical-align: middle;
		
		}
					
	#contenu #droite{
		float:right;
		display:inline;
		position:relative;
		z-index:4;
		height:527px;
		width:308px;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:5px;
		background-color:#231f1f;
		background-image:url(../images/communs/fond_droite.jpg);
		background-repeat:no-repeat;
		background-position:5px 0px;
	}
		#contenu #droite h1{
			float:left;
			display:inline;
			margin:0px;
			padding:0px;
			padding-bottom:10px;
		}
		#contenu #droite img{
			float:left;
			display:inline;
		}
		#contenu #droite p{
			float:left;
			display:inline;
			margin:0px;
			padding-left:23px;
			padding-right:23px;
			padding-top:10px;
			padding-bottom:10px;
			line-height:18px;
		}
		#contenu #langue{
			z-index:999;
			position:absolute;
			width:22px;
			height:13px;
			top:9px;
			right:5px;
		}
		#contenu #langue2{
			z-index:998;
			position:absolute;
			width:22px;
			height:13px;
			top:9px;
			right:35px;
		}
		#contenu #relais{
			z-index:997;
			position:absolute;
			width:60px;
			height:61px;
			bottom:15px;
			left:130px;
		}
		#contenu #offres{
			z-index:997;
			position:absolute;
			width:105px;
			height:59px;
			bottom:13px;
			left:28px;
		}
		#contenu #relais2{
			z-index:997;
			position:absolute;
			width:60px;
			height:61px;
			bottom:15px;
			left:200px;
		}
		#contenu #facebook{
			z-index:996;
			position:absolute;
			width:14px;
			height:14px;
			bottom:11px;
			right:11px;
		}
	#contenu #footer{
		float:left;
		display:inline;
		width:974px;
		padding-top:15px;
		font-size:11px;
		text-align:center;
		color:#7a706e;
	}
		#contenu #footer a{
			color:#7a706e;
		}
		#contenu #footer p{
			padding:0px;
			margin:0px;
			line-height:18px;
		}