body {
	padding:0;
	margin:0;
	background-color:#000;
	color:#FFF;
}

a {
	color:#999;
}

a:hover {
	color:#861a62;
}

#conteneur {
	position:absolute;
	width:950px;
	left:50%;
	margin-left:-475px;
	background-color:#000;
	background:url(../images/site/fond1.jpg) repeat-y;
}

#conteneur #haut {
	left:0;
	top:0;
	width:950px;
	height:240px;
	background:url(../images/site/haut1.jpg) no-repeat;
}

#conteneur #haut #logo {
	position:absolute;
	left:0;
	top:0;
	width:250px;
	height:150px;
}

#conteneur #haut #langue {
	position:absolute;
	left:400px;
	top:5px;
	z-index:10;
}

#conteneur #haut #general {
	position:absolute;
	left:260px;
	top:195px;
	width:640px;
	height:30px;
}

#conteneur #haut #util {
	position:absolute;
	left:250px;
	top:0px;
	width:700px;
	height:30px;
	text-align:right;
}

#conteneur #principal {
	left:0;
	width:950px;
	min-height:440px;
}

#conteneur #principal #gauche {
	left:0;
	width:250px;
	margin-top:35px;
	min-height:440px;
	float:left;
	font-size:18px;
}

#conteneur #principal #droite {
	left:700px;
	top:240px;
	width:250px;
	min-height:440px;
	float:right;
}

#conteneur #principal #planche {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:255px;
	margin-top:5px;
	width:695px;
	min-height:340px;
}

#conteneur #pied {
	clear:both;
	background-image:url(../images/site/bas1.jpg);
	background-repeat:no-repeat;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:20px;
	padding-right:10px;
}

a img {
	border:0;
}

/* PAGE */

#principal #planche h1 {
	font-size:18px;
	font-weight:bold;
	color:#999;
	margin-left:10px;
}

#principal #planche h2 {
	font-size:15px;
	font-weight:bold;
	color:#999;
	margin-left:50px;
}

#principal #planche h3 {
	font-size:15px;
	color:#999;
	margin-left:50px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

#principal #planche p {
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin:0 40px 20px 50px;
	text-align:justify;
}

#principal #planche li {
	font-size:13px;
	font-weight:normal;
	line-height:20px;
	margin:0 20px 0 50px;
}

/* MENU PRODUITS */

#conteneur #principal #gauche h1 {
	background:url(../images/site/rubrique.jpg) left no-repeat;
	line-height:30px;
	padding:0;
	margin:5px 0;
}

#conteneur #principal #gauche h1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	line-height:30px;
	margin-left:10px;
}

#conteneur #principal #gauche h1 a:hover {
	color:#999;
}

#conteneur #principal #gauche ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#conteneur #principal #gauche li {
	background:url(../images/site/plus.jpg) no-repeat left;
	margin-left:20px;
	padding-left:20px;
}

#conteneur #principal #gauche li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	background:none;
	color:#999;
	line-height:20px;
	text-decoration:none;
	font-weight:bold;
}

#conteneur #principal #gauche li a:hover {
	color:#861a62;
}
/* MENU GENERAL */

#conteneur #haut #general #menu ul{
    position:absolute;
    display:block;
    /*width:124px;*/
    /*margin:0;*/
    padding:0;
    }
    
#conteneur #haut #general #menu li ul{
    visibility:hidden;
	margin-left:10px;
	margin-top:7px;
    }

#conteneur #haut #general #menu li li ul{
    position:absolute;
    /*margin-left:124px;*/
    margin-top:-30px;
    }
    
#conteneur #haut #general #menu li{
    list-style:none;
    /*width:124px;*/
    /*height:auto;*/
    display:inline;
    /*display/**/:block;*/
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
#conteneur #haut #general #menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html #conteneur #haut #general #menu li li{
    display:inline;
    }

#conteneur #haut #general #menu li a{
    text-align:left;
    color:#fff;
    display:block;
    /*width:120px;*/
    text-decoration:none;
    padding:2px 5px;
    margin:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
    }
    
#conteneur #haut #general #menu li a:hover{
	color:#999;
    }
 
#conteneur #haut #general #menu ul ul {
	background-color:#CCC;
}

#conteneur #haut #general #menu li ul li a{
	background-color:#CCC;
    text-align:left;
    color:#000;
    display:block;
    /*width:120px;*/
    text-decoration:none;
    padding:3px 5px;
    margin:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
    }
	
#conteneur #haut #general #menu li ul li a:hover {
	background-color:#861a62;
}	
    
/* for a mozilla better display with key nav */
#conteneur #haut #general #menu a:focus{
    /*background-color: #aaf;*/
}

#conteneur #haut #general a.linkOver{
    /*background-color: #eee;*/
    }

/* MENU UTIL */

#conteneur #haut #util {
	text-align:right;
}

#conteneur #haut #util a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	line-height:30px;
}

#conteneur #haut #util a:hover {
	color:#999;
}

/* VIGNETTES */

#principal #planche .vignette {
	display:block;
	width:150px;
	height:180px;
	margin:8px;
	float:left;
	background:url(../images/site/vignette1.jpg) no-repeat;
}

