/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin: 0;
padding: 0;
}
body,html{
height: 100%;
font-family: Arial, Helvetica, sans-serif;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background: #20190a;
width: 100%;
}
/***************** CONTAINER *****************/
#container{
position: relative;
width: 910px;
margin: 0 auto;
background: #20190a;
}

/***************** HEADER *****************/
#header{
width: 910px;
height: 374px;
background: url(../images/charte/bg-header.gif) no-repeat #20190a ;

}
#lang{
	position: absolute;
	right: 25px;
	top: 82px;
}
#accroche{
	width:407px;
	height:73px;
	position:absolute;
	top:200px;
	right:50px;
}
#produit-header{
	position:absolute;
	top:85px;
}
/***************** MENU TOP *****************/
/*---------------------------------MENU HAUT--------------------------------------------*/
#menu {
	width:474px;
	height:45px;
	float:right;
	margin:10px 15px 0 0;
}
dl, dt, dd {
	margin: 0;
	padding: 0;
}
ul {
	position:absolute;
	z-index:500;
	width:165px;
	margin-top:5px;
	padding:0 0 0 15px;
	background:#000000;
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.70;
	opacity:0.70;
}
#menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.5em;
	text-align: left;
	border-bottom: 1px solid #000;
}
#menu dd {
	display: none;
}
#menu li a:link, #menu li a:visited {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding-bottom:5px;
}
#menu li a:hover {
	color:#996633;
	text-decoration: none;
	height: 100%;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	display:block;
}
#menu dl {
	float:left;
	line-height:38px;
	height:45px;
}
#menu dt {
	cursor: pointer;
	line-height:38px;
	height:45px;
}
#menu dt a {
	text-decoration: none;
	display: block;
	text-decoration: none;
	height:45px;
  margin-top:9px;
}

#menu span {
	display:none;
}
#menu dt a.accueil {
	background-image:url(../images/charte/bt1hover.gif);
}

#menu dt a.accueil1 {
	background-image:url(../images/charte/bt11.gif);
}

#menu dt a.la-pipe-contemporaine {
	background-image:url(../images/charte/bt2hover.gif);
}

#menu dt a.la-pipe-contemporaine1 {
	background-image:url(../images/charte/bt21.gif);
}
#menu dt a.l-atelier {
	background-image:url(../images/charte/bt3hover.gif);
}

#menu dt a.l-atelier1 {
	background-image:url(../images/charte/bt31.gif);
}

#menu dt a.collections {
	background-image:url(../images/charte/bt4.gif);
}
#menu dt a.la-maison-jean {
	background-image:url(../images/charte/bt5.gif);
}
#menu dt a.contact {
	background-image:url(../images/charte/bt_08.gif);
}
#menu dt a.accueil:hover {
	background-image:url(../images/charte/bt1.gif);
}

#menu dt a.accueil1:hover {
	background-image:url(../images/charte/bt1hover1.gif);
}

#menu dt a.la-pipe-contemporaine:hover {
	background-image:url(../images/charte/bt2.gif);
}

#menu dt a.la-pipe-contemporaine1:hover {
	background-image:url(../images/charte/bt2hover1.gif);
}

#menu dt a.l-atelier:hover {
	background-image:url(../images/charte/bt3.gif);
}

#menu dt a.l-atelier1:hover {
	background-image:url(../images/charte/bt3hover1.gif);
}

#menu dt a.collections:hover {
	background-image:url(../images/charte/bt4hover.gif);
}
#menu dt a.la-maison-jean:hover {
	background-image:url(../images/charte/bth_07.gif);
}
#menu dt a.contact:hover {
	background-image:url(../images/charte/bth_08.gif);
}
/*---------------------------------FIN MENU HAUT--------------------------------------------*/
/************** TOP BAR **************/

.top{
  line-height:0px;
	width:876px;
/*	background:#4E3C18 ; */
  float:left;
  padding-bottom:5px;
}


#top0 h1, .top h1{
  font:normal 18px/20px Verdana, Tahoma, Arial, Verdana, Georgia ;
  float:left;
  color: #CCCCCC;
}

#top0{
  width:870px;
	margin: 10px 0px 10px 0px;
  float:left;
  padding:0 0px 0 17px;
}
#top0 h1 a:link, #top0 h1 a:visited{
  color: #ab9b6e;
  text-decoration: underline;
}

#top0 h1 a:hover, #top0 h1 a:active{
  color:#D0BF90;
  text-decoration: none;
}



/*#top span , #top0  span{
	display:none;
}*/
/*#top0 h1#accueil{
  background: url(../images/charte/title-accueil.jpg) left top no-repeat;
}
#top0 h1#mentions{
  background: url(../images/charte/title-mentions.jpg) left top no-repeat;
}
#top0 h1#histoire{
  background: url(../images/charte/title-histoire.jpg) left top no-repeat;
}
#top0 h1#contact{
  background: url(../images/charte/title-contact.jpg) left top no-repeat;
}
#top0 h1#ceramique{
  background: url(../images/charte/title-ceramique.jpg) left top no-repeat;
}
#top0 h1#expositions{
  background: url(../images/charte/title-expositions.jpg) -1px top no-repeat;
}*/

/*#top #stock{
	height:40px;
	width:220px;
	background:url(../images/charte/dernieresacqui.gif) 1px 15px  no-repeat;
}*/
.top #search{
	width:343px;
	height:32px;
	margin:12px 0 0 0;
	float:right;
}

.top  #search #search-box{
	float:right;
  width:174px;
	margin:2px 0 0 0;
}

.top  #search #search-box{
	float:right;
  width:174px;
	margin:2px 0 0 0;
}

.top #search-box input{
	border:none;
	background:#20190a;
	/*color:#4a3e27;*/
    color: #8D7E58;
    padding:2px 2px 2px 5px;
    height:16px;
    font-size:13px;
    width:135px;
    float:right;
}
.top .recent{
	width:872px;
	float:left;
  margin:7px 0 0 0;
  padding:7px 0px 7px 0px;
  border:solid 1px #6A5329;
}
.top .recent img{
  border:solid 1px #9e916d;
}

.top .recent .recent-pro{
	float:left;
	width:269px;
	height:175px;
  border-left:solid 1px #6A5329;}
.top .recent .recent-pro1{
	float:left;
	width:212px;
	height:144px;
  border-left:solid 1px #6A5329;}
.top .desc{
	width:136px;
	float:right;
	color:#20190a;
  padding-right:6px;
  display:table;
}
.top p.title{
  color: #d0bf90;
  font-weight:bold;
  line-height:normal;
  text-align:center;
  padding:0px;
  line-height: 22px;
}
.top p.title2{
  font-weight: bold;
  padding:6px 0 5px 3px;
  line-height:normal;
  font-size:11px;
}
.top .desc p.descriptif{
  color: #E5D9B5;
  text-align: justify;
  font-size:10px;
  line-height:13px;
  padding: 0;
}
.top .desc a{
	text-decoration:underline;
	color:#c9a338;
	font-size:11px;
  line-height:normal
}
.top .desc a:hover{
	text-decoration:underline;
	color:#D0BF90 ;
	font-size:11px;
  line-height:normal
}
/***************** CONTENU *****************/
#contenu{
width:874px;
padding: 0px 13px;
margin:0 auto ;
background:#3B301A;
font-size:0px; line-height:0px;
clear:both;
display: table;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:910px;
height:35px;
margin:0 auto;
}
#idep{
position:absolute;
right:0;
top:0;
width:195px;
height:30px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#655c4a;
margin:10px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
color:#655c4a;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#938a77;
}