body {
	color: #325;
}
#hd h1, 
span.hidden, 
.longdesc {
	position: absolute;
	left: -999em;
}
#content {
	color: #325;
	min-height: 375px;
	height: auto !important;
	height: 375px;
}
#content .primary {
	width: 60%;
	padding-right: 4%;
	float: left;
}
#content .secondary {
	width: 36%;
	float: left;
	text-align: center;
}
#content .secondary .module {
	margin: 0 0 1.75em 0;
}
#content h2 {
	font-size: 167%;
	font-weight: bold;
	color: #900;
	margin: 0 0 .75em 0;
}
#content h2 span {
	color: #c63;
}
#content h3 {
	font-size: 153.9%;
	font-weight: bold;
	color: #325;
	margin: 0 0 .25em 0;
}
#content .secondary h3 {
	color: #c63;
}
#content h4 {
	font-size: 123.1%;
	font-weight: bold;
	color: #325;
	margin: 0 0 .25em 0;
}
#content h5 {
	font-size: 108%;
	font-weight: bold;
	color: #325;
	margin: 0 0 .25em 0;
}
#content h6 {
	font-size: 100%;
	font-weight: bold;
	color: #325;
	margin: 0 0 .25em 0;
}
#content p {
	margin: 0 0 .75em 0;
}
span.bubu-magenta {
	display: inline;
	display: inline-block;
	width: 2.5em;
	height: 1em;
	bottom: -.115em;
	margin: 0;
	padding: 0;
	color: #e1007a;
	text-indent: -999em;
	font-weight: bold;
	background: url(/static/img/bubu-megenta.png) no-repeat 50% 60%;
	overflow: hidden;
}
span.bubu-cyan {
	display: inline;
	display: inline-block;
	width: 2.5em;
	height: 1em;
	bottom: -.115em;
	margin: 0;
	padding: 0;
	color: #e1007a;
	text-indent: -999em;
	font-weight: bold;
	background: url(/static/img/bubu-cyan.png) no-repeat 50% 60%;
	overflow: hidden;
}
a:hover span.bubu-magenta {
	background: url(/static/img/bubu-cyan.png) no-repeat 50% 60%;
}
a:hover span.bubu-cyan {
	background: url(/static/img/bubu-megenta.png) no-repeat 50% 60%;
}
span.asterisque {
	display: inline;
	display: inline-block;
	width: 1.3em;
	height: 1em;
	bottom: -.115em;
	margin: 0;
	padding: 0;
	color: #cd6415;
	text-indent: -999em;
	font-weight: bold;
	background: url(/static/img/asterisque.png) no-repeat 50% 60%;
	overflow: hidden;
}
#content ul {
	margin: 0 0 .75em 1em;
}
#content ul li {
	list-style-type: disc;
	list-style-position: inside;
}
#content ul ul, 
#content ul ol {
	margin: 0 0 0 1em;
}
#content ul li ul li { list-style-type: square; }
#content ul li ol li { list-style-type: decimal; }
#content ul li ul li ul li { list-style-type: circle; }
#content ul li ol lo ol li { list-style-type: lower-alpha; }
#content ul li ol lo ol li ol li { list-style-type: lower-roman; }
#content ol {
	margin: 0 0 .75em 1em;
}
#content ol li {
	list-style-type: decimal;
	list-style-position: inside;
}
#content ol ol, 
#content ol ul {
	margin: 0 0 0 1em;
}
#content ol li ol li { list-style-type: lower-alpha; }
#content ol li ul li { list-style-type: disc; }
#content ol li ol li ol li { list-style-type: lower-roman; }
#content ol li ul li ul li { list-style-type: square; }
#content ol li ul li ul li ul li { list-style-type: circle; }
#content dl {
	margin: 0 0 .5em 0;
}
#content dt {
	font-weight: bold;
}
#content dd {
	margin: 0 0 .5em 0;
}
#content blockquote {
	width: 60%;
	margin: 0 1em .75em 1em;
	padding: .5em;
	border: 1px solid #325;
}
#content blockquote.right {
	float: right;
	clear: both;
}
#content blockquote.left {
	float: left;
	clear: both;
}
#content blockquote p {
	margin: 0;
	font-size: 116%;
}
#content blockquote cite {
	color: #c63;
	font-style: italic;
}
#content a, 
#content a:link {
	color: #c63;
}
#content a:visited {
	color: #c63;
	font-weight: bold;
}
#content a:hover {
	color: #f60;
}
#content a:active {
	color: #336;
}
#content table {
	width: 100%;
	margin: 0 0 .75em 0;
}
#content table th, #content table td {
	padding: 6px;
	vertical-align: top;
}
#content table thead th {
	font-size: 116%;
	font-weight: bold;
}
#content table thead td {
	font-size: 100%;
}
#content table tfoot {
}
#content table tfoot td {
	font-size: 85%;
	text-align: right;
}
#content table tbody {
}
#content table tbody th {
	vertical-align: bottom;
	font-weight: bold;
	border-bottom: 2px dotted #325;
}
#content table tbody th.tbodyhead {
	font-size: 108%;
	border-bottom: none;
	padding: 12px 6px 4px 6px;
}
#content table tbody th, 
#content table tbody td {
	padding: 6px 6px 0 6px;
}
#content ul.product-list {
	width: 100%;
	margin: 0 0 .25em 0;
}
#content ul.product-list li {
	list-style-type: none;
	text-align: center;
	width: 30%;
	height: 190px;
	margin: 0 3% .75em 0;
	float: left;
}
#content ul.product-list.small li {
	height: 130px;
}
#content ul.product-list.large li {
	height: 220px;
}
#content ul.product-list.accessoires li {
	text-align: left;
}

