* {border:0 none;font-family:Trebuchet MS, Arial,Neue,Helvetica,sans-serif;margin:0;padding:0;}
html, body { height:100%;margin:0;padding:0;/*overflow-x:hidden*/}
body{background: #000000 url(../images/fond.jpg) repeat-x;} 
#wrapper { width:100%;position: relative;min-height: 100%  }
#header {position:absolute;height:50px;width:100%; }
#content { width:100%;height:100%;padding:50px 10px 40px 10px;overflow : hidden;} 
#content p{ text-transform:uppercase }
#content p.title, #collection p.title { color:#d0d0d0;font-size:22px;padding:4px 0 10px 0;letter-spacing:-1px } 
#booklook img ,#collection img { padding:0px 5px 5px 0;} 
.cleaner{ clear:both}
a {color:#d0d0d0;text-decoration:none;outline: none}
#content p.title a {outline: none;color:#666666;text-decoration:none; }


/* ACCUEIL --------------------------------------------------------------------- */
#content #logo { margin:0 auto;position:absolute;left: 50%; top: 40%;margin-top: -97px; /* moitié de la hauteur de l'image */margin-left: -97px; /* moitié de la largeur de l'image */}


/* FLASH CONTENT --------------------------------------------------------------------- */
#navigation #flashcontent table { background:#FFFFFF;}
#navigation #flashcontent table h3  { background:#FFFFFF;width:60%;color:#999999;font-family:Arial,Helvetica, sans-serif;}
#navigation #flashcontent table tr  { font-family:Arial, Helvetica, sans-serif;}
#navigation #flashcontent table tr sup#indice,#navigation #flashcontent table tr td p#last { font-size:9px}
#navigation #flashcontent table tr td #company { font-size:9px}
#navigation #flashcontent table tr td #button{ width:88px;height:31px;}

/* NAVIGATION --------------------------------------------------------------------- */
#navigation { padding:0px 0 0 0;list-style: 0; position:fixed;z-index:10}
#navigation #line_hover ul { width:600px;height:5px;padding-left:30px;margin-top:23px;background:transparent}
#navigation #line_hover a#hover0, #navigation #line_hover a#hover1, #navigation #line_hover a#hover2,#navigation #line_hover a#hover3,#navigation #line_hover a#hover4,#navigation #line_hover a#hover5,#navigation #line_hover a#hover6,#navigation #line_hover a#hover7,#navigation #line_hover a#hover8 { display:block;height:3px;margin-right:1px;}

#navigation #line_hover a#hover0 { width:70px;}
#navigation #line_hover a#hover1 { width:79px;}
#navigation #line_hover a#hover2 { width:47px;}
#navigation #line_hover a#hover3 { width:69px;}
#navigation #line_hover a#hover4 { width:61px;}
#navigation #line_hover a#hover5 { width:51px;}
#navigation #line_hover a#hover6 { width:50px;}
#navigation #line_hover a#hover7 { width:62px;}
#navigation #line_hover a#hover8 { width:75px;}

/* underline liens active */
#navigation #line_hover ul li.li0 a.active,
#navigation #line_hover ul li.li1 a.active, 
#navigation #line_hover ul li.li2 a.active,
#navigation #line_hover ul li.li3 a.active,
#navigation #line_hover ul li.li4 a.active,
#navigation #line_hover ul li.li5 a.active,
#navigation #line_hover ul li.li6 a.active,
#navigation #line_hover ul li.li7 a.active,
#navigation #line_hover ul li.li8 a.active { background:#666666; }



#navigation li {float: left;}
#navigation ul { background: url(../images/bg_menu2.png) no-repeat;position: absolute; text-align: center; top: 0; width:485px; }
#navigation ul li a { display: block;font-weight: bold; height: 42px;text-decoration: none;text-indent: -1000px;}
#navigation ul, li { list-style: none; margin: 0; padding: 0; }
#navigation  a#menu0 { width: 41px;position:absolute}
#navigation  a#menu1 { width: 74px;margin-left:41px}
#navigation  a#menu2 { width: 82px;margin-left:1px}
#navigation  a#menu3 { width: 46px;margin-left:1px}
#navigation  a#menu4 { width: 72px;margin-left:1px}
#navigation  a#menu5 { width: 60px;margin-left:1px}
#navigation  a#menu6 { width: 49px;margin-left:1px}


ul li a:hover { background: transparent url(../images/bg_menu.png) no-repeat top left;}
a#menu1:hover{ background-position: -41px -45px; }
a#menu2:hover { background-position: -116px -45px; }
a#menu3:hover { background-position: -199px -45px; }
a#menu4:hover { background-position: -246px -45px; }
a#menu5:hover { background-position: -319px -45px; }
a#menu6:hover { background-position: -380px -45px; }
a#menu7:hover { background-position: -430px -45px; }

/* BOOKLOOK--------------------------------------------------------------------- */
#content #booklook  img { padding:0px 10px 10px 0} 

/* COLLECTION--------------------------------------------------------------------- */
#collection p { color:#d0d0d0; }
#collection .image { float:left;}
#collection .image  p { padding:0px 10px 10px 0;font-size:14px} 
#collection .image span { display:block;text-transform:uppercase;padding:0px 10px 10px 0;font-size:14px;}
#collection .image  img { padding: 0 10px 0 0} 
#collection .image  a{ height:200px;width:299px;/* border:1px solid red */}
#collection  p.title {color:#666666;} 
#collection  p.title a:hover {color:#d0d0d0} 
#collection .title span {color:#d0d0d0;} 

/* NEWS--------------------------------------------------------------------- */
#news { color:#a1a1a1; font-size:14px;}
#news .post { margin:5px 0 30px 0}
#news p.title {color:#666666;} 
#news p.title a:hover {color:#d0d0d0} 
#news p.title span {color:#d0d0d0;} 
#news .post p.n_title { font-weight:bold;font-size:22px;text-transform:uppercase;letter-spacing:-1px;color:#d0d0d0}
#news .post p.date { font-weight:bold;font-size:14px;padding-bottom:15px }
#news .post p.comment { padding:10px 0;width:75%;font-size:14px;text-transform:uppercase;font-weight:normal;}
#news  .post  img { padding-right:5px;} 
#news  #pagination { padding-bottom:20px;} 
#news  #pagination  img { padding-right:2px;} 


/* STOCKISTS--------------------------------------------------------------------- */
#stockists p,  #stockists .store_bycountry  span.store,#stockists .image .store{ color:#a1a1a1;text-transform:uppercase; }
#stockists .image { float:left;}
#stockists .image  p { padding:0px 10px 15px 0;font-size:14px;letter-spacing:-1px;height:55px}
#stockists .image  span { display:block;padding:0px 10px 15px 0;font-size:14px;letter-spacing:-1px;height:55px;color:#A1A1A1;text-transform:uppercase;}
#stockists .image  img { padding: 0 10px 0 0} 
#stockists .image  a{ height:200px;width:299px;}
#stockists  p.title {color:#666666;} 
#stockists  p.title a:hover {color:#d0d0d0} 
/*#stockists .title span {color:#d0d0d0;} */
#stockists  p.title a:hover {color:#d0d0d0;border-bottom: 2px solid #d0d0d0;} 
#stockists  p.title span.active{border-bottom: 2px solid #d0d0d0;}
#stockists  p.title span#second {position:absolute;left:324px;}

#stockists  p.comment_stockist { padding: 15px 0 130px 0;font-size:12px}

/* stockist by country---------------------*/
#stockists #country_list { padding-bottom:40px;width:75%}
#stockists .store_bycountry p{ padding:15px 100px 15px 0;font-size:14px;letter-spacing:-1px} 
#stockists p.comment_bycountry  { padding: 15px 0 230px 0;font-size:12px;width:85%;}
#stockists .store_bycountry { display: inline;margin-right: 3.5em;}
#stockists .store_bycountry  p.store{display: inline-block;padding: 2em 0 3em 0;width: 15em;line-height:17px;font-size:14px;letter-spacing:-1px;float:left;height:25px;padding-right:50px}
#stockists p.title  {color:#d0d0d0; }
#stockists p.title a {outline: none;color:#666666;text-decoration:none; }
#stockists p.country, #stockists  .store_bycountry span, #stockists p.country a {color:#666666} 
#stockists p.country a:hover {color:#d0d0d0;}
 
 /* CATALOG --------------------------------------------------------------------- */
#catalog p.passwrd { color:#505050;font-size:23px}
#catalog input.password{ width:350px;background:transparent;border-bottom:1px solid #d0d0d0;padding:10px 0;color:#d0d0d0;}
#catalog  #access input.submit{ background:transparent;padding: 0px 6px 9px 0px;color:#d0d0d0;font-size:33px;font-weight:bold;vertical-align: middle;}
#catalog img { padding:0 5px 5px 0}  

/* ABOUT--------------------------------------------------------------------- */
#about {color:#a1a1a1;width:80%}
#about img { padding-right:5px;} 
#about p.comment { padding:10px 0;width:95%;font-size:14px;text-transform:uppercase;font-weight:normal; }
 
/* PRESS --------------------------------------------------------------------- */
#press img { padding:0 10px 10px 0;color:transparent;}  
  
/* CELEBRITIES --------------------------------------------------------------------- */
#celebrities   {width:100%;min-width:1150px;}
#celebrities #liste  { width:219px;float:left;height:100%;}
#celebrities #picture  { width:80%;float:right;margin-top:40px;color:#a1a1a1;}
#celebrities #picture p{ color:#a1a1a1;text-transform:uppercase; }
#celebrities #picture img { height:400px;}
#celebrities #picture .image { float:left;padding:0 5px 5px 0}
#celebrities #picture .image  p { padding:0px 10px 15px 0;font-size:14px;letter-spacing:-1px;height:55px}
#celebrities #picture .image  img { padding: 0 5px 5px 0} 
#celebrities #picture .image  a{ height:200px;width:299px;}
#celebrities #liste a  {color:#666;}
#celebrities #liste a:hover {color:#FFF;} 
  
/* CONTACT --------------------------------------------------------------------- */
#contact {color:#a1a1a1;width:80%;}
#contact {min-width:700px;}
#contact #left, #contact #right {float:left;padding-top:2%;font-size:14px} 
#contact #left { width:35%;}   
#contact #right { width:50%;}   

 
 /* bug opacity ie */
#content img{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);}

/* FOOTER --------------------------------------------------------------------- */
#footer { width:100%;bottom:0;left:0;background:url(../images/bg_footer.png) repeat-x;position:absolute;height:30px;z-index:5;}
#footer #copyright {position:absolute;bottom:0;right:20px;z-index:20;}  
#footer #copyright a.contact_tj{ position:absolute;bottom:8px;right:0px;padding:10px 65px; }

/* effect opacity onmouseover */
.MouseOver { height:200px;opacity:0.3;filter:alpha(opacity=30);}