/* CSS RESET 
----------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead  {
	margin: 0;
	/*padding: 0;*/
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent; }
	
	
table, tr, th, td	
{
	/*margin: 0;*/
	/*padding: 0;*/
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent; }
 
body { line-height: 1; }
 
ol, ul { list-style: none; padding: 0; }
 
blockquote, q { quotes: none; }
 
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }
 
/* remember to define focus styles! */
:focus { outline: 0; }
 
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
 
del { text-decoration: line-through; }
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }
 
/* structure 
----------------------------*/
body {
	background: #242424 url(../images/bg1.jpg) no-repeat 50.1% 0;
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	background-position:top center;
	}
 
	body.bg2 { background: #d4c7a3 url(../images/bg2.jpg) no-repeat 50.1% 0;
		background-position:top center;
		}
 
#page {
	width: 951px;
	margin: 0 auto 20px;
	background: #d8d1c2 url(../images/page_bot.png) no-repeat bottom;
	padding-bottom: 33px; }
 
/* Header > Pre-Header
----------------------------*/

#menu_haut {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-image:url(/images/menu_haut.png);
	background-repeat:repeat-x;
	height:37px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:10;
}



#pre-header {
	position: relative;
	z-index: 11;
	font-size: 12px;
	font-family: Arial, Verdana;
	color: #707070;
	line-height: 28px;
	text-align: right;
	margin:auto;
	width:951px;
	}
 
	#pre-header a {
		z-index: 100;
		color: #707070;
		text-decoration: none;
		padding: 0 10px; 
		position : relative;
		}
 
/* Header  
----------------------------*/
#header { position: relative; }
 
.hst1 {
	height: 230px;
	overflow: hidden; }
 
	.hst1 .hbg, .hst2 .hbg {
		position: absolute;
		top: 0; }
 
.hst2 {
	height: 209px;
	overflow: hidden; }
 
/* Home > Online Store
----------------------------*/
#online-store {
	width: 923px;
	height: 292px;
	margin: 0 auto 20px;
	background: url(../images/bg_onlineStore.png) no-repeat top center;
	overflow: hidden; }
 
	#online-store h3 {
		height: 18px;
		background: url(../images/title_onlineStore.png) no-repeat 25px bottom;
		text-indent: -1000em;
		padding: 0 0 15px; }
 
	#online-store .product {
		width: 162px;
		height: 202px;
		float: left;
		border: 1px solid #8c8b8b;
		margin: 10px 0 0 15px; }
 
		#online-store .product.first { margin-left: 380px; }
 
* html #online-store .product.first { margin-left: 190px; }
 
#online-store .view-all {
	width: 195px;
	height: 17px;
	background: url(../images/title_viewAll.png) no-repeat;
	float: right;
	text-indent: -1000em;
	margin: 16px 20px; }
 
/* Home > Cols
----------------------------*/
#main {
	width: 100%;
	overflow: hidden; }
 
.col-1 {
	width: 435px;
	float: left; }
 
.col-2 {
	width: 502px;
	float: right;
	margin: 0 8px 0 0; }
 
/* Home > Magasins
----------------------------*/
#magasins { margin: 5px; }
 
	#magasins h3, #magasins p {
		text-indent: -1000em;
		display: none;
		display: block;
		width: 1px;
		height: 1px; }
 
/* Home > Terrains
----------------------------*/
#terrains { margin: 5px 0; }
 
	#terrains h3, #terrains p {
		text-indent: -1000em;
		display: block;
		width: 1px;
		height: 1px; }
 
/* Home > News
----------------------------*/
#news {
	height: 581px;
	background: url(../images/news.png) no-repeat;
	overflow: hidden;
	padding-top: 30px; }
 
	#news h3 {
		text-indent: -1000em;
		height: 1px;
		width: 1px; }
 
	#news dl {
		width: 442px;
		padding: 10px 30px 8px;
		overflow: hidden;
		font-family: verdana, tahoma, arial;
		font-size: 11px;
		line-height: 1.5;
		background: url(../images/news_sep.png) no-repeat bottom center; }
 
		#news dl dd.img {
			float: left;
			margin: 0 10px 0 0; }
 
		#news dl dd.date {
			color: #606060;
			font-size: 9px;
			text-transform: uppercase; }
 
		#news dl dt a {
			font-weight: bold;
			color: #9d2e24;
			text-decoration: none; }
 
	#news a.btn-archives {
		width: 106px;
		height: 9px;
		background: url(../images/btn_acrhives.png) no-repeat;
		text-indent: -1000em;
		float: right;
		margin: 15px 25px; }
 
/* Home > Newsletter
----------------------------*/
#newsletter {
	background: url(../images/newsletter.png) no-repeat top center;
	height: 29px;
	margin: 5px 0 10px; }
 
	#newsletter h3 {
		width: 1px;
		height: 1px;
		text-indent: -1000em; }
 
	#newsletter form * { vertical-align: middle; }
 
	#newsletter form {
		padding: 10px 20px;
		text-align: right; }
 
* html #newsletter form { padding-top: 0; }
 
#newsletter input.text {
	width: 127px;
	height: 15px;
	line-height: 15px;
	font-size: 11px;
	border: 1px solid #beb99a;
	padding: 0 3px; }
 
/* Footer
----------------------------*/
#footer {
	width: 951px;
	margin: 0 auto;
	text-align: right;
	color: #676767;
	line-height: 1.8;
	padding: 0 0 20px; }
 
	#footer a {
		color: #e1e1e1;
		text-decoration: none; }
 
