/* CSS Document */

ul, li,p,form {
	margin: 0;
	padding: 0;
}
input, 
select, 
textarea{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:4px;
}

html{

	width:100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:30px  0 10px;
	padding: 0;
	color:#fff;

	width:100%;
	background-color:#666;/*#D18552;*/
}


h3{
	padding:5px;
	margin:0;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:24px;
	border-bottom:2px solid #fff;
	color:#fff;
}
h4{
	padding:5px;
	margin:0;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:16px;
	color:#CAF7AD;
	padding-top: 20px;
}
p{ 
	padding:5px;
	line-height:1.4em;
}


.clear{clear:both;}

.desc{font-size:.8em;}

.logo{
	background:url(/images/servary/servary.png) right no-repeat;
	display:block;
	float:right;
	width:137px;
	height:30px;
}

#shadow{	
	width:980px;
	padding:7px 8px;
	margin:0px auto;	
	background: url(/images/servary/shadow.png) top center no-repeat;
}
#main{	
	
/*	margin:0 auto;*/
	margin:0 8px;
	width:964px;	
	border:1px solid #000;
	background-color:#3C372B
}
table.layout{
 	width:100%;
 	height:580px;
}
#footer{
	clear:both;
	height:30px;
	font-size:.9em;
	background-color: #000000 ;
}
#footer ul{
	float:left;
	list-style:none;
	padding:5px 5px 5px 10px;
	margin:2px;	
}
#footer li{
	display:inline;
	margin-right:25px;
}
#footer a{
	text-decoration:none;
	color:#FFFFFF
}

.gauche{
	width:326px;
	position:relative;
}
.gauche > .slogan{
	background: url(/images/servary/bien_etre.png) top left no-repeat;
}


#news a{
	text-decoration:none;
	color:#EFD576;
}
#news a:hover{
	color:#FFFFFF
}
#news .description{
	padding:15px 15px  0px;
	color:#EFD576;
	
}
#news .date{
	font-size:10px;
	color:#FFFFFF;
}
#news .titre{
	font-weight:bold;
	font-size:11px;
}
#news .texte{ 
	display:block; 
	padding:2px 10px 2px 80px;
	font-size:11px;
	color:#FFFFFF
}
#news p{
	font-size:11px;
}
#news a.more{
	color:#EFD576;
	font-weight:bold;
	padding:5px;
	margin-top:15px;
	display:block;
	font-size:10px;
	text-align:right;
}
#news a.more:hover{
	color:#fff;
}

#home h2{
	width:560px;
	margin: 0 auto;
	padding:5px;
	color:#EFD576;
}

#home #news{
	width:570px;
	overflow:auto;
	height:74px;
	margin:0 auto;
	z-index:0;
}
#home #news .description{
	padding:0px 1px;
	margin-bottom:1px
}
#home #news .description a{
	padding:2px;
}
#home #news a{
	text-decoration:none;
	background:#28251D;
	display:block;
}
#home #news a:hover .titre{
	color:#FFFFFF
}
#home #news .titre{
	font-weight:normal;
	}

.contenu{
	overflow:auto;
	height:520px;
	padding:0px 10px;
}

.page{
	padding:0px ; /*10px 20px;*/
	\height:1%;
}
.page h1{

	padding:0 15px 5px ;
	margin:0;
	text-align:right;
	font-size:20px;
	color:#fff;
	font-weight:normal;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	background: #1B120A;	
	line-height:1.3em;
}
.page h1 a{
	color:#EFD576;
	font-size:12px;
	text-decoration:none;
}
.page h1 a:hover{
	/*
	color:#fff;
	text-decoration:underline;
	*/
}
.page h1 a.selected{
	margin-top:-2px;
	color:#fff;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:24px;
	font-weight:bold;
	display:block;
}
.page h1 a.selected:hover{
	text-decoration:none;

}
.page h2{
	white-space:nowrap;
	text-align:left;
	font-family:Trebuchet MS, Verdana, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin:0;
}
.page h2 a{
	color:#EFD576;
	text-decoration:none;
}

.page p{
	padding: 0 0 15px;
	margin: 0;
	line-height:1.6em;	
	color:#fff;
	font-weight:normal;
}

.page .description{
	padding:15px;
	font-size:12px;	
	line-height:1.5em;	
}
.page .description ul{
	padding:15px;
}
.page .description .image{
	float:right;
	text-align:right;
}
.page .description  img{
	margin:0 0 10px 10px;
}
.page .description .image a{
	display:block
}



/* menu-page */
#menu-home{
	position:absolute;
	top:379px;left:0px;
	height:1%;
	z-index:50;
}

