/* --------------------- < common items > ----------------------*/
html, body {
	margin:0; 
	padding:0; 
	background-color:#272727;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100%;
	color:#fff;
}
#wrapper {
	width:1191px;
	margin:auto;
	position:relative;
	min-height:100%;
	/*height:861px;*/
}
* html #wrapper {
	height:100%;
}
#container { clear:both;}
.floatLeft { 
	float:left;
}
.floatRight{ 
	float:right;
}
.leftSpace {
	padding-left:140px; 
	float:left;
}
a {
	color:#9CCBF5;
}
a:hover {
	color:#fff;
}
.posLogo {
	margin:30px 17px;
}
#logo {
	background-color:#ebebec;
	width:241px; 
	float:left;
	height:270px;
}
#right {
	width: 775px;
	float:right;
	clear:right;
	padding-bottom:0px;
}
#left {
	width:416px;
	float:left;
	padding-bottom:20px;
}
form {
	margin:0;  
	padding:0;
}
#mod_connexion {
	float:left; 
	width:276px; 
	height:240px; 
	background-image:url(images/bg_connexion2.jpg); 
	background-position:bottom;
}
/*#loginForm {
	padding-top:20px; 
	padding-left:55px;
	color:#fff;
}*/
#mod_avenir {
	width:276px;
	background-image:url(images/bg_a-venir2.gif); 
	background-repeat:no-repeat;
	min-height:200px;
	height:auto !important;
	height:200px;
}
#mod_avenir_bg { 
	position:relative;
	left:140px;
	width:276px; 
	float:left; 
	background-image:url(images/bg_module-avenir.gif); 
	background-repeat:repeat-y;
/*	min-height:200px;
	height:auto !important;
	height:200px;*/
}
#mod_banners_content {
	width:234px;
	position:relative;
	left:28px;
	top:58px;
	margin-bottom:40px;
}
#mod_banners_content img {margin-bottom:20px;}
#content_avenir {
	padding:15px 15px; 
	color:#fff;
	padding-right:40px;
	/*padding-bottom:15px;*/
}
#content_avenir li {
	padding:5px 0; 
	/*border-bottom: solid 1px #283845; */
	list-style-image:none; 
	list-style-type:none;
}
#footer { 
	width:890px; 
	height: 91px; 
	background-image:url(images/bg_footer.gif); 
	background-repeat:repeat-x;  
	position:relative; 
	left:140px; bottom:0; 
	clear:both; 

}
#content_footer { 
	float:left; 
	width:790px; 
	height:91px;
}
#content_footer p {
	margin:15px; 
	color:#999999; 
	font-size:9px; 
	text-align:center;
}
#containerFooter {
	width:1191px; 
	margin:auto; 
	margin-top:-91px; 
	/*position:relative;*/
}
/*#navcontainer {
	clear:both;
	width:200px;
}*/
/* --------------------- < end common items > ----------------------*/