/* Magasins
----------------------------*/
#page.magasin-page {
	background: #fff url(../images/page_bot_2.png) no-repeat bottom;
	padding-bottom: 76px; }
 
.magasin-page .hst1 { height: 210px; }
 
.magasin-page #aside {
	width: 176px;
	background: url(../images/aside.png) repeat; /*height: 407px;*/
	float: left;
	padding: 0 0 10px; }
 
.magasin-page #content {
	width: 734px;
	padding: 20px;
	float: left;
	}
 
/* Magasins > Aside
----------------------------*/
.magasin-page #aside h3 {
	width: 176px;
	height: 31px;
	text-indent: -1000em;
	background: url(../images/aside_atomik.png) no-repeat;
	margin: 0 0 10px; }
 
.boutique-page #aside h3 { background: url(../images/aside_rayon.png) no-repeat; }
 
.magasin-page #aside h4 {
	font-size: 12px;
	font-weight: bold;
	background: url(../images/menu_sep.png) no-repeat bottom center;
	padding-bottom: 5px;
	width: 156px;
	margin: 0 auto; }
 
	.magasin-page #aside h4.active {
		background: no-repeat;
		padding-bottom: 0; }
 
	.magasin-page #aside h4 a {
		color: #000;
		text-decoration: none;
		display: block;
		background: url(../images/menu_open.png) no-repeat right center;
		padding: 7px 0; 
		padding-right:10px;
		}
 
		.magasin-page #aside h4 a:hover {
			color: #e95d0f;
			background: url(../images/menu_over.png) no-repeat right center; }
 
	.magasin-page #aside h4.active a { background: url(../images/menu_close.png) no-repeat right center; }
 
/* Accordion
----------------------------*/
#aside .accordion ul {
	padding: 3px 0;
	line-height: 1.2;
	background: url(../images/menu_sep.png) no-repeat bottom center;
	margin: 0 10px; }
 
#aside .accordion  ul li {
	padding: 0 10px 5px;
	background: url(../images/bullet.png) no-repeat 0 5px; }
 
	#aside .accordion  ul li a {
		color: #000;
		font-size: 11px;
		text-decoration: none; }
 
#aside .accordion  ul ul {
	display: block !important;
	background: none !important; }
 
#aside .accordion .sub-parent {
	background: none;
	padding: 0 0 5px; }
 
#aside .accordion  li li { padding-bottom: 5px; }
 
/* Magasins > Content
----------------------------*/
.magasin-page #breadcrumb { padding: 0 0 15px; }
 
	.magasin-page #breadcrumb a {
		font-size: 10px;
		color: #f35814;
		text-decoration: none; }
 
.magasin-page #content h2 {
	font-size: 17px;
	font-weight: normal;
	background: url(../images/title_border.png) no-repeat bottom left;
	padding: 0 0 3px;
	margin: 0 0 25px; }
 
.magasin-page #content p {
	line-height: 1.1;
	/*margin: 0 0 10px;*/ }
 
.magasin-page #content address {
	font-style: normal;
	line-height: 1.4; }
 
/* Boutique
----------------------------*/
#page.boutique-page { background: #fff url(../images/page_bot_3.png) no-repeat bottom; border-right:1px solid #b5c2d2;}
 
	#page.boutique-page #aside .block { padding: 0 0 10px; border-left:1px solid #B5C2D2;}
 
	#page.boutique-page #aside .rechercher h3 {
		background: url(../images/title_rechercher.png) no-repeat center;
		height: 19px; }
 
	#page.boutique-page #aside .rechercher form { padding: 0 10px; }
 
	#page.boutique-page #aside .rechercher input.text {
		width: 120px;
		height: 15px;
		line-height: 15px;
		font-size: 11px;
		border: 1px solid #beb99a;
		padding: 0 3px; }
 
	#page.boutique-page #aside .marques h3 {
		background: url(../images/title_marques.png) no-repeat center;
		height: 19px; }
 
	#page.boutique-page #aside .marques { text-align: center; }
 
		#page.boutique-page #aside .marques select {
			width: 85%;
			margin: 0 auto; }
 
	#page.boutique-page #aside .panier h3 {
		background: url(../images/title_panier.png) no-repeat center;
		height: 19px; }
 
	#page.boutique-page #aside .panier strong, #page.boutique-page #aside .panier p {
		display: block;
		padding: 5px 10px; }
 
	#page.boutique-page #aside .panier a.btn-valider {
		width: 109px;
		height: 9px;
		background: url(../images/btn_validate.png) no-repeat;
		margin: 10px;
		text-indent: -1000em;
		float: left; }
		
#logo a {
display: block;
width: 300px;
height: 70px;
text-indent: 2000px;
overflow: hidden;
}

ul#nav
{
bottom: 0;
position: absolute;
right: 202px;
}

ul#nav li
{
float: left;
}


ul#nav li a
{
position: relative;
width: 100px;
display: block;
height: 37px;
text-decoration: none;
color: #371C1C;
overflow: hidden;
text-indent:-99999px; 
}

#header_contact a
{
position: absolute;
bottom: 0;
right: 0;
display: block;
width: 203px;
height: 70px;
 
text-indent:-99999px; 
}		

.magasin-page #aside h4.alone a {
background: none;
}

.error {
	margin: 0 auto 20px auto !important;
}