/*---------------------------------------------------------------------
  [CSS - common]

  Feuille de style commune a toutes les pages
  
  1. Divers
  2. Header
  3. Menu Top
  4. Footer
  5. Sub-Footer
  6. Sitemap
  7. Simple-page
  8. Navigation
  9. Breadcrumb
  10. Fiches
  11. Produits
  12. Preferences
  13. Shop
---------------------------------------------------------------------*/
/*---------------------------------------------------------------------
[1. Divers]
*/

body {
	background: #e9e9e9;
	color: #2e2e2e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	position: relative;
}

input[type=submit],
button {
	display: block;
	float: left;
}

label {
	cursor: pointer;
}

p.actions a {
	float: left;
}

input.is_hover,
button.is_hover {
	text-decoration: underline !important;
}

#newsletter .nwsbutton {
	background: #8a7e54;
}

#newsletter .nwsbutton:hover,
#newsletter .nwsbutton.is_hover {
	background: #b0a16e;
}

ul {
	clear: both;
	margin: 10px 0;
	padding-left: 40px;
	list-style-position: outside;
}

a {
	color: #AA111C;
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.hid {
	height: 1px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: -500px;
	width: 1px;
}

.dn {
	display: none;
}

.clear {
	clear: both;
	margin: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.big {
	height: 300px;
}

a img {
	border: 0;
}

form {
	margin: 0;
}

.ma {
	margin: auto;
	width: 972px;
	top: 0;
}

.oh {
	overflow: hidden;
	display: block;
}

.list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#small-content {
	height: 300px;
}

	#small-content p.warning {
		color: #AB0013;
	}
	
p {
	margin: 1em 0;
}

p.read-more {
	background: #ffeab8;
	color: #8a7d53;
	text-align: right;
	width: 100%;
}

	p.read-more a {
		color: #8a7d53;
		font-weight: bold;
		margin-right: 10px;
		padding-left: 13px;
	}

#loading {
	background: url(../images/loader-white.gif) center no-repeat;
	width: 100%;
	height: 16px;
	padding: 1em;
}

h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size:1.5em; margin:0.83em 0; }
h3 { font-size:1.17em; margin:1em 0; }
h4 { font-size: 1em; margin:1.33em 0; }
h5 { font-size:0.83em; margin:1.67em 0; }
h6 { font-size:0.67em; margin:2.33em 0; }

h2, h3, h4, h5, h6 {
	color: #aa111c;
	font-weight: bold;
	margin-top: 0; 
}

h3 {
	font-weight:normal;
}

h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #aa111c;
	text-decoration: none;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline;
}

#sitemap h2,
#sitemap-content h3,
#sitemap-content h4,
#footer-bar,
#menu-bg,
#newsletter,
.navigator li,
#begin .sheets li a,
h2, h3, h4, h5, h6,
button, .button, label, .label,
.product-category,
.product-title,
.actions .about, .actions .buy, .action,
.price,
.line1, .line2,
.name-search .input-search,
.module-sos-genealogy ol li,
.last-surveys-list .survey,
#mag_sub_price,
#mag_sub_type,
#mag_sub_nbr,
#sub-btn,
#mag_sub_other_price {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

.warning {
	margin: 15px 0 0 0;
}

.money {
	color: #777777;
}

/* Formulaires */