/* --------------------- < accueil > ----------------------*/
#accueil_containerFooter {
	width:1221px; 
	margin:auto; 
	margin-top:-91px;
	padding-top:20px;
	/*position:relative;*/
}
#accueil_footer { 
	width:920px; 
	height: 91px; 
	background-image:url(images/bg_footer.gif); 
	background-repeat:repeat-x;  
	position:relative; 
	left:153px; bottom:0; 
	clear:both; 
	/*margin-top:-91px; */
}
#accueil_content_footer { 
	float:left; 
	width:820px; 
	height:91px;
}
#accueil_content_footer p {
	margin:15px; 
	color:#999999; 
	font-size:9px; 
	text-align:center;
}
#accueil_top {
	width:670px; 
	height:270px; 
	float:left; 
	clear:right;
}
#accueil_nouveautes_mod {
	width:775px;
	height: 240px;
	clear:both;
	background-image:url(images/bg_en-vedette_middle.jpg); background-repeat:no-repeat;
	float:left;
}
#accueil_nouveautes{
	padding:30px; 
	padding-top:60px;
	padding-left:65px;
	color:#fff;
	width:500px;
}
#accueil_vedette {
	padding:30px; 
	padding-top:45px;
	padding-left:65px;
	color:#fff;
	width:500px;
}
#accueil_top5_mod {
	background-image:url(images/bg_nouveautes_top.jpg);
	background-position:bottom;
	height:192px;
	width:670px;
	clear:both;
	position:relative; 
	top:49px;
}
#accueil_top5 {
	padding-left:65px;
	color:#fff;
}
#accueil_vedette_mod {
	float:left;
	width:670px;
	height:237px;
	background-image:url(images/bg_dvd.jpg); background-repeat:no-repeat;
}
#accueil_navlist {
	padding-top:10px;
}
#accueil_navlist li {
	padding-left:20px;
	display: block;
	background-repeat: no-repeat;
	line-height:24px;
	list-style-image:none; 
	list-style-type:none;
}
#accueil_navlist a {
	padding-left:20px;
	font-weight: bold;
	text-decoration: none;
}
#accueil_navlist a:link, #navlist a:visited {
	padding-left:20px;
	background: url(images/star.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-bottom:5px;
}
#accueil_navlist a:hover {
	padding-left: 20px;
	background: url(images/star_over.gif);
	background-repeat: no-repeat;
	padding-bottom:5px;
	background-position: 0px 0px;
} 
.accueil_thumb { 
	background-image:url(images/cdthumb.gif); 
	background-repeat:no-repeat; 
	width:114px; 
	height:131px; 
	margin-top:15px; 
	margin-right:10px; 
	float:left;
}
.accueil_pochette { 
	text-align:center; 
	padding-top:7px;
}
.accueil_cart {
	float:right; 
	width:24px; 
	padding:2px;
}
a.accueil_top5 {
	color:#fff; 
	font-weight:normal;
}
/* --------------------- < end accueil > ----------------------*/

/* --------------------- < fiches détaillées > ----------------------*/
#fiches_poste-ecoute {
	height:169px;
	width:595px;
	clear:both;
	background-image:url(images/bg_poste-ecoute2.gif);
	background-repeat:no-repeat;
	text-align:center;
	position:relative;
}
#fiches_top {
	min-height:501px;
	width:772px;
	clear:right;
	background-image:url(images/bg_fiche_top.jpg); 
	background-repeat:no-repeat; 
}
#fiches_tracks {
	clear:right; 
	top:60px; 
	float:left; 
	position:relative; 
	left: 70px;
}
#fiches_sellsheet {
	clear:both;
	top:80px;
	position:relative;
	left:30px;
	padding-bottom:80px;
}
#fiches_top h1 {
	color:#3f84b1; 
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	/*margin:0;*/
}
#fiches_top h2 {
	color:#0a98f4; 
	font-size:12px;
	margin:0;
}
#fiches_tracks tr:hover {
	background-color:#304d64;
}
#fiches_top td {
	border-right: solid 1px #333e4b;
	font-size:10px;
	padding:1px 2px;
}
#fiches_sellsheet td {
	border:none;
}
#fiches_sellsheet table {
	margin-left:20px;
}
#fiches_pochette {
	width:233px;
	height:233px;
	background-image:url(images/bg_pochette_big.gif); background-repeat:no-repeat;
	float:left;
	padding-top:5px;
	position:relative;
	top:60px;
	left:60px;
}
.fiches_labels {
	color:#479ed2; 
	font-weight:bold;
}
.fiches_mp3_col {
	width:20px; 
	text-align:center;
}
.fiches_no_col {
	width:10px; 
	text-align:center; 
	font-size:8px;
}
#fiches_mod {
	background-image:url(images/bg_fiche.jpg);
	width:772px;
	background-repeat:repeat-y;
	clear:right;
}
/* --------------------- < end fiches détaillées > ----------------------*/

