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

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-image: url(../images/design/bg2.gif);
	background-repeat: repeat-x;
	background-color: #C7B29A;
	background-attachment: fixed;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

img{
  border:0; 
}

.classe_semi_transparente {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
} 

.actif{
	font-weight: bold;
	}
	
#wrapper {
	width: 900px;
	background-image: url(../images/design/bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: fixed;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
}
#content_up {
	height: 75px;
	width: 404px;
	background-image: url(../images/design/content_up.png);
}
#content_center {
	background-image: url(../images/design/content_center.png);
	background-repeat: repeat-y;
	padding-left: 33px;
	padding-right: 33px;
	padding-top: -33px;
}
#content_down {
	height: 74px;
	background-image: url(../images/design/content_down.png);
}
#Content p{
	padding-bottom: 10px;
}

#Logo {
	height: 130px;
	width: 276px;
	padding-left: 5px;
}

#Logo a {
	background-image: url(../images/design/logo.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 130px;
	width: 276px;
	display:block;
}
#Logo a:hover {
	background-image: url(../images/design/logo.gif);
	background-repeat: no-repeat;
	background-position: 0px -130px;
	display:block
}

#Banner {
	height: 240px;
	width: 495px;
	margin-top: -290px;
	margin-left: 308px;
}
#Banner.banner1  {
	background-image: url(../images/design/banner/banner1.png);
}
#Banner.banner2 {
	background-image: url(../images/design/banner/banner2.png);
}
#Banner.banner3 {
	background-image: url(../images/design/banner/banner3.png);
}
#Banner.banner4 {
	background-image: url(../images/design/banner/banner4.png);
}
#Banner.banner5 {
	background-image: url(../images/design/banner/banner5.png);
}
#Banner.banner6 {
	background-image: url(../images/design/banner/banner6.png);
}
#Banner.banner7 {
	background-image: url(../images/design/banner/banner7.png);
}

#Banner.banner8 {
	background-image: url(../images/design/banner/banner8.png);
}
#Banner.banner9 {
	background-image: url(../images/design/banner/banner9.png);
}
#Banner.banner10 {
	background-image: url(../images/design/banner/banner10.png);
}
#Banner.banner11 {
	background-image: url(../images/design/banner/banner11.png);
}
#Banner.banner12 {
	background-image: url(../images/design/banner/banner12.png);
}

#Suplement {
	height: 150px;
	width: 276px;
	background-image: url(../images/design/suplement.png);
	margin-left: 45px;
	margin-top: 17px;
	padding-top: 60px;
	padding-left: 45px;
	font-size: 1.06em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
}
#Suplement a {
	color: #000000;
	text-decoration: none;
}
#Suplement a.itemcur {
	color: #ffffff;
	text-decoration: none;
}
#Suplement a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#Content {
	width: 404px;
	margin-top: -65px;
	margin-left: 275px;
}
#footer {
	text-align: center;
	text-indent: 50px;
	margin-top: 22px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border-top:1px solid #ffffff;
	font-size: 0.85em;
	padding-bottom: 40px;
	padding-top:5px;
}
a { /*cela ne sert à plus rien */
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#navig  li {
	list-style-type: none;
	display: inline;
	margin-right: 7px;
}
li.listpuces {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 10px;
	padding-top: 5px;
	}
#sur_navig  li {
	list-style-type: none;
	margin-right: 7px;
	display:inline;
}
#sur_navig {
	text-align: right;
	margin-right: 105px;
	font-size: 0.80em;
	padding-top: 10px;
	margin-bottom: -25px;
	padding-bottom: 25px;
}
/* tu as un problème avec l'affichage de ton menu sur firefox, A vérfier !!! */
#navig {
	height: 80px;
	width: 500px;
	margin-left: 318px;
	margin-top: -80px;
	font-size: 1.06em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
}
#navig a, #sur_navig a {
	color: #000000;
	text-decoration: none;
}
#navig a.itemcur, #sur_navig a.itemcur {
	color: #C7B29A;
}

#navig a:hover, #sur_navig a:hover {
	color: #C7B29A;
	text-decoration: none;
}