.form {
	background: #ffeab8;
	margin: 0;
	padding: 20px;
	overflow: hidden;
}

	.form fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	.form fieldset legend {
		margin: 0;
		display: none;
	}
	
	.form .fc {
		float: left;
		margin: 0 0 10px 0;
		clear: both;
		width: 100%;
	}
	
	.form .fc label,
	.form .fc .label {
		color: #ab0013;
		float: left;
		font-size: 1.2em;
		text-align: right;
		width: 152px;
	}
	
	.form .fc .label {
		margin-right: 16px; }
	
	.form .fc .no-float {
		float: none;
		width: auto;
	}
	
	.form .fc .field {
		width: 404px;
	}
	
	.form input.field,
	.form textarea.field {
		color: #808080;
		float: left;
		margin: 0 0 0 15px;
	}
	
	/*
	.form p.field,
	.form .fc a.field,
	.form .fc span.field,
	.form .actions {
		width: 414px;
	}
	*/
	
	.form .infos { color: #897d54; font-style: italic; }
	.form span.help { color: #ab0013; font-weight: bold; cursor: pointer; }
	
		.reg-form-help {
			background: #ab0013;
			color: #fff;
			padding: 10px;
			font-style: italic;
			width: 250px;
			z-index: 500;
		}
	
	.form p.field {
		float: right;
		margin: 0; }
	
	.form .forgot-pwd {
		font-style: normal;
		text-decoration: none;
	}
	
	.form .fc .field-cp {
		width: 140px;
		float: left;
		letter-spacing: -1px;
		margin-top: 10px;
	}
	
	.form .fc .field-city {
		width: 244px;
		float: right;
		margin-top: 10px;
	}
	
	.form .fc .birthday-day,
	.form .fc .birthday-month,
	.form .fc .birthday-year {
		width: 50px;
		float: none;
		display: inline;
	}
	
	.form .actions {
		float: right;
		margin: 0;
		text-align: right;
		width: 414px;
	}
	
		.form .actions input,
		.form .actions a.submit {
			cursor: pointer;
			float: right;
			font-size: 1.1em;
		}
	
	.form .highlight {
		background: #ffe29e;
		clear: both;
		overflow: hidden;
		padding: 25px;
		margin: 50px 0 0 25px;
	}
	
		.form .highlight p { margin-bottom: 0; } 
	
		.form .highlight .strong {
			color: #897d54;
			font-weight: bold;
			font-size: 1.2em;
		}
	
		.form .highlight #subscribed-activated.loading {
			background: url(../images/spinner.gif) no-repeat 375px center;
		}
		.form .highlight #subscribed-activated.success {
			background: url(../images/accept.png) no-repeat 375px center;
		}
		.form .highlight #subscribed-activated.error {
			background: url(../images/cross.png) no-repeat 375px center;
		}
	
	.form .subsribe-to { 
		margin-left: 50px;
		overflow: hidden;
	}
	
	#reg-form label {
		margin-right: 15px;
	}
	#reg-form label.no-float {
		margin-right: 0;
	}
	
	#reg-form span.infos.field {
		margin: 0 0 0 165px;
	}
	
	#reg-form input.field, 
	#reg-form textarea.field,
	#reg-form .select-box {
		margin-left: 0;
	}
	
	#reg-form .reg-form-civility span {
		margin-left: 0;
	}
	
	#reg-form .block-cp label,
	#reg-form .block-city label {
		display: none;
	}
	
	#reg-form .block-birthday input {
		margin-right: 5px;
	}
	
	#reg-form .block-cp {
		float: left;
		margin-left: 165px;
		margin-right: 10px;
		overflow: hidden;
		width: auto;
	}
	
		#reg-form .block-cp input {
			width: 140px;
		}
	
	#reg-form .block-city {
		clear: none;
		overflow: hidden;
		width: auto;
	}
	
		#reg-form .block-city input {
			width: 244px;
		}
	
	#account #reg-form-subscriber-id,
	#account #reg-form-subscriber-name {
		display: inline !important;
		float: none;
		width: 200px;
	}

button, .input-submit, .arrow input {
	background: #aa111c;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-weight: normal;
	padding: 2px 4px;
}

input, textarea {
	color: #808080;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100%;	
}

textarea {
	background: #fff url(../images/textarea-bg.png) repeat-x;
}

input[type=text], input[type=password], input.input-search, textarea {
	padding: 2px 4px;
	border: 1px solid #cececd;
	color: #6a3816;
	font-size: 100%;
}

input[type=text], input[type=password] {
	background: #fff url(../images/input-bg.png) repeat-x;
	height: 17px;
	line-height: 17px;
}