/* --------------------- < catalogue > ----------------------*/
#catalogue_top {
	min-height:470px;
	height:auto !important;
  	height:470px;
	width:772px;
	clear:right;
	background-image:url(images/bg_pages.jpg); 
	background-repeat:no-repeat; 
}
#catalogue_mod {
	background-image:url(images/bg_fiche.jpg);
	width:772px;
	background-repeat:repeat-y;
	clear:both;
}
#catalogue_list {
	min-height:455px; 
	overflow:visible; 
	height:auto !important;
	height:455px;
	margin-bottom:20px;}
#catalogue_onglets {
	width:598px;
	height:29px;
	clear:both;
	background-image:url(images/zone-onglets.gif);
	background-repeat:no-repeat;
	background-position:198px;
}
#catalogue_poste-ecoute {
	height:169px;
	width:670px;
	clear:both;
	background-image:url(images/bg_poste-ecoute2.gif);
	background-repeat:no-repeat;
	text-align:center;
}
#catalogue_mod table {
	margin-left:50px;
	color:#FFFFFF;
	clear:both;
	padding-bottom:30px;
	font-size:9px;
}
#catalogue_list tr:hover {
	background-color:#304d64;
}
#catalogue_list td {
	border-right: solid 1px #333e4b; 
}
#catalogue_list table {
	position:relative;
	top:30px;
	/*background-image:url(images/bg_pages.jpg);*/
	background-repeat:no-repeat;
}
.pointer {
	font-size:10px; 
	text-decoration:none;
	background-color:#304d64;
}
a.pointer {
	font-size:10px;
	text-decoration:none;
}
/* --------------------- < end catalogue > ----------------------*/
/*-------------------- < mootools tooltips css > ----------------- */
.tool-tip {
	color: #fff;
	width: 170px;
	z-index: 13000;
	background-color:#2f4a60;
}
 
.tool-title {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	color: #fff;
	padding: 8px 8px 4px;
	font-family:Arial, Helvetica, sans-serif;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	font-family:Arial, Helvetica, sans-serif;
}
/* ----------------------<page qui sommes-nous>-----------------------*/
#aboutus_text {padding:30px 225px 0 70px; min-height:560px;}
#aboutus_top {
	/*min-height:550px;*/
	width:772px;
	clear:right;
	background-image:url(images/bg_aboutus.jpg); 
	background-repeat:no-repeat; 
}
#aboutus_onglet {/*position:relative; top:49px; */margin-top:49px;height:29px; clear:both;}
#aboutus_text p {}
#aboutus_top h1 {
	color:#3f84b1; 
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	/*margin:0;*/
}
/*formulaire de contact */
#formulaire_container {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:auto;
}
/*.totalLabel {font-size:12px; font-weight:bold;}*/
.star { font-weight:bold; color:#FF0000; font-size:14px;}
.element { display:inline; float:left; margin:5px;}
label {font-weight:normal; font-size:11px; font-weight:bold;}
#formulaire_container input{border:solid 0px #ffffff; font-weight:normal;font-size:11px; width:200px; font-family:Arial, Helvetica, sans-serif; padding:3px; background:#334858;color:#fff; margin:5px 0;}
#formulaire_container textarea {border:solid 0px #ffffff; font-weight:normal;font-size:11px; width:410px; /*margin:5px;*/ font-family:Arial, Helvetica, sans-serif; padding:3px;background:#334858; color:#fff;margin:5px 0;}
fieldset {border: solid 1px #2a3c4a; padding:25px; width:425px; clear:both; /*margin:10px;*/}
#formulaire_container legend { font-weight:bold; font-size:14px; color:#3f84b1;}
/*#formulaire_container .button { background-color:#ffffff; width:150px; border:solid 3px #a2bbda; text-align:center; margin-right:12px; clear:both;}*/