/* elements html */
body {
	font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background: url(images/fond.gif) repeat top left;
}
p {
	margin: 0 0 2px 0;
}
img {
	border: 0;
}
h1 {
	font-size: 2em;
}
h2 { 
	font-size: 1.3em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
	display: inline;
}
input, select {
	border: 1px solid #aaa;
	width: 150px;
}
input[type="submit"] {
	font-family: Arial, Helvetica, sans-serif;
	background: #fce8a9 url(images/fond-boutons.gif) repeat-x top left;
	font-size:0.9em;
	padding: 1px 4px;
	height: 19px;
	border: 1px solid #ccc;
	color: #333;
}
input[type="submit"]:hover {
	background: #fce8a9;
	cursor: pointer;
	color: #333;
}
input[type="checkbox"], input.checkbox  {
	width: 15px;
}
textarea {
	border: 1px solid #aaa;
	width: 350px;
	height: 150px;
}	

/* blocs */
#conteneur {
	width: 986px;
	margin: 15px auto;
	padding: 0;
}
#header {
	background: transparent url(images/header.jpg) no-repeat top left;
	height: 210px;
	padding: 0px;
	margin: -0px 0px 0px 25px;
	position: relative;
	top: -30px;
}
#langues {
	width: 145px;
	margin-left: 801px;
	text-align: center;
	position: absolute;
	top: 60px;
	padding: 10px;
}
#compte {
	width: 145px;
	margin-left: 810px;
	position: absolute;
	top: 142px;
	line-height: 20px;
	padding: 10px;
}
#haut {

	display:none;
}
#centre {
	margin-left: 245px;
	padding: 5px;
	text-align: justify;
	min-height: 500px;
	width: 730px;
	color: #201012;
	position: relative;
	top: -30px;
	background: #fff;
}
#gauche {
	float: left;
	width: 215px;
	padding: 5px;
	margin-left: 10px;
	position: relative;
	top: -30px;
}
#footer {
	clear: both;
	line-height: 15px;
	padding: 5px;
	text-align: center;
	margin: 0 auto;
	width: 970px;
	color: #201012;
	position: relative;
	top: 30px;
}
#copyright {
	clear: both;
	line-height: 15px;
	padding: 5px;
	text-align: center;
	margin: -10px auto 0 auto;
	width: 970px;
	color: #333;
}
#copyright a {
	color: #000;
}

/* design */
#header h1, #header h2, #header a span {
	display: none;
}
#header a {
	display: block;
	width: 700px;
	height: 210px;
	position: absolute;
	top: 0px;
	z-index: 100;
}
#header a#sitemap {
	position: absolute;
	top: -20px;
	width: auto;
	height: auto;
	margin-left: 67px;
	color: #bbb;
	text-decoration: none;
	font-style: italic;
}
#header a#sitemap:hover {
	color: #888;
	text-decoration: underline;
}
#conteneur .fondcont {
	background: transparent url(images/fond-conteneur.png) repeat-y top left;
}
#conteneur .debutcont {
	background: transparent url(images/haut-conteneur.png) no-repeat top left;
	height: 53px;
}
#conteneur .fincont {
	background: transparent url(images/bas-conteneur.png) no-repeat top left;
	height: 53px;
}
#centre .bloc h3{
	border-bottom: 1px solid #ccc;
	width: 96%;
	padding-bottom: 3px;
}
#centre .bloc .fin {
	margin-bottom: 20px;
}

/* menus */
#compte a {
	color: #000;
	text-decoration: none;
	background: #fce8a9;
}
#compte a:hover {
	color: #f60;
	background: #fce8a9;
}
#compte ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0px 0px 20px;
}
#compte li {
	line-height: 26px;
}
#compte img {
	position: relative;
	top: 4px;
}

#gauche ul, #centre ul {
	list-style-type: none;
	margin: 0 0 20px 5px;
	padding: 0;
}
#gauche li {
	margin: 0px;
}
#gauche a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 3px;
	background: #fff;
}
#gauche a.selected {
	background: #CF0170;
	color: #fff;
}
#gauche a:hover {
	background: #CF0170;
	color: #fff;
}
#gauche ul li ul{
	margin: 0 0 10px 0;
}
#gauche ul li ul a {
	padding: 3px 3px 3px 15px;
	margin: 1px;
}
#centre ul {
	padding-left: 10px;
}
#centre ul.compte {
	padding-left: 70px;
	background: url(images/compte.jpg) no-repeat 10px 12px;
}
#centre ul a {
	color: #000;
	text-decoration: none;
	display: block;
	width: 250px;
	padding: 3px;
	padding-left: 0px;
	background: #fff;
}
#centre ul a:hover {
	text-decoration: underline;
}
#centre ul li ul{
	margin: 0 0 10px 0;
}
#centre ul li ul a {
	padding: 3px 3px 3px 15px;
}
#centre ul.compte a {
	color: #000;
	text-decoration: none;
	display: block;
	width: 210px;
	padding: 3px;
	padding-left: 10px;
	border-left: 20px solid transparent;
	background: #fff;
	line-height: 15px;
}
#centre ul.compte a:hover {
	border-left: 20px solid #CF0170;
	text-decoration: underline;
}