.offleft {
	margin: 20px 0 30px 0;
	width: 645px;
}

	.offleft h2 {
		font-size: 1.9em;
		font-weight: normal;
		margin: 20px 0 5px;
	}
	
	.offleft .page-title {
		margin: 0;
	}

/* Fancy Form */
.form .checked,
.form .selected,
.form-new-topic .checked,
.form-new-topic .selected {
	cursor: pointer;
	background: transparent url(../images/checked-selected.png) no-repeat;
	padding: 2px 0 2px 18px;
}

/* Fancy Form */
.select-box-options li.selected {
	padding: 0 !important;
}

.form .unchecked,
.form .unselected,
.form-new-topic .unchecked,
.form-new-topic .unselected {
	cursor: pointer;
	background: transparent url(../images/unchecked-unselected.gif) no-repeat;
	padding: 2px 0 2px 18px;
}

.form-new-topic .stickit { background-position: right; }

/* Formulaire de recherche */
.search-form {
	line-height: 23px;
	height: 23px;
	margin: 0;
}

#sidebar .search-form {
	background: #ffeab8;
	height: auto;
	margin: 10px 0;
	overflow: hidden;
	padding: 10px 0 10px 8px;
}

.search-form fieldset { border: 0; padding: 0; margin: 0; }
.search-form p { padding: 0; margin: 0; }
.search-form-input { float: left; }

.button-search, #q_ok {
	display: block;
	height: 23px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 25px;
}

.button-search, #q_ok {
	background:url(../images/button-search.png) no-repeat top;
	float: left;
}

.button-search:hover, #q_ok:hover {
	background:url(../images/button-search.png) no-repeat bottom;
}

.input-search { border-right: 0; }
#sidebar .input-search { color: #a4121c; width:186px; float: left; }

.search-form .sidebar-rss {
	border-left: #fff solid 2px;
	float: left;
	height: 23px;
	margin: 0 0 0 5px;
}

	.search-form .sidebar-rss a.twitter {
		background:url(../images/twitter.png) no-repeat bottom;
		display: block;
		float: left;
		height: 23px;
		margin:0 5px;
		width: 23px;
	}

	.search-form .sidebar-rss a.rss {
		background:url(../images/rss-header.png) no-repeat bottom;
		display: block;
		float: left;
		height: 23px;
		width: 23px;
	}
	
	.twitterbox {
		background:#edecec url(../images/twitter-tooltip.png) repeat-x 0 0;
		border:1px #cacaca solid;
		display:block;
		margin:-70px 0 0 0;
		width:350px;
		z-index:1000;
	}
	
	.twitterbox .tip-text {
		color:#000; 
		padding:5px 15px 20px;
	}
	
#warnings {
	background: #AA111C;
	color: #fff;
	margin: 0 0 15px 0;
	padding: 5px;
}

	#warnings h3 {
		color: #fff;
	}

	#warnings ul li {
		color: #fff;
	}
	
	#warnings p {
		color: #fff;
		margin: 0;
	}
	
	#warnings a { color:#fff; font-weight: bold; }
	
	/*
	#reg-form-cp,
	#reg-form-city {
		float: right;
	}*/
	
