/* styles par defaut
*************************************************/

html {
  padding: 0;
  margin: 0;}

body {
  padding: 0;
  margin: 0;
  background: #fff;
  font: 62.5%/130% Arial, Helvetica, Geneva, sans-serif;
  color: #000;}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,blockquote {
  font-size: 1em;
  margin: 0;
  padding: 0;}

h3 {
  color: #503F2C;
  font-size: 1.4em;
  margin-top: 1em;}

h4 {
  font-size: 1em;
  color: #503F2C;}

a {
  color: #503F2C;
  text-decoration: underline;}

img {
  border: 0;}

label {
  cursor: pointer;}

ul {
  list-style-type: none;}


dl {
  color: #000;}

  dt {
    font-weight: bold;}
  dd {
    margin-left: 10px;}

  /* sous-dl */
  dl dl {
    padding: 0;}

    dl dl dt {
      display: inline;
      padding: 0;}

    dl dl dd {
      display: inline;
      margin-left: 5px;
      padding: 0;}


/* Menu picto collections

*************************************************/

  #illus {
    clear:both;
    float: right;}

  #illus ul {
    margin-right: 86px;}

  #illus ul li,
  #illus ul li a {
    display: block;
    float: left;}



  #illus ul li {
    margin-left: 13px;
    text-indent: -100em;
    overflow: hidden;}

    #illus ul li a {
      color: #fff;
      text-transform: uppercase;
      font-size: 1.2em;}

#actu-home {
  margin-right: 55px;}

/* "Haut de page" */
.top {}
  .top a {
    background:#503F2C;
    color:white;
    float:right;
    padding:.2em .5em;
    float: right;
    -moz-border-radius:.3em;
    -webkit-border-radius:.3em;
    border-radius:.3em;}


/* Header */

#header {
  height:150px;
  margin:0 auto;
  position:relative;
  background:transparent url(../images/bgd/bg_header.png) repeat center 25%;
  }

  h1 {
    margin:0 auto;
    padding:35px 0 0 0;
    width:760px;
    background:transparent url(../images/bgd/bg_pola.png) no-repeat 275px bottom;
    }

    h1 a {
      display: block;
      width: 253px;
      height: 70px;
      text-indent: -9999em;
      margin:0;
      padding:0;
      background: url(../images/titre.png) no-repeat top left;}

/* Menu */

#menu {
  border-top:1px solid #6f5844;
  height:20px;
  left:50%;
  margin-left:-380px;
  position:absolute;
  top:105px;
  width:760px;
}
  #menu ul {
    float:left;
    list-style-type:none;
    padding:0 0 0 30px;
    width:760px;}
    #menu li {
      display:inline;
      float:left;
      padding: 0 20px;
      border-left:1px solid #6f5844;}
      #menu li.first {
        margin-left: 5em;
        border: none;}

      #menu li a {
        color: #6f5844;
        float:left;
        font-size:1.2em;
        letter-spacing:1px;
        line-height:110%;
        padding: 5px 0 0 0;
        text-decoration: none;
        text-transform: uppercase;
        word-spacing:0.1em;}

      #page-presentation #menu li a.presentation,
      #menu li a.presentation:hover {color:#E16E76;}
      
      #page-historique #menu li a.historique,
      #menu li a.historique:hover {color:#DA3E44;}
      
      #page-tendance #menu li a.tendance,
      #menu li a.tendance:hover {color:#72BBCD;}
      
      #page-boutiques #menu li a.boutiques,
      #menu li a.boutiques:hover {color:#E16191;}
      
      #page-espace-presse #menu li a.espace-presse,
      #menu li a.espace-presse:hover {color:#749A29;}
        
      #page-magasins #menu li a.boutiques,
      #menu li a.boutiques:hover {color:#E16191;}

/* Pied de page */

#footer {
  position:relative;
  color: white;
  background-color: #403122;}
  #footer ul {
    padding:5px 0;
    width:760px;
    margin: 0 auto;}
    #footer li {
      padding-right: 1em;
      display:inline;}

      #footer a {
        padding-right: 1em;
        color: white;
        font-weight: bold;}


/* Page */

#page-accueil #contenu {
  background: none;
  color: #fff;
  height: 397px;
  width: 760px;}
  
#page-accueil #page {background:#ffffff url(../images/bgd/bg_content_home.jpg) repeat-y top center;}

#page {
  position:relative;
  overflow: hidden;
  background:#ffffff url(../images/bgd/bg_content.jpg) repeat-y top center;
  }

#container {
  position:relative;
  overflow: hidden;
  top:0;
  width:100%;
}
  #contenu {
    position: relative;
    background-color: #F4EDE8;
    width: 610px;
    color: #503f2c;
    z-index:10;
    margin: 0 auto;
    overflow:hidden;
    left:23px;}
    
    #bg_left {
      position:absolute;
      overflow: hidden;
      top:0;
      z-index:9;
      height:700px;
      left:475px;
      width:100%;
    }