#menu-gamme{
	padding-top:379px;
}
#menu-page{
	padding-top:200px;
}
ul.menu{	
	list-style:none;
	padding:0px;	
	font-size:14px;
	width:140px;
}
ul.menu li{
	padding:0;
	position:relative;
	_display:inline;
}
ul.menu a{
	padding:2px 10px 3px ;
	text-decoration:none;
	color:#fff;	
	display:block;
	font-weight:bold;
	width:140px;
}
ul.menu li a:hover{
}
ul.menu span{display:none;}
ul.menu ul span{display:block;}
ul.menu ul{	
 	list-style:none;
	margin:0px ;
	padding:0px;	
	font-size:11px;
	position:absolute;
	left:140px;
	top:0px;
	z-index:100;	
	border-left:1px solid #EFD576;
}
ul.menu ul li{
	margin:0;
	padding:0;
	border:0;	
}

ul.menu ul li.on a,
ul.menu ul li.on a:hover,
ul.menu ul li:hover a,
ul.menu ul li:hover a:hover,
ul.menu ul a:hover{
  background-color:#000;
  color:#000;
  font-weight:normal;
  border-bottom:1px solid #EFD576;
  background-color:#EFD576;
}
ul.menu ul a,
ul.menu ul li.on ul  a,
ul.menu ul li:hover li a{
	background: #000;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	width:140px;
	display:block;
	padding:0;
	border-bottom:1px solid #000;
}
ul.menu ul a span{
	display:block;
	padding:5px;
}
ul.menu li ul{
  display:none;
  z-index:5;
}
ul.menu ul ul{
  z-index:10;
}
ul.menu li:hover>ul{
  display:block;
}
.fr ul.menu a.servary{
	background: url(images/servary/menu_r1_c1.png) top left no-repeat;
	height:29px;
	cursor:default;
	padding:0 10px 7px;
}
.fr ul.menu a.venteEnLigne{
	background: url(images/servary/menu_vente.png) top left no-repeat;
	height:29px;
	/*cursor:default;*/
	padding:0 10px 7px;
}
.fr ul.menu a.news{
	background: url(images/servary/menu_r3_c1.png) top left no-repeat;
	height:30px;
	cursor:pointer;	
	padding:0 10px 7px;
}
.fr ul.menu a.deco{
	background: url(images/servary/menu_r5_c1.png) top  left  no-repeat;
	height:42px;
	cursor:default;	
	padding:0 10px 7px;
}
.fr ul.menu a.amen{
	background: url(images/servary/menu_r7_c1.png) top left no-repeat;
	height:42px;
	cursor:default;
	padding:0 10px 7px;
}
.fr ul.menu a.range{
	background: url(images/servary/menu_r9_c1.png) top left no-repeat;
	height:29px;
	cursor:default;
	padding:0 10px 7px;
}


.fr ul.menu a.bio{
	background: url(images/bioforest.jpg) top left no-repeat;
	height:110px;
	width:270px;
	cursor:default;
	padding:0 10px 7px;
}
.en ul.menu a.bio{
	background: url(images/bioforest.jpg) top left no-repeat;
	height:110px;
	width:270px;
	cursor:default;
	padding:0 10px 7px;
}

.fr ul.menu a.bioforest{
	background: url(images/servary/bio.png) top left no-repeat;
	height:30px;
	cursor:default;
	padding:0 10px 7px;
}

.en ul.menu a.bioforest{
	background: url(images/servary/bio.png) top left no-repeat;
	height:30px;
	cursor:default;
	padding:0 10px 7px;
}

.fr ul.menu a.horsecare{
	background: url(images/servary/horsecare.png) top left no-repeat;
	height:30px;
	/*cursor:default;*/
	padding:0 10px 7px;
}
.en ul.menu a.horsecare{
	background: url(images/servary/horsecare.png) top left no-repeat;
	height:30px;
	/*cursor:default;*/
	padding:0 10px 7px;
}



.en ul.menu a.servary{
	background: url(images/servary/menu_r1_c1.png) top left no-repeat;
	height:29px;
	cursor:default;
	padding:0 10px 7px;
}
.en ul.menu a.news{
	background: url(images/servary/news.gif) top left no-repeat;
	height:30px;
	cursor:pointer;	
	padding:0 10px 7px;
}
.en ul.menu a.deco{
	background: url(images/servary/floorandwall.gif) top  left  no-repeat;
	height:42px;
	cursor:default;	
	padding:0 10px 7px;
}
.en ul.menu a.amen{
	background: url(images/servary/outdoor_decking.gif) top left no-repeat;
	height:42px;
	cursor:default;
	padding:0 10px 7px;
}
.en ul.menu a.range{
	background: url(images/servary/storageandshelving.gif) top left no-repeat;
	height:42px;
	cursor:default;
	padding:0 10px 7px;
}


 li#interieur_p  #navmenu608{
	margin-top:30px;
}