.read-all { background: #ffeab8; }
.read-all a { color: #88805b; text-decoration: none; }
.read-all a:hover { color: #ab0013; }

.yellowbox {
	background: #FFEAB8;
	padding: 10px;
}

	.yellowbox table {
		padding: 0 !important;
	}

.share {
	float: right;
	height: 40px;
}

.share .facebook,
.share .twitter {
	border: 1px #ccc solid;
	color: #444;
	display: block;
	float: left;
	font-size: 11px;
	height: 17px;
	margin: 0 0 0 5px;
	padding: 3px 2px 1px 19px;
}

.share .facebook {
	background: transparent url(../images/content/facebook.gif) no-repeat 2px 2px;
}

.share .twitter {
	background: transparent url(../images/content/twitter.gif) no-repeat 2px 2px;
}
	
/*---------------------------------------------------------------------
[2. Header]
*/
#bg-header {
	background: transparent url(../images/header/header-bg.png) repeat-x;
	height: 115px;
	width: auto;
}

	#header {
		background: transparent url(../images/header/newsletter-halo.png) no-repeat top;
		height: 115px;
		width: auto;
	}

	#header h1 { 
		margin: 0;
		width: 242px;
		float: left;
	}
	
	#header h1 a { width: 242px; }
	#header h1 a img { display: block; }
	
	#header-right {
		width: 730px;
		height: 115px;
		float: right;
	}
	
		#newsletter {
			background: transparent url(../images/header/newsletter-form.png) no-repeat;
			height: 55px;
			float: right;
			font-size: 100%;
			margin: 33px 17px auto auto;
			padding: 0;
			width: 268px;
		}
		
			#newsletter fieldset {
				padding: 7px 8px;
				width: 252px;
			}
			
				#newsletter legend { display: none; }
				#newsletter p { display: block; margin: 0; }
				#newsletter label {
					color: #ddd0ba;
					display: block;
					float: none;
					font-weight: bold;
					text-align: left;
					text-transform: uppercase;
					width: auto;
				}
				
					#newsletter label strong {
						color: #fff;
					}
				
				#newsletter input {
					border: 0;
					margin: 0;
					padding: 0;
				}
				
				#newsletter .input-text {
					background: transparent url(../images/header/newsletter-input-bg.png) repeat-x;
					color: #757474;
					float: left;
					height: 16px;
					padding: 4px 7px;
					width: 208px;
				}
				
				#newsletter .input-submit {
					display: inline;
					float: right;
					width: 25px;
					height: 23px;
				}

/*---------------------------------------------------------------------
[3. Menu Top]
*/		
#menu-bg {
	background: #f5f6f5 url(../images/header/menu-top-bg.png) repeat-x bottom;
	color: #808080;
	text-transform: uppercase;
	font-weight: bold;
	height: 28px;
	overflow: hidden;
}

	#menu-bg ul { padding: 0; overflow: hidden; height: 28px; }
	#menu-bg li {
		display: block;
		float: left;
	}
	
		#menu-bg li a {
			color: #808080;
			display: block;
			float: left;
			padding: 5px 15px;
			text-decoration: none;
		}
		
		#menu-bg li.dark a {
			color: #808080;
		}
		
		#menu-bg li.light a {
			background: transparent url(../images/header/m-bg-light.png) repeat-x;
			color: #a3a2a2;
		}
		
		#menu-bg li.highlighted a {
			background: transparent url(../images/header/m-bg-highlight.png) repeat-x;
			color: #a50011;
		}
		
		#menu-bg li.dark.selected a,
		#menu-bg li.light.selected a,
		#menu-bg li.highlighted.selected a,
		#menu-bg li a:hover, 
		#menu-bg li.selected a {
			background: #ffeab8;
		}
		
#bg-content {
	background: #fff;
	position: relative;
	z-index: 100;
}

#content {
	float: left;
	width: 646px;
}

#sidebar {
	float: right;
	width: 302px;
}

ul.ma a.menu-account {
	margin: 0 0 0 22px;
}

ul.ma a.menu-basket {
	background: url(../images/header/basket-btn.jpg) no-repeat !important;
	padding: 5px 5px 5px 28px !important;
	width:98px !important;
	overflow: hidden;
}

ul.ma a.menu-basket.selected,
ul.ma a.menu-basket:hover {
	background: url(../images/header/basket-btn.jpg) no-repeat 0 -28px !important;
}

/*---------------------------------------------------------------------
[4. Footer]
*/

