@import url("font.css");

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section {
    margin:0 auto 0 auto;
    padding:0;
    border:0;
    outline:0;
    background-color: #FFF;
    color: #000;
    list-style: none;
    text-align: center;
}
body {
    font-family:"Helvetica Neue",arial;
    font-size: 11px;
    letter-spacing: 0;
     overflow-x: hidden;
}

a:link, a:visited, a:hover, a:active{
    text-decoration: none;
    color: #000;      
}

a:hover, a:active{
    text-decoration:none;
    color : #000;      
}


header{
    width: 940px;
    height: 68px;
    background-image:url('../img/dot.png');
    background-repeat:repeat-x;
    background-position:bottom;
    padding-top: 42px;

}


nav{
    display: block;
    width: 940px;
    height: 20px;
    font-size: 12px;
    text-transform: uppercase;
    margin: 8px auto 0 auto;
    background-color: #FFF;

}



nav ul li{
    display: inline-block;
    margin-left: 20px;
}

.eshoplnk{
    font-weight: bold;
}

#theheadpress{
    width: 940px;
    height: 150px;
    position: fixed;
  background-color: #FFF;
  left: 50%;
  margin-left: -470px;

}

#theheadcampaign{
    width: 940px;
    height: 190px;
    position: fixed;
  background-color: #FFF;
  left: 50%;
  margin-left: -470px;

}

#news{
    position: relative;
    width: 940px;
    height: 560px;
    margin: 20px auto 0 auto;
    background-image:url('../img/dot.png');
    background-repeat:repeat-x;
    background-position:bottom;
}

#slider li{
display: block;
width: 940px;
height: 540px;
background-repeat: no-repeat;

}
   
#slider li h2{
    
    font-size: 70px;
    font-family: "berthold_akzidenz_grotesk_light", arial;
    margin: auto;
    letter-spacing: 5px;

  
    background-color: transparent;
    color: #fff


}

#slider li h2 a{
    display: block;
    margin-top: 200px;

}

#slider li h2 a:link, #slider li h2 a:visited {
    color: #fff;
}

#slider li h2 a:hover, #slider li h2 a:active {

}

#slider .bloc{
    width: 940px;
    height: 150px;
    margin: 0 0 0 0;
    text-align: center;
    background-color: transparent;
}

#slider li p{
    
    font-size: 26px;
    font-family: "berthold_akzidenz_grotesk_bold", arial;

    text-transform: uppercase;
    padding: 10px;
    margin: 0 0 0 0;
   
    background-color: transparent;
    color: #fff
}

.leftarrow{
    display: block;
    width: 940px;
    height: 540px;
    position: absolute;
    bottom: 20px;
    left: -940px;
   /* background-color: #eee;*/
   background-color: transparent;

}

.rightarrow{
    display: block;
    width: 940px;
    height: 540px;
    position: absolute;
    bottom: 20px;
    right: -940px;
    /*background-color: #eee;*/
    background-color: transparent;


}



#prev{
    width: 40px;
    position: absolute;
    bottom: 20px;
    right: 30px;

}

#next{
     width: 40px;
    position: absolute;
     bottom: 20px;
    right: 0px;
}

#sections{
    width: 940px;
    height: 620px; 
    margin: 20px auto 0 auto;

}

#sections.campaign{
    height: auto;
}


#sections.press{
    height: auto;
}

#sections img{
    margin: 0;
    padding: 0;
}

#sections.campaign img{
    margin-bottom: 7px;
}

#sections.press img{
    margin-bottom: 7px;
}



#amelie{
    width: 300px;
    height: 600px;
    float: left;
    text-align: left;
  
    margin: 0;
}

.blockhome{
    width: 300px;
    height: 186px;
    background-color: #f6f6f6;
    font-size: 3em;
    font-family: "berthold_akzidenz_grotesk_bold", arial;

  
}

.blockhome a{
    display: block;
    height: 186px;
    width: 300px;
    line-height: 186px;
}

.blockhome a:link, .blockhome a:visited{
    color: #fff;
}

.blockhome a:hover, .blockhome a:active{
    font-size: 4em;
}



#amelie #biohome{
      margin: 0 5px 20px 0;
      background-image: url('../img/blocks/bio3.jpg');
      background-repeat: no-repeat;
}


#amelie #tumblr{
      margin: 0 5px 20px 0;
      background-image: url('../img/blocks/tumblr2.jpg');
      background-repeat: no-repeat;
}

#amelie #facebook{
      margin: 0 5px 20px 0;
      background-image: url('../img/blocks/facebook2.jpg');
      background-repeat: no-repeat;
}




#products{
    width: 620px;
    height: 600px;
    float: left;
    text-align: left;
    margin: 0 0 0 20px;
}

