@charset "UTF-8";
/* CSS Document */

* {
padding:0;
margin:0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	background-image:url(../_img/background.jpg);
	background-repeat:repeat-y;
}


#container {
	width:940px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../_img/bois.jpg);
	background-position:right;
	background-repeat:repeat-y;
}

#header {
	width:780px;
	height:557px;
	margin-left:80px;
	background-image:url(../_img/header.jpg);
}

ul.menu {
	list-style:none;
}

.maison {
	width:700px;
	height:360px;
	margin-left:80px;
	border-bottom:solid thin #CCCCCC;
	
}
.maison_des {
	width:700px;
	height:360px;
	margin-left:80px;	
}
.maison_img {
	width:480px;
	float:left;
}
.maison_gallery {
	width:720px;
}
.maison_texte {
	width:220px;
	margin-top:165px;
	float:right;
}
#maison_description {
	width:720px;
	height:460px;
	margin-left:80px;
	margin-top:20px;
	background-image:url(../_img/description.jpg);
	background-repeat:no-repeat;
	border-bottom:solid thin #CCCCCC;
}
.maison_description_texte {
	width:220px;
	margin-top:60px;
	margin-right:20px;
	float:left;
}
#maison_note {
}
ul.maison_description {
	list-style-type:none;
	list-style-position:outside;
}


#contact {
	width:825px;
	height:450px;
	margin-left:55px;
	background-image:url(../_img/contact_sans.jpg);
	background-repeat:no-repeat;
	border-bottom:solid thin #CCCCCC;
}
#contact_gallery {
	width:480px;
	height:450px;
	float:right;
}
#contact_texte {
	width:250px;
	height:250px;
	float:left;
	padding-left:55px;
	padding-top:100px;
}

.picture {
	width:220px;
	height:150px;
	margin-top:20px;
	margin-right:20px;
	float:left;	
}
.picture span {
	display:block;
	position:absolute;
	background: url(../_img/cut-corner.png) no-repeat;
	width:221px;
	height:150px;
}

#footer {
	width:860px;
	height:600px;
}
#footer_colgauche {
	float:left;
	width:460px;
	height:600px;
	background-image:url(../_img/footer_postit.jpg);
	
}
#footer_coldroite {
	float:right;
	width:300px;
	height:600px;
	background-image:url(../_img/footer_carte.jpg);
	background-repeat:no-repeat;
}
#footer_lien {
	width:300px;
	margin-top:400px;
}

#footer_125 {
	width:940px;
	color:#FFFFFF;
	padding-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
}

ul.footer_liste {
	list-style:none;
}
ul.footer_liste li {
	margin-top:10px;
	padding-bottom:5px;
	border-bottom:#333333 thin solid;
}



/* TYPO */

a {
	text-decoration:none;
	color:#FF6600;
}

#footer a {
	text-decoration:none;
	color:#000000;
}
#footer a:hover {
	color:#FF6600;
}
#footer_125 a {
	color:#FFFFFF;
}
img {
	border:0px;
}

/* DECO */

#corde {
	position:absolute;
	width:494px;
	height:184px;
	background-image:url(../_img/corde.png);
	background-repeat:no-repeat;
	right:0px;
}
/*
#olivier {
	position:relative;
	width:340px;
	height:380px;
	background-image:url(../_img/olive.png);
	background-repeat:no-repeat;
	left:682px;
	top:260px;
}
*/
#olivier {
	position:relative;
	width:340px;
	height:380px;
	float:right;
	background-image:url(../_img/olive.png);
	background-repeat:no-repeat;
	left:82px;
	top:-330px;
}

#larabasse {
	position:relative;
	width:267px;
	height:228px;
	background-image:url(../_img/larabasse.png);
	background-repeat:no-repeat;
	left:702px;
}
#larabasse_link {
	width:267px;
	height:228px;
}
#letoupin {
	position:relative;
	width:276px;
	height:156px;
	background-image:url(../_img/letoupin.png);
	background-repeat:no-repeat;
	left:714px;
}
#letoupin_link {
	width:276px;
	height:156px;
}

/* MENU */

#menu {
 	width:780px;
	height:100px;
	margin-left:80px;
	background-image:url(../_img/texte.jpg);
	background-repeat:no-repeat;
}

#menu ul {width:220px;height:45px;float:right; margin-top:35px;}

#menu ul li {list-style:none;float:left;height:45px;}

#menu ul li a{ display:block;/*float:right;*/}

#menu ul li a span{display:none;}

a.lesmaisons {
	width:130px;
	height:45px;
	background: url(../_img/menu_maison.jpg) no-repeat 0px 0px;	
}
a.lesmaisons:hover, a.lesmaisons:focus {
	background: url(../_img/menu_maison.jpg) no-repeat -130px 0px;		
}

a.lesmaisons-selected {
	background: url(../_img/menu_maison.jpg) no-repeat -130px 0px;
	width:130px;
	height:45px;		
}


a.contact {
	width:90px;
	height:45px;
	background: url(../_img/menu_contact.jpg) no-repeat 0px 0px;	
}
a.contact:hover, a.contact:focus {
	background: url(../_img/menu_contact.jpg) no-repeat -90px 0px;		
}

a.contact-selected {
	background: url(../_img/menu_contact.jpg) no-repeat -90px 0px;
	width:90px;
	height:45px;		
}