﻿body {
   background-color: #FFFFFF;
   margin: 0px;
   color: white;
}

a { 
	outline:0; 
}

/************ conteneur site ***/
.conteneur {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 640px;
	width: 960px;
	margin-top: -320px;
	margin-left: -480px;
	padding: 0px;
}
#gauche {
	float: left;
	width: 20%;
	height: 640px;
}
#droite {
	float: left;
	width: 80%;
	height: 100%;
}
/*******************************/
/************* gauche **********/
#menu {
	float: right;
	margin-top: 125px;
	width: 140px;
}
/*******************************/
/************* menu ************/
#menu_haut {
	position: absolute;
	top: 185px;
	height:140px;
	background-color: #FFFFFF;
}
#menu_mode {
	position: absolute;
	top: 245px;
	height:140px;
	background-color: #FFFFFF;
}
#menu_bas {
	position: absolute;
	top: 165px;
	height:140px;
	background-color: #FFFFFF;
}
.div_lien_menu {
	width : 140px;
	height: 20px;
	cursor: pointer;
	background-position: 0 0;
}
#accueil{
	background-image: url('../img/btn/accueil.png');
	background-repeat: no-repeat;
}
#collections{
	background-image: url('../img/btn/collections.png');
	background-repeat: no-repeat;
}
#chaussures{
	background-image: url('../img/btn/chaussures.png');
	background-repeat: no-repeat;
}
#chaussureshomme{
	background-image: url('../img/btn/chaussureshomme.png');
	background-repeat: no-repeat;
}
#chaussuresfemme{
	background-image: url('../img/btn/chaussuresfemme.png');
	background-repeat: no-repeat;
}
#sneakers{
	background-image: url('../img/btn/sneakers.png');
	background-repeat: no-repeat;
}
#sacs{
	background-image: url('../img/btn/sacs.png');
	background-repeat: no-repeat;
}
#accessoires{
	background-image: url('../img/btn/accessoires.png');
	background-repeat: no-repeat;
}
#mode{
	background-image: url('../img/btn/mode.png');
	background-repeat: no-repeat;
}
#cachemire{
	background-image: url('../img/btn/cachemire.png');
	background-repeat: no-repeat;
}
#tshirts{
	background-image: url('../img/btn/tshirts.png');
	background-repeat: no-repeat;
}
#modefemme{
	background-image: url('../img/btn/modefemme.png');
	background-repeat: no-repeat;
}
#tendances{
	background-image: url('../img/btn/tendances.png');
	background-repeat: no-repeat;
}
#artistes{
	background-image: url('../img/btn/artistes.png');
	background-repeat: no-repeat;
}
#boutiques{
	background-image: url('../img/btn/boutiques.png');
	background-repeat: no-repeat;
}
#bio{
	background-image: url('../img/btn/bio.png');
	background-repeat: no-repeat;
}
#consulting{
	background-image: url('../img/btn/consulting.png');
	background-repeat: no-repeat;
}
#contact{
	background-image: url('../img/btn/contact.png');
	background-repeat: no-repeat;
}
/*******************************/
/************* droite **********/

#affichage {
	height: 640px;
	width: 100%;
}
#bandeau_1 {
	position: absolute;
	top: 55px;
	height: 25px;
	width: 640px;
	z-index: 99;
}
#bandeau_2 {
	position: absolute;
	top: 560px;
	height: 30px;
	width: 640px;
	z-index: 99;
}
/*******************************/
/******** affichage ************/
.slide{
	height: 100%;
	width: 100%;
	display: none
}
.innerSlide{
	height: 100%;
	width: 100%;
	background-position: left center; 
	background-repeat: no-repeat;
}

#courrier {
	visibility: hidden;
	position: absolute;
	width : 285px;
	height: 26px;
	top: 489px;
	margin-left: 355px;
	cursor: pointer;
	background-image: url('../img/btn/contact_mail.png');
	background-repeat: no-repeat;
}
/*******************************/
/******** bandeau_1 ************/
#at {
	height: 100%;
	width: 200px;
	margin: 0; 
	padding: 0;
	text-align: right;
	background-image: url('../img/at.gif');
	background-repeat: no-repeat;
}

/*******************************/
/******** bandeau_2 ************/
#langue {
	float: left;
	height: 100%;
	width: 60px;
	margin: 0; 
	padding: 0;
	text-align: left;
	background-image: url('../img/btn/langue.png');
	background-repeat: no-repeat;
}
#controles {
	height: 100%;
	width: 120px;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	visibility: hidden;
}
#copyright {
	height: 100%;
	float: right;
	width: 80px;
	margin: 0; 
	padding: 0;
	text-align: right;
	background-image: url('../img/copyright.gif');
	background-repeat: no-repeat;
	background-position: right top;
}
/*******************************/
/******** controles ************/
#_prev {
	float: left;
	height: 100%;
	width: 40px;
	margin: 0; 
	padding: 0;
	text-align: right;
	background-image: url('../img/btn/_prev.gif');
	background-repeat: no-repeat;
}
#_auto {
	float: left;
	height: 100%;
	width: 40px;
	margin: 0; 
	padding: 0;
	text-align: center;
	background-image: url('../img/btn/_auto.gif');
	background-repeat: no-repeat;
}
#_next {
	height: 100%;
	float: left;
	width: 40px;
	margin: 0; 
	padding: 0;
	text-align: left;
	background-image: url('../img/btn/_next.gif');
	background-repeat: no-repeat;
}
/*******************************/
