*{
	border:0;
	margin:0;
	padding:0;

}
html{
	overflow:hidden;
	 }
body{
	background-color:#333;

}

a {
	text-decoration:none;
	color:#FFF;
}
a:hover{
	text-decoration:none;
	color:#F8F8F8;
	
}
/**************/
/*** PHOTOS ***/
/**************/
.divPhotos{
	position:absolute;
	left:50%;
	width:1022px;
	margin-left: -511px; /* moitié de la largeur */	
	top:50%;
	height:570px;
	margin-top:-285px;
	overflow:hidden;
	z-index:1;
}			

/****************/
/*  COLLECTION  */
/****************/
.flap_collection{
	position:absolute;
	left:50%;
	width:50px;
	margin-left: -561px; /* moitié de la largeur */	
	top:50%;
	height:160px;
	margin-top:-205px;
	overflow:hidden;
	z-index:1;
}
.photos_collection{
	position:absolute;
	/*background-color:#0C0;*/
	width:338px;
	height:433px;
	border:6px #FFF solid;
	top:13px;
	left:640px;
	z-index:30;
}

.photos_collection_new{
	position:absolute;
	/*background-color:#0C0;*/
	width:338px;
	height:433px;
	top:13px;
	left:640px;
	z-index:30;
}

/***************/
/*** CONTENU ***/
/***************/
.divContenu{
	position:absolute;
	left:50%;
	width:1022px;
	margin-left: -511px; /* moitié de la largeur */
	top:50%;
	height:570px;
	margin-top:-285px;
	overflow:hidden;
	z-index:5;
}

/***   LOGOS  ***/
.logo{
	position:absolute;
	left:210px;
	height:50px;
	top:100px;
	left:70px;
	z-index:10;
}
.logokerastase{
	position:absolute;
	left:210px;
	height:50px;
	top:100px;
	left:370px;
	z-index:10;
}
.logoshuuemura{
	position:absolute;
	left:210px;
	height:50px;
	top:100px;
	left:370px;
	z-index:10;
}

/***   MENU  ***/
.menu_haut{
	position:relative;
	width:558px;
	float:left;
	height:30px;
	top:240px;
	left:52px;
	color:#FFF;
	float:left;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	z-index:20;
}
.beaute{
/*	color:#88c2f6;*/
color:#888;
}
.univers{
	/*color:#c89364;*/
color:#888;
	
}
.visage{
	/*color:#faadad;*/
color:#888;
	
}
.offres {
	/*color:#87f684;*/
color:#888;
	
}

a.univers{
	text-decoration:none;
	color:#FFF;
}
a:hover.univers {
	text-decoration:none;
	/*color:#c89364;*/
color:#888;
	
}
a.beaute {
	text-decoration:none;
	color:#FFF;

	
}
a:hover.beaute {
	text-decoration:none;
	/*color:#88c2f6;*/
color:#888;
	
}
a.visage {
	text-decoration:none;
	color:#FFF;
}
a:hover.visage {
	text-decoration:none;
	/*color:#faadad;*/
color:#888;
	
}

a.offres {
	text-decoration:none;
	color:#FFF;
}
a:hover.offres {
	text-decoration:none;
	/*color:#87f684;*/
color:#888;
	
}

.menu_bas{
	position:relative;
	width:460px;
	float:left;
	height:20px;
	top:550px;
	left:84px;
	float:left;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	letter-spacing:1px;	
	z-index:20;
}

.photos_lieu{
	position:absolute;
	/*background-color:#0C0;*/
	width:400px;
	height:535px;
	top:5px;
	left:618px;
	z-index:30;
}
#zoom_photo
{
	padding-top:30px;
	width:400px;
	height:390px;
	text-align:center;
	vertical-align:middle;
}
#mini_photo
{
	width:400px;
	height:110px;
	text-align:center;
	vertical-align:middle;
}

.fond_contenu{
	position:relative;
	background-color:#000;
	opacity : 0.7;
	filter : alpha(opacity=70);
	width:558px;
	height:300px;
	top:270px;
	*top:240px;	
	left:50px;
	z-index:20;
}
.fond_contenu_placement{
	position:absolue;
	width:558px;
	height:300px;
	margin-left:50px;
	margin-top:-30px;
	*margin-top:-60px;
	padding-top:15px;
	z-index:23;
	background:none;
}
.menu_contenu{
	position:relative;
	opacity : 0.7;
	filter : alpha(opacity=70);
	width:100px;
	height:300px;
	float:left;
	padding:8px 16px 0px 16px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#d9dbdc;
	letter-spacing:1px;
	font-weight:bold;
	z-index:30;
}
#texte_contenu{
	position:relative;
	width:380px;
	height:255px;
	padding-left:22px;
	padding-top:5px;
	line-height:18px;	
	float:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F2F2F2;
	letter-spacing:1px;	
	overflow:hidden;
	z-index:30;
}

.numero_contenu{
	position:relative;
	color:#F3F3F3;
	width:543px;
	*width:410px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:31;	
}
#numero_link{
	width:14px;
	height:14px;
	line-height:14px;
	text-align:center;
	position:relative;
	margin:2px;
	background-color:#F3F3F3;
	border:1px solid #F3F3F3;
	color:#000;
	float:right;
	display:block;
	text-decoration:none;
}
#numero_active{
	width:14px;
	height:14px;
	line-height:14px;
	text-align:center;
	position:relative;
	margin:2px;
	background-color:#000;
	border:1px solid #F3F3F3;
	color:#F3F3F3;
	float:right;
}
.accroche_contenu{
	position:relative;
	font-size:20px;
	line-height:22px;	
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	letter-spacing:1px;	
	z-index:30;	
}
#footer{
	position:absolute;
	left:50%;
	width:1022px;
	margin-left: -460px; /* moitié de la largeur */	
	top:50%;
	height:20px;
	margin-top:290px;
	overflow:hidden;
	z-index:1;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}

/****************/
/* REMERCIEMENT */
/****************/
/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:500px;
		height:80px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:none;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	
/* // Easy Slider */