body {
 margin: 0;
 background: #666;
 padding: 0;
}

img {
 border: 0
}

form {
 margin:0;
 padding:0;
}

h1.titre {
 margin: 5px;
 font-size: 16px;
}

/* ----- CLASSES COMMUNES ----- */

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; border: 1px solid #ccc; list-style: none }
p.centre { text-align: center; margin: 10px }
p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }

/* ----- CONTENEUR ----- */

#conteneur {
 width: 1003px;
 padding: 0;
 margin: auto;
 font-family: "Arial", "Helvetica", sans-serif;
 font-size: 11px;
 color: #000;
 min-height: 673px;
}

/* ----- CADRE ----- */

#logo {
 padding-top: 10px;	
}

/* ----- CONTENU ----- */

#page {
 clear: both;	
 height: 540px;	
}

/* ----- ANIMATION DE CHARGEMENT ----- */

#page #spinner {
 position: absolute;
 width: 1003px;
 height: 527px;
 background: url('../../images/spinner.dark.gif') center center no-repeat;
}

#page #progressContainer {
 margin: 290px 0 0 400px;
 border: 1px solid #333;
 width: 200px;
}

#page #progressBar {
 width: 1px;
 display: block;
 background-color: #333;	
 text-align: center;
 height: 4px;
}

#page #progressMessage {
 display: block;
 padding-top:10px;
 text-align: center;
 height: 4px;
 color: #333;
 text-transform: uppercase;
 font-size: 11px;
 letter-spacing: 2px;
}

/* ----- CATEGORIES ----- */

#page #categories {
 text-align: center;
 margin: 10px 0 0 55px;
 font-size: 11px; 
 width: 1073px;
 position: absolute;
 cursor: default;
 z-Index: 1;
}

#page #categories .cat {
 display: block;
 float: left;
 text-align: center;
 min-width: 50px;
 padding: 3px 6px;
 margin: 0px 6px 0 6px;
 text-transform: uppercase;	
}

#page #categories .cat:hover {
 background: #111;	
 color: #fff;
}

#page #categories .cat ul {
 display: none;
 list-style: none;	
 position: absolute;
 margin: 3px 0 0 -30px;
 padding: 0;
 background: #111;
 text-transform: none;	
 width: 130px;
 text-align: left;
}

#page #categories .cat:hover ul {
 list-style: none;	
 position: absolute;
 display: block;
 margin: 3px 0 0 -6px;
}

#page #categories .cat ul li {
 color: #eee;
 font-size: 10px;
 letter-spacing: 0;
 text-transform: 0;
 padding: 6px 7px;
}
#page #categories .cat ul li:hover {
 background: #333;
 color: #fff;
}

#page #categories .cat a {
 font-family: 'Georgia', sans-serif;
 font-size: 12px;
 color: #000;
 text-decoration: none; 
}

#page #categories .cat:hover a {
 color: #fff;
 text-decoration: none;
}

#page #categories .cat li a {
 color: #eee;
 text-decoration: none;
 display: block;
}

#page #categories .cat li a:hover {
 color: #fff;
}

#page #cadre {
 clear: both;
 position: absolute;
 width: 1003px;
 height: 490px;
 text-align: left;
 padding: 13px 0px;
 margin-top: 25px;
}

#page h2, #page h1  {
 margin: 0;
 padding: 10px;	
 font-size: 14px;
 color: #000;
 text-transform: uppercase;
}

#darkbox {
 position: absolute;
 width: 875px;
 height: 428px;
 text-align: left;
 padding: 50px 50px 0 50px;
 margin: 10px 0 0 13px;
 background: #111;
 color: #fff;
}

#darkbox input[type="text"] {
 padding: 2px;
 border: 1px solid #444;
 background: #070707;
 color: #fff;
 font-size: 11px;	
}

#darkbox textarea {
 padding: 2px;
 border: 1px solid #444;
 background: #070707;
 color: #fff;
 font-size: 11px;	
 overflow: auto;
}

#darkbox input[type="submit"] {
 padding: 3px;
 border: 1px outset #777;
 background: #000;
 color: #fff;
 font-size: 11px;	
 margin-right: 12px;
}

#darkbox ul {
 margin: 0px 0px 10px 0px;
 padding: 0;
 list-style: none;	
}

#darkbox b {
 margin: 0;
 padding: 10px 0px;	
 font-size: 14px;
 color: #fff;
 text-transform: uppercase;
}

#darkbox a  {
 text-decoration: none;
 color: #44BBAA;	
}

#darkbox a:hover {
 color: #FFF;
 text-decoration: none;	
}

/* ----- GALERIE PRODUIT ----- */