h2 {
	margin-bottom: 20px;
	font-size: 1.8em;
	color: #FFFFFF;
}
h3 {
	margin-bottom: 14px;
	font-size: 1.2em;
}
h4 {
	margin-bottom: 8px;
}

h5 {
	margin-bottom: 5px;
	font-size: 1.4em;
	color: #FFFFFF;
}


h1{
    display:none; 
}
.Style1 
{
font-size: x-small
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}

/*-------------------------
			SELECTION
	---------------------------*/
	span.detail{
		font-size:10px;
		display:block;
		padding:3px 0 0 0;
	}
	#selection{
		margin:0;
		padding:0;	
	}
	#selection h3{
		margin:8px 0 0 0;
		padding:0;
		font-size:11px;
		font-weight:mormal;
	}
	#selection h3 a, #selection h3 a:hover{
		margin:0;
		padding:0;
		font-size:12px;
		text-decoration:none;
		font-weight:lighter;
		cursor:pointer;
	}
	#selection h3 a:hover, #selection h3.ui-state-active a{
		color:#fff;
	}
	#selection div{
		padding:5px 0;
		padding:0;
		font-size:11px;
		overflow: hidden
	}
	#selection div p{
		padding:7px 5px 5px 5px;
		font-size:11px;
		line-height:13px;
	}
	#selection div p img{
		float:left;
		margin:3px 8px 5px 0;
		height:110px;
	}
	/*---------------------------------------------
		GALLERY
	----------------------------------------------*/
	#gallery{
		height:510px;
		margin:0 auto;
		overflow:hiddden;
		width:720px;	
		}
	#gallery #nav{
		background:#333;
		clear:both;
		height:35px;
		position:absolute;
		margin:0 auto 0 auto;
		padding:0;
		position:relative;
		top:35px;
		width:720px;	
		z-index:1000;
		}
	#gallery  #nav .prevPic{
		color:#fff;
		cursor:pointer;
		display:none;
		float:left;
		font-size:16px;
		font-weight:lighter;
		height:20px;
		left:320px;
		padding:0 0 0 0;
		position:absolute;
		top:7px;
		z-index:1000;
		}
	#gallery   #nav .nextPic{
		color:#fff;
		cursor:pointer;
		font-size:16px;
		font-weight:lighter;
		padding:0;
		position:absolute;
		right:305px;
		top:7px;
		z-index:1000;
		}
	#gallery #nav  .position{
		color:#fff;
		float:left;
		font-size:10px;
		left:360px;
		position:absolute;
		top:11px;
		}
	#gallery #nav  #nbre p{
		color:#fff;
		}
	#gallery #viewer {
		background:#fff;
		height:510px;
		margin:0 auto 0 auto;
		overflow:hidden;
		position:relative;
		width:720px;
		}
	#gallery #viewer p.error{
		color:#fff;
		font-size:11px;
		height:20px;
		line-height:20px;
		margin:240px auto 0 auto;
		width:110px;
		}
	#gallery #viewer img{
		text-align:center;
		margin:0 auto 0 auto;
		}
	#gallery #viewer .loading,
	.loading{
		position:absolute;
		top:50%;
		left:50%;
		margin:0 auto 0 auto;
		width:auto;
		height:auto;
		min-height:5px;
		color:#fff;
		font-size:12px;
		}
	/*------------------------------------------
		DIALOG BOX
	--------------------------------------------*/
	#background{
		background:#333;	
		bottom:0;
		display:none;
		height:100%;
		left:0;
		top:0;
		position:absolute;
		width:100%;
		z-index:1;			 	
	}
	html  > body #background {
		position: fixed;
	}
	#dialog{
		border:0px solid #fff;
		display:none;
		height:510px;
		left:50%;
		margin:-270px 0 0 -360px;	
		position:absolute;		
		top:50%;
		width:720px;
		z-index:100;	
		overflow:hidden;
	}
	.closeDetail{
		background:transparent url(../images/close4.jpg) no-repeat left center;
		color:#e5e5e5;
		cursor:pointer;
		display:block;
		font-size:9px;
		height:35px;
		line-height:35px;
		padding:0 0 0 20px;
		position:absolute;
		right:0px;
		text-decoration:none;
		text-transform:uppercase;
		top:5px;
		width:35px;
		z-index:100;
	}