/*###################################
#	SOUND FISHING					#
#	=============================	#
#	Conception : Lagouache.com		#
#	© 2008-2011						#
###################################*/

/***************************
	GENERAL
 ***************************/
body {margin:0 0 20px 0; padding:O; text-align:center; height:100%;}

/*	Typographies
---------------------------*/
body {font:75% Verdana, Helvetica, Arial, sans-serif; line-height:1.6em; background:#383832 url("../images/site/body-fd.png") repeat-x; color:#666240;}
h1, h2, h3, h4, h5, h6 {margin:1.2em 0 .8em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#bf4000;}
h1 {font-size:1.6em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5, h6 {font-size:1em;}
p {margin-bottom:0.8em;}
acronym {cursor:help; border-bottom:1px dotted;}
code {display:block; margin:0 0 1em; padding:1em; font:0.9em "Courier New", Courier, monospace; border:1px dashed #666240; background:#FAFAFA;}
blockquote {margin:1em 0; padding:0 0 0 20px; font-size:1em; font-style:italic; text-align:justify;}
blockquote p {margin:0; padding:0;}

hr {clear:both; margin:1em 0; border:0; height:1px; background-color:#e5e0ac; color:#e5e0ac;}

a:link, a:active, a:visited {color:#8fa100;}
a:hover {text-decoration:none;}
a:focus {outline:none;}

/*	Images
---------------------------*/
img {border:0; background:none;}

/*	Listes
---------------------------*/
ul {margin:0 0 1em 1em; padding:0;}
ol {margin:0 0 1em 1em; padding:0; padding-left:2em;}
ul ul, ol ol {margin-bottom:0;}
ul {list-style:square inside;}
ol {list-style-type:decimal; list-style-position:outside;}
ol li {}
dl {margin:0; margin-bottom:1em; padding:0;}
	dt {margin-bottom:1em; font-weight:bold; color:#bf4000;}
	dt a {text-decoration:none; color:#bf4000;}
	dd {margin:0 0 2em 2em; font-size:0.9em; line-height:1.4em; text-align:justify;}

/*	Tableaux
---------------------------*/
table {margin:1em 0; border-collapse:collapse; font:1em Arial, Helvetica, sans-serif;}
table th, table td {padding:1em; text-align:left;}
table thead th {background:#383832; color:#fff;}
table tbody th {background-color:#666240; color:#FFF;}
table tbody th, table tbody td {border:1px dashed #666240; border-width:1px 0;}
table tfoot td {text-align:center; background:#FAFAFA;}

/*	Formulaires
---------------------------*/
form {margin-bottom:1em;}
form.centre {padding:15px; margin:1.5em 0 1.5em 150px; border:1px solid #e5e0ac; width:376px; background:#f2edc2; overflow:hidden;}
form.centre p {margin-bottom:15px; overflow:auto;}
form.centre p label {clear:both; float:left; display:block; margin-right:10p; width:120px; height:auto; text-align:left;}
form.centre p input, form.centre p select, form.centre p textarea {float:left; margin-bottom:5px; border:1px solid #f2edc2; width:240px; background-color:#fff; color:#99946b;}
form.centre p select {width:240px;}
form.centre p input.bouton {float:right; padding:0.4em 0.5em; margin:0; border:0; width:auto; overflow:visible; cursor:pointer; font-size:1.3em; background:#8fa100; color:#fff;}
form.centre p input[type="checkbox"] {width:auto;}
form.centre p input.error {background:#FCC; color:#900;}

/***************************
	STYLES			
****************************/
.alignement {position:relative; margin:0 auto; width:970px; height:auto;}
.scrollbox {width:728px; height:100px; border:1px solid #666240; background:#FFF; font-size:0.9em; overflow:auto;}
div.center {text-align:center;}

#header {height:80px; background:transparent; padding:0;}
	#login {position:absolute; top:0; left:10px; padding:10px; width:210px; height:auto;}
	#logo {position:absolute; top:40px; left:0; padding-right:20px; width:240px; height:230px; z-index:10;}
	ul#link {height:45px; margin:0; padding:35px 0 0 270px; list-style:none;}
	#recherche {position:absolute; right:5px; top:0; padding:0; width:360px; height:90px; text-align:right;}
#menu {height:90px;}
#content {text-align:left; background:#fffbda; overflow:auto;}
	#content.alignement {position:static; overflow:auto;}
	#side {float:left; display:inline; margin:100px 0 0 20px; width:210px;}
		#pub200 {margin:10px 0; text-align:center;}
	#contenu {float:left; margin-left:10px; padding:10px 0 40px; width:730px; height:auto;}
		#pub728 {height:90px;}
		#gauche {float:left; margin-right:10px; width:360px;}
		#droite {float:left; width:360px;}
		#encart {padding:10px; border:1px solid #ccc797; background:#e5e0ac; margin-top:10px;}
#footer {height:auto; background:#e5e0ac url("../images/site/footer-fd.png") repeat-x; width:100%}

/* HEADER
****************************/
h1 {margin:0; padding:0;}

div#login form { display:inline; margin:0; padding:0; height:auto;}
div#login form input {float:left; margin:0; margin-right:5px; padding:0; border:0; width:90px; height:16px; font-size:0.8em; background:#FFF;}
div#login form input.submit {margin:0; width:20px; background:#8fa100; color:#fffbda; cursor:pointer;}

#logo a img {border:0;}

ul#link li {float:left; margin:0; padding:0;}
ul#link li a {color:#ccc799; display:block; padding:0 20px; background:url("../images/site/puce_link.png") left no-repeat; text-decoration:none;}
ul#link li a:hover {text-decoration:underline;}

div#recherche p {margin:0 0 5px 0; font-size:0.8em; }
div#recherche p a {color:#99946b;}
div#recherche form {margin:0; padding:10px; height:auto; width:340px; background:#1c1c19; overflow:auto;}
div#recherche form input {float:left; margin:0; padding:5px 0 0 5px; border:0; width:250px; height:20px;}
div#recherche form input.submit {float:left; padding:0; border:0; width:85px; height:25px; background:#BD3F00; color:#fffbda; cursor:pointer;}

#menu ul{position:relative; height:90px; margin:0; padding:0 0 0 240px; list-style:none; background:transparent;}
#menu li {float:left; margin:0; padding:0; list-style:none;}
#menu li a {display:block; width:180px; height:90px;}
#menu span {position:absolute; left:-4000px;}

#menu li#bruits {background-image:url("../images/site/menu01_bruitages-enligne.png"); background-position:0 0}
#menu li#bruits a:hover {background-image:url("../images/site/menu01_bruitages-enligne.png"); background-position:0 90px}
#menu li#cd {background:url("../images/site/menu02_cd-bruitages.png"); background-position:0 0}
#menu li#cd a:hover{background:url("../images/site/menu02_cd-bruitages.png"); background-position:0 90px}
#menu li#commande {background:url("../images/site/menu03_bruitages-sur-mesure.png"); background-position:0 0}
#menu li#commande a:hover {background:url("../images/site/menu03_bruitages-sur-mesure.png"); background-position:0 90px}
#menu li#musique {background:url("../images/site/menu04_musique-illustration.png"); background-position:0 0}
#menu li#musique a:hover {background:url("../images/site/menu04_musique-illustration.png"); background-position:0 90px}

/* SIDE 
****************************/
#side h2 {padding:.4em; margin:10px 0; background:#f2edc2; border:1px solid #e5e0ac; border-width:1px 0; font-weight:bold; font-size:1.6em;}
#side p {padding:0; text-align:justify; color:#8fa100;}
#side span {text-decoration:underline}
#side ul { margin:0; margin-bottom:1em; padding:0;}
#side ul li {border-bottom:1px solid #e5e0ac; list-style:none; list-style-position:outside; text-align:left;}
#side ul li a {display:block; padding:2px 5px; color:#8fa100; text-decoration:none; text-transform:capitalize; font-size:1.2em; letter-spacing:.1em;}
	#side ul li a.facebook {padding-left:26px; background:url(../images/facebook.png) 5px 4px no-repeat;}
	#side ul li a.myspace {padding-left:26px; background:url(../images/myspace.png) 5px 4px no-repeat;}
#side ul li a:hover {background-color:#8fa100; color:#FFF;}
#side form {margin:10px 0 20px;}
#side select {width:210px;}

/* CONTENU
****************************/
#contenu h1 {padding:.4em; margin:10px 0; margin-bottom:0.7em; background:#f2edc2; border:1px solid #e5e0ac; border-width:1px 0; font-weight:bold;}
#contenu h2 {margin:.6em 0 .2em; font-size:1.4em; font-weight:bold; text-transform:uppercase;}
#contenu h3 {clear:both; margin:.2em 0; }
#contenu p {margin:0; margin-bottom:1em; text-align:justify; font-size:1em; line-height:1.4em;}
#contenu p.date {color:#8fa100; display:inline;}
#contenu p.alert {padding:1.2em 0.6em; border:1px solid #aabf00; background:#eaeca3; color:#8fa100;}
#contenu p img {float:left; margin:0 10px 10px 0;}

ul.cd {margin:0; padding:0; margin-bottom:1em;}
ul.cd li {display:inline; list-style:none;}
ul.cd li a {padding:0 20px; background:url(../images/site/puce_liste.png) no-repeat;}

/* FOOTER
****************************/
#footer a {color:#666240;}
#footer a:hover {background:none;}
#footer .alignement {background:url("../images/site/copyright.png") no-repeat; text-align:left;}
#footer p.copy {position:absolute; margin:0; padding:0; top:5px; left:30px; font-size:0.8em; color:#FDFFD5;}
#footer p.copy a {color:#FDFFD5; text-decoration:none;}
#footer p.copy a:hover {text-decoration:underline;}

.englobe-blocs {padding-left:250px; overflow:auto;}
.bloc {float:left; width:240px; padding:0;}
.bloc h2 {margin-bottom:5px; padding-top:15px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; color:#8fa100;}
.bloc ul {margin:0; margin-bottom:20px; padding:0 5px; list-style:none; border-left:1px solid #ccc799; font-size:0.8em;}
.bloc ul li {margin:0; padding:0; list-style:outside; list-style:none;}
.bloc ul li a {color:#67633D; text-decoration:none;}
.bloc ul li a:hover {text-decoration:underline;}

/* SIGNATURES
****************************/
p#design { margin:0; padding-top:1em; font-size:0.8em; color:#C8CB9E;}
p#design a {color:#C8CB9E; text-decoration:none;}
p#design a:hover {text-decoration:underline;}

/* TABLE
****************************/
table.liste {width:730px; font-size:0.9em; margin-bottom:2px;}
table.liste th {background:#8fa100; color:#FFF; border:1px solid #fffbda; padding:5px;}
table.liste th.nom {font-size:1.4em;}
	table.liste th.nom 				{width:170px;}
	table.liste th.duree 			{width:40px;}
	table.liste th.ecoute 			{width:20px;}
	table.liste th.desc 			{width:380px;}
	table.liste th.licence			{width:40px;}
	table.liste th.telechargement 	{width:56px;}
table.liste td {padding:2px; border-bottom:1px solid #ccc797;}
	table.liste td.nom 				{font-weight:bold; font-size:1em; }

/* Sortable tables */
table.sortable thead {cursor:pointer;}

span.gratuit {font-weight:bold; color:#8fa100;}
a.club {font-weight:bold; color:#B30; text-decoration:none;}

/* Paypal */
form.paypal {color:#383832; padding:5px; overflow:auto; border:1px dashed; border-width:1px 0;}
form.paypal img {border:none;}
form.paypal label {float:left; width:610px; font-size:1.6em; color:#ccc799;}
form.paypal label span {font-size:.6em; margin:0; padding:0;}
form.paypal input.paypal_btn {float:right;}

form.catalogue {margin:0; padding:0:}
form.catalogue label {font-weight:bold; color:#B30;}