.js #bg-content { /*position: relative;*/ z-index: 100; top: 0; }
#footer-bar {
	background: #aa111c;
	color: #fff;
	position: relative;
}

	#footer-links {
		margin: 0;
		padding: 0;
		position: relative;
		clear: both;
		display: block;
		width: 972px;
	}

	#footer-bar  li {
		display: inline;
		float: left;
		padding: 6px 0;
	}
	
	#footer-bar  a { text-decoration: none; }
	
	#footer-rss {
		background: transparent url(../images/footer/rss-footer.png) no-repeat;
		display: block;
		height: 16px;
		margin-left: 8px;
		margin-right: 15px;
		margin-top: 1px;
		width: 16px;
	}
	
	#menu-footer {
		margin: 0;
		width: 607px;
	}
	
		#menu-footer a {
			color: #fff;
		}
		
		#menu-footer a:hover {
			text-decoration: underline;
		}
	
		#menu-footer li {
			float: none;
			display: inline;
			padding: 0 14px;
			border-right: 1px solid #fff;
		}

		#menu-footer li.last {
			border: 0;
			padding-right: 0;
		}
	
	li#show-sitemap {
		background: #a9111c url(../images/footer/plan-bg.png) repeat-x;
		padding: 0;
		position: absolute;
		right: 70px;
	}
	
		#show-sitemap a {
			background: transparent url(../images/footer/arrow-right.png) no-repeat 13px 50%;
			color: #ffda80;
			padding: 5px 13px 5px 39px;
			display: block;
			font-size: 1.2em;
		}
		
		#show-sitemap a:hover,
		#show-sitemap a.open {
			background-image: url(../images/footer/arrow-top.png);
			color: #fff;
		}
	
	li#go-to-top {
		width: 50px;
		position: absolute;
		right: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	
		#go-to-top a {
			background: transparent url(../images/footer/go-to-top.gif) no-repeat left;
			color: #fff;
			padding-left: 14px;
		}

/*---------------------------------------------------------------------
  [5. Sub-Footer]
*/
	#sub-footer {
		background: #e9e9e9 url(../images/footer/logo-groupe-martin-media.png) no-repeat 46px 50%;
		padding: 25px 0 25px 160px;
		width: 812px;
		font-size: 0.8em;
	}
	
	#sub-footer p {
		margin: 0.25em 0;
		color: #897d54;
	}
	
	#sub-footer p strong { color: #606e76; font-weight: normal; }
	#sub-footer p a { color: #897d54; text-decoration: none; }
	#sub-footer p a:hover { text-decoration: underline; }
	
/*---------------------------------------------------------------------
[6. Sitemap]
*/
	#sitemap {
		background: #fff url(../images/footer/sitemap-bg.png) repeat-x bottom;
		border: 1px solid #c7c7c7;
		margin: auto;
		width: 970px;
		position: relative;
	}
	
	.js #bg-sitemap {
		position: absolute;
		bottom: 0;
		z-index: 200;
		width: 100%;
	}
	
	.js #sitemap {
		border-bottom: 0;
	}
	
	.js #sitemap * {
		z-index: 200;
	}
	
	.js #close-map {
		background: transparent url(../images/footer/sitemap-close.png) no-repeat;
		width: 21px;
		height: 21px;
		position: absolute;
		top: 12px;
		right: 21px;
	}
	
	#sitemap h2 {
		background: #ab0013;
		color: #fff;
		font-weight: normal;
		padding: 7px 21px;
		margin: 0;
		font-size: 2em;
	}
	
		#sitemap h2 strong {
			color: #ffda80;
			font-weight: normal;
		}
		
		#sitemap-content {
			/*padding: 20px 1px;*/
			padding: 0 1px;
			clear: both;
			overflow: hidden;
			font-size: 1.2em;
		}
		
		#sitemap-content a {
			text-decoration: none;
		}
		
		#sitemap-content a:hover {
			text-decoration: underline;
		}
		
		#sitemap-content h3,
		#sitemap-content h4,
		#sitemap-content h5,
		#sitemap-content h6 {
			margin: 0;
		}
		
		#sitemap-content h3 {
			font-style: italic;
			margin-top: 20px;
		}
		
		#sitemap-content h3.no-margin {
			margin: 0;
		}
				
		#sitemap-content h3,
		#sitemap-content h3 a {
			color: #ab0013;
		}
		
		#sitemap-content h4 {
			font-size: 1.1em;
			font-weight: normal;
		}
		
		#sitemap-content h4,
		#sitemap-content h4 a,
		#sitemap-content h5,
		#sitemap-content h5 a {
			color: #888;
		}
		
		#sitemap-content .first {
			margin-bottom: 20px; 
		}
		
		#sitemap-content .p3 {
			padding: 5px 0 0 0;
		}
		
		#sitemap-content .p4,
		#sitemap-content .p5 {
			margin: 0 0 5px 0;
			padding: 0 0 0 10px;
		}
		
		.sitemap-col {
			float: left;
			width: 184px;
			margin: 0 1px;
			padding: 0 28px;
		}