/* centre */
#centre a {
	color: #000;
	text-decoration: none;
}
#centre a:hover {
	text-decoration: underline;
}
#centre a.souligne {
	text-decoration: underline;
}
#centre a.soulignepetit {
	text-decoration: underline;
	font-size: 0.9em;
}
#centre a.soulignegras {
	text-decoration: underline;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* footer */
#footer a {
	color: #000;
	text-decoration: none;
	background: #fff;
}
#footer a:hover {
	text-decoration: underline;
}

/* produits */
.produit {
	border-right: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	vertical-align: top;
}
img.apercu, img#grande {
	border: 1px solid #f9cada;

}
div.miniatures {
	margin-left: 12px;
}
td.photos {
	/*border-right: 1px dotted #ffb200;*/
}
#listeproduits {
	margin-left: -6px;
}
#listeproduits a:hover img.apercu {
	border: 1px solid #f299b7;
}
span.chapo {
	font-style: italic;
	font-size: 0.9em;
}
span.prix {
	color: #f299b7;
	font-weight: bold;
	background: #fff;
}
span.prix2 {
	font-size: 0.8em;
}
span.promo {
	text-decoration: line-through;
}
span.ref {
	font-size: 0.9em;
	position: relative;
	top: -10px;
}
span.dispo {
	color: #888;
	font-style: italic;
	background: #fff;
}
.erreur {
	color: #f00;
	background: #fff;
}
div.pages {
	margin: 20px 0;
	text-align: center;
	font-size: 0.8em;
}
div.pages img {
	position: relative;
	top: 5px;
}
input.inputnewsletter {
	width: 100px;
	font-size: 0.8em;
	height: 15px;
}
input.submitnewsletter {
	width: 80px;
	position: relative;
	top: 2px;
}
div.continuer {
	text-align:right;
	padding: 30px;
	padding-right: 100px;
}
#centre a.bouton {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #fce8a9 url(images/fond-boutons.gif) repeat-x top left;
	font-size:0.9em;
	padding: 1px 4px;
	height: 19px;
	border: 1px solid #ccc;
	color: #333;
}
#centre a.bouton:hover {
	text-decoration: none;
	background: #fce8a9;
	color: #333;
}
#footer .bloc img {
	position: relative;
	top: 3px;
}
img.panier {
	position: relative;
	top: -15px;
	left: 70px;
}
img.paniermini {
	position: relative;
	top: 7px;
	padding-right: 3px;
}

div.imagehaut {
	height: 11px;
	background: url(images/image-haut.gif) no-repeat top left;
	width: 258px;
}
div.imagecentre {
	background: url(images/image-centre.gif) repeat-y top left;
	width: 258px;
}
div.imagecentre img{
	margin: 0 13px;
}
div.imagebas {
	height: 11px;
	background: url(images/image-bas.gif) no-repeat top left;
	width: 258px;
}

div.minihaut {
	height: 6px;
	background: url(images/mini-haut.gif) no-repeat top left;
	width: 124px;
}
div.minicentre {
	background: url(images/mini-centre.gif) repeat-y top left;
	width: 124px;
}
div.minicentre img{
	margin: 0 6px;
}
div.minibas {
	height: 6px;
	background: url(images/mini-bas.gif) no-repeat top left;
	width: 124px;
}
a.telechargedoc {
	position: relative;
	top: -13px;
}
#langues a{
	color: #605256;
	background: #fce8a9;
	font-weight: bold;
}
#langues a:hover{
	color: #f60;
	background: #fce8a9;
}
#panier th, .souligne {
	text-decoration: underline;
}
span.soulignegras {
	text-decoration: underline;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
tr.fond, td.fond {
	background: #ffefef;
}
.bggrisclair {
	background: #eee;
	color: #444;
}
/* Highslide */
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: none;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
}