html { font-size: 100%;}
body {
	margin: 0;
	padding: 0;
	background: #222 url(../img/bg.png) repeat-x top left;
	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: #fff; 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: #ccc; }
a:hover { color: #978a93; }
#main-bottom a:link, #main-bottom a:visited { color: #777; }
#main-bottom a:hover { color: #ccc;}
#boutiques .menu a.menu-boutiques:link, #boutiques .menu a.menu-boutiques:visited { color: #888c97; }
#fabrication .menu a.menu-fabrication:link, #fabrication .menu a.menu-fabrication:visited { color: #888c97; }
#collection .menu a.menu-collection:link, #collection .menu a.menu-collection:visited { color: #888c97; }
#footer  a:link, #menu-footer  a:visited { color: #999;}
#footer  a:hover { color: #ccc;}
/* ---------------------------------------------------------------------
	LAYOUT
--------------------------------------------------------------------- */			
#page {	
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 530px;
}
#main { 
	margin: 0 auto;
	padding: 0;	
	width: 880px;
	height: 530px;
	position: relative;
}
#main-top { 	
	padding: 20px 0 0 0; 
	width: 880px;
	height: 30px;
	text-align: center;
}
#content { 
	margin: 0;
	padding: 0;
	width: 880px;
	height : 380px;
	background: #fff;
	border: 5px solid #f7f7f7;
}
/* Contact + Presse ---------------------------------------------- */
#wrapper { margin: 0; padding: 0; width: 570px; 	height : 380px; float: left; }
#sidebar { float: left; margin: 0; padding: 40px 20px 0 20px; width: 170px; 	height : 340px; }
/*---------------------------------------------------------------------
	MENUS
-------------------------------------------------------------------- */
#top, #footer { margin: 0 auto; padding: 0; width: 880px; }
.menu ul { margin: 2px 0; padding: 0; float: right; list-style-type: none; }
/*.menu ul li a { font-weight: normal; }*/
/*  top  */
#top { height: 75px; padding-top: 5px; }
#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; }
/* 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 #ccc; }
legend { margin: 0; padding: 0; font-weight: bold; }
input, textarea { background: #eee; border: 1px solid #ccc; }
input[type=checkbox]{ border: none; background: #eee;}
input[type=submit] { background: #eee; border: 1px solid #ccc; }
input[type=submit]:hover { background: #eee; cursor: pointer; }
textarea:focus, input[type=text]:focus { border: 1px solid #ccc; }
/*---------------------------------------------------------------------
	HOME
-------------------------------------------------------------------- */
#home #menu-top { display:none; }
#home #main { margin: 0 auto; padding: 0; width: 960px; height: 530px; position: relative; }	
#home #main-top { width: 960px; position: absolute; z-index: -1; }
#home #content { margin:0; padding:0; position: absolute; z-index: 2; border:none !important; background: #000; width:960px; height:530px;}
#home #ccontent.home { padding: 100px 0 0 0; height: 430px; width: 960px; background: #000 url(../img/home/main.jpg) left top no-repeat;}
#home #ccontent div { margin: 0; padding: 30px 0 0 600px; }
/*---------------------------------------------------------------------
	COLLECTION
-------------------------------------------------------------------- */

