/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0; }

body {
	font-family: "Times New Roman", Times, serif;
	font-size:  14px;
	font-weight: bold;
	color: #000000;
	background: #e0e0e0 url('../images/bg.gif') no-repeat center top;
	}

a{ text-decoration: underline; color: #A92B32; }
a:hover{text-decoration:none;}
a img { border: none; }
p { margin: 10px 0; line-heigth: 14px; text-align: left; }
ul { margin: 10px 0 10px 30px; }
ul li ul { }
ol { margin: 5px 0 5px 30px; font-size: 12px; }
li { margin: 2px 0; }
dl { padding: 0 20px; }
dt { font-weight: bold; margin: 10px 0 5px 0; }
dd { margin: 5px 0; padding: 5px;}
fieldset { border: 1px solid #A92B32; padding: 5px; margin: 10px 0;}
legend { font-weight: bold; color: #A92B32; font-size: 14px; }
address { margin: 15px 30px; }
small { font-size: 12px;}
blockquote { margin: 12px 0; font-size: 16px; font-weight: bold; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px; }
.align_left {text-align: left; }
.align_right {text-align: right; }
.center { text-align: center;}
.justify { text-align: justify; }
.invisible { display: none; }

h1 { font-size: 22px; }
h2 { font-size: 22px; margin: 10px 0; color: #A92B32; }
h3 { font-size: 18px; margin: 10px 0; }
h4 { font-size: 16px; margin: 10px 0; }

#conteneur {
	width: 940px;
	margin: 5px auto;
	}
	
#header{
	width: 940px;
	height: 115px;
	background: #0092DB url('../images/header.png') no-repeat left top;
	}

#header h1 a {
	display: block;
	width: 940px;
	height: 115px;
	}
	
#header h1 a span {
	display: none;
	}

#gauche {
	width: 300px;
	float: left;
	}
	
#contenu {
	width: 640px;
	float: left;
	/*margin-left: 10px;*/
        height: 390px;
        background: url('../images/bg-accueil_test.jpg') no-repeat left bottom;
}

#adresse {
	float: left;
	height: 115px;
	width: 340px;
	background: #0092DB url('../images/bg-adresse.gif') no-repeat;
	}
#tel {
	float: left;
	height: 115px;
	width: 340px;
	background: #0092DB url('../images/bg-tel.gif') no-repeat;
	}
#adresse p, #tel p { display: none; }

.btn-plan a { 
	display: block;
	float: left;
	width: 260px;
	height: 115px;
	background: #0092DB url('../images/btn-plan.gif') no-repeat;
	text-decoration: none; 
	}
.btn-plan a span { visibility: hidden; }

#arbo { font-weight: normal; color: #999; margin: 5px 0; font-size: 12px; padding-top: 5px; }
#arbo a { color: #CA989A; }
/************************/
#menu {
	float: left;
	/*margin-top: 5px;*/
	width: 290px;
        height: 390px;
	padding-left: 10px;
        background: url('../images/bg-menu_test.jpg') no-repeat left bottom;
	}
#menu a { text-decoration: none; color: #000; }
#menu a:hover { text-decoration: underline; color: #000; }
#menu ul { margin-left: 0; list-style-type: none; }
#menu ul li a { line-height: 20px; height: 20px; background: url('../images/menu2.gif') no-repeat; padding-left: 15px; }
#menu ul li a:hover { background: url('../images/menu2.gif') no-repeat;}
#menu ul ul { margin-left: 10px; margin-top: 5px; }
#menu ul ul.menu-ext li a { background: url('../images/menu-ext.png') no-repeat 0 0; }
#menu ul ul.menu-ext li a:hover { background: url('../images/menu-ext.png') no-repeat 0 -20px; text-decoration: none; }
#menu ul ul.menu-int li a { background: url('../images/menu-int.png') no-repeat 0 0; }
#menu ul ul.menu-int li a:hover { background: url('../images/menu-int.png') no-repeat 0 -20px; text-decoration: none; }
#menu .btn-cadeau, #menu .btn-brocante { margin: 15px 0 }
#menu .btn-cadeau a { float: left; width: 280px; height: 35px; margin-left: 8px; background: #0096D4 url('../images/btn-cadeau.gif') no-repeat 0 0 }
#menu .btn-cadeau a:hover { text-decoration: none; background: #0096D4 url('../images/btn-cadeau.gif') no-repeat 0 -35px }
#menu .btn-brocante a { float: left; width: 280px; height: 35px; margin-left: 8px; background: #0096D4 url('../images/btn-brocante.gif') no-repeat 0 0 }
#menu .btn-brocante a:hover { text-decoration: none; background: #0096D4 url('../images/btn-brocante.gif') no-repeat 0 -35px }
#menu .btn-cadeau a span, #menu .btn-brocante a span { visibility: hidden }

