/*  
Nom du site		:Bruitages.TV
URL du site		:www.bruitages.tv
Description		:Sons et bruitages de qualité professionnelle
Date			:12/01/2010
Auteur			:www.lagouache.com

COULEURS
--------------------------------------------------
noir	 		#100
vert			#cc3
rouge			#f50
rouge foncé		#720
*/

/****************************************************
					GENERAL
****************************************************/
/*	RESET
----------------------------------------------------*/
body {padding:0; margin:0; height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%;}
ol, ul {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
abbr, acronym, img {border:0;}

/*	STYLES
----------------------------------------------------*/
html {font-size:100%; /* Évite un bug d'IE 6-7. (1) */}
body {
	font:normal normal 12px/1.5 Arial, Helvetica, sans-serif;
	*font-size:small; *font:x-small;
	background:#100 url(../images/body-fd.gif) center repeat-y; color:#fff;
}
p {margin-bottom:20px;}
strong {font-weight:bold;}
em {font-style:italic;}

h1, h2, h3, h4, h5, h6 {line-height:100%; margin-bottom:20px;}
h1 {font-size:36px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

acronym {cursor:help; border-bottom:1px dotted;}
code {display:block; margin-bottom:20px; padding:20px; font:10px "Courier New", Courier, monospace; border:1px dotted;}
blockquote {_display:inline/* IE6 */; margin-bottom:20px; padding-left:20px; font-style:italic; text-align:justify;}
	blockquote p {margin:0;}
sup {font-size:75%;}

hr {margin:20px 0; _margin-top:0/* IE6 */; border:0; height:1px; background-color:#720; color:#720;}

a:link, a:visited {color:#f50;}
a:hover, a:active {color:#cc3;}
a:focus {outline:none;}
a img {text-decoration:none;}

/*	Listes
*/
ol, ul {margin-bottom:20px; _height:1%/* IE6 */;}
ol {list-style:decimal inside;}
ul ul, ol ol {margin-bottom:0; margin-left:20px;}
dl {}
	dt {font-weight:bold;}
	dd {margin:0 0 20px 20px;}

/*	.classes utiles
*/
.justify {text-align:justify;}
.center {text-align:center;}
.right {text-align:right;}
.error {padding:10px 5px; color:#100; background:#cc3; font-size:16px;}
	.error p {margin-bottom:5px;}
	.error a {color:#100;}
.message {padding:10px 5px; color:#483; border:1px solid #483; background:#bfa; font-style:italic;}
.uppercase {text-transform:uppercase;}
.hidden {display:none;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.clear {clear:both;}

/****************************************************
					MISE EN PAGE
****************************************************/
#page {margin:10px auto 0; width:960px; background:#100; overflow:auto;}
	#side {float:left; padding-right:30px; width:260px; background:#100;}
		#logo {margin-bottom:20px; height:250px; overflow:hidden; border-bottom:1px solid #f50;}
	#content {position:relative; float:left; width:670px; overflow:auto; background:#100;}
		.col12 {clear:both; float:left; width:320px; margin-right:30px;}
		.col22 {float:left; width:320px;}
		#top {margin-bottom:20px; height:140px; border-bottom:1px solid #f50;}
		#contenu {position:relative; overflow:hidden;}
	#footer {clear:both; padding:10px 0; text-align:right; background:#100; overflow:auto; border-top:1px solid #f50; _height:20px/* IE6 */; _overflow:hidden/* IE6 */;}

/*	SIDE
----------------------------------------------------*/
#side h1 {display:block; margin:0; margin-bottom:10px; padding:0; border-bottom:1px solid #f50;}
#side h1 a {display:block; width:260px; height:140px; background:url(../images/logo-bruitages.gif);}
#side h1 span {position:absolute; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px);}
#side h2 {font-size:24px; line-height:24px; font-weight:bold; text-align:center; margin-bottom:0;}
	#side h2 span {color:#cc3; font-size:30px; margin:0; padding:0;}
#side p.baseline {font:18px/21px Arial, Helvetica, sans-serif; font-style:italic; text-align:center;}
#side h3 {text-transform:uppercase; font-weight:bold; font-size:20px; letter-spacing:-1px; text-align:right; line-height:15px; margin-bottom:10px; color:#cc3; background:url(../images/h3-fd.gif);}
	#side h3 span {padding-left:10px; background:#000;}
	#side h3 a {color:#cc3; text-decoration:none;}
#side ul {text-align:right;}
	#side ul a {color:#fff; text-decoration:none;}
	#side ul a:hover {color:#cc3;}

/*	formulaires
*/
#side form {margin-bottom:20px;}
#side form select {padding:2px; width:260px; border:none; font-size:13px;}
form#searchform {height:22px; overflow:hidden; background:#fff;}
#side form input.searchtext {border:none; padding:3px; width:214px;}
#side form input.searchok {border:none; width:40px; height:22px; _height:23px/* IE6 */; background:#f50; cursor:pointer; color:#fff; font-weight:bold;}

/*	CONTENT
----------------------------------------------------*/
#content h1 {line-height:125%; border-left:5px solid #cc3; padding-left:10px;}
#content h1 a {color:#fff; text-decoration:none;}
/*	TOP
*/
#top {color:#100;}
#top #header_user {float:left; margin-top:20px; padding:5px 10px 5px 20px; height:20px; background:#cc3 url(../images/header_user-fd.gif) left no-repeat; overflow:hidden;}
	#top #header_user a {color:#100;}
	#top #header_user a:hover {color:#f50;}
#top #languages_block_top {float:right; padding-top:10px; height:50px;}
	#top #languages_block_top ul {}
	#top #languages_block_top ul li {float:right; display:inline; padding-left:10px;}
#top #links {clear:left; float:left; margin-top:50px; color:#cc3; overflow:auto;}
	#top #links ul {margin:0; _width:300px;}
	#top #links ul li {float:left; display:inline; padding-right:10px; font-size:16px; font-weight:bold;}
	#top #links ul li a {color:#fff; text-decoration:none;}
	#top #links ul li a:hover {color:#cc3;}
#top #cart_block {clear:right; float:right; margin-top:0px; padding:10px 10px 10px 40px; width:auto; height:40px; background:#f50 url(../images/cart-fd.gif) top left no-repeat; color:#100; font-size:11px;}
	#top #cart_block h4 {margin-bottom:5px;}
	#top #cart_block h4 a {color:#100;}

/*	breadcrumb
*/
div.breadcrumb {padding:5px 10px; margin-bottom:10px; background:#720;}
	div.breadcrumb a {text-decoration:none; color:#cc3;}
	div.breadcrumb a:hover {text-decoration:underline;}

/*	liste de categories
*/
ul.category_list {}
	ul.category_list li {display:inline; float:left; margin:0 20px 20px 0;}
	ul.category_list li a {display:block; background:#cc3; color:#100; text-decoration:none; width:auto; padding:5px 10px; font-size:16px; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	ul.category_list li a:hover {color:#f50;}

/*	product list
*/
form#productsSortForm {position:absolute; top:50px; right:0; padding:0; margin:0; text-align:right; font-size:11px;}
	form#productsSortForm select {padding:0;}

form.pagination {text-align:right;}

table.soundlist {margin-bottom:20px; width:100%;}
table.soundlist td {border:1px dashed #720; border-width:1px 0; padding:0;}
table.soundlist tr.pair {background:#211;}
table.soundlist td img {margin-top:5px; _margin-bottom:5px;}
table.soundlist td h3 {margin:0; color:#cc3; font-size:20px; line-height:20px;}
	table.soundlist td h3 a {color:#cc3; text-decoration:none;}
	table.soundlist td h3 a:hover {text-decoration:underline;}
	table.soundlist td h3 span {color:#f50; font-size:12px;}
table.soundlist td p {margin:0;}
table.soundlist td a {text-decoration:none;}
table.soundlist td a p {color:#fff;}
	table.soundlist td a:hover p {color:#f50;}
table.soundlist td.price {font-size:16px; font-weight:bold; color:#cc3; text-align:right; padding-right:10px;}
	table.soundlist td.price span {}
	table.soundlist td.price sup {font-weight:normal; color:#fff;}
table.soundlist form {margin:0; padding:0;}
	table.soundlist input {background:#f50; color:#fff; padding:0 4px; width:auto; height:18px; border:none; cursor:pointer;}

ul.pagination {text-align:center;}
ul.pagination li {display:inline; padding:0 2px; margin:0 3px;}
ul.pagination li a {text-decoration:none; background:#720; color:#fff; padding:3px 6px;}
ul.pagination li a:hover {text-decoration:none; color:#cc3;}

/*	product
*/
div#product_img {float:left; width:210px;}
div#product_infos {float:left; margin-left:20px; width:326px;}
	div#product_infos p {font-size:14px;}
	div#product_infos h1 {font-size:24px; font-weight:bold; color:#cc3; border:none; margin:0; padding:0; margin-bottom:10px;}
	div#product_infos p#tags {clear:both; padding:3px 0; border-top:1px solid #720; border-width:1px 0; font-size:12px; font-style:italic; color:#f50;}
div#product_infos ul {margin:0; padding:0; list-style:none;}
	div#product_infos ul li {display:inline; float:left; margin-right:10px; line-height:20px; height:20px; overflow:hidden;}
	div#product_infos ul li.duree {font-size:20px; font-weight:bold;}
div#product_achat {float:right; width:104px; text-align:right;}
	p.price {margin-bottom:10px; padding:3px; font-size:24px; line-height:24px; font-weight:bold; color:#100; background:#cc3; }
form#buy_block { margin:0; padding:0;}
	form#buy_block p {margin:0;}
	form#buy_block select {padding:0; margin-bottom:10px; width:auto; border:none;}
	form#buy_block input {background:#f50; color:#fff; padding:0; width:auto; height:28px; border:none; cursor:pointer; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}

/*	Formulaires std
*/
form.std {margin-bottom:20px; padding:20px; background:#211; border:none; overflow:auto;}
form.std fieldset {margin:0; margin-bottom:20px; border:none;}
	form.std fieldset legend {padding:2px; width:auto; font-size:14px; border:none;}
form.std h3 {border-bottom:2px solid #100; padding-bottom:10px; margin-bottom:10px;}
form.std p {margin-bottom:5px;}
form.std p label {display:block; font-weight:bold; color:#cc3;}
	form.std p.checkbox label {display:inline;}
form.std p input,
form.std p select,
form.std p textarea {padding:2px; margin:0; margin-bottom:5px; width:auto; font-family:Tahoma, Arial, Helvetica, sans-serif; border:none;}
form.std ul {}
	form.std ul li {white-space:nowrap;}
form.std p.submit {text-align:center; padding-top:10px;}
	form.std p.submit input {width:auto; padding:4px 6px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; cursor:pointer; background:#cc3;}

/*	Tableaux std
*/
table.std {margin-bottom:20px; width:100%; overflow:hidden;}
table.std tr {border:none;}
table.std th {background:#211; text-align:left;}
	table.std th.cart_product {width:80px;}
table.std td {border:2px solid #100;}
table.std thead td, table.std tfoot td {padding:4px;}

/*	My account / Order
*/
ul#order_step {margin-bottom:20px; padding:0; list-style:none; overflow:auto;}
	ul#order_step li {display:inline; float:left; margin-right:10px;}
	ul#order_step li.step_current {font-weight:bold; color:#cc3;}

form.smallform {border:none;}
form.smallform fieldset {border:none;}
form.smallform input.submit {width:auto; padding:2px 4px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:none; cursor:pointer; background:#cc3;}

tr.cart_total_price {background:#211;}
tr.cart_total_price td {text-align:right;}
tr.cart_total_price td.price {font-weight:bold;}
tr.cart_free_shipping {color:#cc3; text-align:right;}

p.cart_navigation {clear:both; border:1px solid #cc3; border-width:1px 0; padding:10px 0; overflow:auto;}
	p.cart_navigation a {width:auto; padding:4px 6px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; cursor:pointer; background:#cc3; color:#100; text-decoration:none;}
	p.cart_navigation a.button_large {float:left;}
	p.cart_navigation a.exclusive {float:right;}
	input.exclusive {float:right; width:auto; padding:4px 6px; margin:0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; cursor:pointer; background:#cc3; color:#100; text-decoration:none; border:none; font:12px Arial, Helvetica, sans-serif;}

/*	slider accueil
*/
div#feature_list {width:670px; height:320px; overflow:hidden; position:relative;}
	div#feature_list ul {position:absolute; top:0; list-style:none;	padding:0; margin:0;}
ul#tabs {right:0; z-index:2; width:210px;}
	ul#tabs li {line-height:15px;}
	ul#tabs li h3 {margin:0; margin-bottom:5px; font-size:16px; font-weight:bold; color:#f50;}
	ul#tabs li a {text-decoration:none;	display:block; padding:10px 10px 0 20px; width:180px; height:70px; outline:none; color:#fff; background:#100;}
	ul#tabs li a:hover {color:#100; background:#cc3 url(../images/tabs_hover-fd.gif);}
	ul#tabs li a.current {color:#100; background:#fff url(../images/tabs-fd.gif);}
	ul#tabs li a.current:hover {text-decoration:none; cursor:default;}
ul#output {position:relative; left:0; top:0; width:460px; height:320px; background:#fff;}
	ul#output li {padding:10px;}
	ul#output li a {position:absolute; bottom:15px; right:15px; padding:8px 12px; text-decoration:none; font-size:11px; color:#100; background:#cc3; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
	ul#output li a:hover {background:#fff;}

/*	Nouveaux Produits en page d'accueil
*/
div#new-products {padding-top:20px;}

/*	FOOTER
----------------------------------------------------*/
#footer, #footer a {color:#f50; text-decoration:none;}
#footer a:hover {color:#cc3;}
#footer ul li {float:right; margin-left:10px;}