/*---------------------------------------------------------------------
[7. Simple-page]
*/
#simple-page {
	margin: 15px 10px 20px 30px;
	width: 616px;
}

	#simple-page h2 {
		font-size: 22px;
		margin: 20px 0;
	}

	#simple-page h3 {
		font-size: 17px;
		margin: 20px 0 0;
	}

	#simple-page .renderedtable {
		background: #ffeab8;
		padding: 10px;
	}

		#simple-page .renderedtable td {
			padding: 10px 20px;
		}

		#simple-page .renderedtable h4 {
			font-size: 15px;
			margin: 5px 0;
		}
	
/*---------------------------------------------------------------------
[8. Navigation]
*/
.navigator {
	list-style: none;
	padding: 0;
	width: 100%;
	overflow: hidden;
	margin: 15px 0;
	text-align: center;
}

	.navigator li { display: inline; font-size: 0.9em; }

	.navigator li a,
	.navigator li span {
		font-weight: bold;
		text-decoration: none;
		padding: 2px 5px;
	}
	
	.navigator li a {
		color: #ab0013;
		text-decoration: none;
	}
	
	.navigator li span {
		background: #ab0013;
		color: #fff;
	}
	
	.navigator li a:hover {
		text-decoration: none;
		background: #ab0013;
		color: #fff;
	}

		.navigator li.prev a {
			background: transparent url(../images/content/red-arrow-left.png) no-repeat left;
			margin-left: 8px;
			padding-left: 25px;
		}
			.navigator li.prev a:hover {
				background: #ab0013 url(../images/content/white-arrow-left.png) no-repeat left;
				color: #fff;
			}
	
		.navigator li.next a {
			background: transparent url(../images/content/red-arrow-right.png) no-repeat right;
			margin-right: 8px;
			padding-right: 25px;
		}
			.navigator li.next a:hover {
				background: #ab0013 url(../images/content/white-arrow-right.png) no-repeat right;
				color: #fff;
			}
	
	.simple li a { color: #ab0013; }
	.simple li.prev { float: left; }
	.simple li.next { float: right; }	

/*---------------------------------------------------------------------
[9. Breadcrumb]
*/
.breadcrumb {
	margin-top: 6px;
	font-size: 0.90em;
	overflow: hidden;
}
	.breadcrumb ul {
		overflow: hidden;
	}

		.breadcrumb li {
			display: inline;
			float: left;
			font-weight: bold;
		}
		
			.breadcrumb .parents {
				background: #ffeab8 url(../images/breadcrumb/arrow-parent.png) no-repeat left;
				padding-left: 7px;
			}
			
			.breadcrumb .parents.first {
				background-image: none; padding-left: 0;
			}
			
			.breadcrumb .current {
				background: #ab0013 url(../images/breadcrumb/arrow-child-left.gif) no-repeat left;
				color: #fff;
				padding-left: 7px;
			}
			
			.breadcrumb .current a,
			.breadcrumb .current span {
				background: transparent url(../images/breadcrumb/arrow-child-right.gif) no-repeat right;
				padding: 0 13px 0 6px;
			}
			
			.breadcrumb a {
				color: #ab0013;
				padding: 0 6px;
				text-decoration: none;			
			}
			
			.breadcrumb a:hover {
				text-decoration: underline;
			}
			
			.breadcrumb .current a {
				color: #fff;
			}

.breadcrumb-normal {
	margin-top: 8px;
}

.breadcrumb-normal li {
	display: inline;
	line-height: 1.2em;
	padding: 1px 0;
	position: relative;
}

.breadcrumb-normal a {
	color: #888;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 15px;
}

.breadcrumb-normal a:hover, .breadcrumb-normal .selected a, .breadcrumb-normal .current a {
	background: #a50011;
	color: #fff;
}

/*---------------------------------------------------------------------
[10. Fiches]
*/
.sheet {
	background: transparent url(../images/red-square.png) no-repeat 2px 7px;
	display: block;
	margin: 5px 0;
	padding-left: 16px;
	font-size: 1.3em;
}

	.sheet span {
		padding: 2px 0;
	}
	
	.sheet.focus span {
		background: #808080;
		padding: 2px 5px;
	}
	
	.sheet a {
		color: #333;
		text-decoration: none;
	}
	
	.sheet.focus span a {
		color: #fff;
	}
	
	.sheet a:hover {
		color: #ab0013;
		text-decoration: underline;
	}
	
/*---------------------------------------------------------------------
[11. Produits]
*/
.actions .about,
.actions .buy,
.actions .price,
.actions .cancel {
	float: left;
	font-size: 0.85em;
	font-weight: bold;
}

.actions .about:hover,
.actions .buy:hover,
.actions .cancel:hover,
.actions .continue:hover {
	text-decoration: underline
}

.folder .price,
.actions .price {
	background: #ffeab8 url(../images/content/basket.png) no-repeat 5px center;
	color: #aa111c;
	padding: 3px 7px 3px 30px;
}

.actions .about,
.actions .buy,
input.button,
.actions .cancel {
	border: 0;
	color: #fff;
	font-weight: bold;
	margin-left: 8px;
	padding: 3px 7px 3px;
	text-decoration: none;
}

.actions .buy,
input.button {
	background: #ab0013;
	border: 0;
}

input.button {
	cursor: pointer;
	font-size: 0.9em;
	height: 22px;
	padding: 0 7px;
}

.actions .buy {
	background: #ab0013;
}

.actions .about {
	background: #888;
}

.actions .first {
	margin-left: 0;
}

.highlight {
	background: #ffeab8;
	clear: both;
	overflow: hidden;
	padding: 20px;
}

/*---------------------------------------------------------------------
[12. Preferences]
*/

	#preferences-photo {
		float: left;
		width: 100px
	}
	
	#full-preferences form {
		float: left;
		width: 465px;
	}
	
	#full-preferences .form .fc .field {
		width: 304px;
	}
	
	#full-preferences .form p.field,
	#full-preferences .form .fc a.field,
	#full-preferences .form .fc span.field,
	#full-preferences .form .actions {
		width: 310px;
	}
	
	#full-preferences .form .fc .birthday-day,
	#full-preferences .form .fc .birthday-month,
	#full-preferences .form .fc .birthday-year {
		width: 32px !important;
		float: none;
		display: inline;
		margin: 0 2px;
	}

/*---------------------------------------------------------------------
[13. Shop]
*/

.shop-zones-list {
    font-size: 0;
    padding: 0;
}

.shop-zones-list .shop-zone {
    display: inline-block;
    font-size: 1.1em;
    height: 179px;
    margin-bottom: 8px;
    list-style: outside none none;
    white-space: nowrap;
    width: 319px;
}

.shop-zones-list .shop-zone.first {
    width: 646px;
}

.shop-zones-list .shop-zone.left {
    margin-right: 8px;
}

.shop-zones-list .shop-zone img {
    height: 100%;
    width: 100%;
}