.black a { color: #000; }
.black a:hover { color: #000; }
#menu .rouge a { color: #A92B32; text-decoration: underline }
#menu .rouge a:hover { color: #A92B32; text-decoration: none }
#menu .vert a { color: #296C1E; text-decoration: underline  } 
#menu .vert a:hover { color: #296C1E; text-decoration: none }

/**** Navbar ******/
#navbar {
	margin: 5px 0;
        width: 940px;
        visibility:hidden;
        background: url('../images/navbar/bg.gif') no-repeat 0 0
	}
	
#navbar ul li ul{
	display:none;	/* Needed to display ok in Opera */
}
	
#navbar ul{
	margin:0px;	/* No indent */
	padding:0px;	/* No indent */
}
#navbar li{
	list-style-type:none;	/* No bullets */
        margin: 0; padding: 0;
}	
#navbar a{
	margin:0px;
	padding:0px;
}
/* End general configuration CSS */

#navbar ul.menuBlock1{	/* Menu bar - main menu items */
	overflow:visible;
        width: 940px;
}
#navbar ul.menuBlock2{	/* Menu bar - main menu items */
	border:0px;
	padding:1px 5px;
	background: #f0f0f0;
	border:1px solid #000;
	border-top: none;
}

/* General rules for all menu items */
#navbar a{
	text-decoration:none;
}

/*
Main menu items 
*/

#navbar .currentDepth1{

}
#navbar .currentDepth1over{

}
#navbar .currentDepth1 a, #navbar .currentDepth1over a  {
	display: block;
	height: 30px; 
}
#navbar .currentDepth1 a span, #navbar .currentDepth1over a span { display: none; }

#navbar .currentDepth1 a.visite_mas { width: 153px; background: url('../images/navbar/visite-mas.gif') no-repeat 0 0; margin-right: 20px }
#navbar .currentDepth1over a.visite_mas { width: 153px; background: url('../images/navbar/visite-mas.gif') no-repeat 0 -30px; margin-right: 20px }

#navbar .currentDepth1 a.cat_int { width: 217px; background: url('../images/navbar/cat-int.gif') no-repeat 0 0; margin-right: 20px }
#navbar .currentDepth1over a.cat_int, #navbar .currentDepth1 a.cat_int.select { width: 217px; background: url('../images/navbar/cat-int.gif') no-repeat 0 -30px; margin-right: 20px }

#navbar .currentDepth1 a.visite_parc { width: 146px; background: url('../images/navbar/visite-parc.gif') no-repeat 0 0; margin-right: 20px }
#navbar .currentDepth1over a.visite_parc { width: 146px; background: url('../images/navbar/visite-parc.gif') no-repeat 0 -30px; margin-right: 20px }

#navbar .currentDepth1 a.cat_ext { width: 210px; background: url('../images/navbar/cat-ext.gif') no-repeat 0 0; }
#navbar .currentDepth1over a.cat_ext, #navbar .currentDepth1 a.cat_ext.select { width: 210px; background: url('../images/navbar/cat-ext.gif') no-repeat 0 -30px; }

/* #navbar .currentDepth1 a.cat_new { width: 214px; background: url('../images/navbar/cat-new.gif') no-repeat 0 0; }
#navbar .currentDepth1over a.cat_new, #navbar .currentDepth1 a.cat_new.select { width: 214px; background: url('../images/navbar/cat-new.gif') no-repeat 0 -30px; } */