#content ul.product-list li h3 {
	font-size: 131%;
}
#content ul.product-list li h4 {
	font-size: 116%;
}
#content ul.product-list li h3 a, 
#content ul.product-list li h4 a {
	text-decoration: none;
}
#content ul.swatch-list {
	width: 100%;
	margin: 0 0 .25em 0;
}
#content ul.swatch-list li {
	list-style-type: none;
	text-align: center;
	width: 47%;
	height: 260px;
	margin: 0 3% .75em 0;
	float: left;
}
#content ul.swatch-list li h3 {
	font-size: 131%;
}
#content ul.swatch-list li img {
	position:static;
	bottom: 0;
}
#content ul.photo-list {
	width: 100%;
	margin: 0 0 .25em 0;
}
#content ul.photo-list li {
	list-style-type: none;
	text-align: center;
	width: 47%;
	height: 260px;
	margin: 0 3% 2.5em 0;
	float: left;
}
/* Classes */
.uc { text-transform: uppercase; }
.lc { text-transform: lowercase; }

/* Content Nav */
#content .cnav {
	margin: 0 0 0.75em 0;
}
#content .cnav li {
	float: left;
	width: auto;
	list-style-type: none;
	height: auto;
	margin: 0 1.5em 0 0;
}
#content .cnav a {
	text-indent: -999em;
	display: block;
	overflow: hidden;
	background-color: transparent;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#content .cnav a:hover, 
#content .cnav a:focus, 
#content .cnav a:hover *, 
#content .cnav a:focus * {
	-moz-opacity: 1;
	opacity: 1;
}

/* Sur-mesure */
.base-style-xmp {
	margin: 0 0 .75em 0;
}
.base-style-xmp div {
	float: left;
	margin: 0 2em 0 0;
}

/* Styles */
#styles-cnav-sacs a {
	width: 125px;
	height: 54px;
	background-image: url(/static/img/fr/sur_mesure/sacs_rouge.png);
	background-repeat: no-repeat;
}
#styles-cnav-accessoires a {
	width: 125px;
	height: 54px;
	background-image: url(/static/img/fr/sur_mesure/acc_rouge.png);
	background-repeat: no-repeat;
}
/* Matières */
#matieres-cnav-tissus a {
	width: 125px;
	height: 54px;
	background-image: url(/static/img/fr/sur_mesure/tissus_rouge.png);
	background-repeat: no-repeat;
}
#matieres-cnav-cuirs a {
	width: 125px;
	height: 54px;
	background-image: url(/static/img/fr/sur_mesure/cuirs_rouge.png);
	background-repeat: no-repeat;
}
#matieres-cnav-fourrures a {
	width: 125px;
	height: 54px;
	background-image: url(/static/img/fr/sur_mesure/fourrures_rouge.png);
	background-repeat: no-repeat;
}
/* Collection */
#collection-cnav-sacs a {
	width: 125px;
	height: 54px;
	background-image: url(/static/img/fr/collection/sacs_bleu.png);
	background-repeat: no-repeat;
}
#collection-cnav-accessoires a {
	width: 125px;
	height: 54px;
	background-image: url(/static/img/fr/collection/accessoires_bleu.png);
	background-repeat: no-repeat;
}
#collection-cnav-bubu a {
	width: 125px;
	height: 54px;
	background-image: url(/static/img/fr/collection/bubu_bleu.png);
	background-repeat: no-repeat;
}
/* Photos */
#photos-cnav-sacs a {
	width: 125px;
	height: 54px;
	background-image: url(/static/img/fr/photos/sacs_orange.png);
	background-repeat: no-repeat;
}
#photos-cnav-accessoires a {
	width: 125px;
	height: 54px;
	background-image: url(/static/img/fr/photos/accessoires_orange.png);
	background-repeat: no-repeat;
}
#photos-cnav-bubu a {
	width: 125px;
	height: 54px;
	background-image: url(/static/img/fr/photos/bubu_orange.png);
	background-repeat: no-repeat;
}

/* Produits */
#content #styles-view div.item {
	margin: 0 0 5.75em 0;
}
#content #styles-view div.item.last {
	margin: 0;
}
#content #styles-view ul.yui-nav {
	display: none;
}
#content #styles-view h3 {
	font-size: 167%;
	font-weight: bold;
	color: #900;
	margin: 0 0 .75em 0;
}
#content #styles-view h3 span {
	color: #c63;
}
#content #styles-view .visuel {
	width: 300px;
	float: left;
	margin: 0 1em 1em 0;
}
#content #style-view .visuel {
	float: left;
	margin: 0 1em 1em 0;
}
#content #style-view .description, 
#content #styles-view .description {
	float: left;
	clear: right;
}
#content dl.mesures dt {
	float: left;
	clear: left;
	margin-right: .5em;
	text-transform: lowercase;
}
#content dl.mesures dd {
	float: left;
	clear: right;
	margin: 0;
}
#content div.prix {
	margin: 0 0 0.5em 0;
}
#content div.prix p {
	margin: 0;
	text-transform: lowercase;
}
#content div.prix ul {
	margin: 0 0 0.75em 0;
}
/* Réparations */
#content table.liste-prix tbody td {
	text-align: right;
}