#principal #planche .vignette .reference {
	margin-left:5px;
	top:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	float:left;
	line-height:25px;
}

#principal #planche .vignette .prix {
	display:block;
	width:145px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	color:#fff;
	line-height:25px;
}

#principal #planche .vignette .lien {
	display:block;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}

#principal #planche .vignette .lien a {
	text-align:center;
	text-decoration:none;
	color:#141414;
}

#principal #planche .vignette .lien a:hover {
	color:#861a62;
}

/* FICHE PRODUIT */

#principal #planche #fiche {
	position:absolute;
	margin-left:75px;
	width:550px;
	height:250px;
	background:url(../images/site/produit1.jpg) no-repeat;
}

#principal #planche #fiche img {
	margin:10px;
	float:left;
	border:#861a62 thin solid;
}

#principal #planche #fiche h1 {
	font-size:16px;
	color:#000;
	float:left;
}

#principal #planche #fiche h2 {
	font-size:16px;
	color:#fff;
	text-align:right;
	margin-right:10px;
}

#principal #planche #fiche p {
	font-size:12px;
	font-weight:normal;
}

#principal #planche #retour {
	position:absolute;
	top:530px;
	left:270px;
}

#conteneur #principal #planche #retour a {
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	margin-left:10px;
}

/* PANIER */

#conteneur #haut #panier {
	position:absolute;
	left:0;
	top:210px;
	width:250px;
	height:60px;
	background:url(../images/site/panier.gif) left no-repeat;
	padding-left:35px;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
} 

#principal #planche th {
	font-size:12px;
	color:#FFF;
}

#principal #planche td {
	font-size:12px;
	font-weight:normal;
	color:#000;
}

#conteneur #haut #panier p {
	font-size:16px;
	padding:0;
	margin:0 0 0 25px;
}

#conteneur #haut #panier p a {
	color:#FFF;
}

#conteneur #haut #panier p a:hover {
	color:#999;
}

/* FORMULAIRE */

#principal #planche label {
	display:block;
	width:150px;
	float:left;
	text-align:right;
	margin-right:10px;
	font-size:12px;
	font-weight:normal;
}

/* BAS */

#pied #menuB {
	position:relative;
	top:30px;
	text-align:right;
}

#pied #liens {
	position:relative;
	top:20px;
	text-align:center;
}

/* HOROSCOPE */

#principal #horoscope {
	display:block;
	width:200px;
	height:350px;
	margin:13px;
	float:left;
	background:url(../images/site/horoscope.jpg) no-repeat;
	border:#bf0000 thin solid;
}

#principal #horoscope h1 {
	font-size:14px;
	margin:0 5px;
	color:#961a62;
}

#principal #horoscope h2 {
	font-size:12px;
	margin:5px;
	color:#961a62;
}

#principal #horoscope p {
	font-size:11px;
	margin-left:5px;
	margin-right:5px;
	line-height:15px;
	color:#333;
}

/* NOUVEAU */

#principal #planche #droite #nouveau {
	position:relative;
	float:right;
	width:200px;
	margin-right:20px;
	padding-top:33px;
}

#principal #planche #droite #nouveau #nouveauB {
	background:url(../images/site/nouveauB.jpg) left bottom no-repeat;
	padding-bottom:30px;
}

#principal #planche #droite #nouveau h1 {
	color:#fff;
}

#conteneur #principal #planche #droite #nouveau #nouveauB p {
	margin:5px 12px 0 10px;
	line-height:15px;
}


/* TELEPHONE */

#principal #planche #droite #telephone {
	float:right;
	width:200px;
	height:220px;
	margin-right:20px;
	margin-top:10px;
}

/* DIVERS */

.rouge {
	color:#861a62;
}

.imgD {
	float:right;
	margin:0 20px 5px  5px;
}

#conteneur #principal #planche #boutique {
	background:url(../images/site/boutique.jpg) left no-repeat;
	padding-left:40px;
	display:block;
	height:36px;
	line-height:40px;
}

#conteneur #principal #planche #boutique1 {
	background:url(../images/site/boutique.jpg) left no-repeat;
	padding-left:40px;
	display:block;
	height:36px;
	line-height:40px;
}

#conteneur #principal #planche #boutique a, #conteneur #principal #planche #video a, #conteneur #principal #planche #boutique1 a, #conteneur #principal #planche #video1 a {
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	line-height:40px;
}

#conteneur #principal #planche #video {
	background:url(../images/site/video.jpg) left no-repeat;
	padding-left:40px;
	display:block;
	height:36px;
}

#conteneur #principal #planche #video1 {
	background:url(../images/site/video.jpg) left no-repeat;
	padding-left:40px;
	display:block;
	height:36px;
}

.controle {
	display:none;
}

.panier {
	background:url(../images/site/panier1.gif) left no-repeat;
	line-height:50px;
	padding:0 0 0 30px;
	margin:0;
}

.retour {
	background:url(../images/site/retour.gif) left no-repeat;
	line-height:50px;
	padding:0 0 0 30px;
	margin:0;
}