#page-presentation #bg_left {background:transparent url(../images/bgd/presentation.jpg) no-repeat top center;}
#page-historique #bg_left {background:transparent url(../images/bgd/historique.jpg) no-repeat top center;}
#page-tendance #bg_left {background:transparent url(../images/bgd/tendance.jpg) no-repeat top center;}
#page-boutiques #bg_left {background:transparent url(../images/bgd/boutiques.jpg) no-repeat top center;}
#page-espace-presse #bg_left {background:transparent url(../images/bgd/espace-presse.jpg) no-repeat top center;}
#page-contact #bg_left {background:none;}
#page-mentions #bg_left {background:none;}

  
  #illustr_title {
    position:absolute;
    height:100px;
    width:150px;
    top:25px;
    left:70px;
  }
  
  #page-presentation #illustr_title {background:transparent url(../images/coin-fleurs.png) no-repeat 0 0;}

    h2 {
      position: absolute;
      top:0;
      left:170px;
      width:400px;
      padding:10px 20px;
      font-size:2.1em;
      font-weight:normal;
      letter-spacing:.001em;
      line-height:1.3em;
      color:#fff;}
      
    #texte {
      font-size: 1.25em;
      line-height: 1.2;
      margin: -1px 0;
      padding: 115px 50px 130px 173px;}

      #texte p {
        margin: 1em 0;}

        #texte big {
          font-size: 1.3em;}


/* Titres */

#page-presentation h2 {background-color:#E16E76;}
#page-historique h2 {background-color:#DA3E44;}
#page-tendance h2 {background-color:#72BBCD;}
#page-boutiques h2 {background-color:#E16191;}
#page-magasins h2 {background-color:#E16191;}
#page-espace-presse h2 {background-color:#749A29;}

#page-contact h2 {background-color:#E16E76;}
#page-mentions h2 {background-color:#E16E76;}
#page-erreur-404 h2 {background-color:#E16E76;}

/* Accueil */

  #intro {
    position:relative;
    z-index:1;
    font-size: 1.3em;
    line-height: 1.3;
    width:220px;
    padding:75px 0 0 5px;
    -webkit-transform:rotate(-3deg);
    }
    
    #intro h2 {
      color:#e98486;
      font-size:1.2em;
      font-weight:normal;
      line-height:1em;
      padding:0;
      position:static;
      width:auto;
      text-align:center;
    }
    
    #intro p {
      color:#403122;
      font-size:0.85em;
      margin: 0.7em 0;}

  .illustration {
    z-index:3;
    position: absolute;
    top: 0;
    right: 0;
    width: 425px;
    height: 400px;
    background: url(../images/accueil/illustration1.jpg) no-repeat 90%;}


#page-historique {}
  #page-historique #texte {
    padding-right: 30px;
    padding-bottom: 35px;}
    #gauche {
      float: left;
      width: 195px;
      padding-right: 20px;
      border-right: 1px solid #e3d5ca;}
    #droite {
      float: right;
      width: 190px;}




/* Formulaires presse */
  #page-espace-presse h3 {
    margin-top:2em;
    font-size:1.1em;
    color:inherit;
    clear:both;}
    #page-espace-presse h4 {
      margin-top:2em;
      font-size:1em;
      color:inherit;
      clear:both;}
  #page-espace-presse form {
    padding: 0;
    margin: 0;
    line-height: 120%;}

    .field {
      clear: left;}
      .field label  {
        float: left;
        width: 8em;
        padding-top: 5px;
        margin-right: 10px;
        text-align: right;}

      .field .errMsg {
        margin-left: 9em;
        padding:.2em;}

      #page-espace-presse label.clear {
        clear: both;}

      #page-espace-presse label input,
      #page-espace-presse label textarea {
        margin-top: 5px;
        display: block;}

      #page-espace-presse label input.required {
        width: 190px;}
      #page-espace-presse label input.long {
        width: 450px;}
      #page-espace-presse .optin label {
        width: 500px;
        clear: both;
        display: inline;}
      #page-espace-presse .optin label input {
        display: inline;
        float: none;}
      #page-espace-presse label textarea:focus,
      #page-espace-presse label input:focus {
        background-color: #FCE7E8;}

    .errMsg,
    .errMsg a {
      color: red;}

    .submit {
      text-align: right;}
      .submit input {
        cursor:pointer;
        border: 0;
        color: #fff;
        -moz-border-radius:.3em;
        -webkit-border-radius:.3em;
        border-radius:.3em;
        background-color: #80323c;
        margin: 10px;
        padding: 3px;}


  .illus-actu {
    clear: both;}
    .illus-actu p {
      text-align: center;
      padding-left: 0;
      padding-right: 0;}
    .illus-actu .photo1 {
      float: left;}
    .illus-actu .photo2 {
      float: right;}
    .illus-actu p.legende {
      clear: both;}
    .illus-actu .illus {
      padding-right:5px;
      float: left;}

/* Photos */

#texte ul.photos {
  margin:10px 0 0 0;
  font-size:11px;
  list-style-image: none;
  clear: both;
  padding: 0;}
  ul.photos li {
    background-image: none;
    display: inline;
    float: left;
    background-color: #fff;
    width: 190px;
    border: 1px solid #86736A;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 0;
    position:relative;
    overflow:hidden;}
    
    ul.photos li a {}
      ul.photos li a:hover {
        color: #86736A;}
      ul.photos li a span {
        width:100%;
        display: block;
        padding: 5px;
        background-color: #f3eeeb;
        height: 10px;
        vertical-align: center;
        bottom:0;
        left:0;
        position:absolute;}

#page-boutiques #contenu {
  width: 700px;}
  #page-boutiques h2 {
    width:616px;}
#page-boutiques #texte {
  padding:138px 0 40px 0px;}

#page-boutiques #texte p.all_shops {
  padding-left:80px;}

#page-espace-presse #texte {
  padding-right: 30px;}

.actu {}
  #texte .actu p {
    margin-left: 2em;}

#texte ul {
  list-style-type: circle;
  margin-left: 2em;}