html { font-size: 100%;} body { margin: 0; padding: 20px 0 0 0; color: #333; font: 11px Verdana,arial,"Lucida grande",Lucida,Helvetica,sans-serif; background: #333 url(../img/bg.png) left top repeat-x; } h1 { margin: 0; font-size: 1.5em; } h2 { margin: 0; padding: 0; font-size: 1.2em; font-variant: small-caps; font-weight: normal; color: #000; letter-spacing: 0.5em;} 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.off:link, a.off:visited { color: #000 !important; font-weight:bold;} a:link, a:visited { color: #ccc; } a:hover { color: #978a93; } #main-bottom a:link, #main-bottom a:visited { color: #777; } #main-bottom a:hover { color: #000; } /* --------------------------------------------------------------------- LAYOUT --------------------------------------------------------------------- */ #page { margin: 0 auto 0 auto; padding: 0; width: 1000px; height:592px; background-color: #fff; } #logo { position: absolute; margin: 140px 0 0 0; padding: 0; width:238px; } #main { margin: 0 0 0 238px; padding:0; width: 762px; height: 552px; background-color: #fff; } #main-top { margin: 0; padding: 50px 0 0 0; width: 760px; height: 30px; } #wrapper { margin: 0; padding: 0; height: 400px; width: 760px; border: 1px solid #e6e5e5; } #main-bottom { width:760px; text-align: right; } #main-bottom a { padding: 0 2px;} /*--------------------------------------------------------------------- MENUS -------------------------------------------------------------------- */ #top, #footer { margin: 0 auto; padding:0; width: 1000px; height: 20px; background-color: #000;} .menu div#menu-home { float: left; margin: 0 0 0 12px; padding: 2px 0; } .menu div#lang { float: left; margin: 0 0 0 12px; padding: 2px 0; } .menu ul { margin: 0; padding: 0 12px 0 0; float: right; list-style-type: none; } .menu li { display: block; float: left; margin:0; padding: 2px 10px; height:16px; } .menu li.active { background-color: #666; color: #fff; } .menu a:link, .menu a:visited { color: #ccc; } .menu a:hover { color: #afccb9; } #footer { clear: both; } /*--------------------------------------------------------------------- LOGO -------------------------------------------------------------------- */ #logo h1 { margin: 0 auto; width: 189px; } #logo p { margin: 0 auto; width: 60px; padding-top: 99px;} /*--------------------------------------------------------------------- HOME -------------------------------------------------------------------- */ #home #page { margin: 0 auto 0 auto; padding: 0; width: 1000px; height:592px; background-color: transparent; } #home #main { margin: 50px auto 50px auto; padding:0; width: 1000px; height:472px;} #home h1 { float: left; margin:40px 70px 0 0; width:430px; text-align: right; } #home #ccontent { float: left; margin:30px 0 0 70px; width:430px; text-align: left; } #home #ccontent div { margin: 20px 0 0 0;} #home #ccontent #fabrication { margin-top: 40px;} #home #ccontent a { display: block; padding:5px; width:250px; height:87px; border: 1px solid #fff; } #home #ccontent a:hover {display: block; border: 1px solid #ccc; } /*--------------------------------------------------------------------- COLLECTION -------------------------------------------------------------------- */ #collection #content { width: 760px; margin:0; padding:0; } #ccontent { margin: 0; padding: 0; height: 400px; width: 760px; } #ccontent .txt { margin: 0; padding: 375px 15px 0 0; text-align: right; } /* ----------------------------------------------------------------- */ #ccontent.accueil { background: transparent url(../img/collection/accueil.jpg) left top no-repeat; } #ccontent.accueil .txt { margin:0; padding: 256px 0 0 300px; text-align: center; } #ccontent.accueil .txt .title { color: #739180; font-size: 2em;} #ccontent.accueil .txt .intro { padding-top:22px; } #ccontent.camelia { background: transparent url(../img/collection/camelia.jpg) left top no-repeat; } #ccontent.camelia .txt { padding: 90px 0 0 390px; width: 320px; line-height: 2em; height: 310px; text-align: left;} #ccontent.chicissimespring { background: transparent url(../img/collection/chicissimespring.jpg) left top no-repeat; } #ccontent.chicissimespring .txt { color: #fff;} #ccontent.chicissimespring2 { background: transparent url(../img/collection/chicissimespring2.jpg) left top no-repeat; } #ccontent.chicissimespring2 .txt { color: #fff;} #ccontent.noeudbouillonne { background: transparent url(../img/collection/noeudbouillonne.jpg) left top no-repeat; } #ccontent.noeudbouillonne .txt { color: #fff; } #ccontent.noeudbouillonnepois { background: transparent url(../img/collection/noeudbouillonnepois.jpg) left top no-repeat; } #ccontent.noeudbouillonnepois .txt { color: #fff; } #ccontent.papilloncuir { background: #fff url(../img/collection/papilloncuir.jpg) left top no-repeat; } #ccontent.papilloncuir .txt { color: #fff; } #ccontent.matelasse { background: transparent url(../img/collection/matelasse.jpg) left top no-repeat; } #ccontent.matelasse2 { background: transparent url(../img/collection/matelasse2.jpg) left top no-repeat; } #ccontent.matelasse2 .txt { color: #fff; } #ccontent.chicissimerio { background: transparent url(../img/collection/chicissimerio.jpg) left top no-repeat; } #ccontent.coraline { background: transparent url(../img/collection/coraline.jpg) left top no-repeat; } #ccontent.gorgeous { background: transparent url(../img/collection/gorgeous.jpg) left top no-repeat; } #ccontent.noeuddrape { background: transparent url(../img/collection/noeuddrape.jpg) left top no-repeat; } #ccontent.marbella { background: transparent url(../img/collection/marbella.jpg) left top no-repeat; } #ccontent.marbella .txt { color: #fff; } #ccontent.pelican { background: transparent url(../img/collection/pelican.jpg) left top no-repeat; } #ccontent.pincepelican { background: transparent url(../img/collection/pincepelican.jpg) left top no-repeat; } #ccontent.pincepelican .txt { color: #fff; } #ccontent.cameliastrasse { background: transparent url(../img/collection/cameliastrasse.jpg) left top no-repeat; } #ccontent.cameliastrasse .txt { color: #fff; } #ccontent.java { background: transparent url(../img/collection/java.jpg) left top no-repeat; } #ccontent.effilee { background: transparent url(../img/collection/effilee.jpg) left top no-repeat; } /* ----------------------------------------------------------------- */ /*Archives */ #content p.archives { margin : 50px 0 0 0; text-align:center; width: 380px; float: left; font-size: 1.1em; } #content p.archives img { margin: 5px; } /*--------------------------------------------------------------------- FABRICATION -------------------------------------------------------------------- */ #fabrication #wrapper { background: transparent url(../img/bg-global.png) left top repeat-x;} #fabrication #sidebar { text-align: justify; line-height: 1.6em; font-style: italic; } .pagin { text-align: right; } .pagin a:link, .pagin a:visited {color: #827070; } .pagin a:hover { color: #000;} #fabrication #content.accueil { float: left; margin: 0; padding:0; width: 295px; height: 400px; } #fabrication #sidebar.accueil { float: right; margin: 0; padding: 40px 20px; width:405px; height:340px; } #fabrication #sidebar.accueil #text { border-left: 1px solid #ccc; padding-left:6px;} #fabrication #sidebar.accueil p.pagin { margin-top: 50px; } #fabrication div.cfab { float: left; margin: 0; padding: 40px 0 0 20px; height: 245px; width:380px; } #fabrication div.sfab { float:left; margin: 0; padding: 40px 30px 0 10px; width:310px; height: 254px; ; } #fabrication div.cfab img { margin: 0; border: 1px solid #000; height:215px; } #fabrication #nav { text-align: center; margin:0; padding: 9px 0 0 0;} #fabrication #nav p { margin:0; padding: 0; } #fabrication #nav p img { margin:0; padding: 0 2px; } #fabrication p.opacite a:link img, #fabrication p.opacite a:visited img {-moz-opacity:0.6; opacity: 0.6; } #fabrication p.opacite a.active:link img, #fabrication p.opacite a.active:visited img{ -moz-opacity:1; opacity: 1; } #fabrication p.opacite a:hover img { -moz-opacity:1; opacity: 1; } /*--------------------------------------------------------------------- BOUTIQUES -------------------------------------------------------------------- */ #boutiques form { margin: 0; padding: 0 10px; height: 50px; } #boutiques form p { margin: 0; padding: 10px; } #boutiques #content { margin:0; padding:0; } #boutiques #carte { margin: 0 auto; padding: 0; width: 500px; height: 300px; } #boutiques #sidebar #intro { text-align: center; height:30px; padding-top: 15px; } #boutiques #sidebar2 {float: left; width:260px; margin-top: -30px; } #boutiques #carte2 { float: left; padding: 0; width: 500px; height: 300px; } #boutiques #sidebar2 #list { overflow: auto; height: 290px; margin: 0; padding: 5px; border-left: 1px solid #e4ede7;} #boutiques #sidebar2 #print { margin: 0; padding: 5px 20px 0px 0; height: 40px; text-align: right; } #boutiques #sidebar2 #print a:hover img { margin: 0; padding: 0; height: 17px; width:17px; background:#e4ede7;} #boutiques #sidebar2 #list p { margin: 0 5px 1.2em 0; padding-left: 14px; background: transparent url(../img/star.png) left 2px no-repeat; } /*--------------------------------------------------------------------- CONTACT -------------------------------------------------------------------- */ #contact #content { float:right; padding: 40px;} #contact #content p { margin: 0 0 5px; } #contact #sidebar { float:left; } #contact #wrapper form { margin: 20px 0 0 20px; } #contact #sidebar #contactok { margin: 0; padding: 40px; width: 400px; height: 320px; background: transparent url(../img/contact.jpg) 40px 100px 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: 5px 0 0 20px; color: #4c8f7b; } /*--------------------------------------------------------------------- FORM -------------------------------------------------------------------- */ input[type="submit"], input[type="file"] { background-color: #e4ede7; border: 1px solid #bbccc1; height:20px; font-size:11px;} input[type="submit"]:hover { background-color : #bbccc1; } input[type="text"], textarea , select { border: 1px solid #bbccc1; background-color: #fff; font-size: 11px;} input[type="text"]:focus, textarea:focus { background-color : #eff8f2;} select:focus { background-color : #bbccc1; } select option { background-color :#fff; } fieldset { margin-top: 20px; padding:10px; border: 1px solid #e6e5e5; } legend { color: #839a93; font-size:12px; padding: 0 0 10px 0;} /*--------------------------------------------------------------------- PRESSE -------------------------------------------------------------------- */ #presse #content a:link, #presse #content a:visited { color: #777; } #presse #content a:hover { color: #000; } #presse #wrapper { overflow: auto; } #presse #content { padding: 20px; height:360px; overflow: auto;} #pressbook { float: left; text-align: center; width: 380px; padding-top:40px; } #coords { float: left; text-align: center; padding-top:50px;} #pressbook img { border: 1px solid #ccc; } #presse p.error, #presse p.ok { margin: 0; text-align: left; } #presse p.error { color: red; } #presse p.ok { color: green; } #presse p.logout { margin:0; } #presse #login p.erreur {margin-top: 5px; } #presse fieldset p { margin: 5px 0 2px 0; padding: 0;} #presse input[name=delete] { margin: 10px 0 0 5px; } #presse #main-bottom { margin-top: 5px; padding: 5px 20px; width: 720px; height:30px; background: #e4ede7; border: 1px solid #bbccc1;} #login { font-size: 9px; } #login h3 {float: left; margin:0; padding:2px 20px 0 0; font-weight: bold; height:15px; } #login p { float: left; margin:0; padding:0 10px 0 0;height:15px; } #login label { float: left; margin:0; padding:2px 0 0 0; height:15px} #login input[type=submit] { background-color: #e4ede7; border: 1px solid #7f9db9; height:18px; font-size: 9px; } #login input[type=text] { height:15px; font-size: 9px; } #login input[type=password] { height:12px; font-size: 9px; } #presse #presslist { padding: 0 20px; } /*--------------------------------------------------------------------- MENTIONS LEGALES -------------------------------------------------------------------- */ #mentions h3 { font-size: 1.2em; font-variant: small-caps; font-weight: bold; color: #330000; } #mentions #content { margin: 0; padding: 20px; width: 720px; height: 360px; overflow: auto; } #mentions p { padding-bottom: 0.5em;} /*--------------------------------------------------------------------- SITEMAP -------------------------------------------------------------------- */ #sitemap #content { padding: 20px 40px; height:360px; background: transparent url(../img/pinces-pelican.jpg) right top no-repeat; } #sitemap #content a:link, #sitemap #content a:visited { color: #000; } #sitemap #content a:hover { color: #789a90; } #sitemap h3 { margin: 40px 0 0 30px; font-variant: normal; font-weight: bold; font-size:1em;} #sitemap #content ul li { margin-top:10px; } #sitemap #content ul li ul li{ margin-top:0px; }