@charset "utf-8";
/* CSS Document */
body{
	background-color:#000018;
	background-image:url(image/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-family:"Book Antiqua", Palatino, serif;
}

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

img{
	border:0;
	margin:0;
}

img, div { behavior: url(script/iepngfix.htc) }

#bandeau{
	position:relative;
	margin:auto;
	width:860px;
	font-size:16px;
	height:auto;;
	color:#FFF;
}
#trait-gauche, #trait-droite{
	border-bottom:#FFF 1px solid;
	width:320px;
	float:left;
	height:5px;
	padding-top:7px;
}
#txt-bandeau{
	float:left;
	margin:0 15px 0 15px;
}
#menu{
	background-color:#189797;
	font-size:14px;
	float:right;
	margin:0 2px 0 0;
	padding:0;
	color:#FFF;
	height:22px;
	padding-top:8px;
	padding-left:40px;
	width:580px;
	z-index:2;
}

#menu li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}

#menu li a{
	color:#FFF;
}

#site-accueil{
	margin:auto;
	width:860px;
	height:auto;
	z-index:1;
}

#site{
	margin:auto;
	width:838px;
	height:auto;
	z-index:1;
	background-color:#FFF;
	padding:30px 0px 0 20px;
	border:1px solid #189797;
}

#categorie{
	font-size:22px;
	font-weight:bold;
	height:38px;
	width:689px;
	background-image:url(image/titre_produit.jpg);
	margin-left:-20px;
	padding:10px 0 0 20px;
	margin-bottom:20px;	
	color:#fff;
}

.liste-produit{
	text-align:center;
	vertical-align:middle;
	height:157px;
	width:208px;
	clear:both;
	margin-bottom:8px;
	border-spacing:0;
	border-collapse:collapse;
}

.vignette{
	float:left;
	background-image:url(image/vignette.jpg);
	width:209px !important;
	width:209px;	
	height:229px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px 20px 0 21px;;
	font-weight:bold;
	margin:0 24px 20px 5px !important;
	margin:0 16px 20px 5px;
	color:#fff;
}

.prix{
	float:right;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
}

#haut{
	height:392px;
	margin-bottom:15px;
	
}

#bas{
	clear:both;
	position:relative;
	margin:auto;
	height:auto;
}

#image-produit{
	float:left;
	vertical-align:middle;
	text-align:center;
	width:522px;
	height:392px;
	border-spacing:0;
	border-collapse:collapse;
}

#image{
	border:2px solid #189797;
}

#liste_photo{
	float:right;
	width:275px;
	height:392px;
}

.mini-photo{
	margin:0 20px 22px 0;
	width:108px;
	height:80px;
	border:1px solid #189797;
	float:left;
	cursor:pointer;
	text-align:center;
}

#description{
	float:left;
	padding:0;
	margin:0;
	color:#3e3e3e;
	font-size:12px;
	width:410px;
	text-align:justify;
}

#fiche-descriptive{
	float:right;
	/*border:1px solid #189797;*/
	width:405px;
	font-weight:bold;
	background-color:#189797;
	height:100px;
	
}

/*Contact*/
#artforms-box {
	width: 54%;
	font-size: 13px;
	margin: 0px -4px 0px -4px;
	padding: 5px 2px 5px 2px;
}

.inputbox{
	width:140px;
}

#artforms-box input,
#artforms-box .inputboxtxt,
#artforms-box fieldset {
	padding:0;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	background: #f4f4f4 url(image/input.png) -3px -3px repeat-x;
}

#artforms-box #artforms-buttons {
	margin:5px 0px 5px 0px;
	padding:2px 2px 2px 2px;
	height:99%;
}

#artforms-box .artforms-button {
	border: 1px solid #777;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	background: transparent url(image/input.png) -3px -3px repeat-x;
	font-size: 12px;
	color: #888;
	padding:2px 4px 2px 7px;
}

#artforms-box div.artforms-date input.button:hover,
#artforms-box .artforms-button:hover {
	border: 1px solid #d6d6d6;
	border-left-color: #777;
	border-top-color: #777;
	background: transparent url(images/input.png) -3px -3px repeat-x;
	font-size: 12px;
	color: #333;
	padding:2px 4px 2px 6px;
	margin:1px 0px -1px 1px;
}

.clear{
	clear:both;
}
/*Fin Contact*/

#footer{
	position:relative;
	margin:auto;
	font-size:12px;
	width:860px;
	margin-top:5px;
	height:35px;
	background-color:#189797;
	text-align:center;
	padding-top:5px;
	color:#FFF;
}

#footer a{
	color:#FFF;
}

#creation{
	text-align:right;
	position:relative;
	margin:auto;
	width:860px;
	font-size:10px;
	color:#FFF;
}

#creation a{
	color:#FFF;
}

.slide{
position:relative;
margin:auto;
width:685px;
}

.Optim4, .Optim5, .Optim6{
float:left;
position:relative;
cursor:pointer;
padding-top:5px;
}

.Optim1, .Optim2, .Optim3{
float:left;
position:relative;
cursor:pointer;
}

.menu-Optim1, .menu-Optim2, .menu-Optim3{
width:120px;
position: absolute;
z-index:5;
}

.menu-Optim4{
width:560px;
position: absolute;
bottom:1.3em;
background-color:#A1EAF3;
text-align:justify;
z-index:5;
color:#000018;
}

.menu-Optim5, .menu-Optim6{
width:180px;
position: absolute;
bottom:1.3em;
z-index:5;
}

.menu-Optim1 ul, .menu-Optim2 ul, .menu-Optim3 ul, .menu-Optim1 li, .menu-Optim2 li, .menu-Optim3 li {
margin:0px;
padding:0px;
list-style-type:none;
list-style:none;
background-color:#189797;
line-height:25px;
}
.menu-Optim1 a:link, .menu-Optim2 a:link, .menu-Optim1 a:visited, .menu-Optim2 a:visited{
display:block;
height:100%;
font-size:13px;
text-decoration:none;
text-align:left;
color:#33494a;
}
.menu-Optim1 li a:hover, .menu-Optim2 li a:hover {
color:#000;
}

.menu-Optim5 ul, .menu-Optim6 ul, .menu-Optim5 li, .menu-Optim6 li {
margin:0px;
padding:0px;
padding-left:2px;
list-style-type:none;
list-style:none;
background-color:#A1EAF3;
}
#footer .menu-Optim5 a:link, #footer .menu-Optim6 a:link, #footer .menu-Optim5 a:visited, #footer .menu-Optim6 a:visited{
display:block;
height:100%;
font-size:12px;
text-decoration:none;
text-align:left;
color:#33494a;
}
#footer .menu-Optim4 p a:hover, #footer .menu-Optim5 li a:hover, #footer .menu-Optim6 li a:hover {
color:#000018;
}