body {
	font:100% "Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-color: #120d63;
	background-image: url(../../images/interfaceneo/fondanimation.gif);
	background-image: url(fondanimation.gif);
	background-repeat: repeat;
	position:relative;left:0px;top:0px;z-index:0;
}
img {
	border-width: 0px;
	border-style: none;
}
p {
	margin: 0px;
	padding: 0px;
	line-height: 1em;
}
ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin: 0;
padding: 0;
}


#conteneur {
	position: absolute;
	width: 656px;
	left: 45%;
	top: 15px;
	margin-left: -325px;
}
#gauche {
	position: absolute;
	left:0;
	height: 640px;
	width: 130px;
	background-image: url(fondcrante.gif);
	background-repeat: repeat-y;
}
#gauche h1 {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #D7234A;
	margin: 0;
	padding: 0;
	
}	
#gauche h1 a{
	display: block;
	height: 18px;
	color: #D7234A;
	text-decoration: none;
	border-bottom: 1px dashed;
	border-bottom-color: #D7234A;
	padding: 0;
}
#gauche h1 a:hover {
	color: #970000;
}
div#navigation {
	position: absolute;
	top: 10px;
	left: 10px;
}
li.pointille {
	
	margin-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px dashed;
	border-bottom-color: #D7234A; 
}

li.nopointille {
	
	margin-top: 2px;
	padding-bottom: 2px;
	border: none;
}
#navigation ul {
	position: absolute;
	top: 70px;
}
#navigation li a  {
	font-size: 1em;
	text-decoration: none;
}
#navigation li a:hover {
	color: #970000;
}
.pointille a {
	color: #D7234A; 
}
.nopointille a {
	color: #505051; 
}
#listeillus a {
	color: #505051;
	text-decoration: none;
}
#listeillus li {
	display: block;
	height: 15px;
	
}
#listeillus a:hover {
	color: #D7234A;
	border-bottom: 1px dashed;
	border-bottom-color: #D7234A;
}
#centre {
	position: absolute;
	left: 160px;
	height: 640px;
	width: 485px;
	background-color: white;
}
#imageview {
	position: absolute;
	top: 42px;
	left: 42px;
	width: 400px;
	background-color: white;
}
#imageview p {
	line-height: 5px;
}
#blocbas {
	position: absolute;
	top: 450px;
}
.sansbordure img {
	border-width: 0px;
	border-style: none;
}
.bordurebas {
	border-top: 0 none;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 10px solid white;
}
.video {
	position: relative;
	margin-top: 77px;
	margin-left: auto;
	margin-right: auto;
	width: 320px;
}
#flashcontent {
	margin-left: auto;
	margin-right: auto;
	width: 320px;
}
.imagecomment {
	float: left;
	width : 400px;
	margin-bottom: 15px;
	font-size: 12px;
	color: #505051;
}
.panier {
	float: right;
	margin-top: 3px;
	font-size: 12px;
	color: #505051;
	width: 10em;
	text-align: right;
}
.panier a {
	color: #D7234A;
	text-decoration: none;
}
.panier a:hover {
	color: #D7234A;
	text-decoration: underline;
}
p.numero  {
	clear: both;
	font-size: 18px;
	margin-bottom: 3px;
	padding: 0px;
	height: 22px;
	width: 400px;
	color: white;
	background: transparent url(tiretdble.gif) bottom left no-repeat;
}

/*--RAJOUT FLECHES--*/

p.navig {
position: absolute;
right: 0px;
top: 3px;
}
.navig a {
border: 2px solid white;

font-size: 12px;
text-decoration: none;
color: #D7234A;
}
.navig a span{
display: none;
}

.navig a:hover {
font-size: 12px;
text-decoration: underline;
color: #D7234A;
}
.navig a:focus {
  outline: none;
}

#prev_image {
	float: left;
  text-decoration: none;
  display: block;
  width: 16px;
  height: 16px;
  background: transparent url(../../images/interfaceneo/flecheprev.gif) top left no-repeat;
}
#prev_image:hover {
  background-position: 0% -16px;
}
#prev_image:hover:active {
  background-position: 0% -32px;
}
#next_image {
	float: left;
  text-decoration: none;
  display: block;
  width: 16px;
  height: 16px;
  background: transparent url(../../images/interfaceneo/flechenext.gif) top left no-repeat;
}
#next_image:hover {
  background-position: 0% -16px;
}
#next_image:hover:active {
  background-position: 0% -32px;
}

/*--FIN RAJOUT FLECHES--*/

img.pointsdoubles {
	border-width: 0px;
	border-style: none;
	padding: 0px;
}
ul#galerie_mini
{
	margin: 0;
	padding: 0;
	list-style-type: none ;
}
ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li img
{
	margin: 0px 1px ;
	border: 1px solid white ;
}
dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	float: left;
	width : 260px;
	margin-top: 3px;
	margin-bottom: 15px;
	font-size: 12px;
	color: #505051;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: none ;
}
#galerie_mini li a span {
	display: none;
}
#galerie_mini a:hover {
	background: none;
}
#galerie_mini li a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 20px;
	font-size: 18px;
	color: #D7234A;
	z-index: 10;
	line-height: 20px;
}
#galerie_mini li a {
	text-decoration: none;
}

