@charset "utf-8";
/* CSS Document */
/*///////////////// RAZ /////////////////////////*/
html, body, img, a, p, h1, h2, h3, h4, h5, h6, ul, li, ol, form, input{ border:none; margin:0; padding:0; font-weight:normal;}

body {font-family:Georgia, "Times New Roman", Times, serif; background-color: #d3d3d3;}
body.fond-1{background-image:url(../images/fond-1.jpg);}
body.fond-2{background-image:url(../images/english-breakfast.jpg);}
body.fond-3{background-image:url(../images/petitbeurre.jpg);}
body.fond-4{background-image:url(../images/lolita.jpg);}
body.fond-5{background-image:url(../images/cupcakes.jpg);}
body.fond-6{background-image:url(../images/liberty.jpg);}

/*////////////////  Cadres  /////////////////////*/
#cadre{background-image:url(../images/cadre-a-bijoux.png); background-position:center top; background-repeat:no-repeat; min-height:882px; margin-top:10px;padding-top:60px; padding-left:20px; width: 1164px; margin:auto;}

/*////////////////  Menu  ///////////////////////*/
#menu-droite{font-size:12px; margin-top:25px; margin-bottom:50px; text-align:center;}
#menu-droite ul{list-style:none;}
#menu-droite li{display:inline; padding:0 5px;}
#menu-droite li a{color:#494652; text-decoration:none;}
#menu-droite li a:hover{text-decoration:underline;}
#menu-droite li a.menu_ON{font-weight: bold; text-decoration: underline;}

/*////////////////  Contenu  ////////////////////*/
#conteneur{width:990px; height:755px; margin: auto;}
img.logo{margin-top:20px;}
#galerie{position: relative; margin-left: 250px;}
#galerie div{margin:20px 0 0 45px; position: absolute; display:none; width:161px; height:153px; z-index: 8;}
#galerie div.active {display: block; z-index: 10;}
#galerie div.active2 {z-index:10;}
#galerie div.last-active {z-index: 9;}
#colonne-gauche{width:50%; float:left; margin-left:10px;}
#colonne-droite{width:406px; float:left; padding-left:40px;}

/*__  Home  __*/
#edito{background-image:url(../images/boucle.png); background-repeat:no-repeat; width:420px; margin:30px 0 0 50px;}
#edito img{float:right;}
#edito h2{color:#44424a; font-size:24px; margin-left:53px;}
#edito h3{color:#514c60; font-size:12.7px; margin:7px 0 0 53px;}
#edito h4{color:#6f6b7a; font-size:12.7px; margin:7px 0 0 100px; font-weight:bold;}
#edito h5{color:#757283; font-size:12.7px; margin:7px 0 0 45px;}
#edito h6{color:#514c60; font-size:12px; margin:7px 0 0 70px;}
#edito p.h7{color:#514c60; font-size:12px; margin:0px 0 0 115px;}
#edito p.h8{color:#757283; font-size:11.79px; margin:7px 0 0 10px; text-align:right; width:294px;}
#edito p.h9{color:#141414; font-size:13px; margin:7px 0 0 0; text-align:right; margin-bottom:50px;}
div#post-it { width: 205px; height: 180px; padding: 0.5em; background-image:url(../images/reminder-anniversaire.png); background-repeat:no-repeat; float:left; z-index:100; cursor: pointer;}
#atelier{width:217px; background-image:url(../images/atelier.png); background-repeat:no-repeat; padding-top:81px; text-align:center; color:#910404; font-size:25px; line-height:27px; float:right;}
#atelier a{color:#910404; text-decoration:none;}
#atelier a:hover{text-decoration:underline;}
#la-collection{/*background-image:url(../images/la-collection.png);*/ height:150px; background-repeat:no-repeat; text-align:center; width:363px; margin:100px 0 0px 0; z-index:50; overflow:hidden; height:220px;}
#la-collection h2, #editions-limitees h2{letter-spacing:1px; padding-left:10px;}
#la-collection h2 a, #editions-limitees h2 a{text-decoration: none; color:#000;}
#editions-limitees{/*background-image:url(../images/edition-limitees.png);*/ height:150px; background-repeat:no-repeat; text-align:center; width:363px; margin-bottom:0px; z-index:50; overflow:hidden; height:220px;}
div.fleche-gauche, div.fleche-droite, div.fleche-gauche-2, div.fleche-droite-2{float:left; width:23px; height:122px; background-image:url(../images/fleche-gauche-violet.png); background-repeat:no-repeat; cursor:pointer; background-position:0 58px;}
div.fleche-gauche-2{background-image:url(../images/fleche-gauche-rouge.png);}
div.fleche-droite, div.fleche-droite-2{background-image:url(../images/fleche-droite-violet.png); float:right; height:122px; overflow:hidden}
div.fleche-droite-2{background-image:url(../images/fleche-droite-rouge.png);}
div.liste-carousselle, div.liste-carousselle-2{float:left; margin-top:10px; width:320px;}
div.liste-carousselle ul, div.liste-carousselle-2 ul {list-style:none; height:152px; overflow:hidden; width:320px;}
div.liste-carousselle li, div.liste-carousselle-2 li{ float:left; display:block; text-align:center;}
div.liste-carousselle li a, div.liste-carousselle-2 li a{font-size:11px; color:#494652; text-decoration:none; line-height:12px; letter-spacing:1px;}
div.liste-carousselle li a:hover, div.liste-carousselle-2 li a:hover{text-decoration:underline;}
div.liste-carousselle img, div.liste-carousselle-2 img{margin:0 7px 5px 7px;}
#actualites{background-color:#fff; width:337px; height:130px; padding-bottom:20px;}
#actualites h2{text-align:center; padding-top:10px;}
#actualites p{color:#514c60; font-size:12px; padding:5px 20px 0 20px;}
#actualites a{color:#514c60;}
#actualites a:hover{text-decoration: none;}

/*__ La collection  __*/
#description-cadre{margin:10px 0 0 120px;}
#description-cadre h3{font-size:25px; padding-bottom:10px;}
#description-cadre p{color:#494652; font-size:13px; line-height:22px; margin-left:50px}
#description-cadre a{outline: none;}
#description-cadre img{padding:6px;}
#description-cadre img:hover, #description-cadre img.actif{padding:5px; border:1px #9d9d9d solid;}
p.epingle{background-image:url(../images/epingle.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:20px; margin:5px  0 0 30px; clear:both;}
p.envoyer-ami{background-image:url(../images/enveloppe.gif); background-repeat:no-repeat; background-position:0 5px; padding-left:20px; margin-left:30px; clear: left;}
p.commander{background-image:url(../images/caddy.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:20px; margin:0 0 5px 30px; }
p.lien-modele{margin-left:30px; }
#description-cadre  a{color:#494652; text-decoration:none;}
#description-cadre  a:hover{text-decoration:underline;}
img.picto-cadre-ovale{margin-left:30px;}
p.collection-1{color:#555359; font-size:11px; margin-bottom:7px; padding:0 0 0 20px;}
p.collection-2{color:#79787b; font-size:11px; font-weight:bold; text-align:right; margin-bottom:7px; padding:0 30px 0 0;}
p.collection-3{color:#757283; font-size:11px; margin-bottom:7px;}
p.collection-3 a{color:#757283;}
p.collection-4{color:#585858; font-size:12px; text-align:right; margin-bottom:7px; padding:0 20px 0 0;}

h2.titre{font-size:50px; text-align:center; color:#000; margin-bottom:40px;}
h3.astuce{font-size:16px; font-weight:bold; background-image:url(../images/ampoule.png); background-repeat:no-repeat; text-align:center; line-height:51px; background-position:110px 0;}
a.lien-astuce{display:block; font-size:11px; /* background-image:url(../images/lien-astuce.gif); */ background-repeat:no-repeat; color:#000; font-weight:bold; padding:0 15px 10px 0; text-decoration:underline; text-align:right; background-position:bottom right;}
img.visuel-edition-limitees{margin:0 0 20px 40px;}
/*a.lien-astuce:hover{background-image: url(../images/anim-fil-ok.gif);}*/

#presentation-cadres{}
#visuel-cadre{float:left; width:60%; text-align:center; font-size:11px; color:#494652;}
#visuel-cadre img{margin-bottom:20px;}
#visuel-cadre img.rectangulaire{margin-top:50px;}
#visuel-cadre img.ovale{margin-top:0;}
#visuel-cadre img.horizontal{margin-top:50px;}
#menu-visuel{float:left; width:40%; margin-top:195px;}
#menu-visuel ul{list-style:none;}
#menu-visuel a{background-repeat:no-repeat; padding-left:30px;  color:#494652; font-size:11px; text-decoration:none; line-height:22px; padding-bottom:5px;}
#menu-visuel a:hover{text-decoration:underline;}
#menu-visuel a.zoom{background-image:url(../images/zoom.gif); }
#menu-visuel a.rotation{background-image:url(../images/rotation.gif); cursor:pointer;}

#carousel-interieur{width:500px; height:182px; margin:70px 0 0 0; background-image:url(../images/fond-carousel-interieur.gif); background-repeat:no-repeat;  padding-top:20px;}
#carousel-interieur div.liste-carousselle{width:450px;}
#carousel-interieur div.liste-carousselle img{margin:0 21px 5px 20px;}

.zoom-verso{display:none;}

/*__  Atelier  __*/
h3.choix-format, h3.choix-tissu, h3.choix-peinture, h3.choix-plaque{font-size: 20px; background-repeat: no-repeat; padding-left: 30px; margin: 10px 0 0 80px;}
h3.choix-format{background-image: url(../images/picto-choix-format.gif); background-position: 0 7px; margin-top:50px;}
h3.choix-tissu{background-image: url(../images/picto-choix-tissu.gif); background-position: 0 12px;}
h3.choix-peinture{background-image: url(../images/picto-choix-peinture.gif); background-position: 0 12px;}
h3.choix-plaque{background-image: url(../images/picto-choix-plaque.gif); background-position: 0 15px;}

div.conteur-menu-atelier{margin-left: 140px;}

#exemple-ovale, #exemple-carre, #exemple-rectangle{color:#494652; font-size: 11px; text-align: center; padding: 6px; float: left; height:80px; line-height: 11px; margin: 0 5px;}
#exemple-ovale:hover, #exemple-carre:hover, #exemple-rectangle:hover, #exemple-ovale.actif, #exemple-carre.actif, #exemple-rectangle.actif{border:1px #9d9d9d solid; padding: 5px;}
#exemple-ovale img{margin:0 0 5px 0;}
#exemple-carre img{margin:3px 0 5px 0;}
#exemple-rectangle img{margin:21px 0 5px 0;}
#conteneur-carousel-recto, #conteneur-carousel-verso {margin-left: 155px;}
#conteneur-carousel-recto div.liste-carousselle, #conteneur-carousel-verso div.liste-carousselle-2{width:170px;}
#conteneur-carousel-recto div.fleche-gauche, #conteneur-carousel-recto div.fleche-droite, #conteneur-carousel-verso div.fleche-gauche-2, #conteneur-carousel-verso div.fleche-droite-2{height:40px; background-position: 0 12px;}
#conteneur-carousel-verso div.fleche-gauche-2{background-image:url(../images/fleche-gauche-violet.png);}
#conteneur-carousel-verso div.fleche-droite-2{background-image:url(../images/fleche-droite-violet.png);}
#conteneur-carousel-recto div.fleche-droite, #conteneur-carousel-verso div.fleche-droite-2{float:left;}
#conteneur-carousel-recto div.liste-carousselle ul, #conteneur-carousel-verso div.liste-carousselle-2 ul {list-style:none; height:34px; overflow:hidden; width:180px;}
#conteneur-carousel-recto p, #conteneur-carousel-verso p{float: left; color: #494652; font-size: 11px; padding:17px 10px 0 0; width: 30px;}
#conteneur-carousel-recto div.liste-carousselle img, #conteneur-carousel-verso div.liste-carousselle-2 img{padding: 3px;}
#conteneur-carousel-recto div.liste-carousselle img:hover, #conteneur-carousel-verso div.liste-carousselle-2 img:hover, #conteneur-carousel-recto div.liste-carousselle img.actif, #conteneur-carousel-verso div.liste-carousselle-2 img.actif{padding: 2px; border:1px #9d9d9d solid;}

#liste-echantillon-cadre{margin-left:218px;}
#liste-echantillon-cadre ul{list-style: none; width: 183px;}
#liste-echantillon-cadre li{float: left; padding: 0 7px; height:33px}
#liste-echantillon-cadre a{display: block; padding: 3px;}
#liste-echantillon-cadre a:hover, #liste-echantillon-cadre a.actif{padding: 2px; border:1px #9d9d9d solid;}
span.echantillon-cadre{width: 38px; height: 27px; display: block;}

#liste-plaque{margin-left: 155px;}
#liste-plaque p{font-size: 11px; color: #494652;}
img.plaque-argent{padding: 5px 10px 0 0;}

#conteneur-presentation-atelier{text-align: center;}
#presentation-cadre{margin: auto;}
#presentation-cadre.carre {background-image: url(../images/fond-atelier-cadre-carre.gif); width:275px; height:366px;}
p.recto-verso{color:#000; font-size: 11px; margin-bottom: 10px;}
p.recto-verso a{color:#000; text-decoration: none;cursor:pointer;}
p.recto-verso a:hover{text-decoration: underline;}
#action-atelier{margin:20px 0 0 35px; text-align: left;}
#action-atelier p{color:#494652; font-size: 13px;}
#action-atelier a{color:#494652; font-size: 13px; text-decoration: none;}
#action-atelier a:hover{text-decoration: underline;}
p.reinitialiser{background-image:url(../images/picto-back.gif); background-repeat:no-repeat; background-position:0 0; padding-left:20px; margin:0 0 5px 30px; width: 130px; float: left;}
#action-atelier p.commander{width: 140px; float: left; display:inline-block;}
#action-atelier p.prix{background: none; margin-left: 10px;}
#action-atelier p.envoyer-ami{height:16px; overflow:hidden; width: 130px; float: left;}

/*__  Mon compte  __*/
.compte-form{background-color: white; border: 1px solid #ccc;margin: 10px;padding: 10px; width: 360px;}
#colonne-gauche div.compte-form div, #colonne-droite div.compte-form div{margin: 0px;padding: 0px;}
#conteneur div.compte-form input{ border: 1px solid #ccc; margin-bottom: 5px; width: 220px;}
#conteneur div.compte-form label{display: block; width: 120px; text-align: right;float: left; clear: left; margin-right: 5px; margin-bottom: 5px; font-size: 13px;}
#conteneur div.compte-form .check-gauche{float: left; width: 120px; text-align: right;display: block; clear: left;}
#conteneur div.compte-form .long-label{display: block; width: 220px; text-align: left;float: left; clear: none; margin-left: 5px; font-size:11px;}
#conteneur div.compte-form input.submit{clear: both; float: none; display: block;margin: 0 0 0 125px;}
#colonne-gauche div.compte-form{margin-top: 70px;}
#colonne-droite div.compte-form{margin-top: 90px;}
.compte-form a{margin: 0 0 0 125px; font-size:11px; color:#494652; text-decoration:none;}
.compte-form #captcha a{margin:0px;}
.compte-form a.zoom{margin: 0 0 0 0px; font-size:11px; color:#494652; text-decoration:none;}
.compte-form a:hover{text-decoration: underline;}
.compte-form div#captcha{text-align: center;}
.compte-form div#captcha label{text-align: center;margin:0;padding:0;float:none;width:100%;}
.compte-form div#captcha input{display:block;margin:0 auto 10px;}
.compte-form .message_retour{color:#f00;}
.compte-form .message_retour_ok{color:#0c3;}

/*__  Panier  __*/
table.panier{font-size: 11px;}
table.panier td{text-align: center; padding: 2px;}
table.panier tr.titre-colonne, td.titre-colonne{background-color:#757283; background-image:url(../images/fond-titre-menu.gif); background-repeat:repeat-x; font-weight:bold; color:#fff;}
table.panier tr.fond-3{background-color:#c8c5cf; color: #FFF;}
table.panier tr.fond-2{background-color:#ebeaee;}
table.panier tr.fond-1{background-color:#f5f3f9;}
table.panier tr.fond-1:hover, table.panier tr.fond-2:hover{background-color:#fff;}
div.compte-form a.supprimer{margin: 0;}
#ajout-panier{display: none; position: absolute; background-color:#fff; font-size: 12px; top: 50%; left: 50%; margin-top: -15px; margin-left: -125px; z-index:1000; text-align: center; padding:20px;; border: 1px solid #000; font-weight: bold;}
#ajout-panier p{float: left; padding-top: 20px; margin-left: 10px; font-weight: bold;}

.compte-form a.mdp-panier{margin: 0 0 0 100px;}
.compte-form a.no-margin{margin: 0;}

input.valider-commande{background-image:url(../administration/images/fond-titre-menu.gif); background-repeat:repeat-x; background-color:#757283; color:#fff; height:25px; display:block; text-align:center; float: right; padding:0 10px 5px 10px;}

/*__ On parle de nous __*/
#article-description img{ float:left;clear:left;display:block;margin:5px 10px 0 0;}
#article-description p{ text-align:justify;}
div.info-article{float: left; margin-left:20px; font-size: 12px; color: #494652;}
div.info-article p.date{color:#757283;}
div.info-article p.titre-article{font-size: 14px;}
div.info-article a{color:#757283;}
div.info-article a:hover{text-decoration: none;}
img.visuel-article{float: left;}

/*__ Reminder Anniversaire __*/
div#list-reminder{
    background-color: white; border: 1px solid #ccc;margin: 10px;padding: 10px; width: 360px;
    margin-top: 90px;
    position: relative;
}
div#list-reminder input#ajout-reminder{
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #ccc;
}
div#list-reminder div#listing{
    overflow: auto;
    max-height: 430px;
    margin-top: 10px;
    font-size: 12px;
}
div#list-reminder div#listing div.amie{
    margin-top: 10px;
    position: relative;
}
div#list-reminder div#listing div.amie div.buttons{
    position: absolute;
    top: 13px;
    right: 5px;
}
div#list-reminder div#listing div.amie div.buttons input{
    margin-left: 3px;
    border: 1px solid #ccc;
}


/*////////////////  Footer  /////////////////////*/
#footer{clear:both; text-align:center; font-size:12px; color:#000000;}
#footer ul{list-style:none;}
#footer li{display:inline; margin:0 15px; line-height:20px;}
#footer a{color:#000000; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

/*////////////////  Class  //////////////////////*/
.txt-gris-1{color:#141414;}
.txt-gris-2{color:#514c60;}
.txt-gris-3{color:#6f6b7a;}
.txt-gris-4{color:#757283;}
.txt-noir{color:#000;}
.txt-12{font-size:12px;}
.txt-14{font-size:14px;}
.txt-17{font-size:17px;}
.txt-20{font-size:20px;}
.txt-35{font-size: 36px; padding-right: 20px;}
.txt-rouge{color:#910404;}
.txt-vert{color:#1fb334;}
.disabled{filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5;}
.clear{clear:both;}
.float-left{float:left;}
.no-padding-left, #menu-droite .no-padding-left{padding-left:0px;}
.no-padding-right, #menu-droite .no-padding-right{padding-right:0px;}
a.lien{color: #757283;}
a.lien:hover{text-decoration: none;}