/* Don */
.index_zone {float:left; width:363px; height:140px; margin:277px 0 0 308px;}
.index_input {float:left; width:41px; height:17px; margin:0 0 0 3px; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px; color:#999;}
.index_select {float:left; width:201px; height:27px; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:6px; color:#999;}
.index_check {float:left; margin:19px 0 0 42px; padding:0;}
.index_legal {float:left; width:260px; height:15px; margin:18px 0 0 5px;}

.pro_zone {float:left; width:212px; height:auto; margin:141px 0 0 649px;}
.pro_input {float:left; width:202px; height:17px; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px; color:#999;}
.pro_textarea {float:left; width:202px; height:79px; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px; color:#999;}

.contact_zone {float:left; width:212px; height:auto; margin:139px 0 0 380px;}
.contact_input {float:left; width:202px; height:17px; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px; color:#999;}
.contact_textarea {float:left; width:202px; height:107px; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px; color:#999;}

.buy_zone {float:left; width:330px; height:auto; margin:135px 0 0 56px;}
.buy_input {float:left; width:152px; height:17px; margin:0 6px 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px; color:#999;}
.buy_input2 {float:left; width:152px; height:17px; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px; color:#999;}
.buy_input3 {float:left; width:320px; height:17px; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px; color:#999;}
.buy_input4 {float:left; width:82px; height:17px; margin:0 6px 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px; color:#999;}
.buy_input5 {float:left; width:222px; height:17px; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px; color:#999;}
.buy_textarea {float:left; width:320px; height:63px; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px; color:#999;}


a .club_facebook {float:left; width:193px; height:36px; background:url(/images/facebook.png) no-repeat; text-align:center; line-height:90px; margin-top:22px; color:#999;}
a:hover .club_facebook {background:url(/images/facebook.png) 0 -36px; color:#ff0066;}

a .club_twitter {float:left; width:193px; height:36px; background:url(/images/twitter.png) no-repeat; text-align:center; line-height:77px; margin-top:25px; color:#999;}
a:hover .club_twitter {background:url(/images/twitter.png) 0 -36px; color:#ff0066;}


/* --- STYLES DES PAGES --- */ 

p.txt0 {float:left; width:193px; height:30px; margin:62px 0 0 58px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#ff008a; letter-spacing:3px}
p.txt0b {float:left; width:193px; height:30px; margin:55px 0 7px 58px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#ff008a; letter-spacing:3px; line-height:1;}
.txt0c {float:left; width:193px; height:auto; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; letter-spacing:0px; line-height:1;}

p.txt1 {float:left; width:193px; height:238px; margin:42px 0 0 58px; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#999; line-height:1; text-align:justify;}

.pave {display:none; position:absolute; float:left; width:300px; height:420px; margin:0 0 0 0; background:url(/images/pave.png) no-repeat;}
.pave2 {display:none; position:absolute; float:left; width:300px; height:420px; margin:0 0 0 670px; background:url(/images/pave.png) no-repeat;}
.pave3 {display:block; position:absolute; float:left; width:300px; height:420px; margin:0 0 0 667px;}
.pave4 {display:none; position:absolute; float:left; width:980px; height:420px; margin:0 0 0 0; background:url(/images/pave4.png) no-repeat;}

.btn_index, .btn_accueil, .btn_natural, .btn_history, .btn_original, .btn_vip, .btn_fresh, .btn_event, .btn_philosophy, .btn_club, .btn_legal, .btn_press, .btn_pro, .btn_contact, .btn_buy {float:left; width:173px; height:22px;}

.btn_index {margin:20px 0 0 95px; background:none; border:none; padding:0;}
.btn_accueil {margin:52px 0 0 56px; height:250px;}
.btn_natural {margin:164px 0 0 48px;}
.btn_history {margin:199px 0 0 402px;}
.btn_original {margin:315px 0 0 277px;}
.btn_vip {margin:307px 0 0 646px;}
.btn_fresh {margin:303px 0 0 234px;}
.btn_event {margin:299px 0 0 50px; width:202px;}
.btn_philosophy {margin:197px 0 0 483px;}
.btn_club {margin:286px 0 0 171px;}
.btn_legal {margin:290px 0 0 415px;}
.btn_press {margin:282px 0 0 415px;}
.btn_pro {margin:12px 0 0 19px; background:none; border:none; padding:0;}
.btn_contact {margin:12px 0 0 19px; background:none; border:none; padding:0;}
.btn_buy  {margin:10px 0 0 76px; background:none; border:none; padding:0;}

/* Global */
.global {display:block; position:absolute; height:530px; width:980px; top:50%; left:50%; margin-top:-250px; margin-left:-490px;}
a .logo {float:left; width:82px; height:140px; background:url(/images/menu.png) -449px 0; margin:0 0 0 0;}
a .twitter {float:right; width:59px; height:16px; background:url(/images/menu.png) -868px -98px; margin:-2px 0 0 0;}
a .facebook {float:right; width:43px; height:16px; background:url(/images/menu.png) -927px -98px; margin:-2px 10px 0 0;}
a:hover .twitter {background:url(/images/menu.png) -868px -238px;}
a:hover .facebook {background:url(/images/menu.png) -927px -238px;}

/* Visuel */
.visuel_index, .visuel_accueil, .visuel_natural, .visuel_history, .visuel_original, .visuel_vip, .visuel_fresh, .visuel_event, .visuel_philosophy, .visuel_club, .visuel_legal, .visuel_press, .visuel_pro, .visuel_contact, .visuel_buy, .visuel_accueil1, .visuel_accueil2, .visuel_accueil3, .visuel_natural1, .visuel_natural2, .visuel_natural3, .visuel_history1, .visuel_history2, .visuel_history3, .visuel_history4, .visuel_original1, .visuel_original2, .visuel_original3, .visuel_original4, .visuel_vip1, .visuel_vip2, .visuel_vip3, .visuel_vip4, .visuel_fresh1, .visuel_fresh2, .visuel_fresh3, .visuel_event1, .visuel_event2, .visuel_event3, .visuel_philosophy1, .visuel_philosophy2, .visuel_philosophy3, .visuel_club1, .visuel_club2, .visuel_club3, .visuel_legal1, .visuel_legal2, .visuel_legal3, .visuel_press1, .visuel_press2, .visuel_press3, .visuel_pro1, .visuel_pro2, .visuel_pro3, .visuel_contact1, .visuel_contact2, .visuel_contact3, .visuel_buy1, .visuel_buy2, .visuel_buy3 
{display:block; width:980px; height:530px; margin:0 auto;}

.visuel_index {background:url(/images/index.png) no-repeat;}
.visuel_accueil {background:url(/images/accueil.png) no-repeat;}
.visuel_natural {background:url(/images/natural.png) no-repeat;}
.visuel_history {background:url(/images/history.png) no-repeat;}
.visuel_original {background:url(/images/original.png) no-repeat;}
.visuel_vip {background:url(/images/vip.png) no-repeat;}
.visuel_fresh {background:url(/images/fresh.png) no-repeat;}
.visuel_event {background:url(/images/event.png) no-repeat;}
.visuel_philosophy {background:url(/images/philosophy.png) no-repeat;}
.visuel_club {background:url(/images/club.png) no-repeat;}
.visuel_legal {background:url(/images/legal.png) no-repeat;}
.visuel_press {background:url(/images/press.png) no-repeat;}
.visuel_pro {background:url(/images/pro.png) no-repeat;}
.visuel_contact {background:url(/images/contact.png) no-repeat;}
.visuel_buy {background:url(/images/buy.png) no-repeat;}

.visuel_accueil1 {background:url(/images/accueil1.png) no-repeat;}
.visuel_accueil2 {background:url(/images/accueil2.png) no-repeat;}
.visuel_accueil3 {background:url(/images/accueil3.png) no-repeat;}
.visuel_natural1 {background:url(/images/natural1.png) no-repeat;}
.visuel_natural2 {background:url(/images/natural2.png) no-repeat;}
.visuel_natural3 {background:url(/images/natural3.png) no-repeat;}
.visuel_history1 {background:url(/images/history1.png) no-repeat;}
.visuel_history2 {background:url(/images/history2.png) no-repeat;}
.visuel_history3 {background:url(/images/history3.png) no-repeat;}
.visuel_history4 {background:url(/images/history4.png) no-repeat; display:none; position:absolute; height:397px;}
.visuel_original1 {background:url(/images/original1.png) no-repeat;}
.visuel_original2 {background:url(/images/original2.png) no-repeat;}
.visuel_original3 {background:url(/images/original3.png) no-repeat;}
.visuel_original4 {background:url(/images/original4.png) no-repeat; display:none; position:absolute; height:300px;}
.visuel_vip1 {background:url(/images/vip1.png) no-repeat;}
.visuel_vip2 {background:url(/images/vip2.png) no-repeat;}
.visuel_vip3 {background:url(/images/vip3.png) no-repeat;}
.visuel_vip4 {background:url(/images/vip4.png) no-repeat; display:none; position:absolute; height:300px;}
.visuel_fresh1 {background:url(/images/fresh1.png) no-repeat;}
.visuel_fresh2 {background:url(/images/fresh2.png) no-repeat;}
.visuel_fresh3 {background:url(/images/fresh3.png) no-repeat;}
.visuel_event1 {background:url(/images/event1.png) no-repeat;}
.visuel_event2 {background:url(/images/event2.png) no-repeat;}
.visuel_event3 {background:url(/images/event3.png) no-repeat;}
.visuel_philosophy1 {background:url(/images/philosophy1.png) no-repeat;}
.visuel_philosophy2 {background:url(/images/philosophy2.png) no-repeat;}
.visuel_philosophy3 {background:url(/images/philosophy3.png) no-repeat;}
.visuel_club1 {background:url(/images/club1.png) no-repeat;}
.visuel_club2 {background:url(/images/club2.png) no-repeat;}
.visuel_club3 {background:url(/images/club3.png) no-repeat;}
.visuel_legal1 {background:url(/images/legal1.png) no-repeat;}
.visuel_legal2 {background:url(/images/legal2.png) no-repeat;}
.visuel_legal3 {background:url(/images/legal3.png) no-repeat;}
.visuel_press1 {background:url(/images/press1.png) no-repeat;}
.visuel_press2 {background:url(/images/press2.png) no-repeat;}
.visuel_press3 {background:url(/images/press3.png) no-repeat;}
.visuel_pro1 {background:url(/images/pro1.png) no-repeat;}
.visuel_pro2 {background:url(/images/pro2.png) no-repeat;}
.visuel_pro3 {background:url(/images/pro3.png) no-repeat;}
.visuel_contact1 {background:url(/images/contact1.png) no-repeat;}
.visuel_contact2 {background:url(/images/contact2.png) no-repeat;}
.visuel_contact3 {background:url(/images/contact3.png) no-repeat;}
.visuel_buy1 {background:url(/images/buy1.png) no-repeat;}
.visuel_buy2 {background:url(/images/buy2.png) no-repeat;}
.visuel_buy3 {background:url(/images/buy3.png) no-repeat;}

.foot {float:left; width:449px; height:46px; margin:9px 0 0 0;}
.footbar {float:left; width:449px; height:8px; background:url(/images/menu.png) 0 -94px;}
.footsep {float:left; width:34px; height:12px; background:url(/images/menu.png) -330px -102px; margin:0 0 0 0;}
a .foot1 {float:left; width:103px; height:12px; background:url(/images/menu.png) -227px -102px; margin:0 0 0 227px;}
a .foot2 {float:left; width:47px; height:12px; background:url(/images/menu.png) -364px -102px; margin:0 0 0 0;}
a .foot3 {float:left; width:54px; height:12px; background:url(/images/menu.png) -568px -102px; margin:0 0 0 37px;}
a .foot4 {float:left; width:46px; height:12px; background:url(/images/menu.png) -656px -102px; margin:0 0 0 0;}
a .foot5 {float:left; width:18px; height:12px; background:url(/images/menu.png) -736px -102px; margin:0 0 0 0;}

a:hover .foot1 {background:url(/images/menu.png) -227px -382px;}
a:hover .foot2 {background:url(/images/menu.png) -364px -382px;}
a:hover .foot3 {background:url(/images/menu.png) -568px -382px;}
a:hover .foot4 {background:url(/images/menu.png) -656px -382px;}
a:hover .foot5 {background:url(/images/menu.png) -736px -382px;}

a .foot1_on {float:left; width:103px; height:12px; background:url(/images/menu.png) -227px -382px; margin:0 0 0 227px;}
a .foot2_on {float:left; width:47px; height:12px; background:url(/images/menu.png) -364px -382px; margin:0 0 0 0;}
a .foot3_on {float:left; width:54px; height:12px; background:url(/images/menu.png) -568px -382px; margin:0 0 0 37px;}
a .foot4_on {float:left; width:46px; height:12px; background:url(/images/menu.png) -656px -382px; margin:0 0 0 0;}
a .foot5_on {float:left; width:18px; height:12px; background:url(/images/menu.png) -736px -382px; margin:0 0 0 0;}


/* Nav */
.nav_contenair1 {float:left; width:980px; height:auto; margin:-140px 0 0 0;}
.nav_contenair2 {float:left; width:449px; height:140px;}

a .nav_unconventional {float:left; width:152px; height:20px; background:url(/images/menu.png) -10px -65px; margin:65px 0 0 10px;}
a .nav_thecollection {float:left; width:150px; height:20px; background:url(/images/menu.png) -227px -65px; margin:65px 0 0 65px;}
a .nav_whatsnew {float:left; width:152px; height:20px; background:url(/images/menu.png) -602px -65px; margin:65px 0 0 71px;}
a .nav_beinthepink {float:left; width:152px; height:20px; background:url(/images/menu.png) -819px -65px; margin:65px 0 0 65px;}

a:hover .nav_unconventional {background:url(/images/menu.png) -10px -485px;}
a:hover .nav_thecollection {background:url(/images/menu.png) -227px -485px;}
a:hover .nav_whatsnew {background:url(/images/menu.png) -602px -485px;}
a:hover .nav_beinthepink {background:url(/images/menu.png) -819px -485px;}

/* Nav unconventional */
.nav_unconventional_on {float:left; width:152px; height:45px; margin:40px 0 0 10px;}
.nav_unconventional_bloc {float:left; width:152px; height:30px; background:url(/images/menu.png) -10px -180px; margin:0 0 0 0;}
a .nav_natural {float:left; width:52px; height:15px; background:url(/images/menu.png) -28px -210px; margin:0 0 0 18px;}
a .nav_history {float:left; width:48px; height:15px; background:url(/images/menu.png) -87px -210px; margin:0 0 0 7px;}
a:hover .nav_natural {background:url(/images/menu.png) -28px -350px;}
a:hover .nav_history {background:url(/images/menu.png) -87px -350px;}
a .nav_natural_on {float:left; width:52px; height:15px; background:url(/images/menu.png) -28px -490px; margin:0 0 0 18px;}
a .nav_history_on {float:left; width:48px; height:15px; background:url(/images/menu.png) -87px -490px; margin:0 0 0 7px;}

/* Nav the collection */
.nav_thecollection_on {float:left; width:150px; height:45px; margin:40px 0 0 65px;}
.nav_thecollection_bloc {float:left; width:150px; height:30px; background:url(/images/menu.png) -227px -180px; margin:0 0 0 0;}
a .nav_original {float:left; width:60px; height:15px; background:url(/images/menu.png) -231px -210px; margin:0 0 0 5px;}
a .nav_vip {float:left; width:62px; height:15px; background:url(/images/menu.png) -301px -210px; margin:0 0 0 8px;}
a:hover .nav_original {background:url(/images/menu.png) -231px -350px;}
a:hover .nav_vip {background:url(/images/menu.png) -301px -350px;}
a .nav_original_on {float:left; width:60px; height:15px; background:url(/images/menu.png) -231px -490px; margin:0 0 0 5px;}
a .nav_vip_on {float:left; width:62px; height:15px; background:url(/images/menu.png) -301px -490px; margin:0 0 0 8px;}

/* Nav whats new */
.nav_whatsnew_on {float:left; width:152px; height:45px; margin:40px 0 0 71px;}
.nav_whatsnew_bloc {float:left; width:152px; height:30px; background:url(/images/menu.png) -602px -180px; margin:0 0 0 0;}
a .nav_fresh {float:left; width:80px; height:15px; background:url(/images/menu.png) -613px -210px; margin:0 0 0 11px;}
a .nav_event {float:left; width:40px; height:15px; background:url(/images/menu.png) -699px -210px; margin:0 0 0 6px;}
a:hover .nav_fresh {background:url(/images/menu.png) -613px -350px;}
a:hover .nav_event {background:url(/images/menu.png) -699px -350px;}
a .nav_fresh_on {float:left; width:80px; height:15px; background:url(/images/menu.png) -613px -490px; margin:0 0 0 11px;}
a .nav_event_on {float:left; width:40px; height:15px; background:url(/images/menu.png) -699px -490px; margin:0 0 0 6px;}

/* Nav be in the pink */
.nav_beinthepink_on {float:left; width:152px; height:45px; margin:40px 0 0 65px;}
.nav_beinthepink_bloc {float:left; width:152px; height:30px; background:url(/images/menu.png) -819px -180px; margin:0 0 0 0;}
a .nav_philosophy {float:left; width:66px; height:15px; background:url(/images/menu.png) -824px -210px; margin:0 0 0 5px;}
a .nav_club {float:left; width:66px; height:15px; background:url(/images/menu.png) -896px -210px; margin:0 0 0 6px;}
a:hover .nav_philosophy {background:url(/images/menu.png) -824px -350px;}
a:hover .nav_club {background:url(/images/menu.png) -896px -350px;}
a .nav_philosophy_on {float:left; width:66px; height:15px; background:url(/images/menu.png) -824px -490px; margin:0 0 0 5px;}
a .nav_club_on {float:left; width:66px; height:15px; background:url(/images/menu.png) -896px -490px; margin:0 0 0 6px;}


/* --- STYLES DE BASE --- */ 
 
/* Page */ 
* {margin:0; padding:0; outline:none;}
html {font-size: 100%;} 
body {margin:0; padding:0; background:#000; font: 11px "Lucida Grande", Geneva, Arial, sans-serif; font-weight:normal; font-style:normal; color:#333; background:url(/images/background.png) no-repeat center top; background-color:#fff;} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 {margin: 1em 0 .5em 0; line-height:1.2; font-weight:bold; font-style:normal;}
h1 {font-size:1.75em;}
h2{font-size:1.5em;}
h3 {font-size:1.25em;}
h4 {font-size:1em;} 
 
/* Listes */ 
ul, ol {margin: .75em 0 .75em 32px; padding:0;} 
 
/* Paragraphes */ 
p {line-height:normal; padding:0; margin:0;}
address {margin:.75em 0; font-style:normal;} 
 
/* Liens */ 
a {text-decoration:none; cursor:pointer; cursor:hand;} 
a:link {color:#ff0066;}
a:visited {color:#ff0066;} 
a:hover, a:focus, a:active {color:#ff0066;}
a:active {outline:none;}
a img {border:none;}
 
/* Divers elements de type en-ligne */ 
em {font-style:italic;} 
strong {font-weight:bold;} 
 
/* Formulaires */ 
form, fieldset {margin:0; padding:0; border:none;} 
input, button, select {vertical-align:middle;}

/* Images */ 
img {border:0;}

































.index_zone {float:left; width:363px; height:140px; margin:280px 0 0 308px;}
.index_input {float:left; width:39px; height:10px; margin:0 0 0 3px; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:2px 4px 3px 4px; color:#999;}
.index_select {float:left; width:170px; height:18px; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0px 1px 0px 6px; color:#999;}
.index_select2 {float:left; width:60px; height:18px; margin:0 0 0 4px; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0px 1px 0px 0px; color:#999;}

.index_check0 {float:left; width:auto; height:30px; margin:24px 0 0 40px;}
.index_check {float:left; margin:0 0 0 0; padding:0;}
.index_legal {float:left; width:260px; height:15px; margin:0 0 0 7px;} 
.btn_index {margin:4px 0 0 95px; background:none; border:none; padding:0;}