p#petitmenu
{
	margin: 0 ;
	padding: 0 ;
	line-height: 10px;
	margin-left: 3px;
}
p#petitmenu a
{
	text-decoration: none;
	font-size: 10px;
	margin-left: 0px;
	color: #D7234A;
}
p#petitmenu a:hover
{
	text-decoration: underline;
	color: #970000;
}
p#contactmenu
{
	position: absolute;
	top: 605px;
	width: 100px;
	height: 17px;
	margin: 0 ;
	padding: 0 ;
	padding-top: 4px;
	border-top: 1px dashed;
	border-top-color: #DB2A3F;
}
p#contactmenu a
{
	position: relative;
	top: -4px;
	text-decoration: none;
	font-size: 12px;
	color: #DB2A3F;
	margin-left: 1px;
}
p#contactmenu a:hover
{
	text-decoration: underline;
	color: #970000;
}
.pucefloat {
	float: left;
}
p.warning {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #red;
	line-height: 20px;
}
#imagedeco {
	position: absolute;
	width: 451px;
	height:231px;
	right: 0%;
	top: 500px;
	z-index: -2;
	background: transparent url(../../images/interfaceneo/perles_anim.gif) top left no-repeat;
}
#blocliensanim {
	position: absolute;
	top: 350px;
	left: 42px;
	width: 400px;
}
.retour {
	float: right;
	margin-right: 42px;
	font-size: 12px;
	color: #505051;
	width: 10em;
	text-align: right;
}
.retour a {
	color: #D7234A;
	text-decoration: none;
}
.retour a:hover {
	color: #D7234A;
	text-decoration: underline;
}
.liensbasanim {
	float: right;
	display: block;
	font-size: 12px;
	margin-top: 243px;
}
.liensbasanim a {
	color: #505051;
	text-decoration: none;
}
.liensbasanim a:hover {
	text-decoration: underline;
}
/* AJOUT STYLE MENU SOUND DESIGN */
#NOMARTISTE {
	position : absolute;
	top: 570px;
	left:42px;
	right:42px;
	background: #FFFFFF;
}
#gallerieSON {
	position: absolute;
	top: 42px;
	left: 42px;
	width: 402px;
	height: 520px;
	overflow: auto;
	background: white;
	}
p.soundTitle img{
	margin: 0 5px 0 0;
}
.preview{
	display: block;
	position: relative;
	width: 170px;
	height: 130px;
	float: left;
	margin: 0 20px 20px 0px;
	text-decoration: none;
	font-size: 14px;
	color: #D7234A;
	padding: 0;
	border: 1px solid white;
}
a.preview:hover{
	border: 1px solid #D7234A;
}

#gallerieSON a span{
	display: none;
}
#gallerieSON a img{
	margin: 0;
	padding: 0;
}
.nomartiste2 {
	display: block;
	position: relative;
	height: 24px;
	
	font-size: 18px;
	color: #D7234A;
	z-index: 49;
	line-height: 20px;
	background: transparent url(tiretdble.gif) bottom left no-repeat;
}
.liensbas {
	float: right;
	display: block;
	font-size: 12px;
	margin: 17px 1px 0 0;
}
.liensbas a {
	color: #505051;
	text-decoration: none;
}
.liensbas a:hover {
	text-decoration: underline;
}
.liensbas a.livreobjet {
	color: #D7234A;
}
.frisebasse{
	position: absolute;
	display: block;
	top: 547px;
	left: 42px;
	width: 385px;
	height: 16px;
	background:transparent url(frise_crantee.png);
	z-index: 200;
	}
.pushbas{
	width: 385px;
	height: 5px;
	clear: both;
}
/* FIN AJOUT STYLE MENU SOUND DESIGN */


p.soundTitle {
    float: left;
    width: 110px;
    margin: 15px 0 0 10px;
    border: none;
    font-size: 1.2em;
    color: #505051;
    padding-bottom: 2px;
}
p.soundTitle img{
    margin: 0 5px 0 0;
}
div#nomsillus2 {
    margin: 0;
    padding: 0;
}
#nomsillus2 li a {
    color: #505051;
    text-decoration: none;
}
#nomsillus2 li a:link{
    color: #505051;
    text-decoration: none;
}
#nomsillus2 li a:hover {
    color: #970000;
    border-bottom: 1px dashed;
    border-bottom-color: #970000;
}
div#listeillus.menu{
	position: absolute;
	width: 120px;
	top: 175px;
	left: 2px;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
div#nomsillus {
	float: left;
}
div#nomsillus li a, div#nomsillus2 li a{
	color: #505051;
	text-decoration: none;
	margin: 0 0 0 0;
}
#nomsillus li a:link{
	color: #505051;
	text-decoration: none;
}
#nomsillus li a:hover {
	color: #970000;
	border-bottom: 1px dashed;
	border-bottom-color: #970000;
}
#nomsillus li a span {
	display: none;
}
#nomsillus a:hover {
	background: none;
}
#nomsillus3 li a {
	color: #505051;
	text-decoration: none;
}
#nomsillus3 li a:link{
	color: #505051;
	text-decoration: none;
}
#nomsillus3 li a:hover {
	color: #970000;
	border-bottom: 1px dashed;
	border-bottom-color: #970000;
}
#nomsillus3 li a span {
	display: none;
}
#nomsillus3 a:hover {
	background: none;
}
#nomsillus3 a:hover span {
	display: block;
	position: absolute;
	top: -133px;
	left: 190px;
	height: 450px;
	width: 400px;
	text-align: center;
	text-decoration: none;
	color: #505051;
	z-index: 50;
	line-height: 14px;
}

#nomsillus3 img {
border : 0;
}