/* menu-home */
ul.home ul{
	left:0px;
	top:76px;
	border:0px;
	margin:0px ;
	z-index:5;		
}
ul.home li{
	margin:0px;
}

ul.home ul ul{
	margin:0px 0 0 0px ;
	width:140px;
	left:140px;
	top:0px;
	border:0px;	
	z-index:10;
	border-left:1px solid #EFD576;	
}

.fr ul.home a.range,
.en ul.home a.range,
.fr ul.home a.amen,
.en ul.home a.amen,
.fr ul.home a.deco,
.en ul.home a.deco
{
	background-position: center left;
	background-color:#000;
	display:block;
	height:76px;
	width:170px;
	padding:0;	
	margin:0px;
}
ul.home a.range span,
ul.home a.amen span,
ul.home a.deco span{
	padding:0;
}
.fr ul.home a.deco{
	background-image: url(/images/home/titre1.gif);
}
.fr ul.home a.amen{
	background-image: url(/images/home/titre2.gif);
}
.fr ul.home a.range{
	background-image: url(/images/home/titre3.gif);
}

.en ul.home a.deco{
	background-image: url(/images/home/titre_en3.gif);
}
.en ul.home a.amen{
	background-image: url(/images/home/titre_en1.gif);
}
.en ul.home a.range{
	background-image: url(/images/home/titre_en2.gif);
}





div.more{
/*display:none;*/
	float:right;
	width:120px;
	background: url(images/servary/dot.gif) left repeat-y;
	text-align:left;
	color:#EFD576;
	margin:10px;
	padding-left:10px;
	
}
div.more h6{
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:5px 0;
	color:#FFFFFF;
}
div.more ul{
	list-style:none;
	color:#EFD576;
	padding:0px 0px;
	margin:0;
}
div.more li{
	padding:0px;
	margin:0px;
}
div.more a{
	width:100%;
	padding:1px;
	font-size:10px;
	color:#EFD576;
	display:block;
	text-decoration:none;
	font-weight:normal;
}
div.more a.on{
	color:#fff;
}
div.more a:hover{
	color:#fff;
}

/* childs */

div.childs{
	/* border:1px solid #BBA96B; */
	clear:both;
	padding:15px;
	padding-left:25px
}
div.childs ul{
	padding:0;
	margin:0;
	list-style:none;
}
div.childs li{
	float:left;
	padding:0;
	margin:0;
}
div.childs a{
	display:block;
	padding:0px;	
	width:140px;
	text-align:center;
	text-decoration:none;
	color:#EFD576;
	font-weight:bold;
	height:140px;
	cursor:pointer;
	font-size:11px;
}
div.childs span{
	display:block;
	padding:5px;
	height:30px;
}
.childs a:hover{
	background: #6D644E;
	color:#fff;
}
div.childs a.on,
div.childs a.on:hover{
	background: url(images/servary/child.png) no-repeat top left;
	color:#fff;
}
div.childs img{
	text-align:center;
	border:1px solid #1B120A;
}
div.childs a.on img{
	text-align:center;
	border:1px solid #EFD576;
}

/* image */

.image a:hover img{
	
	border:1px solid #EFD576;
	background-color: #111;
	
}
.image img{
	vertical-align:middle;
	padding:1px;
	border:1px solid #111;
	background-color:#EFD576;
}

div.description a
{color:#EFD576;}
div.description .image{
	text-align:center;
}
div.description .image a{
	margin-bottom:10px;
}
div.details .image{
	padding-top:10px;
}
div.details .image a{
	margin:0px 10px 0 0px;	
	vertical-align:middle;
}


/* detail */
div.details{
	background-color: #1B120A ;
	width:593px;
	font-size:11px;
	clear:both;
}
div.details .top{
	background: #1B120A url(images/servary/detail_top.png) no-repeat top left;
	height:9px;
	clear:both;
}
div.details .bottom{
	background: #1B120A url(images/servary/detail_bottom.png) no-repeat bottom left;
	height:9px;
	clear:both;	
}
div.details .scroll{
	padding:5px 15px;
}


a.gamme{
	color:#EFD576;
	text-decoration:underline;
	font-size:10px;
}