html { font-size: 100%;}
body {
margin: 0;
padding: 0;
background: #fefefe url(../img/bg.gif) repeat-x center 70px;
color: #333;
font: 11px Verdana,arial,"Lucida grande",Lucida,Helvetica,sans-serif;
}
h1 { margin: 0; font-size: 1.5em; }
h2 { margin: 0; padding-left:0.9em; font-size: 1.2em; font-variant: small-caps; font-weight: normal; color: #000; letter-spacing: 0.9em;}
h3 { font-size: 1.15em; font-variant: small-caps; font-weight: normal; }
img { border: none; }
.clear { clear: both; }
.left { float: left; }
a { outline: none; text-decoration: none; }
a:link, a:visited { color: #bf998f; }
a:hover { color: #666; }
/*
.active { font-weight: bold; }
.disable { display: none; }
*/
/* ---------------------------------------------------------------------
LAYOUT
--------------------------------------------------------------------- */
#page {
margin: 0 auto;
padding: 0;
width: 100%;
height: 560px;
background: transparent url(../img/bg-wcontent.jpg) no-repeat center center;
}
#main {
margin: 0 auto;
padding: 0;
width: 780px;
height: 560px;
position: relative;
}
#main-top {
padding: 20px 0 0 0;
width: 780px;
height: 30px;
text-align: center;
}
#content {
margin: 0;
padding: 0;
width: 780px;
height : 400px;
background: #fefefe;
border: 1px solid #f7ebdd;
}
/* Contact + Presse ---------------------------------------------- */
#wrapper { margin: 0; padding: 0; width: 570px; height : 400px; float: left; }
#sidebar { float: left; margin: 0; padding: 40px 20px 0 20px; width: 170px; height : 360px; }
/*---------------------------------------------------------------------
MENUS
-------------------------------------------------------------------- */
#top, #footer { margin: 0 auto; padding: 0; width: 780px; }
.menu ul { margin: 2px 0; padding: 0; float: right; list-style-type: none; }
.menu ul li a { font-weight: normal; }
/* top */
#top { height: 70px; }
#top h1 { margin: 0; padding: 2px 0; height: 68px; text-align:center; }
#menu-top { margin-top: -70px; padding: 10px 0 0 0; font-size: 1em; text-align:right; }
#boutiques .menu a.menu-boutiques:link, #boutiques .menu a.menu-boutiques:visited { color: #9296a2; }
#fabrication .menu a.menu-fabrication:link, #fabrication .menu a.menu-fabrication:visited { color: #9296a2; }
#collection .menu a.menu-collection:link, #collection .menu a.menu-collection:visited { color: #9296a2; }
/* footer */
#footer { height: 19px; font-size: 0.9em; }
#menu-footer li { float: left; padding: 0 10px; }
#menu-footer li a { display: block; margin:0; padding: 0; }
#lang { margin: 2px 0 0 0; float: left; }
/*---------------------------------------------------------------------
FORM
-------------------------------------------------------------------- */
form { margin:0; padding: 0; font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; }
.error { color: #cc2862; }
fieldset { margin: 10px 40px; padding: 10px; border: 1px solid #d0c3b3; }
legend { margin: 0; padding: 0; font-weight: bold; }
input, textarea { background: #f7efe4; border: 1px solid #d0c3b3; }
input[type=checkbox]{ border: none; background: #f7efe4;}
input[type=submit] { background: #f7efe4; border: 1px solid #d0c3b3; }
input[type=submit]:hover { background: #eadbc9; cursor: pointer; }
textarea:focus, input[type=text]:focus { border: 1px solid #d0c3b3; }
/*---------------------------------------------------------------------
HOME
-------------------------------------------------------------------- */
#home #menu-top { display:none; }
#home #ccontent.home { padding: 20px; height:360px; width:780px; background: #fefefe url(../img/home/main.jpg) left top no-repeat; }
#home #ccontent div { margin: 20px 0 0 450px; }
/*---------------------------------------------------------------------
COLLECTION
-------------------------------------------------------------------- */
#ccontent { margin: 0; padding: 0; height: 400px; width: 780px;}
#ccontent div.title { height:70px; margin: 0 20px; padding: 20px 0; }
#ccontent div.txt { margin: 0 20px; padding: 0; }
/* ----------------------------------------------------------------- */
#ccontent.accueil { background: #fefefe url(../img/collection/accueil.jpg) left top no-repeat; }
#ccontent.accueil div.txt { margin: 0; padding: 60px 0 0 500px; width: 230px; text-align:justify;}
/* ----------------------------------------------------------------- */
#ccontent.atlantide { background: #fefefe url(../img/collection/atlandide-mn.jpg) left 60px no-repeat; }
#ccontent.atlantide div.txt { height: 100px; margin-top: 210px; padding:0 350px 0 0; }
/* ----------------------------------------------------------------- */
#ccontent.couture { background: #fefefe url(../img/collection/couture-mn.jpg) left top no-repeat; }
#ccontent.couture div.title { margin-left: 388px;}
#ccontent.couture div.txt { width:280px; height: 100px; margin-top: 210px; margin-left: 470px; text-align:right;}
/* ----------------------------------------------------------------- */
#ccontent.ceremonie { background: #fefefe url(../img/collection/ceremonie-mn.jpg) right top no-repeat; }
#ccontent.ceremonie div.txt { width:280px; height: 100px; margin-top: 200px; }
/* ----------------------------------------------------------------- */
#ccontent.sunlight { background: #fefefe url(../img/collection/sunlight-mn1.jpg) right top no-repeat; }
#ccontent.sunlight div.title { margin-left: 370px; }
#ccontent.sunlight div.txt { width:240px; height: 170px; margin-left: 232px; margin-top: 120px; text-align:right;}
#ccontent.sunlight div.txt .p1{ width:180px; text-align:right; }
#ccontent.sunlight div.txt .p2{ width:230px; text-align:right; }
/* ----------------------------------------------------------------- */
#ccontent.croisiere { background: #fefefe url(../img/collection/croisiere-mn.jpg) left top no-repeat; }
#ccontent.croisiere div.title { margin-left: 388px; }
#ccontent.croisiere div.txt { width:280px; height: 100px; margin-top: 230px; margin-left: 470px; text-align:right;}
/* ----------------------------------------------------------------- */
#ccontent.fleurdecristal { background: #fefefe url(../img/collection/fleurdecristal-mn.jpg) right top no-repeat; }
#ccontent.fleurdecristal div.txt { width:470px; height: 100px; margin-top: 180px; }
#ccontent.fleurdecristal div.txt .p1{ width:250px; }
#ccontent.fleurdecristal div.txt .p2{ width:230px; margin-left: 240px; text-align:right; }
/* ----------------------------------------------------------------- */
#ccontent.chrysalide { background: #fefefe url(../img/collection/chrysalide-mn.jpg) left top no-repeat; }
#ccontent.chrysalide div.title { margin-left: 388px;}
#ccontent.chrysalide div.txt { width:280px; height: 100px; margin-top: 210px; margin-left: 470px; text-align:right;}
/* ----------------------------------------------------------------- */
#ccontent.chicissime { background: #fefefe url(../img/collection/chicissime-mn.jpg) right top no-repeat; }
#ccontent.chicissime div.title { margin-left: 180px; }
#ccontent.chicissime div.txt { width:290px; height: 90px; margin-left: 180px; margin-top: 200px; }
/* ----------------------------------------------------------------- */
#ccontent.resille { background: #fefefe url(../img/collection/resille-mn.jpg) left top no-repeat; }
#ccontent.resille div.title { margin-left: 428px;}
#ccontent.resille div.txt { width:280px; height: 100px; margin-top: 210px; margin-left: 428px; }
/* ----------------------------------------------------------------- */
#ccontent.flamenco { background: #fefefe url(../img/collection/flamenco-mn.jpg) right top no-repeat; }
#ccontent.flamenco div.title { padding: 250px 0 0 0; }
#ccontent.flamenco div.txt { width:290px; margin-left: 180px; text-align:right; }
/* ----------------------------------------------------------------- */
#ccontent.exotique { background: #fefefe url(../img/collection/exotique-mn.jpg) left top no-repeat; }
#ccontent.exotique div.title { margin-left: 388px;}
#ccontent.exotique div.txt { width:280px; height: 100px; margin-top: 210px; margin-left: 470px; text-align:right;}
/* ----------------------------------------------------------------- */
#ccontent.zenith { background: #fefefe url(../img/collection/zenith-mn.jpg) right top no-repeat; }
#ccontent.zenith div.txt { width:300px; height: 100px; margin-top: 230px; }
/* ----------------------------------------------------------------- */
#ccontent.musthave { background: #fefefe url(../img/collection/musthave-mn.jpg) right top no-repeat; }
#ccontent.musthave div.txt { width:290px; height: 100px; margin-top: 210px; }
/* ----------------------------------------------------------------- */
#ccontent.liberty { background: #fefefe url(../img/collection/liberty-mn.jpg) left top no-repeat; }
#ccontent.liberty div.title { margin-left: 682px;}
#ccontent.liberty div.txt { width:230px; height: 100px; margin-top: 220px; margin-left: 530px; text-align:right;}
/* ----------------------------------------------------------------- */
#ccontent.girly { background: #fefefe url(../img/collection/girly-mn.jpg) left top no-repeat; }
#ccontent.girly div.title { padding: 240px 0 0 0; }
#ccontent.girly div.txt { width:320px; }
/* ----------------------------------------------------------------- */
#main-bottom { margin-top: 15px; padding:5px; width:780px; text-align:center; }
#main-bottom a.on:link img, #main-bottom a.on:visited img{ -moz-opacity:0.2; opacity: 0.2; }
#main-bottom a.on:hover img { -moz-opacity:1; opacity: 1; }
#main-bottom a.off:hover img { -moz-opacity:1; opacity: 1; }
#main-bottom p#archives { width:780px; text-align:right; font-size:0.8em;}
/* ----------------------------------------------------------------- */
/*Archives */
#content p.archives { margin : 50px 0 0 0; text-align:center; font-size: 1.2em; }
#content p.archives img { margin: 5px; }
/*---------------------------------------------------------------------
FABRICATION
-------------------------------------------------------------------- */
#fabrication #sidebar {
margin:0;
padding: 80px 60px;
width: 355px;
height : 240px;
text-align: center;
}
#fabrication #wrapper {
margin: 0;
padding: 100px 80px 0 0;
width: 225px;
height : 300px;
text-align: justify;
}
#fabrication h3 { margin: 0; padding: 0; height: 23px;}
#fabrication #text { margin: 20px 0 0 0; height: 130px;}
#fabrication p.opacite a:link img, #fabrication p.opacite a:visited img{ -moz-opacity:0.6; opacity: 0.6; }
#fabrication p.opacite a:hover img { -moz-opacity:1; opacity: 1; }
div.content { height: 320px; margin: 0; padding: 0; }
.pagin { margin: 0; padding: 0; height: 40px; text-align: right; font-weight: bold; }
.pagin a { color: #d0c3b3; font-size: 1.8em; }
.pagin a:hover { color: #9296a2; }
/*---------------------------------------------------------------------
BOUTIQUES
-------------------------------------------------------------------- */
#boutiques #wrapper {
float: left;
width: 500px;
height : 400px;
z-index: 1;
}
#boutiques #carte {
margin: 0;
padding : 0;
width: 500px;
height: 300px;
clear: both;
}
#boutiques #sidebar {
float: left;
margin: 0;
padding: 0;
width: 280px;
height : 400px;
}
#boutiques #sidebar #intro { padding: 0 40px; }
#boutiques #sidebar #intro p.nb { text-align: justify; padding: 0 35px; }
#boutiques #sidebar #intro p.logo { padding: 60px 0 20px 0; text-align: center; }
#boutiques #sidebar #print { margin: 0; padding: 5px 30px 5px 0; height: 17px; text-align: right; }
#boutiques #sidebar #print a:hover img{ margin: 0; padding: 0; height: 17px; width:17px; background:#f7efe4;}
#boutiques #sidebar #list { overflow: auto; height: 373px; padding: 0 0 0 20px; }
#boutiques #sidebar #list p { margin-right: 5px; }
#boutiques #sidebar a { display:inline; }
#boutiques #sidebar #list a:hover { background: none; /* correction d'un bug IE */ }
#boutiques #sidebar #list a span { display: none; }
#boutiques #sidebar #list a:hover span {
display: inline;
position: absolute;
top: 51px;
left: 0px;
z-index: 1;
width: 490px;
height: 390px;
background: #fefefe;
padding: 5px;
text-align: center;
}
#boutiques #sidebar #list a:hover span img { padding-top: 20px; }
#boutiques form { margin: 0; padding: 0 10px; height: 50px; }
#boutiques form p { margin: 0; padding: 10px; }
#boutique input, select { font-size: 11px; border: 1px solid #d0c3b3; }
/* thickbox (VS JS) ---------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link, #TB_window a:visited { color: #603000;}
#TB_window a:hover { color: #7b4107; }
#TB_window a:active { color: #7b4107; }
#TB_window a:focus{color: #666666;}
/* ------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayBG, .TB_overlayMacFFBGHack {
background-color:#999;
-moz-opacity: 0.60;
opacity: 0.60;
}
#TB_window {
position: fixed;
background: #f7efe4;
z-index: 102;
color: #333;
display: none;
border: 1px solid #666;
text-align: left;
top: 40%;
left: 50%;
}
#TB_window img#TB_Image {
display: block;
margin: 5px 0 0 15px;
border: 1px solid #663300;
}
#TB_caption{
height: 25px;
padding: 7px 0 0px 0;
text-align: center;
}
#TB_closeWindow{
height: 15px;
padding: 5px 10px 0 0;
}
/* ---------------------------------------------------------------- */
.TB_close {
margin : 0;
width:15px;
height:15px;
display:block;
float:right;
clear:right;
background: transparent url(../img/close_icon_double.png) 0 0 no-repeat;
}
.TB_close span { display:none; }
a.TB_close:hover { background-position: 0 -15px; }
/* ----------------------------------------------------------------- */
#TB_closeAjaxWindow{
padding: 7px 10px 5px 0;
margin-bottom: 1px;
text-align: right;
float: right;
}
#TB_ajaxWindowTitle{
float: left;
padding: 7px 0 5px 10px;
margin-bottom: 1px;
}
#TB_title{
background-color: #e8e8e8;
height: 27px;
}
#TB_ajaxContent {
clear: both;
padding: 2px 15px 15px 15px;
overflow: auto;
text-align: left;
line-height: 1.4em;
}
#TB_ajaxContent.TB_modal { padding: 15px; }
#TB_ajaxContent p { padding: 5px 0px 5px 0px; }
#TB_load {
position: fixed;
display: none;
height: 13px;
width: 208px;
z-index: 103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px;
}
#TB_HideSelect {
z-index: 99;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
border: none;
-moz-opacity: 0;
opacity: 0;
height: 100%;
width: 100%;
}
#TB_iframeContent {
clear: both;
border: none;
margin-bottom: -1px;
margin-top: 1px;
margin-bottom: 1px;
}
/*---------------------------------------------------------------------
PRESSE
-------------------------------------------------------------------- */
#presse #wrapper { overflow: auto; }
#presse #wrapper div { margin: 30px 0 0 0; }
#pressbook, #coords { text-align: center; }
#presse input[name=delete] { margin: 10px 0 0 5px; }
#presse fieldset p { margin: 0 0 2px 0; padding: 0;}
#presse p.error, #presse p.ok { margin: 8px 40px 0 40px; text-align: left; }
#presse #wrapper #presslist { padding: 0 20px; }
/*---------------------------------------------------------------------
CONTACT
-------------------------------------------------------------------- */
#contact #wrapper form { margin: 20px 0 0 20px; }
#contact #contactok {
margin: 0;
padding: 100px 20px;
width: 530px;
height : 250px;
background: transparent url(../img/contact.jpg) top right no-repeat;
}
#contact p.ok { margin: 0; padding: 0; width: 235px; }
#contact .f_mail { display: none; }
#contact p.field label { display: block; }
#contact p.error { margin: 10px 0 0 10px; }
/*---------------------------------------------------------------------
MENTIONS LEGALES
-------------------------------------------------------------------- */
#mentions h3, #mentions-js h3 { font-size: 1.2em; font-variant: small-caps; font-weight: bold; color: #330000; }
/* version sans js */
#mentions #content {
margin: 0;
padding: 20px;
width: 740px;
height : 360px;
overflow: auto;
}
/* version js */
#mentions-js { }
#mentions-js #top {
width: 570px;
height: 20px;
padding: 5px 10px 5px 20px;
background: #dfd1c0;
border-bottom : 1px solid #d0c3b3;
}
#mentions-js #wrapper-js {
margin: 0;
padding: 0 20px;
height: 418px;
overflow: auto;
}
#mentions-js h2 { margin: 0; padding: 0; font-size: 1.25em; font-variant: small-caps; font-weight: bold; color: #330000; letter-spacing: 0.5em; }
#mentions-js p { text-align: justify; }
/* propriété de la fenetre */
.jqmWindow {
display: none;
position: fixed;
top: 12%;
left: 50%;
margin-left: -300px;
width: 600px;
height: 450px;
background-color: #f7efe4;
color: #330000;
border: 1px solid #d0c3b3;
padding: 0;
text-align: left;
}
.jqmOverlay {
background-color: #999;
-moz-opacity:0.1;
opacity: 0.1;
}
.jqmClose {
margin : 0;
width:15px;
height:15px;
display:block;
float:right;
clear:right;
background: transparent url(../img/close_icon_double.png) 0 0 no-repeat;
}
.jqmClose em { display:none; }
a.jqmClose:hover, a.jqmCloseHover{ background-position: 0 -15px; }