#ccontent { margin: 0; padding: 0; height: 380px; width: 880px; }
#ccontent div.txt { height:40px; margin: 0; padding: 340px 10px 0; font: 11px arial; color: #666; background: transparent url(../img/sphinx.png) right bottom no-repeat;}
#ccontent div.txt p { margin: 0; padding:0; }
/* ----------------------------------------------------------------- */
#ccontent.accueil { background: #fefefe url(../img/collection/accueil.jpg) left top no-repeat; }
#ccontent.accueil div.txt { padding: 190px 0 0 450px; width:400px; font:14px helvetica; line-height: 2em; color: #fff; background: none; }
#ccontent.noeud { background: transparent url(../img/collection/noeud.jpg) left top no-repeat; }
#ccontent.bijou { background: transparent url(../img/collection/bijou.jpg) left top no-repeat; }
#ccontent.cuirgalonstrass { background: transparent url(../img/collection/cuirgalonstrass.jpg) left top no-repeat; }
#ccontent.starbow { background: transparent url(../img/collection/starbow.jpg) left top no-repeat; }
#ccontent.semiramis { background: transparent url(../img/collection/semiramis.jpg) left top no-repeat; }
#ccontent.noeudcroisillonivoire { background: transparent url(../img/collection/noeudcroisillonivoire.jpg) left top no-repeat; }
#ccontent.noeudpoupeecouleur { background: transparent url(../img/collection/noeudpoupeecouleur.jpg) left top no-repeat; }
#ccontent.spotbutterfly { background: transparent url(../img/collection/spotbutterfly.jpg) left top no-repeat; }
#ccontent.fleurettegrillage { background: transparent url(../img/collection/fleurettegrillage.jpg) left top no-repeat; }
#ccontent.motscroises { background: transparent url(../img/collection/motscroises.jpg) left top no-repeat; }
#ccontent.cityaddict { background: transparent url(../img/collection/cityaddict.jpg) left top no-repeat; }
#ccontent.vison { background: transparent url(../img/collection/vison.jpg) left top no-repeat; }
#ccontent.frivole { background: transparent url(../img/collection/frivole.jpg) left top no-repeat; }
#ccontent.scotty { background: transparent url(../img/collection/scotty.jpg) left top no-repeat; }
#ccontent.trompeloeil { background: transparent url(../img/collection/trompeloeil.jpg) left top no-repeat; }
#ccontent.venezia { background: transparent url(../img/collection/venezia.jpg) left top no-repeat; }
#ccontent.claudine { background: transparent url(../img/collection/claudine.jpg) left top no-repeat; }
#ccontent.liege { background: transparent url(../img/collection/liege.jpg) left top no-repeat; }
#ccontent.noelblanc { background: transparent url(../img/collection/noelblanc.jpg) left top no-repeat; }
#ccontent.etoiledesneiges { background: transparent url(../img/collection/etoiledesneiges.jpg) left top no-repeat; }
#ccontent.crokme { background: transparent url(../img/collection/crokme.jpg) left top no-repeat; }
#ccontent.champdhiver { background: transparent url(../img/collection/champdhiver.jpg) left top no-repeat; }
#ccontent.colvison { background: transparent url(../img/collection/colvison.jpg) left top no-repeat; }

#collection #main-bottom img { border:1px solid #ccc; margin-left:1px;}
#main-bottom { margin-top: 15px; padding:5px; width:880px; text-align:right; }
#main-bottom a.on:link img, #main-bottom a.on:visited img{ -moz-opacity:0.3; opacity: 0.3; }
#main-bottom a.on:hover img { -moz-opacity:0.8; opacity: 0.8; }
#main-bottom a.off:hover img { -moz-opacity:0.8; opacity: 0.8; }
#main-bottom p#archives { width:880px; text-align:right; font-size:0.9em; font-variant: small-caps;}

/* ----------------------------------------------------------------- */
/*Archives */
#content p.archives { margin : 50px 0 0 0; text-align:center; width: 290px; float: left; font-size: 1.1em; }
#content p.archives  img { margin: 5px; }
/*---------------------------------------------------------------------
	FABRICATION
-------------------------------------------------------------------- */
#fabrication #sidebar-home { float: left; margin: 0; padding: 50px 50px 0; width: 330px; height: 380px; text-align: justify; line-height: 1.5em; }
#fabrication #wrapper-home { float: left; margin: 0; padding: 20px 0 0 0; width: 440px; }

#fabrication #sidebar { margin:0; padding: 80px 60px; width: 355px; height : 220px; text-align: center; }
#fabrication #wrapper { margin: 0; padding: 100px 105px 0 0; width: 300px; height : 280px; 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:0.6; opacity: 0.6; }
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: 550px;	height: 380px; z-index: 1; }
#boutiques #carte { margin: 0; padding : 0 0 0 20px;	width: 530px;	height: 300px; clear: both; }
#boutiques #sidebar { float: left; margin: 0; padding: 0 0 0 20px;	width: 310px;	height : 380px; }
#boutiques #sidebar #intro { padding: 0 40px; }
#boutiques #sidebar #intro p.nb { text-align: justify; padding: 0 30px; }
#boutiques #sidebar #intro p.logo { padding: 60px 0 20px 0; text-align: center; }
#boutiques #sidebar #print { margin: 0; padding: 5px 20px 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: 353px; padding: 0 0 0 40px; }
#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: 55px; left: 5px; z-index: 1; width: 490px; height: 370px; background: #fff; 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 #ccc; }
/*  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:#000;	-moz-opacity: 0.6; opacity: 0.6; }
#TB_window { position: fixed; background: #fff; 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 #666; }
#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 : 180px; 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: 5px 0 0 20px; }
/*---------------------------------------------------------------------
	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: 840px; height : 340px; 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; }
/*---------------------------------------------------------------------
	PLAN DU SITE
-------------------------------------------------------------------- */
#sitemap #content ul { margin-top: 40px; }
#sitemap #content ul.archives { margin-top: 0px; }
#sitemap #content ul li { margin: 5px 0; }