#products #collections{
    float: left;
    margin: 0 20px 0 0;
    background-image: url('../img/blocks/collections2.jpg');
    background-repeat: no-repeat;
}


#products #boutiques{
     float: left;
     background-image: url('../img/blocks/boutiques2.jpg');
    background-repeat: no-repeat;
}

#products #eshop{
   width: 620px;
   height: 392px;
   background-color: #bbb;
   float: left;
   margin: 20px 0 0 0;
    font-family: "berthold_akzidenz_grotesk_bold", arial;
    background-image: url('../img/blocks/eshop3.jpg');
    background-repeat: no-repeat;
}


#eshop a{
    display: block;
    height: 392px;
    width: 620px;
    line-height: 392px;
    font-size: 3em;

}

#eshop a:link, #eshop a:visited{
    color: #fff;
}


#eshop a:hover, #eshop a:active{
    font-size: 30em;
    color: #c0392b;
}




#contact{
    width: 940px;
    height: 300px;
    margin: 60px auto 0 auto;
    padding-top: 24px;
    font-size: 11px;
    /**letter-spacing: -1px;*/
    text-transform: uppercase;
    background-image:url('../img/dot.png');
    background-repeat:repeat-x;
    background-position:top;



}

#contact a:link, #contact a:visited, #contact a:hover, #contact a:active{
    color: #000;
}

#contactintro{
    width: 940px;
    margin: 0 auto 60px auto;
    font-size: 3em;
    font-family: "berthold_akzidenz_grotesk_light", arial;
    background-color: transparent;

}

.contactzone{
    width: 300px;
    float: left;
    margin-left: 10px;
}

.lastcontactzone{
    margin-left: 0;
}

.contactzone p{
    margin-top: 20px;
     color: #000;
}

footer{
    width: 940px;
    margin-top: 160px;
    margin-bottom: 20px;
    font-size: 10px;
    color: #a0a0a0;

}

#gif{
    margin: 60px auto 60px auto;
    width: 940px;
}

#eye{
    margin-bottom: 20px;
}

/** BIO */


#biotop{
    position: relative;
    width: 940px;
    height: auto;
    margin: 20px auto 40px auto;

}

#bio{
    width: 635px;

}

.question{
    display: block;
    text-align: left;
    width: 635px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 40px;
}

#itw{
    font-size: 12px;
    text-align: left;
}


/** POINTS OF SALE */

#pos{
    width: 940px;
    height: auto;
    margin: 40px auto 0 auto;
}

#posintro{
    width: 940px;
    height: 150px;
    padding-top: 40px;
}


.country{
    position: relative;
    width: 960px;
    height: auto;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 80px;


}

.countryname{
    width: 940px;
    height: 40px;
    float: left;
    font-size: 3em;
    font-family: "berthold_akzidenz_grotesk_light", arial;
    background-color: transparent;


}

.shop{
    
    margin-right: 20px;
    margin-bottom: 40px;

}

.shop p{
    margin-top: 20px;
    text-align: left;   
    font-weight bold;
}

.countryname{
    width: 940px;
    height: 40px;
    background-image:url('../img/dot.png');
    background-repeat:repeat-x;
    background-position:bottom;
    text-align: left;
    margin: 0 auto 20px auto;

}

a.selected{
    color:#000;
}

.long{
    height: 642px;
}

/** COLLECTIONS */

#navcollections{
    margin: 10px auto 10px auto;
}
#navcollections li a{

    color: #bbb;
}

#navcollections li a.collection-on{
    color:#000;
}

#submenu a{
    color:#5a5a5a;
}

#submenu a.subselected{
    color:#000;
    font-weight: bold;
}

#submenu{
    width: 200px;
    height: 15px;
    font-size: 11px;
     color: #bbb;
}

#collectionsslideshow{
    position: relative;
    width: 940px;
    height: 560px;
    margin: 60px auto 0 auto;
    background-image:url('../img/dot.png');
    background-repeat:repeat-x;
    background-position:bottom;
}

#collection{
    width: 945px;
    height: auto;
    text-align: left;
    margin: 20px auto 0 auto;
    padding: 0 0 0 10px;
 
}

#collection img{
    margin: 0 6px 6px 0;
    padding: 0;
    cursor: hand;
    cursor: pointer;

}

#zoom{
    display: none;
}

#close{
   position: absolute;
   top:0px;
   right: 0px;
}

/** PRESS */

.press{
    
    padding-top: 200px;
    text-align: left;
}

.campaign{
    
    padding-top: 200px;
    text-align: left;
}


/** Journal */

#journal{
    width: 100%;
    height: auto;
    margin: 20px auto 0 auto;
}


#iframe-inspiration{
  width: 100%;
  margin-top: 0px;
  overflow: hidden;
}