body * { position: relative;}
/* BASIC */
.print { display: none; }
/* TEMPLATE */
#doc {
	background: #eee url(/static/img/bg.jpg);
	width: 775px;
}
/* HEAD */
#logo-screen {
	display: block;
	position: absolute;
	top: 0;
	left: -27px;
	z-index: 1;
}
#hd-art-fil {
	position: absolute;
	top: 102px;
	left: 22px;
	background: url(/static/img/fil.png) no-repeat;
	width: 195px;
	height: 320px;
}
/* HEAD NAVIGATION */
#nav {
	float: right;
	width: 550px;
	height: 180px;
	z-index: 2;
}
#nav li {
	float: left;
	width: auto;
	height: auto;
	background-color: transparent;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#nav li:hover, 
#nav li:focus, 
#nav li:hover *, 
#nav li:focus * {
	-moz-opacity: 1;
	opacity: 1;
}
#nav a {
	text-indent: -999em;
	display: block;
	overflow: hidden;
}
#nav ul {
	float: left;
	clear: both;
}
#nav li li {
	float: left;
	clear: both;
	display: none;
	padding-top: 8px;
}
#nav li li a {
	height: 13px;
	margin-top: 0;
}
#nav li li li {
	float: left;
	clear: none;
	margin-right: 5px;
	padding-top: 0;
}
#nav li li li a {
	height: 12px;
}
#nav-sur-mesure {
	position: absolute;
	top: 0;
	left: 0;
	width: 161px;
	height: 83px;
	background-image: url(/static/img/fr/nav-sur-mesure.png);
	background-repeat: no-repeat;
	z-index: 19;
}
body.sur-mesure #nav-sur-mesure, 
body.sur-mesure #nav-sur-mesure * {
	-moz-opacity: 1;
	opacity: 1;
}
body.sur-mesure #nav-sur-mesure li, 
#nav-sur-mesure:hover li, 
#nav-sur-mesure:focus li {
	display: block;
}
#nav-sur-mesure a {
	width: 161px;
	height: 68px;
	margin-top: 15px;
}
#nav-sur-mesure ul {
	border-left: 1px solid #981c1f;
	top: -3px;
	margin: 0 0 0 65px;
	padding: 0 0 0 3px;
}
#nav-sur-mesure ul ul {
	border-left: none;
	margin: 0;
	padding: 0;
}
#nav-sur-mesure li a {
	background-image: url(/static/img/fr/subnav-sur-mesure.png);
	background-repeat: no-repeat;
}
	#nav-sur-mesure #nav-sur-mesure-styles a {
		width: 50px;
		background-position: 0 0;
	}
		#nav-sur-mesure #nav-sur-mesure-styles-sacs a {
			width: 22px;
			background-position: 0 -12px;
		}
		#nav-sur-mesure #nav-sur-mesure-styles-accessoires a {
			width: 54px;
			background-position: -30px -12px;
		}
	#nav-sur-mesure #nav-sur-mesure-matieres a {
		width: 44px;
		background-position: 0 -31px;
	}
		#nav-sur-mesure #nav-sur-mesure-matieres-tissus a {
			width: 27px;
			background-position: 0 -42px;
		}
		#nav-sur-mesure #nav-sur-mesure-matieres-cuirs a {
			width: 22px;
			background-position: -32px -42px;
		}
		#nav-sur-mesure #nav-sur-mesure-matieres-fourrures a {
			width: 42px;
			background-position: -59px -42px;
		}
#nav-collection {
	position: absolute;
	top: 0;
	left: 132px;
	width: 146px;
	height: 103px;
	background-image: url(/static/img/fr/nav-collection.png);
	background-repeat: no-repeat;
	z-index: 16;
}
body.collection #nav-collection, 
body.collection #nav-collection * {
	-moz-opacity: 1;
	opacity: 1;
}
body.collection #nav-collection li, 
#nav-collection:hover li, 
#nav-collection:focus li {
	display: block;
}
#nav-collection a {
	width: 146px;
	height: 75px;
	margin-top: 28px
}
#nav-collection ul {
	border-left: 1px solid #1c3665;
	top: -12px;
	margin: 0 0 0 50px;
	padding: 0 0 0 3px;
}
#nav-collection ul ul {
	border-left: none;
	margin: 0;
	padding: 0;
}
#nav-collection li a {
	background-image: url(/static/img/fr/subnav-collection.png);
	background-repeat: no-repeat;
}
	#nav-collection-sacs a {
		width: 24px;
		background-position: 0 0;
	}
	#nav-collection-accessoires a {
		width: 59px;
		background-position: 0 -21px;
	}
	#nav-collection-bubu a {
		width: 39px;
		height: 14px !imoortant;
		background-position: 0 -39px;
	}