/* Sub menu depth 1 */
#navbar .currentDepth2{
	padding-right:2px;
	line-height: 20px;
	height: 20px;
}
#navbar .currentDepth2over{
	padding-right:2px;
	line-height: 20px;
	height: 20px;
}	
#navbar .currentDepth2 a{
	padding-left: 15px;
	color:#a92b32;
	background: url('../images/menu.png') no-repeat 0 0;
}
#navbar .currentDepth2over a{	/* Text rules */
	padding-left: 15px;
	color:#a92b32;	
	background: url('../images/menu.png') no-repeat 0 -20px;
}	

/************************/
#interieur, #exterieur {
	width: 361px;
	height: 297px;
	float: left;
	padding: 0 10px;
	}

#interieur h2, #exterieur h2 {
	margin-top: 30px;
	}
	
#interieur {
	background: url('../images/interieur-bg.jpg') no-repeat;
	}
	
#exterieur {
	background: url('../images/exterieur-bg.jpg') no-repeat;
	}

#map {
	float: left;
	width: 619px;
	height: 430px;
	border: 2px solid #000;
	margin: 0 5px 5px 0;
	}
/************************/
/*** CATALOGUE ***/
/************************/
.article {
	display: inline;
	float: left;
	width: 430px;
	height: 165px;
	background: #f0f0f0 url('../images/catalogue/bg-article.png') no-repeat left top;
	margin: 5px 10px;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	font-size: 14px;
        font-weight: normal;
	}
.article h2 { font-size: 14px; }

.article .prix {
	font-size: 18px;
	float: right;
	}

.article p { margin: 5px 0; }

.article-photo { 
        width: 217px;
        height: 163px;
        margin-right: 10px;
        float: left;
        border: 1px solid #333;
        background: #fff;
        }
.article-photo a {
        display: block; 
        width: 217px;
        height: 163px;
        }       
.pagination {
        width: 100%;
        background: #f0f0f0 url('../images/catalogue/bg-pagination.gif') no-repeat;
        font-weight: normal;
        height: 26px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        }

.pagination a { color: #454545; text-decoration: none; }
        
.numpage { font-weight: bold; color: #000; }
/************************/
a.vignette img { border: 2px solid #e0e0e0; }
a:hover.vignette img { border: 2px solid #A92B32; }

#imageSlideshowHolder{
	/* CSS HACK */
	width: 500px;	/* IE 5.x */
	width/* */:/**/375px;	/* Other browsers */
	width: /**/500px;
	
	/* CSS HACK */
	height: 375px;	/* IE 5.x */
	height/* */:/**/375px;	/* Other browsers */
	height: /**/375px;
	
	position:relative;	/* Never change this value */
	
}
.imageInGallery{		
	width:500px;
	height:375px;
	
	/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;
}

#imageSlideshowHolder img{
	position:absolute;
}

#detail {
	width: 420px;
	margin-right: 20px;
	margin-top: 10px;
	float: left;
	background: url('../images/catalogue/bg-detail.gif') repeat-y;
	}
	
#detail h2 {
	margin: 0;
	text-align: center;
	padding: 35px 48px 0 48px;
	background: url('../images/catalogue/h2.gif') no-repeat;
	}

#detail .prix {
	height: 50px;
	line-height: 40px;
	background: url('../images/catalogue/prix-detail.gif') no-repeat;
	}
	
#detail .prix span {
	display: block;
	font-size: 24px;
	color: #000;
	text-align: right;
	margin-right: 20px;
	}
	
.detail_wrapper { padding: 0 20px; }

#detail_photos {
	float: left;
	width: 500px;
        text-align: left;
	}
/*.zoom a {
	display: block;
	width: 500px;
	height: 375px;
	position: absolute;
	z-index: 10;
	text-decoration: none;
	}
.zoom a span { visibility: hidden; }*/
/***********************/
.erreur { color: #ff0000; text-align: center;}

#footer{
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999;
	width: 940px;
	border-top: 1px solid #999;
	margin-top: 5px;
	}

#footer p{
	text-align: center;
	margin: 5px 0;
	}
	
#footer a { color: #999; text-decoration:none; }
#footer a:hover { text-decoration: underline; }