/****************************** POUR LES PAGES INDEX ET SOMMAIRE FR ET EN POSITIONNES EN ABSOLU SEULEMENT ***********************/

body{
margin: 0; 
padding: 0;
background-color: #000000;
/*background-image:url(../img/fond_pointilles.jpg);*/
text-align: center; 
}

#globalindex {
	margin-left: auto;
	margin-right: auto;
	width: 1143px; /* largeur obligatoire pour être centré */
	height:600px;
	position:relative;
	background-color:#FFFFFF;
}

#contenuindex {
margin: 0 auto ;
text-align: left ;
background-color:#FFF;
height:600px;
background-image:url(../img/home.jpg);
background-repeat: no-repeat;
}

#contenusomm {
margin: 0 auto ;
text-align: left ;
background:#FFFFFF;
height:630px;
}

/****************************** LOGO ANIME DE LA PAGE D'ACCUEIL ***********************************/
#logo{
position: absolute;
margin: 40px 285px 0 335px;
height: 186px;
width: 435px;
}


/****************************** ANIMATIONS PONCTUELLES DE LA PAGE D'ACCUEIL ***********************/
#actu{
	position:absolute;
	width:419px;
	height:195px;
	left: 0px;
	top: 210px;
}

#heart{ /*----------------------- Coeur clignotant page d'accueil -----------------------------*/
position:absolute;
left:460px;
top:90px;
width:50px;
height:40px;
z-index:10;
}

#mentions{  /*----------------------- position mentions légales -----------------------------*/
position:absolute;
left:817px;
top:596px;
width:109px;
height:19px;
z-index:20;
text-align:right;
}

#magazine{  /*----------------------- position bloc magazine en français page d'accueil -----------------------------*/
	position:absolute;
	left:0px;
	top:430px;
	width:264px;
	height:171px;
	z-index:20;
	background-image: url(img/pile_magazineavecFond.jpg);
}

#nouveaute{  /*----------------------- position bloc nouveaute page d'accueil-----------------------------*/
	position:absolute;
	left:796px;
	top:334px;
	width:155px;
	height:52px;
	z-index:20;
}


#nouvelleCollection{  /*----------------------- position bloc en français page d'accueil en cas de remplacement par une image-----------------------------*/
	position:absolute;
	left:754px;
	top:244px;
	width:275px;
	height:183px;
	z-index:20;
}

#textenglish{ /*----------------------- position Texte en anglais page d'accueil -----------------------------*/
	position:absolute;
	left:751px;
	top:200px;
	width:184px;
	height:360px;
	z-index:20;
	text-align:right;
}

#coldroite{ /*----------------------- position bloc en anglais page d'accueil en cas de remplacement par une image-----------------------------*/
	position:absolute;
	left:566px;
	top:321px;
	width:185px;
	height:129px;
	z-index:20;
	text-align:right;
}

.bienvenue{  /*----------------------- Ajout de gras au texte d'accueil sur le premier mot -----------------------------*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:18px;
font-weight:bold;
}

.text01{/* ------------------------------texte d'accueil en Français ------------------*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4D4D4D;
line-height:18px;
text-align:left;
}

.text02{/*---------------------------- texte d'accueil in English ---------------------*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4D4D4D;
line-height:18px;
text-align:right;   /* différence avec FR */
}

.text02 a{
color:#4D4D4D;
text-decoration:none;
}

.alors01{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#E70006;
line-height:22px;
font-weight:bold;
}

.so02{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#E70006;
line-height:22px;
font-weight:bold;
text-align:right; /* différence avec FR */
}

#bijoux{  /*----------------- Positionnement du lien bijoux fantaisistes vers site en FR------------------------*/
	position:absolute;
	left:524px;
	top:400px;
	width:165px;
	height:25px;
	z-index:10000;
}

#fancy{  /*----------------- Positionnement du lien fancy jewellery vers site en EN------------------------*/
	position:absolute;
	left:524px;
	top:442px;
	width:150px;
	height:25px;
}

.liensaccueil{		/* ----------------style de texte des Menus "bijoux fantaisistes" et "fancy jewellery" de la page d'accueil ----------------*/
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:20px;
font-weight:normal;
text-decoration:none;
}

.liensaccueil:hover{		/* ----------------style de texte des Menus "bijoux fantaisistes" et "fancy jewellery" de la page d'accueil ----------------*/
font-family:Georgia, "Times New Roman", Times, serif;
color:#6666cc;
font-size:20px;
font-weight:normal;
text-decoration:none;
}



#paypalfr{
position:absolute;
left:163px;
top:596px;
width:302px;
height:10px;
}

#paypalimg{
position:absolute;
left:475px;
top:592px;
width:38px;
height:23px;
}

#paypaleng{
position:absolute;
left:525px;
top:596px;
width:255px;
height:10px;
}

#xitihome{  /*---------------------pos. logo Xiti sur page d'accueil et pages sommaire-------------------*/
position:absolute;
left:0px;
top:605px;
width:90px;
height:20px;
}