#nav-photos {
	position: absolute;
	top: 0;
	left: 262px;
	width: 135px;
	height: 82px;
	background-image: url(/static/img/fr/nav-photos.png);
	background-repeat: no-repeat;
	z-index: 18;
}
#nav-photos a {
	width: 135px;
	height: 57px;
	margin-top: 25px;
}
body.photos #nav-photos, 
body.photos #nav-photos * {
	-moz-opacity: 1;
	opacity: 1;
}
body.photos #nav-photos li, 
#nav-photos:hover li, 
#nav-photos:focus li {
	display: block;
}
#nav-reparations {
	position: absolute;
	top: 0;
	left: 287px;
	width: 140px;
	height: 132px;
	background-image: url(/static/img/fr/nav-reparations.png);
	background-repeat: no-repeat;
	z-index: 15;
}
body.reparations #nav-reparations, 
body.reparations #nav-reparations * {
	-moz-opacity: 1;
	opacity: 1;
}
body.reparations #nav-reparations li, 
#nav-reparations:hover li, 
#nav-reparations:focus li {
	display: block;
}
#nav-reparations a {
	width: 140px;
	height: 62px;
	margin-top: 70px;
}
#nav-reparations ul {
	border-left: 1px solid #991c1f;
	top: -13px;
	margin: 0 0 0 34px;
	padding: 0 0 0 3px;
}
#nav-reparations ul ul {
	border-left: none;
	margin: 0;
	padding: 0;
}
#nav-reparations li a {
	background-image: url(/static/img/fr/subnav-reparations.png);
	background-repeat: no-repeat;
}
	#nav-reparations-prix a {
		width: 19px;
		background-position: 0 0;
	}
	#nav-reparations-remodelage a {
		width: 65px;
		background-position: 0 -21px;
	}
#nav-contact {
	position: absolute;
	top: 0;
	left: 412px;
	width: 131px;
	height: 106px;
	background-image: url(/static/img/fr/nav-contact.png);
	background-repeat: no-repeat;
	z-index: 17;
}
body.contact #nav-contact, 
body.contact #nav-contact * {
	-moz-opacity: 1;
	opacity: 1;
}
body.contact #nav-contact li, 
#nav-contact:hover li, 
#nav-contact:focus li {
	display: block;
}
#nav-contact a {
	width: 131px;
	height: 60px;
	margin-top: 46px;
}
#nav-contact ul {
	border-left: 1px solid #342356;
	top: -10px;
	margin: 0 0 0 45px;
	padding: 0 0 0 3px;
}
#nav-contact ul ul {
	border-left: none;
	margin: 0;
	padding: 0;
}
#nav-contact li a {
	background-image: url(/static/img/fr/subnav-contact.png);
	background-repeat: no-repeat;
}
	#nav-contact-atelier a {
		width: 32px;
		background-position: 0 0;
	}
	#nav-contact-vente a {
		width: 77px;
		background-position: 0 -21px;
	}
	#nav-contact-newsletter a {
		width: 55px;
		background-position: 0 -42px;
	}

/* BODY */
#bd {
	background: url(/static/img/bout-fil.png) no-repeat 22px 242px;
}
#content {
	padding: 0 25px 0 260px;
}
/* FOOTER */
#ft {
	padding: .25em 15px .75em 260px;
}
#ft-art-bob1 {
	position: absolute;
	bottom: 10px;
	left: 15px;
	background: url(/static/img/bobine-mauve.png) no-repeat;
	width: 100px;
	height: 226px;
}
#ft-art-bob2 {
	position: absolute;
	bottom: 10px;
	left: 100px;
	background: url(/static/img/bobine-rouge.png) no-repeat;
	width: 60px;
	height: 144px;
}
#ft-art-bob3 {
	position: absolute;
	bottom: 15px;
	left: 160px;
	background: url(/static/img/bobine-bleue.png) no-repeat;
	width: 33px;
	height: 40px;
}
#ft-art-bob4 {
	position: absolute;
	bottom: 10px;
	left: 190px;
	background: url(/static/img/bobine-orange.png) no-repeat;
	width: 41px;
	height: 34px;
}
#ft ul.nav {
	margin: .25em 0;
}
#ft ul.nav li {
	float: right;
	margin-left: 8px;
}
#ft .nav li a {
	display: block;
	text-indent: -999em;
	width: 32px;
	height: 32px;
	overflow: hidden;
}
#ft .nav li.accueil a {
	background: url(/static/img/gb.png) no-repeat;
}
#ft .nav li.page-facebook a {
	background: url(/static/img/gb-fb.png) no-repeat;
}
#ft .copyright {
	text-align: right;
	font-size: 77%;
	color: #981c1f;
}
#ft .copyright span {
	color: #cb6828;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}