/*---------------------BASE------------------------*/
*{margin:0px;padding:0px;}

html,body {
width:100%;
height:100%
}
body{
	background-color:#8C7BAF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	background-image: url(../interface/font_body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	}
	
.barre {
	text-decoration: line-through;	
}

.promo {
	color: #990000;	
}
	
#total {
width:953px;
	min-height:100%;
	height:auto!important;
	height: 100%;
	background-image: url(../interface/font_contenu.jpg);
	background-repeat: repeat-y;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	
}
#fond-centre{
	background-image: url(../interface/font_total.jpg);
	background-repeat: no-repeat;
	min-height:794px;
	height:auto!important;
	height: 794px;
	width: 953px;

}
#bouton{
}
#bouton ul{list-style:none; padding-left:535px;padding-top:203px;}
#bouton ul li{ float:left; margin-right:10px;}
#bouton ul li a{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
	height: 18px;
	width: 72px;
	display:block;
	padding-top:5px;
	padding-left:13px;
	
}
#bouton #bouton1{width: 61px;padding-left:24px;}
#bouton #bouton2{width: 52px;padding-left:33px;}
#bouton #bouton3{width:77px;padding-left:8px;}
#bouton #bouton4{width:62px;padding-left:23px;}
#menu{
width:198px;
float:left;
margin-top:-20px;

}
#contenu{
	width:660px;
	float:right;
	padding-bottom:50px;
	padding-right:62px;
	padding-top:33px;
	}
#footer{
	height: 50px;
	width: 100%;
	position:absolute;
	bottom:0px;
}
#footer a{font-size:11px;color:#FFFFFF;}

/*---------------------PRODUITS------------------------*/
#produit1{
	background-color: #B5B3D7;
	width:660px;
	background-image: url(../interface/details1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #FFFFFF;
	color:#333333;
	margin-bottom:20px;
}
#produit2{
	background-color: #D6D5DD;
	width:660px;
	background-image: url(../interface/details2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #FFFFFF;
	color:#333333;
	margin-bottom:20px;
}

#photo1{
	
	height:98px;
	background-color: #CCCCCC;
	border: 1px solid #FFFFFF;
	margin:4px;
	float:left;
}
#description1{
float:left;
width:289px;
}
#panier1{
	float:right;
	background-image: url(../interface/panier2.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 154px;
}
#panier2{
	float:right;
	background-image: url(../interface/panier1.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 154px;
}
.result1 {
	background-color: #DDDCED;
}

#details{
	float:right;
	background-image: url(../interface/details1.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 154px;
}
.result2 {
	background-color: #FFFFFF;
}

#ficheDetail{
	background-color: #B5B3D7;
	width:660px;
	
	border: 1px solid #FFFFFF;
	color:#333333;
	margin-bottom:20px;
}
#prix{
font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:right;
	height: 28px;
	width: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top:6px;
}

#panier1 a,#panier2 a{height: 28px;
	width: 154px;
	display:block;}
#detail{height: 28px;
	width: 154px;
	display:block;
	float:right;
	margin-top:-28px;}

/*---------------------CLASS------------------------*/
.type1{width:404px; padding-left:37px; margin-top:20px; float:left;}
.type2{ text-indent:40px; text-align:justify;}
.type3{ padding-left:37px; margin-top:20px; padding-right:37px; text-align:justify;}
#contenu ul{margin-left:40px; margin-bottom:10px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.image1{clear:both;margin-left:37px; margin-top:20px; margin-bottom:20px;}
.image-milieu{margin-left:71px; margin-right:71px;}
.rappel{padding-left:17px; padding-top:20px;}

/*---------------------BALISE------------------------*/
h1{display:none;}
h2{font-size:12px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
p{margin-bottom:10px;}
img{border:none;}
h3{
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	width:352px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-bottom:20px;
}
h4{font-size:18px;}

/*---------------------MENU------------------------*/
#menu ul{ list-style:none; margin-left:28px;}
#menu ul li{
	padding-top:8px;
	padding-bottom:8px;
	background-image: url(../interface/trajet-menu.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 165px;
	padding-left:7px;
}
#menu ul li a{ color:#333333; font-weight:bold; text-decoration:none; font-size:10px;}
#menu ul li a:hover,.page1 #btn1 a,.page2 #btn2 a,.page3 #btn3 a,.page4 #btn4 a,.page5 #btn5 a,.page6 #bt6 a,.page7 #btn7 a{ text-decoration:underline;}

#titre-menu1,#titre-menu2,#titre-menu3{padding-left:74px;}
#btn1,#btn9,#btn4{ margin-top:5px;}
#menu #btn3,#menu #btn8{ background:none;}
#titre-menu2{padding-top:3px;}
#titre-menu3{
	background-image: url(../interface/alfa.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 195px;
	padding-left:17px;
	background-position: right center;
}
#btn8{margin-top:-2px;}

#footer ul{ list-style:none; margin-top:10px; margin-bottom:10px;}
#footer ul li{
	display:inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#footer ul li a{text-decoration:none; margin-left:5px; margin-right:5px;}
#footer ul li a:hover{ text-decoration:underline;}
#footer #btn1 a{margin-left:0px;}
#footer #btn7{border:none;}

/*---------------------LINKEO------------------------*/
#powered a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	float: left;
}
#powered img {
	height: 10px;
	width: 10px;
	vertical-align: middle;
	float: left;
}