/*----------------------- PAGE SOMMAIRE / CALQUES DU LOGO ET BIJOUX FANTAISISTES -----------------------------*/
#logomsc{
top:0;
left:0;
width:300px;
height:140px;
position:absolute;
}


#sommbijouxfr{
position:absolute;
left:450px;
top:0;
width:510px;
height:110;
}

#sommbijouxen{
position:absolute;
left:535px;
top:70px;
width:400px;
height:25px;
}


#menufr{  /*-------- Menu français absolu vers les pages autres (presse, facebook...) ---------*/
	position:absolute;
	left:7px;
	top:130px;
	width:927px;
	height:18px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
}

#menufr a{
	text-align:right;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

#menufr a:hover {
	text-decoration:none;
	color:#E70006;
}
#menuen{  /*-------- Menu anglais absolu vers les pages autres (press, facebook...) ---------*/
	position:absolute;
	left:307px;
	top:130px;
	width:623px;
	height:15px;
	text-align:right;
}


/***************************************----------------------- CALQUES DE LA PAGE SOMMAIRE-----------------------------********************************/

/*----------------------- 1. CALQUES DES BIJOUX SURVOLABLES-----------------------------*/
#olga{  
position:absolute;
left:670px;
top:170px;
width:95px;
height:95px;
}
#billie{ 
position:absolute;
left:240px;
top:180px;
width:120px;
height:95px;
}

#queen{ 
position:absolute;
left:750px;
top:445px;
width:115px;
height:95px;
}

#cosmos{  
position:absolute;
left:260px;
top:390px;
width:95px;
height:95px;
}

#drame{
position:absolute;
left:495px;
top:390px;
width:90px;
height:90px;
}

#fleur{
position:absolute;
left:345px;
top:455px;
width:115px;
height:95px;
}

#fly{
position:absolute;
left:105px;
top:380px;
width:95px;
height:95px;
}

#geisha{ 
position:absolute;
left:650px;
top:252px;
width:115px;
height:95px;
}
#gipsy{ 
position:absolute;
left:280px;
top:280px;
width:95px;
height:95px;
}
#jaipur{
position:absolute;
left:378px;
top:216px;
width:95px;
height:95px;
}


#kiki{
position:absolute;
left:178px;
top:293px;
width:96px;
height:95px;
}
#loulou{
position:absolute;
left:520px;
top:195px;
width:95px;
height:95px;
}

#joliemome{
position:absolute;
left:570px;
top:420px;
width:115px;
height:95px;
}

#pepita{
position:absolute;
left:367px;
top:334px;
width:140px;
height:95px;
}

#midnight{
position:absolute;
left:783px;
top:226px;
width:115px;
height:95px;
}

#paris{
position:absolute;
left:515px;
top:270px;
width:105px;
height:95px;
}

#rainbow{ 
position:absolute;
left:810px;
top:340px;
width:115px;
height:95px;
}

#rockme{
position:absolute;
left:55px;
top:210px;
width:130px;
height:95px;
}

#shooting{ 
position:absolute;
left:150px;
top:460px;
width:110px;
height:95px;
}

#wild{ 
position:absolute;
left:680px;
top:345px;
width:96px;
height:95px;
}
/*----------------------- FIN DES BIJOUX SURVOLABLES-----------------------------*/




/*----------------------- 2. AUTRES CLAQUES DE LA PAGE SOMMAIRE (hors bijoux survolables)-----------------------------*/


#paypalcoeur{/*----------------------- positionnement IMAGE coeur clignotant paypal ---------------------*/
position:absolute;
left:555px;
top:565px;
width:34px;
height:28px;
}

#paypalsomm{/*----------------------- positionnement paypal texte FR ---------------------*/
position:absolute;
left:591px;
top:575px;
width:300px;
height:10px;
}

#paypalimgsomm{/*----------------------- positionnement paypal IMAGE--------------------*/
position:absolute;
left:890px;
top:570px;
width:38px;
height:23px;
}

#eiffel{/*----------------------- positionnement tour Eiffel page sommaire--------------------*/
position:absolute;
left:25px;
top:405px;
width:80px;
height:185px;
}

#survolez{/*----------------------- positionnement phrase "Survolez..." page sommaire--------------------*/
position:absolute;
left:110px;
top:575px;
width:410px;
height:15px;
}

#barresomm{/*----------------------- positionnement de la barre horizontale en bas de la page sommaire--------------------*/
position:absolute;
left:110px;
top:603px;
width:820px;
height:1px;
border-top:1px solid #4D4D4D;
}
/******************************----------------------- FIN DES CALQUES DE LA PAGE SOMMAIRE--------------------****************************************/
.liens_menu{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
font-weight:bold;}

.liens_menu:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#E70006;
text-decoration:none;
font-weight:bold;}

#logoflash{
	position:absolute;
	top:15px;
	left:10px;
}