#page #intro {
 position: absolute;
 margin: 43px 0 0 530px;	
 padding: 0px;
}

#page #coverflow {
 position: absolute;
 margin: 320px 0 0 0;	
 width: 997px;
 overflow: hidden;
 padding: 0px;
 margin-left: 3px;
}

#page #coverflow #scroller {
 padding-right: 14px; 	
}

.galery-image {
 margin: 0 0 0 14px;
}

#galery-go-left {
 position: absolute;
 display: block;
 width: 24px;
 height: 24px;
 margin: -120px 0 0 -10px;
}

#galery-go-right {
 position: absolute;
 display: block;
 width: 24px;
 height: 24px;
 margin: -120px 0 0 990px;	
}

#page #prodImage {
 position: absolute;
 margin: 15px 15px 0px 350px;
 border: 2px solid #eee;
 height: 273px;
 width: 624px;
 display: block;	
} 

#page #prodImage #prodImageZoom {
 position: absolute;
 margin: 245px 0 0 422px;	
}

#page #prodDesc {
 position: absolute;
 margin: 50px 0px 0px 20px;
 width: 300px;
 height: 300px;	
 color: #fff;
}

#page #prodDesc h3 {
 font-size: 18px;
 font-weight: normal;
 color: #fff;
 padding: 12px 0px;
 margin: 0px;	
}

#page #prodDesc .prix {
 font-size: 16px;	
 font-weight: bold;
 color: #fff;
 padding-top: 10px;
}

#page #prodSpinner {
 position: absolute;
 margin: 30px 0px 0px 940px;
}

/* ----- ARTICLES ----- */

#page div.article {
 border:1px solid #333;
 padding:8px;
 overflow:auto;
 overflow-x:none;
 font-family: Georgia;
 font-size: 14px;
 height: 310px;
}

#page h2.article {
 font-size: 15px;
 font-weight: bold;
 color: #fff;
 margin: 0 0 5px 0;
 padding: 0;
 font-family: Georgia;
 font-size: 17px;	
}

/* ----- PICTO PIED DE PAGE ----- */

#pied {
 background: url('../../images/pied.bg.png') top left repeat-x;
 display: block;
 clear: both;	
 line-height: 20px;
 padding: 0px 5px;
 margin-bottom: 5px;
}

#pied a {
 color: #000;	
 text-decoration: none;
}

#pied a:hover {
 color: #fff;
 text-decoration: none;	
}

#credits a {
 color: #000;
 text-decoration: none;	
}

#credits a:hover {
 color: #fff;
 text-decoration: none;	
}

.picto_ami {
 background: url('../../images/picto.ami.normal.png') center center no-repeat;
 width: 20px;
 height: 20px;	
}
.picto_ami:hover {
 background: url('../../images/picto.ami.hover.png') center center no-repeat;
}

.picto_contact {
 background: url('../../images/picto.contact.normal.png') center center no-repeat;
 width: 20px;
 height: 20px;	
}
.picto_contact:hover {
 background: url('../../images/picto.contact.hover.png') center center no-repeat;
}

.picto_sitemap {
 background: url('../../images/picto.sitemap.normal.png') center center no-repeat;
 width: 20px;
 height: 20px;	
}
.picto_sitemap:hover {
 background: url('../../images/picto.sitemap.hover.png') center center no-repeat;
}

.picto_favs {
 background: url('../../images/picto.favs.normal.png') center center no-repeat;
 width: 20px;
 height: 20px;	
}
.picto_favs:hover {
 background: url('../../images/picto.favs.hover.png') center center no-repeat;
}

.picto_home {
 background: url('../../images/picto.home.normal.png') center center no-repeat;
 width: 20px;
 height: 20px;	
}
.picto_home:hover {
 background: url('../../images/picto.home.hover.png') center center no-repeat;
}

#catTitle {
 position: absolute;
 width: 948px;
 text-align: justify;
 color: #fff;
 background: #000;
 font-size: 13px;
 padding: 10px;
 height: 260px;
 margin: 18px 0 0 18px;
 /*font-style: italic;*/
 font-family: Georgia;
 font-weight: bold;
 font-size: 14px;	
 line-height: 25px;
 overflow: auto;
 overflow-x: hidden;
}

h1{margin:0;padding:0}
h1 span{display:none}

.g12 {
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif
}

.zoomTitle {
 background: #eee;
 color: #333;
 font-weight: bold;
 padding: 3px 6px;
 margin: 2px 10px 2px 0;
 display: block;
 font-family: Georgia;
 font-size: 14px;
}

.zoomText {
 font-weight: normal;
 padding: 3px 6px;
 margin: 2px 10px 2px 0;
 display: block;
 font-family: Georgia;
 font-size: 14px;
}